@aquera/nile-elements 1.1.3-beta-1.2 → 1.1.3-beta-2.0

package/dist/src/utilities/stepper-utils.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Interface for stepper item properties
+ */
+export interface StepperItemProperties {
+    isComplete: boolean;
+    isCurrent: boolean;
+    isFirst: boolean;
+    isLast: boolean;
+    currentStepValue: number;
+    calculatedCompletedStepValue: number;
+    completedStepValue: number;
+    icon: string;
+    size: 'sm' | 'lg';
+    value: number;
+    contentBelow: boolean;
+    haveFlex: boolean;
+    isManualMode: boolean;
+}
+/**
+ * Interface for stepper configuration
+ */
+export interface StepperConfig {
+    icon: string;
+    size: 'sm' | 'lg';
+    contentBelow: boolean;
+    manual: boolean;
+    isVertical: boolean;
+}
+/**
+ * Interface for automatic mode parameters
+ */
+export interface AutomaticModeParams {
+    currentStep: number;
+    completedStep: number;
+    itemsLength: number;
+}
+/**
+ * Interface for manual mode item data
+ */
+export interface ManualModeItemData {
+    completed: boolean;
+    current: boolean;
+}
+/**
+ * Updates stepper items in manual mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param haveFlex - Whether items should have flex layout
+ */
+export declare function updateItemsInManualMode(items: any[], config: StepperConfig, haveFlex: boolean): void;
+/**
+ * Updates stepper items in automatic mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param params - Automatic mode parameters
+ * @param haveFlex - Whether items should have flex layout
+ */
+export declare function updateItemsInAutomaticMode(items: any[], config: StepperConfig, params: AutomaticModeParams, haveFlex: boolean): void;
+/**
+ * Main function to update stepper items based on mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param params - Automatic mode parameters (only used when manual=false)
+ */
+export declare function updateStepperItems(items: any[], config: StepperConfig, params?: AutomaticModeParams): void;

package/dist/src/utilities/stepper-utils.js

@@ -0,0 +1,108 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Updates stepper items in manual mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param haveFlex - Whether items should have flex layout
+ */
+export function updateItemsInManualMode(items, config, haveFlex) {
+    items.forEach((el, index) => {
+        // Use the inline completed and current properties
+        el.isComplete = el.completed;
+        el.isCurrent = el.current;
+        // Reset and set isLast and isFirst
+        el.isFirst = false;
+        el.isLast = false;
+        if (index === 0)
+            el.isFirst = true;
+        if (index === items.length - 1)
+            el.isLast = true;
+        // setting default values
+        el.currentStepValue = 0; // Not used in manual mode
+        el.calculatedCompletedStepValue = 0; // Not used in manual mode
+        el.completedStepValue = 0; // Not used in manual mode
+        el.icon = config.icon;
+        el.size = config.size;
+        el.value = index + 1;
+        el.contentBelow = config.contentBelow;
+        el.isManualMode = config.manual;
+        if (index === 0 || index === items.length - 1) {
+            el.haveFlex = haveFlex;
+        }
+    });
+}
+/**
+ * Updates stepper items in automatic mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param params - Automatic mode parameters
+ * @param haveFlex - Whether items should have flex layout
+ */
+export function updateItemsInAutomaticMode(items, config, params, haveFlex) {
+    const current = (params.currentStep === 0 || params.currentStep > params.itemsLength) ? 1 : params.currentStep;
+    const calculatedCompleted = params.completedStep > params.itemsLength ? current : params.completedStep < current ? current : params.completedStep;
+    const completed = params.completedStep > params.itemsLength ? 0 : params.completedStep;
+    items.forEach((el, index) => {
+        // set item is complete and is current values
+        if (index + 1 < current) {
+            el.isComplete = true;
+            el.isCurrent = false;
+        }
+        else if (index + 1 === current) {
+            if (index + 1 <= calculatedCompleted)
+                el.isComplete = true;
+            else
+                el.isComplete = false;
+            el.isCurrent = true;
+        }
+        else {
+            if (index + 1 <= calculatedCompleted)
+                el.isComplete = true;
+            else
+                el.isComplete = false;
+            el.isCurrent = false;
+        }
+        // Reset and set isLast and isFirst
+        el.isFirst = false;
+        el.isLast = false;
+        if (index === 0)
+            el.isFirst = true;
+        if (index === items.length - 1)
+            el.isLast = true;
+        // setting default values
+        el.currentStepValue = current;
+        el.calculatedCompletedStepValue = calculatedCompleted;
+        el.completedStepValue = completed;
+        el.icon = config.icon;
+        el.size = config.size;
+        el.value = index + 1;
+        el.contentBelow = config.contentBelow;
+        el.isManualMode = config.manual;
+        if (index === 0 || index === items.length - 1) {
+            el.haveFlex = haveFlex;
+        }
+    });
+}
+/**
+ * Main function to update stepper items based on mode
+ * @param items - Array of stepper item elements
+ * @param config - Stepper configuration
+ * @param params - Automatic mode parameters (only used when manual=false)
+ */
+export function updateStepperItems(items, config, params) {
+    if (!items.length)
+        return;
+    const haveFlex = items.length < 3;
+    if (config.manual) {
+        updateItemsInManualMode(items, config, haveFlex);
+    }
+    else if (params) {
+        updateItemsInAutomaticMode(items, config, params, haveFlex);
+    }
+}
+//# sourceMappingURL=stepper-utils.js.map

package/dist/src/utilities/stepper-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-utils.js","sourceRoot":"","sources":["../../../src/utilities/stepper-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Interface for stepper item properties\n */\nexport interface StepperItemProperties {\n\tisComplete: boolean;\n\tisCurrent: boolean;\n\tisFirst: boolean;\n\tisLast: boolean;\n\tcurrentStepValue: number;\n\tcalculatedCompletedStepValue: number;\n\tcompletedStepValue: number;\n\ticon: string;\n\tsize: 'sm' | 'lg';\n\tvalue: number;\n\tcontentBelow: boolean;\n\thaveFlex: boolean;\n\tisManualMode: boolean;\n}\n\n/**\n * Interface for stepper configuration\n */\nexport interface StepperConfig {\n\ticon: string;\n\tsize: 'sm' | 'lg';\n\tcontentBelow: boolean;\n\tmanual: boolean;\n\tisVertical: boolean;\n}\n\n/**\n * Interface for automatic mode parameters\n */\nexport interface AutomaticModeParams {\n\tcurrentStep: number;\n\tcompletedStep: number;\n\titemsLength: number;\n}\n\n/**\n * Interface for manual mode item data\n */\nexport interface ManualModeItemData {\n\tcompleted: boolean;\n\tcurrent: boolean;\n}\n\n/**\n * Updates stepper items in manual mode\n * @param items - Array of stepper item elements\n * @param config - Stepper configuration\n * @param haveFlex - Whether items should have flex layout\n */\nexport function updateItemsInManualMode(\n\titems: any[],\n\tconfig: StepperConfig,\n\thaveFlex: boolean\n): void {\n\titems.forEach((el: any, index: number) => {\n\t\t// Use the inline completed and current properties\n\t\tel.isComplete = el.completed;\n\t\tel.isCurrent = el.current;\n\n\t\t// Reset and set isLast and isFirst\n\t\tel.isFirst = false;\n\t\tel.isLast = false;\n\t\tif (index === 0) el.isFirst = true;\n\t\tif (index === items.length - 1) el.isLast = true;\n\n\t\t// setting default values\n\t\tel.currentStepValue = 0; // Not used in manual mode\n\t\tel.calculatedCompletedStepValue = 0; // Not used in manual mode\n\t\tel.completedStepValue = 0; // Not used in manual mode\n\n\t\tel.icon = config.icon;\n\t\tel.size = config.size;\n\t\tel.value = index + 1;\n\t\tel.contentBelow = config.contentBelow;\n\t\tel.isManualMode = config.manual;\n\t\tif (index === 0 || index === items.length - 1) {\n\t\t\tel.haveFlex = haveFlex;\n\t\t}\n\t});\n}\n\n/**\n * Updates stepper items in automatic mode\n * @param items - Array of stepper item elements\n * @param config - Stepper configuration\n * @param params - Automatic mode parameters\n * @param haveFlex - Whether items should have flex layout\n */\nexport function updateItemsInAutomaticMode(\n\titems: any[],\n\tconfig: StepperConfig,\n\tparams: AutomaticModeParams,\n\thaveFlex: boolean\n): void {\n\tconst current = (params.currentStep === 0 || params.currentStep > params.itemsLength) ? 1 : params.currentStep;\n\tconst calculatedCompleted = params.completedStep > params.itemsLength ? current : params.completedStep < current ? current : params.completedStep;\n\tconst completed = params.completedStep > params.itemsLength ? 0 : params.completedStep;\n\n\titems.forEach((el: any, index: number) => {\n\t\t// set item is complete and is current values\n\t\tif (index + 1 < current) {\n\t\t\tel.isComplete = true;\n\t\t\tel.isCurrent = false;\n\t\t}\n\t\telse if (index + 1 === current) {\n\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\telse el.isComplete = false;\n\t\t\tel.isCurrent = true;\n\t\t}\n\t\telse {\n\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\telse el.isComplete = false;\n\t\t\tel.isCurrent = false;\n\t\t}\n\n\t\t// Reset and set isLast and isFirst\n\t\tel.isFirst = false;\n\t\tel.isLast = false;\n\t\tif (index === 0) el.isFirst = true;\n\t\tif (index === items.length - 1) el.isLast = true;\n\n\t\t// setting default values\n\t\tel.currentStepValue = current;\n\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\tel.completedStepValue = completed;\n\n\t\tel.icon = config.icon;\n\t\tel.size = config.size;\n\t\tel.value = index + 1;\n\t\tel.contentBelow = config.contentBelow;\n\t\tel.isManualMode = config.manual;\n\t\tif (index === 0 || index === items.length - 1) {\n\t\t\tel.haveFlex = haveFlex;\n\t\t}\n\t});\n}\n\n/**\n * Main function to update stepper items based on mode\n * @param items - Array of stepper item elements\n * @param config - Stepper configuration\n * @param params - Automatic mode parameters (only used when manual=false)\n */\nexport function updateStepperItems(\n\titems: any[],\n\tconfig: StepperConfig,\n\tparams?: AutomaticModeParams\n): void {\n\tif (!items.length) return;\n\tconst haveFlex = items.length < 3;\n\n\tif (config.manual) {\n\t\tupdateItemsInManualMode(items, config, haveFlex);\n\t} else if (params) {\n\t\tupdateItemsInAutomaticMode(items, config, params, haveFlex);\n\t}\n}\n"]}

package/dist/src/version.js

@@ -1,6 +1,6 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.1.3-beta-1.2';
-export const NILE_VERSION = '1.0.4';
+export const NILE_ELEMENTS_VERSION = '1.1.3-beta-2.0';
+export const NILE_VERSION = '1.0.5';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {
     window.nileElementsVersion = NILE_ELEMENTS_VERSION;

package/dist/src/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;AAC7C,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.1.3-beta-1.2';\nexport const NILE_VERSION = '1.0.4';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n}\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;AAC7C,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.1.3-beta-2.0';\nexport const NILE_VERSION = '1.0.5';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n}\n"]}