@heartlandone/vega 2.68.1 → 2.69.0

package/dist/cjs/vega-icon.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-e14a4e66.js');
+const designToken = require('./design-token-bab85370.js');
 const ui = require('./ui-9e181079.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -15,13 +15,13 @@ const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-347db035.js');
+require('./responsive-format-facade-d673f4bd.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-f0e845f2.js');
+require('./function-extension-7c4f55ab.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-27809ff8.js');
@@ -41,7 +41,7 @@ require('./base-renderer-0a3b62b7.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
 require('./wait-for-vega-handler-5469ff80.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./state-background-color-formatter-aa5570f6.js');
 
 const vegaIconCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";

package/dist/cjs/vega-image-uploader.cjs.entry.js

@@ -6,19 +6,19 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-347db035.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d673f4bd.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const functionExtension = require('./function-extension-f0e845f2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const functionExtension = require('./function-extension-7c4f55ab.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const ui = require('./ui-9e181079.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f8840f1b.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
-const translationSlimmer = require('./translation-slimmer-4b6239d1.js');
+const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-8a87ec08.js');
 const darkModeStyleController = require('./dark-mode-style-controller-27809ff8.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
@@ -39,7 +39,7 @@ require('./internal-icon-manager-32f9ed63.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./wait-for-vega-handler-5469ff80.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./dto-renderer-manager-b7969d6c.js');
 require('./code-block-39074880.js');
 require('./vega-internal-event-id-6d4a2c53.js');

package/dist/cjs/vega-input-credit-card.cjs.entry.js

@@ -10,7 +10,7 @@ const validCreditCardNumberRule = require('./valid-credit-card-number-rule-ce5c9
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
@@ -31,7 +31,7 @@ require('./ui-9e181079.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-6d4a2c53.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./try-get-document-c0ebd39a.js');
 require('./mutation-observer-slimmer-749d5020.js');

package/dist/cjs/vega-input-numeric.cjs.entry.js

@@ -13,7 +13,7 @@ const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-62f072cd.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-78682046.js');
 const minNumberRule = require('./min-number-rule-dc555309.js');
@@ -34,7 +34,7 @@ require('./typography-4560e7f1.js');
 require('./string-39438062.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./vega-internal-event-id-6d4a2c53.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');

package/dist/cjs/vega-input-passcode.cjs.entry.js

@@ -12,7 +12,7 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-62f072cd.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f8840f1b.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 require('./observer-f49483e8.js');
 require('./ui-9e181079.js');
@@ -31,7 +31,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./string-39438062.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./vega-internal-event-id-6d4a2c53.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -11,10 +11,10 @@ const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-f0e845f2.js');
+require('./function-extension-7c4f55ab.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 require('./wait-for-vega-handler-5469ff80.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./dto-renderer-manager-b7969d6c.js');
 require('./vega-nonce-manager-f927497f.js');
 require('./code-block-39074880.js');
@@ -23,7 +23,7 @@ const stringFormatStrategy_abstract = require('./string-format-strategy.abstract
 const typeGuard = require('./type-guard-f12b5bae.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');

package/dist/cjs/vega-input-range.cjs.entry.js

@@ -8,7 +8,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
@@ -17,7 +17,7 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const translationSlimmer = require('./translation-slimmer-4b6239d1.js');
+const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-45d451de.js');
 require('./try-get-document-c0ebd39a.js');
@@ -25,7 +25,7 @@ require('./observer-f49483e8.js');
 require('./string-39438062.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./vega-internal-event-id-6d4a2c53.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -8,7 +8,7 @@ const component = require('./component-1e352960.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-9e181079.js');
-const responsiveFormatFacade = require('./responsive-format-facade-347db035.js');
+const responsiveFormatFacade = require('./responsive-format-facade-d673f4bd.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f040608b.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const vegaInternalEventId = require('./vega-internal-event-id-6d4a2c53.js');
@@ -19,22 +19,22 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a091912.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f865d397.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-7afe8d78.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f8840f1b.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
-const translationSlimmer = require('./translation-slimmer-4b6239d1.js');
+const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-f0e845f2.js');
+require('./function-extension-7c4f55ab.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-27809ff8.js');
@@ -50,7 +50,7 @@ require('./base-renderer-0a3b62b7.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
 require('./wait-for-vega-handler-5469ff80.js');
-require('./translation-f5adcb9f.js');
+require('./translation-5f9f9c0c.js');
 require('./sub-state-observer-slimmer-73aecfff.js');
 require('./typography-4560e7f1.js');
 
@@ -229,9 +229,15 @@ class VegaInputSelectValueController extends globalSlimmerRegistry.VegaSlimmer {
       if (this.selectType === 'multiple') {
         newValue = newValue;
         oldValue = oldValue;
-        const validValue = newValue
-          ? newValue.filter((value) => this.sourceController.getItem(value))
-          : [];
+        let validValue;
+        if (newValue) {
+          validValue = !this.vegaDropdownProps.preserveValueIfNotInSource
+            ? newValue.filter((value) => this.sourceController.getItem(value))
+            : newValue;
+        }
+        else {
+          validValue = [];
+        }
         if (!array.isArrayEqual(validValue, oldValue, true)) {
           this.setValue(validValue);
           this.changeEventEmitter.emit(validValue);
@@ -247,7 +253,12 @@ class VegaInputSelectValueController extends globalSlimmerRegistry.VegaSlimmer {
       else {
         if (newValue !== oldValue) {
           const sourceItem = this.sourceController.getItem(newValue);
-          this.setValue(sourceItem ? sourceItem.id : '');
+          if (!this.vegaDropdownProps.preserveValueIfNotInSource) {
+            this.setValue(sourceItem ? sourceItem.id : '');
+          }
+          else {
+            this.setValue(newValue);
+          }
           this.changeEventEmitter.emit(this.value);
           changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, {
             host: this.host,
@@ -301,6 +312,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputSelectValueController.prototype, "sourceController", void 0);
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputSelectValueController.prototype, "vegaDropdownProps", void 0);
 __decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaInputSelectValueController.prototype, "handleValueChange", void 0);
@@ -346,9 +360,14 @@ class VegaInputSelectDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer
     };
     this.renderSingleSelected = () => {
       const item = this.sourceController.getItem(this.value);
-      if (item) {
+      if (item || (this.vegaDropdownProps.preserveValueIfNotInSource && this.value)) {
         return (index.h("span", { class: "vega-input-select-selected", part: "selected-box" },
-          index.h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: item.displayName }, item.displayName)));
+          index.h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: this.vegaDropdownProps.preserveValueIfNotInSource
+              ? this.value
+              : // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+                item.displayName }, 
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          this.vegaDropdownProps.preserveValueIfNotInSource ? this.value : item.displayName)));
       }
       else {
         return (index.h("div", { class: "vega-input-select-placeholder", part: "placeholder" }, this.translationSlimmer.t(this.placeholder)));
@@ -358,6 +377,12 @@ class VegaInputSelectDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer
       return Object.assign({ searchable: true, caseSensitive: false }, this.vegaDropdownProps);
     };
   }
+  watchVegaDropdownProps() {
+    if (this.vegaDropdownProps && this.vegaDropdownProps.preserveValueIfNotInSource !== undefined) {
+      this.dropdown.preserveValueIfNotInSource = this.vegaDropdownProps.preserveValueIfNotInSource;
+      this.dropdown.selectedSourceKey = this.value;
+    }
+  }
   show() {
     return this.dropdown.show();
   }
@@ -449,6 +474,9 @@ __decorate$5([
 __decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "disabled", void 0);
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentMethod('watchVegaDropdownProps')
+], VegaInputSelectDropdownRenderer.prototype, "watchVegaDropdownProps", null);
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -586,6 +614,7 @@ class VegaInputSelectSourceController extends globalSlimmerRegistry.VegaSlimmer
      * convert the dropdown source when the component watchSource call
      */
     this.handleSourceChange = () => {
+      this.host.dataset.source = JSON.stringify(this.source);
       this.source = typeGuard.isArrayOfType(this.source, typeGuard.isSelectSourceItemType) ? this.source : [];
     };
   }
@@ -609,6 +638,9 @@ class VegaInputSelectSourceController extends globalSlimmerRegistry.VegaSlimmer
     return this.source.find((item) => item.id === id);
   }
 }
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputSelectSourceController.prototype, "host", void 0);
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputSelectSourceController.prototype, "source", void 0);
@@ -720,6 +752,91 @@ __decorate$1([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaInputSelectPrefixIconRenderer.prototype, "connectedCallback", null);
 
+/**
+ * A rule that checks if the value exists in the source or not
+ *
+ * @augments {InternalFormFieldValidationRule<SelectValueType<SelectType>>}
+ */
+class InputSelectValueInSourceRule extends internalFormFieldValidationRule_abstract.InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {() => SelectSourceItem[]} inputSelectSourceGetter - The input select source getter function
+   */
+  constructor(inputSelectSourceGetter) {
+    super();
+    this.inputSelectSourceGetter = inputSelectSourceGetter;
+    /**
+     * Generate an invalid result
+     *
+     * @param {string} message Error message
+     * @returns {EvaluateResultTranslation} invalid validation result
+     */
+    this.invalidResult = (message) => ({
+      isValid: false,
+      message,
+    });
+    /**
+     * Generate a valid result
+     *
+     * @returns {EvaluateResultTranslation} invalid validation result
+     */
+    this.validResult = () => ({
+      isValid: true,
+      message: '',
+    });
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * check if the value exists in the source
+   *
+   * @param {SelectValueType<SelectType>} input - The input to be evaluated.
+   * @returns {EvaluateResultTranslation} - The result of the evaluation.
+   */
+  evaluate(input) {
+    if (typeof input === 'string' &&
+      !this.inputSelectSourceGetter().find((item) => item.id === input)) {
+      return this.invalidResult(`The value does not exist in the source`);
+    }
+    else if (Array.isArray(input) &&
+      !input.every((value) => this.inputSelectSourceGetter().find((item) => item.id === value))) {
+      return this.invalidResult(`There are values that do not exist in the source`);
+    }
+    return this.validResult();
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * It returns true if the input is a string or an array of two strings, and each string is a valid string
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean value.
+   */
+  isAcceptedInputType(input) {
+    return ((typeof input === 'string' ||
+      (Array.isArray(input) && input.every((item) => typeof item === 'string'))) &&
+      input.length > 0);
+  }
+}
+
 const vegaInputSelectCss = ":host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}vega-field-label{margin-bottom:8px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -760,6 +877,12 @@ const VegaInputSelect = class {
           propertyName: 'required',
           ruleFactory: (isRequired) => (isRequired ? new requiredFieldRule.RequiredFieldRule() : null),
         },
+        {
+          propertyName: 'data-source',
+          ruleFactory: () => {
+            return new InputSelectValueInSourceRule(() => this.source);
+          },
+        },
       ],
       validationRulesName: 'validationRules',
       defaultValue: (target) => (target.selectType === 'multiple' ? [] : ''),
@@ -901,6 +1024,8 @@ const VegaInputSelect = class {
   }
   watchValidationRules() {
   }
+  watchVegaDropdownProps() {
+  }
   componentWillLoad() {
   }
   /**
@@ -935,7 +1060,8 @@ const VegaInputSelect = class {
   static get watchers() { return {
     "source": ["watchSource"],
     "value": ["watchValue"],
-    "validationRules": ["watchValidationRules"]
+    "validationRules": ["watchValidationRules"],
+    "vegaDropdownProps": ["watchVegaDropdownProps"]
   }; }
 };
 __decorate([