wabtec-internal-volt-basic-components 1.0.0

package/dist/collection/constants/shadow-vars.js

@@ -0,0 +1,10 @@
+export default {
+    "elevation-shadow-0": "none",
+    "elevation-shadow-1": "(0 0 2px var(--box-shadow-color-01)), (0 1px 2px var(--box-shadow-color-02))",
+    "elevation-shadow-2": "(0 0 2px var(--box-shadow-color-01)), (0 2px 4px var(--box-shadow-color-02))",
+    "elevation-shadow-3": "(0 0 2px var(--box-shadow-color-01)), (0 4px 8px var(--box-shadow-color-02))",
+    "elevation-shadow-5": "(0 0 2px var(--box-shadow-color-01)), (0 8px 16px var(--box-shadow-color-02))",
+    "elevation-shadow-8": "(0 0 8px var(--box-shadow-color-01)), (0 14px 28px var(--box-shadow-color-02))",
+    "elevation-shadow-17": "(0 0 8px var(--box-shadow-color-01)), (0 32px 64px var(--box-shadow-color-02))",
+};
+//# sourceMappingURL=shadow-vars.js.map

package/dist/collection/constants/shadow-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow-vars.js","sourceRoot":"","sources":["../../src/constants/shadow-vars.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,oBAAoB,EAAE,MAAM;IAC5B,oBAAoB,EAAE,8EAA8E;IACpG,oBAAoB,EAAE,8EAA8E;IACpG,oBAAoB,EAAE,8EAA8E;IACpG,oBAAoB,EAAE,+EAA+E;IACrG,oBAAoB,EAAE,gFAAgF;IACtG,qBAAqB,EAAE,gFAAgF;CACvG,CAAC","sourcesContent":["export default {\n\t\"elevation-shadow-0\": \"none\",\n\t\"elevation-shadow-1\": \"(0 0 2px var(--box-shadow-color-01)), (0 1px 2px var(--box-shadow-color-02))\",\n\t\"elevation-shadow-2\": \"(0 0 2px var(--box-shadow-color-01)), (0 2px 4px var(--box-shadow-color-02))\",\n\t\"elevation-shadow-3\": \"(0 0 2px var(--box-shadow-color-01)), (0 4px 8px var(--box-shadow-color-02))\",\n\t\"elevation-shadow-5\": \"(0 0 2px var(--box-shadow-color-01)), (0 8px 16px var(--box-shadow-color-02))\",\n\t\"elevation-shadow-8\": \"(0 0 8px var(--box-shadow-color-01)), (0 14px 28px var(--box-shadow-color-02))\",\n\t\"elevation-shadow-17\": \"(0 0 8px var(--box-shadow-color-01)), (0 32px 64px var(--box-shadow-color-02))\",\n};"]}

package/dist/collection/constants/spacing-vars.js

@@ -0,0 +1,24 @@
+export default {
+    "spacing-00": "0rem",
+    "spacing-01": "0.125rem",
+    "spacing-02": "0.25rem",
+    "spacing-03": "0.5rem",
+    "spacing-04": "0.75rem",
+    "spacing-05": "1rem",
+    "spacing-06": "1.25rem",
+    "spacing-07": "1.5rem",
+    "spacing-08": "1.75rem",
+    "spacing-09": "2rem",
+    "spacing-10": "2.25rem",
+    "spacing-11": "2.5rem",
+    "spacing-12": "2.75rem",
+    "spacing-13": "3rem",
+    "spacing-14": "3.25rem",
+    "spacing-15": "3.5rem",
+    "spacing-16": "3.75rem",
+    "spacing-17": "4rem",
+    "spacing-18": "4.25rem",
+    "spacing-19": "4.5rem",
+    "spacing-20": "4.75rem",
+};
+//# sourceMappingURL=spacing-vars.js.map

package/dist/collection/constants/spacing-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing-vars.js","sourceRoot":"","sources":["../../src/constants/spacing-vars.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,UAAU;IACxB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,SAAS;CACvB,CAAC","sourcesContent":["export default {\n\t\"spacing-00\": \"0rem\",\n\t\"spacing-01\": \"0.125rem\",\n\t\"spacing-02\": \"0.25rem\",\n\t\"spacing-03\": \"0.5rem\",\n\t\"spacing-04\": \"0.75rem\",\n\t\"spacing-05\": \"1rem\",\n\t\"spacing-06\": \"1.25rem\",\n\t\"spacing-07\": \"1.5rem\",\n\t\"spacing-08\": \"1.75rem\",\n\t\"spacing-09\": \"2rem\",\n\t\"spacing-10\": \"2.25rem\",\n\t\"spacing-11\": \"2.5rem\",\n\t\"spacing-12\": \"2.75rem\",\n\t\"spacing-13\": \"3rem\",\n\t\"spacing-14\": \"3.25rem\",\n\t\"spacing-15\": \"3.5rem\",\n\t\"spacing-16\": \"3.75rem\",\n\t\"spacing-17\": \"4rem\",\n\t\"spacing-18\": \"4.25rem\",\n\t\"spacing-19\": \"4.5rem\",\n\t\"spacing-20\": \"4.75rem\",\n};"]}

package/dist/collection/constants/thickness-vars.js

@@ -0,0 +1,12 @@
+export default {
+    "border-thickness-01": "0.0625rem",
+    "border-thickness-02": "0.078125rem",
+    "border-thickness-03": "0.09375rem",
+    "border-thickness-04": "0.109375rem",
+    "border-thickness-05": "0.125rem",
+    "border-thickness-06": "0.140625rem",
+    "border-thickness-07": "0.15625rem",
+    "border-thickness-08": "0.171875rem",
+    "border-thickness-09": "0.1875rem",
+};
+//# sourceMappingURL=thickness-vars.js.map

package/dist/collection/constants/thickness-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thickness-vars.js","sourceRoot":"","sources":["../../src/constants/thickness-vars.ts"],"names":[],"mappings":"AAAA,eAAe;IACd,qBAAqB,EAAE,WAAW;IAClC,qBAAqB,EAAE,aAAa;IACpC,qBAAqB,EAAE,YAAY;IACnC,qBAAqB,EAAE,aAAa;IACpC,qBAAqB,EAAE,UAAU;IACjC,qBAAqB,EAAE,aAAa;IACpC,qBAAqB,EAAE,YAAY;IACnC,qBAAqB,EAAE,aAAa;IACpC,qBAAqB,EAAE,WAAW;CAClC,CAAC","sourcesContent":["export default {\n\t\"border-thickness-01\": \"0.0625rem\",\n\t\"border-thickness-02\": \"0.078125rem\",\n\t\"border-thickness-03\": \"0.09375rem\",\n\t\"border-thickness-04\": \"0.109375rem\",\n\t\"border-thickness-05\": \"0.125rem\",\n\t\"border-thickness-06\": \"0.140625rem\",\n\t\"border-thickness-07\": \"0.15625rem\",\n\t\"border-thickness-08\": \"0.171875rem\",\n\t\"border-thickness-09\": \"0.1875rem\",\n};"]}

package/dist/collection/constants/typography-vars.js

@@ -0,0 +1,17 @@
+export default {
+    'title-large': 'title-large',
+    'title-medium': 'title-medium',
+    'title-small': 'title-small',
+    'title-extra-small': 'title-extra-small',
+    'title-2x-small': 'title-2x-small',
+    'headline-large': 'headline-large',
+    'headline-medium': 'headline-medium',
+    'headline-small': 'headline-small',
+    'display-large': 'display-large',
+    'display-medium': 'display-medium',
+    'display-small': 'display-small',
+    'body-large': 'body-large',
+    'body-medium': 'body-medium',
+    'body-small': 'body-small',
+};
+//# sourceMappingURL=typography-vars.js.map

package/dist/collection/constants/typography-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-vars.js","sourceRoot":"","sources":["../../src/constants/typography-vars.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,aAAa,EAAE,aAAa;IAC5B,cAAc,EAAE,cAAc;IAC9B,aAAa,EAAE,aAAa;IAC5B,mBAAmB,EAAE,mBAAmB;IACxC,gBAAgB,EAAE,gBAAgB;IAClC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,gBAAgB,EAAE,gBAAgB;IAClC,eAAe,EAAE,eAAe;IAChC,gBAAgB,EAAE,gBAAgB;IAClC,eAAe,EAAE,eAAe;IAChC,YAAY,EAAE,YAAY;IAC1B,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,YAAY;CAC3B,CAAC","sourcesContent":["export default {\n  'title-large': 'title-large',\n  'title-medium': 'title-medium',\n  'title-small': 'title-small',\n  'title-extra-small': 'title-extra-small',\n  'title-2x-small': 'title-2x-small',\n  'headline-large': 'headline-large',\n  'headline-medium': 'headline-medium',\n  'headline-small': 'headline-small',\n  'display-large': 'display-large',\n  'display-medium': 'display-medium',\n  'display-small': 'display-small',\n  'body-large': 'body-large',\n  'body-medium': 'body-medium',\n  'body-small': 'body-small',\n};\n"]}

package/dist/collection/definitions/colors.js

@@ -0,0 +1,5 @@
+import variables from "../constants/color-vars";
+export function isColorFromPalette(color) {
+    return !!variables.palette.all[color] || !!variables.icons[color];
+}
+//# sourceMappingURL=colors.js.map

package/dist/collection/definitions/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/definitions/colors.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAahD,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAC/C,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACnE,CAAC","sourcesContent":["import variables from \"../constants/color-vars\";\ntype AllTheme = keyof typeof variables.theme;\nexport type ThemeColors = Exclude<\n\tAllTheme,\n\t\"shadow\" | \"background\" | \"underlay\"\n>;\nexport type StaticGlobal = keyof typeof variables.global;\nexport type Palettes =\n\t| keyof typeof variables.palette.all;\nexport type Icons = | keyof typeof variables.icons;\n\nexport type IconColors = Palettes | Icons | StaticGlobal;\nexport type Colors = ThemeColors | Palettes | StaticGlobal;\nexport function isColorFromPalette(color: string): boolean {\n\treturn !!variables.palette.all[color] || !!variables.icons[color];\n}\n\nexport type BorderColors = keyof typeof variables.borders;\n"]}

package/dist/collection/definitions/shadows.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=shadows.js.map

package/dist/collection/definitions/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/definitions/shadows.ts"],"names":[],"mappings":"","sourcesContent":["import variables from \"../constants/shadow-vars\";\n\nexport type ShadowBox = keyof typeof variables;\n"]}

package/dist/collection/definitions/spacing.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=spacing.js.map

package/dist/collection/definitions/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/definitions/spacing.ts"],"names":[],"mappings":"","sourcesContent":["import variables from \"../constants/spacing-vars\";\n\nexport type Spacing = keyof typeof variables;\n"]}

package/dist/collection/definitions/thickness.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=thickness.js.map

package/dist/collection/definitions/thickness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thickness.js","sourceRoot":"","sources":["../../src/definitions/thickness.ts"],"names":[],"mappings":"","sourcesContent":["import variables from \"../constants/thickness-vars\";\n\nexport type BorderThickness = keyof typeof variables;\n"]}

package/dist/collection/definitions/typography.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=typography.js.map

package/dist/collection/definitions/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/definitions/typography.ts"],"names":[],"mappings":"","sourcesContent":["import variables from '../constants/typography-vars';\n\n/**\n * Typography utility class variants available in the design system\n * Used with the `vds-font-` prefix to apply text styles\n * @example 'vds-font-body-medium'\n * @example 'vds-font-headline-small'\n */\nexport type Typography = keyof typeof variables;\n"]}

package/dist/collection/index.js

@@ -0,0 +1,4 @@
+export * from "./components";
+import { unselectAllItems } from "./components/basic-dropdown/vds-basic-dropdown.utils";
+export const unselectAllItemsUtil = unselectAllItems;
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAExF,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC","sourcesContent":["export * from \"./components\";\nimport { unselectAllItems } from \"./components/basic-dropdown/vds-basic-dropdown.utils\";\n\nexport const unselectAllItemsUtil = unselectAllItems;\n"]}

package/dist/collection/scripts/sass-to-json-script.js

@@ -0,0 +1,182 @@
+const fs = require("fs");
+const scssExporter = require("sass-export").exporter;
+const path = require("path");
+
+const options = {
+	inputFiles: [path.join(__dirname, "../../node_modules/@volt/volt-foundations/dist/volt-foundations/volt-foundations.scss")]
+};
+
+
+const styleObject = scssExporter(options).getStructured();
+
+const colorVarsObject = {
+	theme: {},
+	global: {},
+	icons: {},
+	borders: {},
+	palette: {
+		all: {}
+	}
+};
+styleObject.variables && styleObject.variables.forEach(element => {
+	const name = element.name.slice(1);
+
+	if (name.includes("theme-")) {
+		/**
+		 * Zippers Theme Variables
+		 * transforms theme variables from initial format to a combined format
+		 * ---
+		 * Variables:
+		 * $theme-light: ( main: #FFFFFF, primary: #000000, ... ),
+		 * $theme-dark:  ( main: #1D2E40, primary: #FFFFFF, ... )
+		 * ---
+		 * Example Output
+		 * {
+		 *   main: { light: #FFFFFF, dark: #1D2E40 },
+		 *   primary: { light: #000000, dark: #FFFFFF },
+		 *   ...
+		 * }
+		 **/
+		element.mapValue.forEach(color => {
+			if (!Object.prototype.hasOwnProperty.call(colorVarsObject.theme, color.name)) {
+				colorVarsObject.theme[color.name] = {};
+			}
+			colorVarsObject.theme[color.name][name.replace("theme-", "")] = color.compiledValue;
+
+			if (color.name.includes("color-icon")) {
+				if (!Object.prototype.hasOwnProperty.call(colorVarsObject.icons, color.name)) {
+					colorVarsObject.icons[color.name] = {};
+				}
+				colorVarsObject.icons[color.name][name.replace("theme-", "")] =
+					color.compiledValue;
+			}
+			
+			if (color.name.includes("color-border-")) {
+				if (!Object.prototype.hasOwnProperty.call(colorVarsObject.borders, color.name)) {
+					colorVarsObject.borders[color.name] = {};
+				}
+				colorVarsObject.borders[color.name][name.replace("theme-", "")] =
+					color.compiledValue;
+			}
+
+		});
+	} else {
+		/**
+		 * Flattens Palette variables
+		 * ---
+		 * Variable:
+		 * $status-red: ( 900: #47323D, 800: #72363B, ... )
+		 * ---
+		 * Example Output
+		 * {
+		 *    ...
+		 *   status-red-900: #47323D,
+		 *   status-red-800: #72363N,
+		 *   ...
+		 * }
+		 **/
+
+		let category = "palette";
+		let palettes = ["brand", "green", "grey", "neutral", "orange", "yellow", "red"];
+		if (palettes.find(p => name.includes(p))) {
+			const value = element.value
+				.replace("( ", "")
+				.replace("(", "")
+				.replace(", )", "")
+				.replace(" )", "")
+				.replace(" ", "")
+				.split(", ");
+	
+			value.forEach(color => {
+				const keyValue = color.split(": ");
+				colorVarsObject[category]["all"][`${name}-${keyValue[0]}`] = keyValue[1];
+			});
+		}
+
+		/** Add global colors */
+		if (name.includes("global")) {
+			const value = element.value
+				.replace(/[()]/g, "")
+				.replace(" ", "")
+				.split(", ");
+				
+			value.forEach(color => {
+				const keyValue = color.split(": ");
+				colorVarsObject.global[`${keyValue[0]}`] = keyValue[1];
+			});
+		}
+	}
+});
+
+fs.writeFileSync(
+	path.join(__dirname, "../constants/color-vars.ts"),
+	`export default ${JSON.stringify(colorVarsObject)}`
+);
+
+/** Spacing vars generation */
+const spacingVars = styleObject.variables.find(element =>
+  element.name.includes("$spacing")
+).value;
+const spacingKeyValuePairs = spacingVars.replace(/[()]/g, '').split(','); 
+
+let spacingOutput = "export default {\n";
+spacingKeyValuePairs.forEach(pair => {
+  const [key, value] = pair.split(':').map(entry => entry.trim()); 
+  const formattedKey = key.replace(/"/g, ''); 
+  spacingOutput += `\t"spacing-${formattedKey}": "${value}rem",\n`;
+});
+spacingOutput += "};";
+
+fs.writeFileSync(
+  path.join(__dirname, "../constants/spacing-vars.ts"),
+  spacingOutput
+);
+/** End of Spacing vars generation */
+
+/** Thickness vars generation */
+const thicknessVars = styleObject.variables.find(element =>
+	element.name.includes("$borderThickness")
+).value;
+const thicknessKeyValuePairs = thicknessVars.replace(/[()]/g, '').split(',');
+
+let thicknessOutput = "export default {\n";
+thicknessKeyValuePairs.forEach(pair => {
+	const [key, value] = pair.split(':').map(entry => entry.trim());
+	if (key !== '') {
+		const formattedKey = key.replace(/"/g, '');
+		thicknessOutput += `\t"border-thickness-${formattedKey}": "${value}rem",\n`;
+	}
+});
+thicknessOutput += "};";
+
+fs.writeFileSync(
+	path.join(__dirname, "../constants/thickness-vars.ts"),
+	thicknessOutput
+);
+/** End of Thickness vars generation */
+
+/** Shadow vars generation */
+const shadowVars = styleObject.variables.find(element =>
+	element.name.includes("$shadows")
+).value;
+const shadowKeyValuePairs = shadowVars.replace(/^\(|\)$/g, '').split(/,\s*(?=\d+:)/);
+
+let shadowOutput = "export default {\n";
+shadowKeyValuePairs.forEach(pair => {
+	const [key, ...valueParts] = pair.split(':').map(entry => entry.trim());
+	const value = valueParts.join(':').trim();
+	if (key !== '') {
+		const formattedKey = `elevation-shadow-${key.replace(/^0+(?!$)/, '')}`;
+		const formattedValue = value.includes('var(--box-shadow-color-')
+			? value.replace(/,\s*(?=\d)/g, '), (')
+			: value;
+		shadowOutput += `\t"${formattedKey}": "${formattedValue.replace(/,$/, '')}",\n`;
+	}
+});
+shadowOutput += "};";
+
+fs.writeFileSync(
+	path.join(__dirname, "../constants/shadow-vars.ts"),
+	shadowOutput
+);
+/** End of Shadow vars generation */

package/dist/collection/scripts/svg-adaptation.js

@@ -0,0 +1,69 @@
+var fs = require("fs");
+const path = require("path");
+
+function readFiles(dirname, onFileContent, onFinish, onError) {
+	fs.readdir(dirname, function(err, filenames) {
+		if (err) {
+			onError(err);
+			return;
+		}
+		var syncronuous = new Promise(resolve => {
+			filenames.forEach(function(filename, index) {
+				fs.readFile(dirname + filename, "utf-8", function(err, content) {
+					if (err) {
+						onError(err);
+						return;
+					}
+					onFileContent(filename, content);
+					if (index === filenames.length - 1) {
+						resolve();
+					}
+				});
+			});
+		});
+		syncronuous.then(() => {
+			onFinish();
+		});
+	});
+}
+
+var data = {};
+var sprite = {};
+var names = [];
+var allowedSizes = ["switch-off.svg", "switch-on.svg", "Thumb.svg"];
+readFiles(
+	path.join(__dirname, "../../node_modules/@volt/volt-foundations/dist/collection/assets/icons/"),
+	function(filename, content) {
+		const fill = new RegExp(/fill="[a-zA-Z0-9:;#\.\s\(\)\-\,]*"/g);
+		const width = new RegExp(/ width="[a-zA-Z0-9:;#\.\s\(\)\-\,]*"/g);
+		const height = new RegExp(/height="[a-zA-Z0-9:;#\.\s\(\)\-\,]*"/g);
+		const background = new RegExp(/background:[a-zA-Z0-9:;#\.\s\(\)\-\,]*/g);
+		const processed = allowedSizes.some(x => x === filename) ? 
+		content.replace(fill, "").replace(background, "") :
+		content.replace(fill, "")
+			.replace(width, "")
+			.replace(height, "")
+			.replace(background, "");
+		const locaseFilename = filename.toLowerCase();
+        if (locaseFilename !== ".ds_store") {
+            data[locaseFilename] = processed;
+            sprite[locaseFilename] = processed;
+            if (locaseFilename.split(".")[0] !== "") {
+                names.push(locaseFilename.split(".")[0]);
+            }
+        }
+	},
+	function() {
+		fs.writeFileSync(
+			path.join(__dirname, "../constants/icon-sprite.ts"),
+			`export default ${JSON.stringify(sprite)}`
+		);
+		fs.writeFileSync(
+			path.join(__dirname, "../components/icon/utils/icons-list.ts"),
+			`export const iconsList = ${JSON.stringify(names)}`
+		);
+	},
+	function(err) {
+		throw err;
+	}
+);

package/dist/collection/utils/array-utils.js

@@ -0,0 +1,27 @@
+/**
+ * Compares two arrays for equality, taking into account their elements and order.
+ *
+ * @param {any[]} a The first array to compare.
+ * @param {any[]} b The second array to compare.
+ * @returns {boolean} True if the arrays are equal, false otherwise.
+ *
+ * **Comparison criteria:**
+ * - **Reference equality:** If both arrays are the same reference, they are considered equal.
+ * - **Null or undefined:** If either array is null or undefined, they are considered unequal.
+ * - **Length:** If the arrays have different lengths, they are considered unequal.
+ * - **Element equality:** If the arrays have the same length, each corresponding element is compared for equality using strict comparison (`===`).
+ */
+export const arrayIsEqual = (a, b) => {
+    if (a === b)
+        return true;
+    if (a == null || b == null)
+        return false;
+    if (a.length !== b.length)
+        return false;
+    for (var i = 0; i < a.length; ++i) {
+        if (a[i] !== b[i])
+            return false;
+    }
+    return true;
+};
+//# sourceMappingURL=array-utils.js.map

package/dist/collection/utils/array-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-utils.js","sourceRoot":"","sources":["../../src/utils/array-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAQ,EAAE,CAAQ,EAAW,EAAE;IACxD,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI;QAAE,OAAO,KAAK,CAAC;IACzC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;QAClC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;IAClC,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAA","sourcesContent":["/**\n * Compares two arrays for equality, taking into account their elements and order.\n *\n * @param {any[]} a The first array to compare.\n * @param {any[]} b The second array to compare.\n * @returns {boolean} True if the arrays are equal, false otherwise.\n *\n * **Comparison criteria:**\n * - **Reference equality:** If both arrays are the same reference, they are considered equal.\n * - **Null or undefined:** If either array is null or undefined, they are considered unequal.\n * - **Length:** If the arrays have different lengths, they are considered unequal.\n * - **Element equality:** If the arrays have the same length, each corresponding element is compared for equality using strict comparison (`===`).\n */\nexport const arrayIsEqual = (a: any[], b: any[]): boolean => {\n    if (a === b) return true;\n    if (a == null || b == null) return false;\n    if (a.length !== b.length) return false;\n  \n    for (var i = 0; i < a.length; ++i) {\n      if (a[i] !== b[i]) return false;\n    }\n    return true;\n}"]}

package/dist/collection/utils/clone-attributes.js

@@ -0,0 +1,9 @@
+export 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;
+    }, {});
+};
+//# sourceMappingURL=clone-attributes.js.map

package/dist/collection/utils/clone-attributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clone-attributes.js","sourceRoot":"","sources":["../../src/utils/clone-attributes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAI9B,EAAK,EACL,GAAG,YAAsB,EACG,EAAE;IAC9B,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC;SACjC,MAAM,CACN,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,OAAO,CAAC,CAAA,CACtE;SACA,MAAM,CAAC,CAAC,GAA6B,EAAE,IAAU,EAAK,EAAE;QACxD,GAAG,mCAAQ,GAAG,KAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,GAAE,CAAC;QAC1C,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC","sourcesContent":["import { JSXBase } from \"@stencil/core/internal\";\n\nexport const cloneAttributes = <\n\tX extends HTMLElement,\n\tT = JSXBase.HTMLAttributes | NamedNodeMap\n>(\n\tel: X,\n\t...excludedKeys: string[]\n): { [P in keyof T]?: T[P] } => {\n\treturn Object.values(el.attributes)\n\t\t.filter(\n\t\t\t({ name: keyName }) => !excludedKeys?.some(exKey => exKey === keyName)\n\t\t)\n\t\t.reduce((acc: { [P in keyof T]: T[P] }, attr: Attr): T => {\n\t\t\tacc = { ...acc, [attr.name]: attr.value };\n\t\t\treturn acc;\n\t\t}, {});\n};\n"]}

package/dist/collection/utils/combine-classes.js

@@ -0,0 +1,2 @@
+export const combineClasses = (...classes) => classes.join(" ").trim();
+//# sourceMappingURL=combine-classes.js.map

package/dist/collection/utils/combine-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combine-classes.js","sourceRoot":"","sources":["../../src/utils/combine-classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAG,OAAiB,EAAU,EAAE,CAC9D,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC","sourcesContent":["export const combineClasses = (...classes: string[]): string =>\n\tclasses.join(\" \").trim();\n"]}

package/dist/collection/utils/floating-engine-utils.js

@@ -0,0 +1,123 @@
+import { computePosition, flip, offset, shift, size, arrow, autoUpdate } from "./floating-engine";
+const handleArrowRotation = (side) => {
+    switch (side) {
+        case "top":
+            return "rotate(0deg)";
+        case "right":
+            return "rotate(90deg)";
+        case "bottom":
+            return "rotate(180deg)";
+        case "left":
+            return "rotate(270deg)";
+    }
+};
+const calcPosition = (xAxis, yAxis, side, hasOverflow) => {
+    const x = setNumberInsteadOfNaN(xAxis);
+    const y = setNumberInsteadOfNaN(yAxis);
+    const overflow = hasOverflow ? 7 : 0;
+    switch (side) {
+        case "top":
+            return { top: `${y - 4 + overflow}px`, left: `${x}px` };
+        case "right":
+            return { top: `${y}px`, left: `${x + 4 - overflow}px` };
+        case "bottom":
+            return { top: `${y + 4 - overflow}px`, left: `${x}px` };
+        case "left":
+            return { top: `${y}px`, left: `${x - 4 + overflow}px` };
+    }
+};
+const calcArrowMargin = (side) => {
+    const marginHorizontal = "3px";
+    const marginVertical = "5px";
+    switch (side) {
+        case "top":
+            return `0px 0px ${marginVertical} 0px`;
+        case "right":
+            return `0px 0px 0px ${marginHorizontal}`;
+        case "bottom":
+            return `${marginVertical} 0px 0px 0px`;
+        case "left":
+            return `0px ${marginHorizontal} 0px 0px`;
+    }
+};
+const getCurrentPlacement = (data, position) => {
+    if (data && data.offset && data.offset.placement) {
+        return data.offset.placement === position ? position : data.offset.placement;
+    }
+    else {
+        return position;
+    }
+};
+const overflowDetected = (data) => {
+    if (data && data.flip && data.flip.overflows && data.flip.overflows.length > 0) {
+        const overflow = data.flip.overflows[0];
+        if (overflow && overflow.placement) {
+            return true;
+        }
+    }
+    return false;
+};
+const updateFloatingBoxPosition = async (referenceElement, floatingBoxElement, floatingArrow, position, autoPosition) => {
+    if (!floatingBoxElement || !referenceElement) {
+        console.warn("[updateFloatingBoxPosition] - Reference element (trigger) and floating element is required");
+        return;
+    }
+    // Autoupdate options
+    const options = {
+        elementResize: true,
+        ancestorScroll: true,
+        ancestorResize: true,
+        layoutShift: true
+    };
+    const updatePositionCallback = () => {
+        try {
+            computePosition(referenceElement, floatingBoxElement, {
+                placement: position,
+                middleware: [
+                    shift({ boundary: [] }),
+                    offset(),
+                    autoPosition ? flip() : null,
+                    size({
+                        apply({ availableWidth, availableHeight, elements }) {
+                            Object.assign(elements.floating.style, {
+                                maxWidth: `${setNumberInsteadOfNaN(availableWidth)}px`,
+                                maxHeight: `${setNumberInsteadOfNaN(availableHeight)}px`,
+                            });
+                        },
+                    }),
+                    floatingArrow ? arrow({ element: floatingArrow, padding: 5 }) : null,
+                ],
+            }).then(({ x, y, middlewareData }) => {
+                Object.assign(floatingBoxElement.style, Object.assign({ position: "absolute" }, calcPosition(x, y, position, overflowDetected(middlewareData))));
+                if (middlewareData.arrow && floatingArrow !== null) {
+                    const { x, y } = middlewareData.arrow;
+                    const side = getCurrentPlacement(middlewareData, position);
+                    const staticSide = {
+                        top: "bottom",
+                        right: "left",
+                        bottom: "top",
+                        left: "right"
+                    }[side];
+                    Object.assign(floatingArrow.style, {
+                        left: x != null ? `${setNumberInsteadOfNaN(x)}px` : "",
+                        top: y != null ? `${setNumberInsteadOfNaN(y)}px` : "",
+                        margin: calcArrowMargin(side),
+                        [staticSide]: `${-setNumberInsteadOfNaN(floatingArrow.offsetWidth)}px`,
+                        transform: handleArrowRotation(side)
+                    });
+                }
+            });
+        }
+        catch (error) {
+            console.warn("[updatePositionCallback] ", error);
+        }
+    };
+    const cleanup = autoUpdate(referenceElement, floatingBoxElement, updatePositionCallback, options);
+    if (!autoPosition) {
+        cleanup();
+    }
+    return cleanup;
+};
+const setNumberInsteadOfNaN = (input) => input > 0 ? input : 0;
+export { updateFloatingBoxPosition };
+//# sourceMappingURL=floating-engine-utils.js.map

package/dist/collection/utils/floating-engine-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-engine-utils.js","sourceRoot":"","sources":["../../src/utils/floating-engine-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { computePosition, flip, offset, shift, size, arrow, autoUpdate } from \"./floating-engine\";\nimport { AutoUpdateOptions, MiddlewareData } from \"@floating-ui/dom\";\n\nconst handleArrowRotation = (side: string): string => {\n  switch (side) {\n    case \"top\":\n      return \"rotate(0deg)\";\n    case \"right\":\n      return \"rotate(90deg)\";\n    case \"bottom\":\n      return \"rotate(180deg)\";\n    case \"left\":\n      return \"rotate(270deg)\";\n  }\n}\n\nconst calcPosition = (xAxis: number, yAxis: number, side: string, hasOverflow: boolean): Object => {\n  const x = setNumberInsteadOfNaN(xAxis);\n  const y = setNumberInsteadOfNaN(yAxis);\n  const overflow = hasOverflow ? 7 : 0;\n  switch (side) {\n    case \"top\":\n      return { top: `${y - 4 + overflow}px`, left: `${x}px` };\n    case \"right\":\n      return { top: `${y}px`, left: `${x + 4 - overflow}px` };\n    case \"bottom\":\n      return { top: `${y + 4 - overflow}px`, left: `${x}px` };\n    case \"left\":\n      return { top: `${y}px`, left: `${x - 4 + overflow}px` };\n  }\n}\n\nconst calcArrowMargin = (side: string): string => {\n  const marginHorizontal = \"3px\";\n  const marginVertical = \"5px\";\n\n  switch (side) {\n    case \"top\":\n      return `0px 0px ${marginVertical} 0px`;\n    case \"right\":\n      return `0px 0px 0px ${marginHorizontal}`;\n    case \"bottom\":\n      return `${marginVertical} 0px 0px 0px`;\n    case \"left\":\n      return `0px ${marginHorizontal} 0px 0px`;\n  }\n}\n\nconst getCurrentPlacement = (data: MiddlewareData, position): string =>{\n  if (data && data.offset && data.offset.placement) {\n    return data.offset.placement === position ? position : data.offset.placement;\n  } else {\n    return position;\n  }\n}\n  \nconst overflowDetected = (data: MiddlewareData):boolean =>{\n  if (data && data.flip && data.flip.overflows && data.flip.overflows.length > 0) {\n    const overflow = data.flip.overflows[0];\n    if (overflow && overflow.placement) {\n      return true;\n    }\n  }\n  return false;\n}\n\nconst updateFloatingBoxPosition = async (\n  referenceElement: HTMLElement,\n  floatingBoxElement: HTMLElement,\n  floatingArrow: HTMLElement| null,\n  position: \"top\" | \"right\" | \"bottom\" | \"bottom-start\" | \"left\",\n  autoPosition: boolean\n): Promise <() => void> => {\n\n  if (!floatingBoxElement || !referenceElement) {\n    console.warn(\"[updateFloatingBoxPosition] - Reference element (trigger) and floating element is required\");\n    return;\n  }\n\n  // Autoupdate options\n  const options: AutoUpdateOptions = {\n    elementResize: true,\n    ancestorScroll: true,\n    ancestorResize: true,\n    layoutShift: true\n  };\n\n  const updatePositionCallback = () => {\n    try {\n      computePosition(referenceElement, floatingBoxElement, {\n        placement: position,\n        middleware: [\n          shift({ boundary: [] }),\n          offset(),\n          autoPosition ? flip() : null,\n          size({\n            apply({ availableWidth, availableHeight, elements }) {\n              Object.assign(elements.floating.style, {\n                maxWidth: `${setNumberInsteadOfNaN(availableWidth)}px`,\n                maxHeight: `${setNumberInsteadOfNaN(availableHeight)}px`,\n              });\n            },\n          }),\n          floatingArrow ? arrow({ element: floatingArrow, padding: 5 }) : null,\n        ],\n      }).then(({ x, y, middlewareData }) => {\n        Object.assign(floatingBoxElement.style, {position: \"absolute\", ...calcPosition(x, y, position, overflowDetected(middlewareData))});\n        if (middlewareData.arrow && floatingArrow !== null) {\n          const { x, y } = middlewareData.arrow;\n          const side = getCurrentPlacement(middlewareData, position);\n          const staticSide = {\n            top: \"bottom\",\n            right: \"left\",\n            bottom: \"top\",\n            left: \"right\"\n          }[side];\n\n          Object.assign(floatingArrow.style, {\n            left: x != null ? `${setNumberInsteadOfNaN(x)}px` : \"\",\n            top: y != null ? `${setNumberInsteadOfNaN(y)}px` : \"\",\n            margin: calcArrowMargin(side),\n            [staticSide]: `${-setNumberInsteadOfNaN(floatingArrow.offsetWidth)}px`,\n            transform: handleArrowRotation(side)\n          });\n        }\n      });\n    }\n    catch (error) {\n      console.warn(\"[updatePositionCallback] \", error);\n    }\n  }\n\n  const cleanup = autoUpdate(referenceElement, floatingBoxElement, updatePositionCallback, options);\n\n  if (!autoPosition) {\n    cleanup();\n  }\n\n  return cleanup;\n}\n\nconst setNumberInsteadOfNaN = (input: number) => input > 0 ? input : 0;\n\nexport { updateFloatingBoxPosition}"]}

package/dist/collection/utils/floating-engine.js

@@ -0,0 +1,3 @@
+import { autoUpdate, computePosition, shift, flip, offset, arrow, size, detectOverflow } from "@floating-ui/dom";
+export { autoUpdate, computePosition, shift, flip, offset, arrow, size, detectOverflow };
+//# sourceMappingURL=floating-engine.js.map

package/dist/collection/utils/floating-engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-engine.js","sourceRoot":"","sources":["../../src/utils/floating-engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEjH,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { autoUpdate, computePosition, shift, flip, offset, arrow, size, detectOverflow } from '@floating-ui/dom';\n\nexport { autoUpdate, computePosition, shift, flip, offset, arrow, size, detectOverflow };\n\n"]}

package/dist/collection/utils/form.js

@@ -0,0 +1,17 @@
+/**
+ * Emulates the native submit form
+ *
+ * @returns void
+ */
+export const shadowSubmitForm = (host) => {
+    const form = host.closest("form");
+    if (form) {
+        const fakeSubmit = document.createElement("button");
+        fakeSubmit.type = "submit";
+        fakeSubmit.style.display = "none";
+        form.appendChild(fakeSubmit);
+        fakeSubmit.click();
+        fakeSubmit.remove();
+    }
+};
+//# sourceMappingURL=form.js.map

package/dist/collection/utils/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/utils/form.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAQ,EAAE;IACvD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACpD,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAClC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7B,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,UAAU,CAAC,MAAM,EAAE,CAAC;IACrB,CAAC;AACF,CAAC,CAAC","sourcesContent":["/**\n * Emulates the native submit form\n *\n * @returns void\n */\nexport const shadowSubmitForm = (host: Element): void => {\n\tconst form = host.closest(\"form\");\n\tif (form) {\n\t\tconst fakeSubmit = document.createElement(\"button\");\n\t\tfakeSubmit.type = \"submit\";\n\t\tfakeSubmit.style.display = \"none\";\n\t\tform.appendChild(fakeSubmit);\n\t\tfakeSubmit.click();\n\t\tfakeSubmit.remove();\n\t}\n};\n"]}