wabtec-internal-volt-basic-components 1.2.0 → 1.4.0

package/dist/esm/attribute-sync-C0soA0Iu.js

@@ -0,0 +1,116 @@
+/**
+ * Attributes to exclude from synchronization.
+ * These are typically handled by Stencil @Props or should not be forwarded.
+ */
+const EXCLUDED_ATTRIBUTES = [
+    "class",
+    "style",
+    "label",
+    "size",
+    "type",
+    "value",
+    "placeholder",
+    "disabled",
+    "readonly",
+    "is-readonly",
+    "error",
+    "required",
+    "is-required",
+    "informative-icon",
+    "formatter",
+    "allowed-styles",
+];
+/**
+ * Presence/absence boolean attributes to normalize
+ */
+const BOOLEAN_ATTRIBUTES = new Set(["autofocus", "multiple", "spellcheck"]);
+/**
+ * Sets up automatic synchronization of attributes from a host element to an internal native element.
+ * Syncs all attributes except those in the exclusion list.
+ * Useful for wrapper components that need to forward HTML attributes to shadow DOM elements.
+ *
+ * @param hostEl The host element to watch for attribute changes
+ * @param getInternalEl Function that returns the internal native element to sync to
+ * @returns Cleanup function to disconnect the observer
+ */
+const setupAttributeSync = (hostEl, getInternalEl, additionalExcludedAttributes = []) => {
+    const excludedAttrs = [
+        ...EXCLUDED_ATTRIBUTES,
+        ...additionalExcludedAttributes
+    ];
+    // Intercept boolean property and convert to attributes
+    BOOLEAN_ATTRIBUTES.forEach(prop => {
+        const existing = Object.getOwnPropertyDescriptor(hostEl, prop);
+        if (!existing) {
+            Object.defineProperty(hostEl, prop, {
+                get() {
+                    return this.hasAttribute(prop);
+                },
+                set(val) {
+                    if (!!val)
+                        this.setAttribute(prop, "");
+                    else
+                        this.removeAttribute(prop);
+                },
+                configurable: true
+            });
+        }
+    });
+    const syncAttributes = () => {
+        const internalEl = getInternalEl();
+        if (!internalEl)
+            return;
+        // Sync all attributes except excluded ones
+        Array.from(hostEl.attributes).forEach(attr => {
+            const name = attr.name;
+            if (excludedAttrs.includes(name))
+                return;
+            const val = attr.value;
+            // Handle boolean attributes by presence/absence
+            if (BOOLEAN_ATTRIBUTES.has(name)) {
+                const present = hostEl.hasAttribute(name);
+                const isTrue = present && (val === "" || val === "true");
+                if (name === "spellcheck") {
+                    // spellcheck: set to "true" or "false" explicitly
+                    const newVal = isTrue ? "true" : "false";
+                    if (internalEl.getAttribute(name) !== newVal) {
+                        internalEl.setAttribute(name, newVal);
+                    }
+                }
+                else {
+                    const attrValue = "";
+                    if (isTrue && !internalEl.hasAttribute(name)) {
+                        internalEl.setAttribute(name, attrValue);
+                    }
+                    else if (!isTrue && internalEl.hasAttribute(name)) {
+                        internalEl.removeAttribute(name);
+                    }
+                }
+                return;
+            }
+            // Sync normal attributes
+            if (internalEl.getAttribute(name) !== val) {
+                internalEl.setAttribute(name, val);
+            }
+        });
+        // Remove attributes from internal element that are no longer on host
+        Array.from(internalEl.attributes).forEach(attr => {
+            if (!excludedAttrs.includes(attr.name) &&
+                !hostEl.hasAttribute(attr.name)) {
+                internalEl.removeAttribute(attr.name);
+            }
+        });
+    };
+    if (typeof MutationObserver === "undefined") {
+        return () => { };
+    }
+    // Watch for attribute changes on host and sync to internal element
+    const observer = new MutationObserver(() => {
+        syncAttributes();
+    });
+    observer.observe(hostEl, { attributes: true });
+    syncAttributes();
+    return () => observer.disconnect();
+};
+
+export { setupAttributeSync as s };

package/dist/esm/{base-group-header-Dv2b0x2u.js → base-group-header-DHyRadI2.js}

@@ -1,5 +1,5 @@
-import { h } from './index-YrP3OJ_T.js';
-import { c as combineClasses } from './combine-classes-B23UkaEC.js';
+import { h } from './index-Db7Bd9sr.js';
+import { c as combineClasses } from './combine-classes-B9-Fmd9T.js';
 
 /**
  * Generates a group header container with a label.
@@ -14,6 +14,3 @@ const generateGroupHeaderContainer = (size, value) => {
 };
 
 export { generateGroupHeaderContainer as g };
-//# sourceMappingURL=base-group-header-Dv2b0x2u.js.map
-
-//# sourceMappingURL=base-group-header-Dv2b0x2u.js.map

package/dist/esm/{base-item-BJCnJ_64.js → base-item-LifVg8NG.js}

@@ -1,5 +1,5 @@
-import { h } from './index-YrP3OJ_T.js';
-import { c as combineClasses } from './combine-classes-B23UkaEC.js';
+import { h } from './index-Db7Bd9sr.js';
+import { c as combineClasses } from './combine-classes-B9-Fmd9T.js';
 
 /**
  * Gets the appropriate icon color based on the provided conditions.
@@ -77,6 +77,30 @@ const generateInformativeIcon = (icon, value, size, disabled, isActive, danger)
 const generateCheckbox = (isSelected, size, disabled, isActive, danger) => {
     return (h("div", { class: `vds-base-item__checkbox-icon-${size}` }, h("vds-icon", { "svg-icon": isSelected ? "checked" : "unchecked", class: combineClasses(isSelected ? "checkbox-icon-checked" : "", `checkbox-item-${size}`), size: getIconSize(size), color: getIconColor(disabled, isSelected || isActive, danger, true), alt: "checkbox-element" })));
 };
+/**
+ * Highlights matching text within a string by wrapping it in bold tags.
+ *
+ * @param {string} text - The text to search within.
+ * @param {string} highlightText - The text to highlight (case-insensitive).
+ *
+ * @returns {(string | HTMLStencilElement)[]} Array of strings and bold elements.
+ */
+const highlightMatchingText = (text, highlightText) => {
+    if (!highlightText || !text)
+        return [text];
+    const parts = [];
+    const regex = new RegExp(`(${highlightText.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
+    const textParts = text.split(regex);
+    textParts.forEach((part) => {
+        if (part && part.toLowerCase() === highlightText.toLowerCase()) {
+            parts.push(h("span", { class: "highlighted-text" }, part));
+        }
+        else if (part) {
+            parts.push(part);
+        }
+    });
+    return parts;
+};
 /**
  * Generates a label element based on the provided parameters.
 
@@ -85,11 +109,17 @@ const generateCheckbox = (isSelected, size, disabled, isActive, danger) => {
  * @param {boolean} disabled - Whether the label is disabled.
  * @param {boolean} isActive - Whether the label is active.
  * @param {boolean} danger - Whether the label should indicate danger.
+ * @param {string} [highlightText] - Optional text to highlight in bold.
+ * @param {HTMLElement} [slotParent] - Optional reference to the parent element containing the slot for processing slot content.
  *
  * @returns {HTMLStencilElement} The generated label element.
  */
-const generateLabel = (label, size, disabled, isActive, danger) => {
-    return (h("span", { class: combineClasses("vds-base-item__label", `vds-base-item__label--size-${size}`, disabled ? "vds-base-item__label--disabled" : "", isActive ? "vds-base-item__label--active" : "", danger ? "vds-base-item__label--danger" : "") }, label ? label : h("slot", null)));
+const generateLabel = (label, size, disabled, isActive, danger, highlightText, slotParent) => {
+    let content = h("slot", null);
+    if (label) {
+        content = highlightMatchingText(label, highlightText || "");
+    }
+    return (h("span", { class: combineClasses("vds-base-item__label", `vds-base-item__label--size-${size}`, disabled ? "vds-base-item__label--disabled" : "", isActive ? "vds-base-item__label--active" : "", danger ? "vds-base-item__label--danger" : "") }, content));
 };
 /**
  * Generates a children icon button based on the provided parameters.
@@ -106,6 +136,3 @@ const generateChildrenIconButton = (size, disabled, isActive, danger) => {
 };
 
 export { generateCheckbox as a, generateInformativeIcon as b, generateLabel as c, generateChildrenIconButton as d, generateCheckmarkIconButton as g };
-//# sourceMappingURL=base-item-BJCnJ_64.js.map
-
-//# sourceMappingURL=base-item-BJCnJ_64.js.map

package/dist/esm/clone-attributes-XcEz9ONw.js

@@ -0,0 +1,18 @@
+const cloneAttributes = (el, ...excludedKeys) => {
+    return Object.values(el.attributes)
+        .filter(({ name: keyName }) => !(excludedKeys === null || excludedKeys === void 0 ? void 0 : excludedKeys.some(exKey => exKey === keyName)))
+        .reduce((acc, attr) => {
+        acc = Object.assign(Object.assign({}, acc), { [attr.name]: attr.value });
+        return acc;
+    }, {});
+};
+const cloneSpecificAttributes = (el, ...atributesToInclude) => {
+    return Object.values(el.attributes)
+        .filter(({ name: keyName }) => atributesToInclude === null || atributesToInclude === void 0 ? void 0 : atributesToInclude.some(exKey => exKey === keyName))
+        .reduce((acc, attr) => {
+        acc = Object.assign(Object.assign({}, acc), { [attr.name]: attr.value });
+        return acc;
+    }, {});
+};
+
+export { cloneSpecificAttributes as a, cloneAttributes as c };

package/dist/esm/combine-classes-B9-Fmd9T.js

@@ -0,0 +1,9 @@
+/**
+ * Join array of classes into a single string
+ *
+ * @params classes string[]
+ * @returns string
+ */
+const combineClasses = (...classes) => classes.join(" ").trim();
+
+export { combineClasses as c };