@configura/web-api 1.3.0-alpha.2 → 1.3.0-alpha.7

package/dist/productConfiguration/CfgFeature.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { compareArrays, count, Observable, someMatch, } from "@configura/web-utilities";
+import { compareArrays, convertLength, count, Observable, someMatch, toLengthUnit, } from "@configura/web-utilities";
 import { CfgProduct } from "../CfgProduct.js";
 import { CfgMtrlApplication } from "../material/CfgMtrlApplication.js";
 import { CfgMtrlApplicationSource } from "../material/CfgMtrlApplicationSource.js";
@@ -62,15 +62,26 @@ function doFreshRefOption(options, optionInternal, beforeNotify) {
  */
 export class _CfgFeatureInternal {
     constructor(rawFeature, allRawFeatures, key, // Unique amongst siblings
-    parent, parentProduct, rootProduct) {
+    parent, parentConfiguration, parentProduct, rootProduct) {
         this.rawFeature = rawFeature;
         this.allRawFeatures = allRawFeatures;
         this.key = key;
         this.parent = parent;
+        this.parentConfiguration = parentConfiguration;
         this.parentProduct = parentProduct;
         this.rootProduct = rootProduct;
         this._selectedOptions = [];
         this.changeObservable = new Observable();
+        this.setNumericValue = (val) => __awaiter(this, void 0, void 0, function* () {
+            if (this.selectionType !== SelectionType.SelectOne) {
+                throw new Error("Only SelectOne Features can have numeric values");
+            }
+            const option = this.options.find((option) => option.isAllowedNumericValue(val));
+            if (option === undefined) {
+                throw new Error("No Option allows the value you tried to set");
+            }
+            return yield option.setNumericValue(val, true);
+        });
         this._notifyAllOfChange = (bubbleMode) => __awaiter(this, void 0, void 0, function* () {
             if (bubbleMode === ProductConfigurationBubbleMode.Stop) {
                 return;
@@ -129,6 +140,20 @@ export class _CfgFeatureInternal {
                 const selectedIndex = this._selectedOptions.findIndex(getOptionFilter(option._internal));
                 const isOn = isGroup || apiOptionSelection;
                 if (isOn) {
+                    if (isSelectOne) {
+                        if (this.isUseNumericValue) {
+                            const { numericValue } = apiOptionSelection;
+                            if (numericValue === undefined) {
+                                throw new Error("No numeric value for numeric feature");
+                            }
+                            const { value, unit } = numericValue;
+                            if (yield option.setNumericValue(unit === undefined
+                                ? value
+                                : convertLength(value, toLengthUnit(unit), this.unit), false)) {
+                                change = true;
+                            }
+                        }
+                    }
                     if (selectedIndex === -1) {
                         if (isAllOptionsAffectedByAnySelection) {
                             this._selectedOptions.push(option);
@@ -180,6 +205,9 @@ export class _CfgFeatureInternal {
                 if (isAllOptionsAffectedByAnySelection) {
                     this._freshRefAllOptions();
                 }
+                if (selectionType === SelectionType.SelectOne) {
+                    this.pushStretch();
+                }
                 // setApiSelection works its way top down and handles notifications on
                 // each level by looking at change returned from its children. That way
                 // we do not get multiple notifications for the same ancestral node even
@@ -190,50 +218,77 @@ export class _CfgFeatureInternal {
             }
             return change;
         });
+        /** Pushes to refresh stretch. Does not cause validation. */
+        this.pushStretch = () => __awaiter(this, void 0, void 0, function* () {
+            if (this.selectionType !== SelectionType.SelectOne) {
+                throw new Error("Can only push stretch for SelectOne");
+            }
+            const value = this.numericValue;
+            return (yield Promise.all((this.measureParamCodes || []).map((measureParamCode) => this.parentConfiguration.setStretchReferenceLength(measureParamCode, value, this.unit)))).some((change) => change);
+        });
         this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => this.keyMatch(other, descriptionMatch) &&
             compareArrays(this.options, other.options, (l, r) => l._internal.structureCompare(r._internal, strictOrder, descriptionMatch), strictOrder);
         this.tryMatchSelection = (other, descriptionMatch = false) => __awaiter(this, void 0, void 0, function* () {
-            const selectionType = this.selectionType;
+            const { selectionType, isUseNumericValue } = this;
             if (selectionType !== other.selectionType) {
                 // Will not try if the selection type is different
                 return false;
             }
-            const thisOptions = this.options;
-            const otherOptions = other.options;
-            const change = (yield Promise.all(otherOptions.map((otherO) => (() => __awaiter(this, void 0, void 0, function* () {
-                const otherOSelected = otherO.selected;
-                if (selectionType === SelectionType.SelectOne && !otherOSelected) {
-                    return false;
-                }
-                if (1 <
-                    count(otherOptions, (item) => item._internal.keyMatch(otherO._internal, descriptionMatch))) {
-                    console.warn("tryMatchSelection will ignore options that have the same key");
-                    return false;
-                }
-                const toTryChangeOptions = thisOptions.filter((o) => otherO._internal.keyMatch(o._internal, descriptionMatch));
-                if (1 < toTryChangeOptions.length) {
-                    console.warn("tryMatchSelection will ignore options that have the same key");
-                    return false;
-                }
-                if (toTryChangeOptions.length === 0) {
-                    return false;
-                }
-                const toTryChangeOption = toTryChangeOptions[0];
-                let change = false;
-                if (selectionType === SelectionType.SelectMany ||
-                    selectionType === SelectionType.SelectOne) {
-                    // The setSelected will only affect ourselves,
-                    // so we do not need to bubble the notification.
-                    // Instead we use the change variable to know
-                    // when to notify for this feature.
-                    change = yield toTryChangeOption._internal.parent.selectOption(toTryChangeOption._internal, otherOSelected, ProductConfigurationBubbleMode.Stop);
+            if (isUseNumericValue !== other.isUseNumericValue) {
+                return false;
+            }
+            let change = false;
+            if (isUseNumericValue) {
+                // For numeric options we do not try to go any further down. It's becoming to
+                // strange to make informed guesses on how to progress down the tree.
+                const otherNumericValue = other.numericValue;
+                if (otherNumericValue === undefined) {
+                    throw new Error("Numeric feature without numeric value, this should never happen");
                 }
-                if (otherOSelected &&
-                    (yield toTryChangeOption._internal.tryMatchSelection(otherO, descriptionMatch))) {
-                    change = true;
+                else {
+                    if (yield this.setNumericValue(otherNumericValue)) {
+                        change = true;
+                    }
                 }
-                return change;
-            }))()))).some((b) => b);
+            }
+            else {
+                const thisOptions = this.options;
+                const otherOptions = other.options;
+                change = (yield Promise.all(otherOptions.map((otherO) => (() => __awaiter(this, void 0, void 0, function* () {
+                    const otherOSelected = otherO.selected;
+                    if (selectionType === SelectionType.SelectOne && !otherOSelected) {
+                        return false;
+                    }
+                    if (1 <
+                        count(otherOptions, (item) => item._internal.keyMatch(otherO._internal, descriptionMatch))) {
+                        console.warn("tryMatchSelection will ignore options that have the same key");
+                        return false;
+                    }
+                    const toTryChangeOptions = thisOptions.filter((o) => otherO._internal.keyMatch(o._internal, descriptionMatch));
+                    if (1 < toTryChangeOptions.length) {
+                        console.warn("tryMatchSelection will ignore options that have the same key");
+                        return false;
+                    }
+                    if (toTryChangeOptions.length === 0) {
+                        return false;
+                    }
+                    const toTryChangeOption = toTryChangeOptions[0];
+                    let change = false;
+                    if (selectionType === SelectionType.SelectMany ||
+                        selectionType === SelectionType.SelectOne) {
+                        // The setSelected will only affect ourselves,
+                        // so we do not need to bubble the notification.
+                        // Instead we use the change variable to know
+                        // when to notify for this feature.
+                        change = yield toTryChangeOption._internal.parent.selectOption(toTryChangeOption._internal, otherOSelected, ProductConfigurationBubbleMode.Stop);
+                    }
+                    if (otherOSelected &&
+                        (yield toTryChangeOption._internal.tryMatchSelection(otherO, descriptionMatch))) {
+                        change = true;
+                    }
+                    return change;
+                }))()))).some((b) => b);
+            }
             if (change) {
                 // tryMatchSelection works its way top down and handles notifications on
                 // each level by looking at change returned from its children. That way
@@ -256,17 +311,13 @@ export class _CfgFeatureInternal {
                     throw new Error(`Multiple features are always selected and are not user selectable. Feature key: "${this.key}".`);
                 }
                 if (this.selectionType === SelectionType.SelectOne) {
-                    // Select one can never be deselected. However, propagate can
-                    // make calls with deselect ending up here. We simply ignore them.
-                    return false;
+                    throw new Error(`Select one can never be deselected. Feature key: "${this.key}".`);
                 }
             }
             const selectedOptions = this._selectedOptions;
             const isAllOptionsAffectedByAnySelection = this.isAllOptionsAffectedByAnySelection;
             const index = selectedOptions.findIndex(getOptionFilter(optionInternal));
-            if ((index !== -1) === on) {
-                return false;
-            }
+            const isActualChange = (index === -1) === on;
             if (on) {
                 // Calling this.options will populate (generate) all Options if they have not yet
                 // been generated. As we are selecting an option we need all Options to be generated.
@@ -286,6 +337,9 @@ export class _CfgFeatureInternal {
                 else {
                     doFreshRefOption(options, optionInternal, (freshRef) => selectedOptions.push(freshRef));
                 }
+                if (this.selectionType === SelectionType.SelectOne) {
+                    yield this.pushStretch();
+                }
             }
             else {
                 selectedOptions.splice(index, 1);
@@ -308,7 +362,7 @@ export class _CfgFeatureInternal {
             yield this._notifyAllOfChange(!on && bubbleMode === ProductConfigurationBubbleMode.ValidateAndBubbleSelected
                 ? ProductConfigurationBubbleMode.Validate
                 : bubbleMode);
-            return true;
+            return isActualChange;
         });
         this.isSelected = (option) => this.selectionType === SelectionType.Group ||
             this._selectedOptions.some(getOptionFilter(option));
@@ -338,9 +392,42 @@ export class _CfgFeatureInternal {
     get groupCode() {
         return this.rawFeature.groupCode;
     }
+    get isUseNumericValue() {
+        return this.rawFeature.numericOrder;
+    }
+    get numericValue() {
+        if (this.selectionType !== SelectionType.SelectOne) {
+            throw new Error("Only SelectOne Features can have numeric values");
+        }
+        const { selectedOptions } = this;
+        if (selectedOptions.length === 0) {
+            return undefined;
+        }
+        const value = selectedOptions[0].numericValue;
+        if (value === undefined) {
+            if (this.isUseNumericValue) {
+                throw new Error("No numericValue set on option with numeric sku feature");
+            }
+            return undefined;
+        }
+        return value;
+    }
     get description() {
         return this.rawFeature.description;
     }
+    /**
+     * The MeasureParam class is re-used for different purposes. In Features it is used
+     * to indicate which stretch measures inside Models shall be affected by this state
+     * of this Feature. Hence only the code property is used.
+     */
+    get measureParamCodes() {
+        var _a;
+        return (_a = this.rawFeature.measureParams) === null || _a === void 0 ? void 0 : _a.map((measureParam) => measureParam.code);
+    }
+    get unit() {
+        const unit = this.rawFeature.unit;
+        return unit === undefined ? this.parentProduct.unit : toLengthUnit(unit);
+    }
     get mtrlApplications() {
         if (this._mtrlApplications === undefined) {
             this._mtrlApplications = (this.rawFeature.mtrlApplications || []).map((m) => CfgMtrlApplication.fromMtrlLikeApplication(CfgMtrlApplicationSource.Feature, m));
@@ -379,7 +466,7 @@ export class _CfgFeatureInternal {
             const hasDuplicateDescription = someMatch(this.rawFeature.options, (l, r) => {
                 return l.description.toLowerCase() === r.description.toLowerCase();
             });
-            this._options = this.rawFeature.options.map((o) => CfgOption.make(o, this, this.allRawFeatures, hasDuplicateDescription, this.parentProduct, this.rootProduct));
+            this._options = this.rawFeature.options.map((o) => CfgOption.make(o, this.allRawFeatures, hasDuplicateDescription, this, this.parentConfiguration, this.parentProduct, this.rootProduct));
         }
         return this._options;
     }
@@ -421,6 +508,11 @@ export class CfgFeature {
     constructor(_internal) {
         this._internal = _internal;
         this.isBackedBySame = (other) => this._internal === other._internal;
+        /**
+         * This will find the first option allowing the value, set the value on it and select it.
+         * This is an implicit option-select.
+         */
+        this.setNumericValue = (val) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setNumericValue(val); });
         /**
          * Selects the passed Option.
          * Only Options belonging to Features that are "select many" can be deselected.
@@ -433,6 +525,17 @@ export class CfgFeature {
         this.listenForChange = (l) => this._internal.changeObservable.listen(l);
         this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
     }
+    static make(rawFeature, allRawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct) {
+        return new this(new _CfgFeatureInternal(rawFeature, allRawFeatures, key, parent, parentConfiguration, parentProduct, rootProduct));
+    }
+    /**
+     * Makes an object wrapping the passed object. This is not a clone method,
+     * it is a method to make a new outer reference. Like a shallow copy.
+     * We use this to help frameworks that are built around using equals to detect change.
+     */
+    static _makeNewRefFrom(internal) {
+        return new this(internal);
+    }
     get parentProduct() {
         return CfgProduct._makeNewRefFrom(this._internal.parentProduct);
     }
@@ -451,6 +554,20 @@ export class CfgFeature {
     get groupCode() {
         return this._internal.groupCode;
     }
+    /**
+     * If true the options in the feature is selected by both sending its code and numeric value
+     * when selecting.
+     */
+    get isUseNumericValue() {
+        return this._internal.isUseNumericValue;
+    }
+    /** This will read the numeric value of the selected option. */
+    get numericValue() {
+        return this._internal.numericValue;
+    }
+    get unit() {
+        return this._internal.unit;
+    }
     get description() {
         return this._internal.description;
     }
@@ -474,10 +591,3 @@ export class CfgFeature {
         return this._internal.visible;
     }
 }
-CfgFeature.make = (rawFeature, allRawFeatures, key, parent, parentProduct, rootProduct) => new CfgFeature(new _CfgFeatureInternal(rawFeature, allRawFeatures, key, parent, parentProduct, rootProduct));
-/**
- * Makes an object wrapping the passed object. This is not a clone method,
- * it is a method to make a new outer reference. Like a shallow copy.
- * We use this to help frameworks that are built around using equals to detect change.
- */
-CfgFeature._makeNewRefFrom = (internal) => new CfgFeature(internal);

package/dist/productConfiguration/CfgOption.d.ts

@@ -1,8 +1,10 @@
-import { Observable, SingleArgCallback } from "@configura/web-utilities";
+import { LengthUnit, Observable, SingleArgCallback } from "@configura/web-utilities";
 import { Feature, Option, SelectedOption } from "../CatalogueAPI.js";
 import { CfgProduct, _CfgProductInternal } from "../CfgProduct.js";
 import { CfgMtrlApplication } from "../material/CfgMtrlApplication.js";
+import { NumericValuesSelection } from "../utilitiesNumericValues.js";
 import { CfgFeature, _CfgFeatureInternal } from "./CfgFeature.js";
+import { _CfgProductConfigurationInternal } from "./CfgProductConfiguration.js";
 export declare type OptionChangeNotification = {
     freshRef: CfgOption;
 };
@@ -49,16 +51,24 @@ export declare enum ProductConfigurationBubbleMode {
  */
 export declare class _CfgOptionInternal {
     readonly rawOption: Option;
-    readonly parent: _CfgFeatureInternal;
     private readonly allRawFeatures;
+    readonly parent: _CfgFeatureInternal;
+    readonly parentConfiguration: _CfgProductConfigurationInternal;
     readonly parentProduct: _CfgProductInternal;
     readonly rootProduct: _CfgProductInternal;
-    constructor(rawOption: Option, parent: _CfgFeatureInternal, allRawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
+    constructor(rawOption: Option, allRawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parent: _CfgFeatureInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal);
     private _features;
     private _mtrlApplications;
     readonly key: string;
+    private _numericValue;
+    readonly allowedNumericValues: NumericValuesSelection | undefined;
+    isAllowedNumericValue(val: number): boolean;
     readonly changeObservable: Observable<OptionChangeNotification>;
     get code(): string;
+    get isUseNumericValue(): boolean;
+    get numericValue(): number | undefined;
+    setNumericValue(val: number, doSelectOption: boolean): Promise<boolean>;
+    get unit(): LengthUnit;
     get description(): string;
     get selected(): boolean;
     get ancestorsSelected(): boolean;
@@ -79,13 +89,13 @@ export declare class _CfgOptionInternal {
 }
 export declare class CfgOption {
     readonly _internal: _CfgOptionInternal;
-    static make: (rawOption: Option, parent: _CfgFeatureInternal, allRawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal) => CfgOption;
+    static make(rawOption: Option, allRawFeatures: Feature[], siblingHasDuplicateDescription: boolean, parent: _CfgFeatureInternal, parentConfiguration: _CfgProductConfigurationInternal, parentProduct: _CfgProductInternal, rootProduct: _CfgProductInternal): CfgOption;
     /**
      * Makes an object wrapping the passed object. This is not a clone method,
      * it is a method to make a new outer reference. Like a shallow copy.
      * We use this to help frameworks that are build around using equals to detect change.
      */
-    static _makeNewRefFrom: (internal: _CfgOptionInternal) => CfgOption;
+    static _makeNewRefFrom(internal: _CfgOptionInternal): CfgOption;
     /**
      * Private constructor and make-method because make new ref requires the constructor to
      * take an internal and we don't want those who instantiate CfgOption to have to be aware
@@ -98,6 +108,12 @@ export declare class CfgOption {
     get rawOption(): Option;
     get key(): string;
     get code(): string;
+    get isUseNumericValue(): boolean;
+    get numericValue(): number | undefined;
+    setNumericValue: (val: number, doSelectOption: boolean) => Promise<boolean>;
+    get allowedNumericValues(): NumericValuesSelection | undefined;
+    isAllowedNumericValue: (val: number) => boolean;
+    get unit(): LengthUnit;
     get description(): string;
     get selected(): boolean;
     /** Are all ancestors up to the CfgProductConfiguration selected? Includes self. */

package/dist/productConfiguration/CfgOption.js

@@ -7,11 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { compareArrays, count, Observable } from "@configura/web-utilities";
+import { compareArrays, count, Observable, } from "@configura/web-utilities";
 import { CfgProduct } from "../CfgProduct.js";
 import { CfgMtrlApplication } from "../material/CfgMtrlApplication.js";
 import { CfgMtrlApplicationSource } from "../material/CfgMtrlApplicationSource.js";
 import { recursivelyGetPriceCodeValue } from "../utilitiesCatalogueData.js";
+import { NumericValuesSelection } from "../utilitiesNumericValues.js";
 import { CfgFeature, SelectionType } from "./CfgFeature.js";
 import { getMtrlPreview, syncCfgFeatures } from "./utilitiesProductConfiguration.js";
 export var ProductConfigurationBubbleMode;
@@ -50,6 +51,20 @@ export var ProductConfigurationBubbleMode;
      */
     ProductConfigurationBubbleMode["ToRoot"] = "ToRoot";
 })(ProductConfigurationBubbleMode || (ProductConfigurationBubbleMode = {}));
+/** Overlap in one child also count */
+function doesChildrenShareOptionsCode(features) {
+    const optionCodeSet = new Set();
+    for (const feature of features) {
+        for (const option of feature.options) {
+            const code = option.code;
+            if (optionCodeSet.has(code)) {
+                return true;
+            }
+            optionCodeSet.add(code);
+        }
+    }
+    return false;
+}
 /**
  * This class is meant to only be used through CfgOption. It should
  * never be instantiated on its own. Normally the internal state of this class
@@ -57,10 +72,11 @@ export var ProductConfigurationBubbleMode;
  * should be used and interacted with.
  */
 export class _CfgOptionInternal {
-    constructor(rawOption, parent, allRawFeatures, siblingHasDuplicateDescription, parentProduct, rootProduct) {
+    constructor(rawOption, allRawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct) {
         this.rawOption = rawOption;
-        this.parent = parent;
         this.allRawFeatures = allRawFeatures;
+        this.parent = parent;
+        this.parentConfiguration = parentConfiguration;
         this.parentProduct = parentProduct;
         this.rootProduct = rootProduct;
         this.changeObservable = new Observable();
@@ -77,19 +93,16 @@ export class _CfgOptionInternal {
             features[i] = freshRef;
             // In CfgOption we let stop bubble slip through. This is because CfgOption is sort of
             // a semi level. Like Feature + Option together constitutes one level.
-            let change = false;
             if (bubbleMode === ProductConfigurationBubbleMode.ValidateAndBubbleSelected) {
-                // If there is a change selectOption will take care of the bubble
-                change = yield this.parent.selectOption(this, true, bubbleMode);
+                // selectOption takes care of the bubble
+                yield this.parent.selectOption(this, true, bubbleMode);
             }
-            if (!change) {
-                // There was no change, or we did not try validate, so the normal childHasChanged
-                // takes over.
+            else {
                 yield this.parent._childHasChanged(this, bubbleMode);
             }
         });
         this.getApiSelection = () => {
-            const { features, code } = this;
+            const { features, isUseNumericValue, code, numericValue } = this;
             const selectionTrees = features.map((f) => f._internal.getApiSelection());
             const mergedSelectionTree = {};
             let anyItems = false;
@@ -106,8 +119,14 @@ export class _CfgOptionInternal {
                     anyItems = true;
                 }
             }
+            if (isUseNumericValue && numericValue === undefined) {
+                throw new Error("numeric Sku feature with option without numeric value");
+            }
             const selectedOption = {
-                code: code,
+                code,
+                numericValue: isUseNumericValue && numericValue !== undefined
+                    ? { value: numericValue, unit: this.unit }
+                    : undefined,
             };
             if (anyItems) {
                 selectedOption.next = mergedSelectionTree;
@@ -153,14 +172,76 @@ export class _CfgOptionInternal {
         }, []);
         // Description based key helps when switching between
         // products with similar feature-options tree and trying
-        // to retain made selections
+        // to retain made selection
         this.key =
             this.description +
                 (this.description === "" || siblingHasDuplicateDescription ? this.code : "");
+        const rawRanges = rawOption.codeRanges;
+        if (rawRanges === undefined || rawRanges.length === 0) {
+            if (this.isUseNumericValue) {
+                throw new Error("Options in numeric sku Features must have at lease one code range");
+            }
+        }
+        else {
+            this.allowedNumericValues = new NumericValuesSelection(rawRanges);
+            this._numericValue = this.allowedNumericValues.first;
+        }
+    }
+    isAllowedNumericValue(val) {
+        const allowedNumericValues = this.allowedNumericValues;
+        if (allowedNumericValues === undefined) {
+            return false;
+        }
+        if (this.isUseNumericValue) {
+            return allowedNumericValues.includesValue(val);
+        }
+        // There is some limited support for numeric values on non numeric features.
+        // The first value is always used in these cases.
+        return allowedNumericValues.first === val;
     }
     get code() {
         return this.rawOption.code;
     }
+    get isUseNumericValue() {
+        return this.parent.isUseNumericValue;
+    }
+    get numericValue() {
+        return this._numericValue;
+    }
+    setNumericValue(val, doSelectOption) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.isAllowedNumericValue(val)) {
+                throw new Error(`The value ${val} is not allowed. This could be because: 1. There are no allowed ranges defined 2. The Feature is numeric selection and the value does not fit in the allowed values 3. The Feature is not numeric selection and the value is not the first in the allowed ranges.`);
+            }
+            let change = false;
+            if (this.isUseNumericValue) {
+                if (this._numericValue !== val) {
+                    this._numericValue = val;
+                    change = true;
+                }
+                // It could be that even though our value did not change some sibling value did, and this
+                // could make it needed to bubble later. Maybe. A bit uncertain about why I did not put
+                // this in the if-statement above //Linus
+                if (yield this.parent.pushStretch()) {
+                    change = true;
+                }
+            }
+            if (doSelectOption) {
+                if (yield this.parent.selectOption(this, true, ProductConfigurationBubbleMode.Validate)) {
+                    change = true;
+                }
+            }
+            else {
+                if (change) {
+                    yield this.parent._childHasChanged(this, ProductConfigurationBubbleMode.OneLevel);
+                }
+            }
+            return change;
+        });
+    }
+    get unit() {
+        return this.parent.unit;
+    }
     get description() {
         return this.rawOption.description;
     }
@@ -200,10 +281,8 @@ export class _CfgOptionInternal {
                 return 0;
             }
             const selectedOptions = this.parent.selectedOptions;
-            if (1 < selectedOptions.length) {
-                throw new Error(`More than one selected in select one. Option key: "${this.key}"`);
-            }
-            if (selectedOptions.length === 0) {
+            if (1 !== selectedOptions.length) {
+                console.warn("More or less than one selected in select one");
                 return upcharge;
             }
             return upcharge - (selectedOptions[0].upcharge || 0);
@@ -213,7 +292,11 @@ export class _CfgOptionInternal {
     get features() {
         if (this._features === undefined) {
             const allRefs = this.rawOption.featureRefs || [];
-            this._features = syncCfgFeatures(allRefs, [], this.allRawFeatures, this, this.parentProduct, this.rootProduct);
+            const features = syncCfgFeatures(allRefs, [], this.allRawFeatures, this, this.parentConfiguration, this.parentProduct, this.rootProduct);
+            if (doesChildrenShareOptionsCode(features)) {
+                throw new Error("Stage does not yet properly support Options that has multiple sub-features with overlapping option codes.");
+            }
+            this._features = features;
         }
         return this._features;
     }
@@ -235,6 +318,8 @@ export class CfgOption {
     constructor(_internal) {
         this._internal = _internal;
         this.isBackedBySame = (other) => this._internal === other._internal;
+        this.setNumericValue = (val, doSelectOption) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setNumericValue(val, doSelectOption); });
+        this.isAllowedNumericValue = (val) => this._internal.isAllowedNumericValue(val);
         /*
          * Selects this Option.
          * Only Options belonging to Features that are "select many" can be deselected.
@@ -246,6 +331,17 @@ export class CfgOption {
         this.listenForChange = (l) => this._internal.changeObservable.listen(l);
         this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
     }
+    static make(rawOption, allRawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct) {
+        return new this(new _CfgOptionInternal(rawOption, allRawFeatures, siblingHasDuplicateDescription, parent, parentConfiguration, parentProduct, rootProduct));
+    }
+    /**
+     * Makes an object wrapping the passed object. This is not a clone method,
+     * it is a method to make a new outer reference. Like a shallow copy.
+     * We use this to help frameworks that are build around using equals to detect change.
+     */
+    static _makeNewRefFrom(internal) {
+        return new this(internal);
+    }
     get parentProduct() {
         return CfgProduct._makeNewRefFrom(this._internal.parentProduct);
     }
@@ -261,6 +357,18 @@ export class CfgOption {
     get code() {
         return this._internal.code;
     }
+    get isUseNumericValue() {
+        return this._internal.isUseNumericValue;
+    }
+    get numericValue() {
+        return this._internal.numericValue;
+    }
+    get allowedNumericValues() {
+        return this._internal.allowedNumericValues;
+    }
+    get unit() {
+        return this._internal.unit;
+    }
     get description() {
         return this._internal.description;
     }
@@ -284,10 +392,3 @@ export class CfgOption {
         return this._internal.features;
     }
 }
-CfgOption.make = (rawOption, parent, allRawFeatures, siblingHasDuplicateDescription, parentProduct, rootProduct) => new CfgOption(new _CfgOptionInternal(rawOption, parent, allRawFeatures, siblingHasDuplicateDescription, parentProduct, rootProduct));
-/**
- * Makes an object wrapping the passed object. This is not a clone method,
- * it is a method to make a new outer reference. Like a shallow copy.
- * We use this to help frameworks that are build around using equals to detect change.
- */
-CfgOption._makeNewRefFrom = (internal) => new CfgOption(internal);