@dnb/eufemia 10.15.0 → 10.16.0

package/cjs/components/grid/style/dnb-grid.min.css

@@ -1 +1 @@
-.dnb-grid-container{grid-row-gap:var(--row-gap,0);grid-column-gap:var(--column-gap,0);--grid-columns:var(--small-columns,4);-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40em){.dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40em) and (max-width:60em){.dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}.dnb-grid-container__disabled--large{display:unset}}.dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40em){.dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60em){.dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}
+.dnb-grid-container{--grid-columns:var(--small-columns,4);-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40em){.dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40em) and (max-width:60em){.dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}.dnb-grid-container__disabled--large{display:unset}}.dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40em){.dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60em){.dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}

package/cjs/components/info-card/style/dnb-info-card.css

@@ -17,10 +17,7 @@
 .dnb-info-card::after {
   content: "";
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   pointer-events: none;
   border: 1px solid var(--color-black-8);
 }

package/cjs/components/info-card/style/dnb-info-card.min.css

@@ -1 +1 @@
-.dnb-info-card{background:var(--color-white);box-shadow:var(--shadow-default);display:flex;flex-direction:row;overflow:hidden;padding:1rem;position:relative}.dnb-info-card:after{border:1px solid var(--color-black-8);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dnb-info-card,.dnb-info-card:after{border-radius:.25rem}.dnb-info-card--centered{align-items:center;flex-direction:column;text-align:center}.dnb-info-card__content{flex-direction:column;margin-top:.1875rem;max-width:70ch}.dnb-info-card--centered .dnb-info-card__content{margin-top:0}.dnb-info-card__icon{color:var(--color-emerald-green)}.dnb-info-card__image{height:4rem;width:4rem}.dnb-info-card__buttons{display:flex;flex-flow:row wrap}.dnb-info-card--centered .dnb-info-card__buttons{align-items:center;flex-direction:column;text-align:center}
+.dnb-info-card{background:var(--color-white);box-shadow:var(--shadow-default);display:flex;flex-direction:row;overflow:hidden;padding:1rem;position:relative}.dnb-info-card:after{border:1px solid var(--color-black-8);content:"";inset:0;pointer-events:none;position:absolute}.dnb-info-card,.dnb-info-card:after{border-radius:.25rem}.dnb-info-card--centered{align-items:center;flex-direction:column;text-align:center}.dnb-info-card__content{flex-direction:column;margin-top:.1875rem;max-width:70ch}.dnb-info-card--centered .dnb-info-card__content{margin-top:0}.dnb-info-card__icon{color:var(--color-emerald-green)}.dnb-info-card__image{height:4rem;width:4rem}.dnb-info-card__buttons{display:flex;flex-flow:row wrap}.dnb-info-card--centered .dnb-info-card__buttons{align-items:center;flex-direction:column;text-align:center}

package/cjs/components/input/Input.d.ts

@@ -30,7 +30,7 @@ export type InputSubmitButtonIcon =
   | ((...args: any[]) => any);
 export type InputChildren = React.ReactNode | ((...args: any[]) => any);
 export interface InputProps
-  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
+  extends Omit<React.HTMLProps<HTMLInputElement>, 'ref'>,
     SpacingProps {
   /**
    * Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.
@@ -195,7 +195,8 @@ export default class Input extends React.Component<InputProps, any> {
   static defaultProps: object;
   render(): JSX.Element;
 }
-export interface SubmitButtonProps extends React.HTMLProps<HTMLElement> {
+export interface SubmitButtonProps
+  extends React.HTMLProps<HTMLInputElement> {
   id?: string;
   /**
    * The content value of the input.

package/cjs/components/input/style/dnb-input.css

@@ -116,6 +116,9 @@
   display: inline-flex;
   align-items: center;
 }
+.dnb-input__input:-webkit-autofill {
+  box-shadow: 0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset, inset), 0 0 0 10em var(--input-background-color) inset;
+}
 .dnb-input__input:autofill {
   box-shadow: 0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset, inset), 0 0 0 10em var(--input-background-color) inset;
 }
@@ -333,6 +336,9 @@ html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .d
 html[data-visual-test] .dnb-input__input {
   caret-color: var(--color-white);
 }
+.dnb-input[data-has-content=false] .dnb-input__input:focus:-webkit-autofill {
+  --autofill-inset: none;
+}
 .dnb-input[data-has-content=false] .dnb-input__input:focus:autofill {
   --autofill-inset: none;
 }

package/cjs/components/input/style/dnb-input.min.css

@@ -1 +1 @@
-.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-background-color:var(--color-white);align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__input:autofill{box-shadow:0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset,inset),0 0 0 10em var(--input-background-color) inset}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-element .dnb-button--input-button{height:var(--input-height);line-height:var(--input-height);width:var(--input-height)}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0;z-index:2}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}.dnb-input[data-has-content=false] .dnb-input__input:focus:autofill{--autofill-inset:none}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}
+.dnb-input{--input-font-size:var(--font-size-basis);--input-font-size--small:var(--font-size-basis);--input-font-size--medium:var(--font-size-basis);--input-font-size--large:var(--font-size-medium);--input-padding:1rem;--input-padding--small:1rem;--input-padding--medium:1rem;--input-padding--large:1rem;--input-height:2rem;--input-height--small:1.5rem;--input-height--medium:2.5rem;--input-height--large:3rem;--input-background-color:var(--color-white);align-items:center;display:inline-flex;font-size:var(--input-font-small);line-height:var(--input-height);text-align:left}.dnb-input__inner{display:inline-flex;flex-direction:column;width:auto}.dnb-input__shell{align-items:center;border:var(--input-border-width) solid var(--color-sea-green);display:flex;position:relative}.dnb-input__input{border:none;outline:none;position:relative;word-break:normal;z-index:2}.dnb-input__input[disabled]{opacity:1;-webkit-user-select:none;user-select:none}.dnb-input__input,.dnb-input__shell{border-radius:var(--input-border-radius);height:var(--input-height)}.dnb-input__input,.dnb-input__placeholder{padding-left:var(--input-padding);padding-right:var(--input-padding);width:100%}.dnb-input input.dnb-input__input,.dnb-input__input,.dnb-input__placeholder{background-color:transparent;color:inherit;font-size:var(--input-font-size);line-height:inherit;padding-bottom:0;padding-top:0}.dnb-input__placeholder{left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;z-index:1}.dnb-input input.dnb-input__input[type=file]{line-height:calc(var(--input-height) - 2px)}.dnb-input__input::-webkit-search-cancel-button{display:none}.dnb-input__input::-ms-clear{display:none}.dnb-input ::-webkit-file-upload-button{color:var(--color-sea-green);cursor:pointer;outline:none}.dnb-input ::-webkit-file-upload-button:active,.dnb-input ::-webkit-file-upload-button:hover{color:var(--color-emerald-green)}.dnb-input--has-clear-button .dnb-input__input,.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--has-submit-element .dnb-input__input,.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding)*2.5)}.dnb-input--password .dnb-input__input,.dnb-input--password .dnb-input__placeholder{margin-right:2.5rem;padding-right:0}.dnb-input--password .dnb-input__input::-ms-clear,.dnb-input--password .dnb-input__input::-ms-reveal,.dnb-input--password .dnb-input__placeholder::-ms-clear,.dnb-input--password .dnb-input__placeholder::-ms-reveal{display:none}.dnb-input--password .dnb-input__placeholder{padding-right:4rem}.dnb-input--password .dnb-input__input{font-family:var(--font-family-monospace)}.dnb-input__row{align-items:center;display:inline-flex}.dnb-input__input:-webkit-autofill{box-shadow:0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset,inset),0 0 0 10em var(--input-background-color) inset}.dnb-input__input:autofill{box-shadow:0 0 0 var(--input-border-width) var(--input-border-color) var(--autofill-inset,inset),0 0 0 10em var(--input-background-color) inset}.dnb-input__suffix{color:inherit}.dnb-input__submit-element{line-height:var(--line-height-basis);margin-left:calc(0px - var(--input-height));z-index:3}.dnb-input__submit-element .dnb-button--input-button{height:var(--input-height);line-height:var(--input-height);width:var(--input-height)}.dnb-input__submit-button{align-self:center;position:relative}.dnb-input__submit-button__button{border-radius:0 var(--input-border-radius) var(--input-border-radius) 0}.dnb-input>.dnb-form-label{line-height:var(--line-height-basis)}@media screen and (max-width:40em){.dnb-input{flex-wrap:wrap}.dnb-input>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-input:not(.dnb-input--vertical)[class*=__status]{align-items:flex-start}.dnb-input:not(.dnb-input--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}.dnb-input--small{line-height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__shell{height:var(--input-height--small)}.dnb-input--small .dnb-input__input,.dnb-input--small .dnb-input__placeholder{font-size:var(--input-font-size--small);padding-left:var(--input-padding--small);padding-right:var(--input-padding--small)}.dnb-input--small .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--small))}.dnb-input--small .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--small);line-height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--small.dnb-input--has-clear-button .dnb-input__input,.dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--small.dnb-input--has-submit-element .dnb-input__input,.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--small)*2)}.dnb-input--medium{line-height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__shell{height:var(--input-height--medium)}.dnb-input--medium .dnb-input__input,.dnb-input--medium .dnb-input__placeholder{font-size:var(--input-font-size--medium);padding-left:var(--input-padding--medium);padding-right:var(--input-padding--medium)}.dnb-input--medium .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--medium))}.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--medium);line-height:var(--input-height--medium);width:var(--input-height--medium)}.dnb-input--medium.dnb-input--has-clear-button .dnb-input__input,.dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--medium)*3)}.dnb-input--large{line-height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__shell{height:var(--input-height--large)}.dnb-input--large .dnb-input__input,.dnb-input--large .dnb-input__placeholder{font-size:var(--input-font-size--large);padding-left:var(--input-padding--large);padding-right:var(--input-padding--large)}.dnb-input--large .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large))}.dnb-input--large .dnb-input__submit-element .dnb-button--input-button{height:var(--input-height--large);width:var(--input-height--large)}.dnb-input--large.dnb-input--has-clear-button .dnb-input__input,.dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,.dnb-input--large.dnb-input--has-submit-element .dnb-input__input,.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder{padding-right:calc(var(--input-padding--large)*3)}.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element{margin-left:calc(0px - var(--input-height--large) + .5rem)}.dnb-input__align--center .dnb-input__input,.dnb-input__align--center .dnb-input__placeholder{text-align:center}.dnb-input__align--right .dnb-input__input,.dnb-input__align--right .dnb-input__placeholder{text-align:right}.dnb-input--clear.dnb-input__submit-element{opacity:0;transition:opacity .2s ease-in-out}.dnb-input--clear.dnb-input__submit-element .dnb-button{border-radius:var(--button-border-radius);height:var(--input-height--small);width:var(--input-height--small)}.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon{margin:auto}html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled]{cursor:default}.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button{height:1rem;width:1rem}.dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button,.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button{height:var(--input-height--small);width:var(--input-height--small)}.dnb-input[data-has-content=true] .dnb-input--clear{opacity:1}.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2.5rem}.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:2rem}.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3rem}.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element{margin-right:3.5rem}.dnb-input__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-input--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-input--stretch{display:flex;flex-grow:1}.dnb-input--stretch .dnb-input__inner{flex-grow:1}.dnb-input--stretch .dnb-input__inner,.dnb-input--stretch .dnb-input__shell{width:100%}.dnb-input--stretch .dnb-form-label+.dnb-input__inner{width:auto}.dnb-form-row--horizontal .dnb-input--stretch,.dnb-input--vertical.dnb-input--stretch .dnb-input__inner{width:100%}.dnb-input__icon{bottom:0;left:1rem;margin:auto;order:0;position:absolute;right:auto;top:0;z-index:2}.dnb-input--icon-position-right .dnb-input__icon{left:auto;order:1;right:1rem}.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:2.5rem}.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:2.5rem}.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder{padding-left:3rem}.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder{padding-right:3rem}html[data-visual-test] .dnb-input__input{caret-color:var(--color-white)}.dnb-input[data-has-content=false] .dnb-input__input:focus:-webkit-autofill{--autofill-inset:none}.dnb-input[data-has-content=false] .dnb-input__input:focus:autofill{--autofill-inset:none}@media screen and (max-width:40em){.dnb-responsive-component .dnb-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-input__row{align-items:flex-start}.dnb-responsive-component .dnb-input>.dnb-form-label{margin-bottom:.5rem}}

package/cjs/components/input/style/themes/dnb-input-theme-sbanken.css

@@ -84,19 +84,10 @@ html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-i
   --button-secondary-color--hover: var(--sb-color-white);
   --button-secondary-color--active: var(--sb-color-red);
 }
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible) {
-  background-color: transparent;
-  box-shadow: none;
-}
 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible) {
   background-color: transparent;
   box-shadow: none;
 }
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):active {
-  border: var(--input-button-border-width) solid var(--input-button-border-color);
-  border-left: none;
-  padding-left: var(--input-button-border-width);
-}
 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active {
   border: var(--input-button-border-width) solid var(--input-button-border-color);
   border-left: none;

package/cjs/components/input/style/themes/dnb-input-theme-sbanken.min.css

@@ -1 +1 @@
-.dnb-input{--input-height:2.5rem;--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-border-radius:0.5rem;--input-border-width:0.0625rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color)}.dnb-input__shell{--border-color:var(--input-border-color);--border-width:var(--input-border-width);background-color:var(--input-background-color);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--input-color);transition:border-radius .25s ease-out}.dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet);--button-secondary-color--active:var(--sb-color-violet)}.dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-input[data-input-state=disabled]{--input-border-color:var(--sb-color-gray)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-border-radius:1.5rem;--input-border-color:var(--input-border-color--active)}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--focus-ring-width)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{outline:none}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{--border-color:var(--input-border-color--focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input:not([data-input-state=disabled]) .dnb-form-label:hover+.dnb-input__inner .dnb-input__shell,.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover{--input-border-color:var(--input-border-color--hover);--input-border-width:0.125rem}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-border-color:var(--sb-color-red);--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-border-color--hover:var(--sb-color-red);--input-border-color--active:var(--sb-color-red);--input-border-color--focus:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-white);--button-secondary-color--active:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}
+.dnb-input{--input-height:2.5rem;--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-border-radius:0.5rem;--input-border-width:0.0625rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color)}.dnb-input__shell{--border-color:var(--input-border-color);--border-width:var(--input-border-width);background-color:var(--input-background-color);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--input-color);transition:border-radius .25s ease-out}.dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet);--button-secondary-color--active:var(--sb-color-violet)}.dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-input[data-input-state=disabled]{--input-border-color:var(--sb-color-gray)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-border-radius:1.5rem;--input-border-color:var(--input-border-color--active)}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--focus-ring-width)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{outline:none}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{--border-color:var(--input-border-color--focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input:not([data-input-state=disabled]) .dnb-form-label:hover+.dnb-input__inner .dnb-input__shell,.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover{--input-border-color:var(--input-border-color--hover);--input-border-width:0.125rem}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-border-color:var(--sb-color-red);--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-border-color--hover:var(--sb-color-red);--input-border-color--active:var(--sb-color-red);--input-border-color--focus:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-white);--button-secondary-color--active:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}

package/cjs/components/input-masked/InputMaskedHooks.js

@@ -173,9 +173,6 @@ const useInputElement = () => {
   }));
   const InputElement = (params, innerRef) => {
     innerRef.current = ref.current;
-    if (!params.inputMode) {
-      params.inputMode = (0, _InputMaskedUtils.getInputModeFromMask)(mask);
-    }
     return _react.default.createElement(_TextMask.default, _extends({
       inputRef: ref,
       inputElement: inputElementRef.current,
@@ -185,7 +182,7 @@ const useInputElement = () => {
       guide: showGuide,
       keepCharPositions: keepCharPositions,
       placeholderChar: placeholderChar
-    }, params, {
+    }, (0, _InputMaskedUtils.getSoftKeyboardAttributes)(mask), params, {
       className: (0, _classnames.default)(params.className, showMask && showGuide && placeholderChar && placeholderChar !== _InputMaskedUtils.invisibleSpace && 'dnb-input-masked--guide')
     }));
   };
@@ -304,7 +301,10 @@ const useCallEvent = _ref2 => {
       setLocalValue(value);
     }
     if ((name === 'on_focus' || name === 'on_mouse_up') && !props.selectall) {
-      (0, _InputMaskedUtils.correctCaretPosition)(event.target, maskParams, props);
+      event.target.runCorrectCaretPosition = () => (0, _InputMaskedUtils.correctCaretPosition)(event.target, maskParams, props);
+      if (!event.target.__getCorrectCaretPosition) {
+        event.target.runCorrectCaretPosition();
+      }
     }
     return result;
   };

package/cjs/components/input-masked/InputMaskedHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedHooks.js","names":["_react","_interopRequireDefault","require","_classnames","_NumberUtils","_componentHelper","_createTextMaskInputElement","_TextMask","_createNumberMask","_keycode","_InputMaskedContext","_InputMaskedUtils","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_extends","assign","bind","prototype","hasOwnProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","useFilteredProps","props","React","useContext","InputMaskedContext","mask","number_mask","currency_mask","number_format","mask_options","as_currency","as_number","as_percent","locale","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","attributes","htmlAttributes","freeze","exports","useLocale","context","useLocalValue","maskParams","useNumberMaskParams","localValue","setLocalValue","useState","correctNumberValue","useEffect","useNumberMask","isRequestingNumberMask","createNumberMask","useMask","numberMask","useMaskParams","placeholder","showMask","isTrue","placeholderChar","invisibleSpace","showGuide","keepCharPositions","useInputElement","inner_ref","isFn","refHook","useRef","ref","useLayoutEffect","current","inputElementRef","createElement","InputElement","params","innerRef","inputMode","getInputModeFromMask","inputRef","inputElement","guide","className","classnames","useEventMapping","_ref","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onKeyDown","onSubmit","onChange","on_focus","on_blur","on_key_down","on_submit","on_change","_ref2","isNumberMask","decimalSeparators","isUnidentified","_ref3","name","selStart","selectionStart","keyCode","keycode","which","data","disallowLeadingZeroes","replace","test","testValue","slice","preventDefault","decimalSymbol","hasDecimalSymbol","includes","allowedDecimals","decimalLimit","allowDecimal","charAtSelection","index","safeSetSelection","thousandsSeparatorSymbol","num","cleanNumber","prefix","suffix","decimalSeparator","thousandsSeparator","numberValue","cleanedValue","charAt","correctCaretPosition","result","dispatchCustomElementEvent","selectall","_currency_mask","fromJSON","currency","isRequestingLocaleSupport","handleThousandsSeparator","handleDecimalSeparator","extendPropsWithContext","getCurrencySymbol","handleNumberMask","handlePercentMask","handleCurrencyMask"],"sources":["../../../../src/components/input-masked/InputMaskedHooks.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  cleanNumber,\n  getCurrencySymbol,\n} from '../number-format/NumberUtils'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nimport TextMask from './TextMask'\nimport createNumberMask from './addons/createNumberMask'\nimport keycode from 'keycode'\nimport InputMaskedContext from './InputMaskedContext'\n\nimport {\n  isRequestingLocaleSupport,\n  isRequestingNumberMask,\n  correctNumberValue,\n  handlePercentMask,\n  handleCurrencyMask,\n  handleNumberMask,\n  correctCaretPosition,\n  getInputModeFromMask,\n  handleThousandsSeparator,\n  handleDecimalSeparator,\n  fromJSON,\n  invisibleSpace,\n} from './InputMaskedUtils'\n\n/**\n * Takes all component properties and filters out all internal used properties\n *\n * @returns object {props, htmlAttributes}\n */\nexport const useFilteredProps = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    mask, // eslint-disable-line\n    number_mask, // eslint-disable-line\n    currency_mask, // eslint-disable-line\n    number_format, // eslint-disable-line\n    mask_options, // eslint-disable-line\n    as_currency, // eslint-disable-line\n    as_number, // eslint-disable-line\n    as_percent, // eslint-disable-line\n    locale, // eslint-disable-line\n    show_mask, // eslint-disable-line\n    show_guide, // eslint-disable-line\n    pipe, // eslint-disable-line\n    keep_char_positions, // eslint-disable-line\n    placeholder_char, // eslint-disable-line\n\n    // Get get rest of possible attributes\n    ...attributes\n  } = props\n\n  return { props, htmlAttributes: Object.freeze(attributes) }\n}\n\n/**\n * Returns locale from either component or context\n *\n * @returns string\n */\nexport const useLocale = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n\n  let { locale } = props\n  if (!locale && context?.locale) {\n    locale = context.locale\n  }\n\n  return locale\n}\n\n/**\n * Handle internal value state\n *\n * It handles both the value state given as a prop form outside,\n * along with the current written and internal value.\n *\n * @returns object with internal value state and state setter\n */\nexport const useLocalValue = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n  const maskParams = useNumberMaskParams() || {}\n  const locale = useLocale()\n\n  const [localValue, setLocalValue] = React.useState(() =>\n    correctNumberValue({\n      locale,\n      props,\n      maskParams,\n    })\n  )\n\n  /**\n   * Use an effect here, just;\n   * because when a property gets changed from outside\n   */\n  React.useEffect(() => {\n    const value = correctNumberValue({\n      localValue,\n      locale,\n      props,\n      maskParams,\n    })\n\n    setLocalValue(value)\n\n    // Do not set \"localValue\" and \"maskParams\" here\n  }, [props, context, locale]) // eslint-disable-line\n\n  return { localValue, setLocalValue }\n}\n\n/**\n * Create createNumberMask if number mask parameters exists\n *\n * @returns mask function\n */\nexport const useNumberMask = () => {\n  const maskParams = useNumberMaskParams()\n  const { props } = React.useContext(InputMaskedContext)\n\n  if (!maskParams || !isRequestingNumberMask(props)) {\n    return null\n  }\n\n  const mask = createNumberMask(maskParams)\n\n  mask.maskParams = maskParams\n\n  return mask\n}\n\n/**\n * Returns either internal mask or given property mask\n *\n * @returns mask function\n */\nexport const useMask = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const numberMask = useNumberMask()\n  if (numberMask) {\n    return numberMask\n  }\n\n  return props.mask\n}\n\n/**\n * Returns the final mask params\n *\n * @returns mask params\n */\nexport const useMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    keep_char_positions,\n    show_guide,\n    show_mask,\n    placeholder_char,\n    placeholder,\n  } = props\n\n  const mask = useMask()\n  const maskParams = useNumberMaskParams() || {}\n\n  maskParams.showMask = !placeholder && isTrue(show_mask)\n\n  // Revalidated placeholder char to a zero width space\n  maskParams.placeholderChar = placeholder_char\n  if (typeof mask?.placeholderChar !== 'undefined') {\n    maskParams.placeholderChar = mask.placeholderChar\n  }\n  if (maskParams.placeholderChar === null) {\n    maskParams.placeholderChar = invisibleSpace\n  }\n\n  if (typeof mask?.showMask !== 'undefined') {\n    maskParams.showMask = mask.showMask\n  }\n\n  maskParams.showGuide = isTrue(show_guide)\n  maskParams.keepCharPositions = isTrue(keep_char_positions)\n\n  return maskParams\n}\n\n/**\n * Handle the TextMask dependency\n *\n * @returns React Element\n */\nexport const useInputElement = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const { pipe, inner_ref } = props\n\n  const mask = useMask()\n  const { showMask, showGuide, placeholderChar, keepCharPositions } =\n    useMaskParams()\n\n  const isFn = typeof inner_ref === 'function'\n  const refHook = React.useRef()\n  const ref = (!isFn && inner_ref) || refHook\n\n  React.useLayoutEffect(() => {\n    if (isFn) {\n      inner_ref?.(ref.current)\n    }\n  }, [ref.current])\n\n  // Create the actual input element\n  const inputElementRef = React.useRef(<input ref={ref} />)\n\n  const InputElement = (params, innerRef) => {\n    // Set ref for Eufemia input\n    innerRef.current = ref.current\n\n    // Set \"inputMode\"\n    if (!params.inputMode) {\n      params.inputMode = getInputModeFromMask(mask)\n    }\n\n    return (\n      <TextMask\n        inputRef={ref}\n        inputElement={inputElementRef.current}\n        pipe={pipe}\n        mask={mask || []}\n        showMask={showMask}\n        guide={showGuide}\n        keepCharPositions={keepCharPositions}\n        placeholderChar={placeholderChar}\n        {...params}\n        className={classnames(\n          params.className,\n          showMask &&\n            showGuide &&\n            placeholderChar &&\n            placeholderChar !== invisibleSpace &&\n            'dnb-input-masked--guide' // will use --font-family-monospace\n        )}\n      />\n    )\n  }\n  return InputElement\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns object of events to handle\n */\nexport const useEventMapping = ({ setLocalValue }) => {\n  const callEvent = useCallEvent({ setLocalValue })\n\n  return {\n    onBeforeInput: (event) => callEvent({ event }, 'on_before_input'),\n    onFocus: (params) => callEvent(params, 'on_focus'),\n    onBlur: (params) => callEvent(params, 'on_blur'),\n    onMouseUp: (event) => callEvent({ event }, 'on_mouse_up'),\n    onKeyDown: (params) => callEvent(params, 'on_key_down'),\n    onSubmit: (params) => callEvent(params, 'on_submit'),\n    onChange: (params) => callEvent(params, 'on_change'),\n\n    on_focus: undefined,\n    on_blur: undefined,\n    on_key_down: undefined,\n    on_submit: undefined,\n    on_change: undefined,\n  }\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns event handler function\n */\nconst useCallEvent = ({ setLocalValue }) => {\n  const { props } = React.useContext(InputMaskedContext)\n  const maskParams = useMaskParams()\n  const isNumberMask = useNumberMask()\n\n  // Source: https://en.wikipedia.org/wiki/Decimal_separator\n  const decimalSeparators = /[,.'·]/\n  let isUnidentified = false\n\n  const callEvent = ({ event, value }, name) => {\n    value = value || event.target.value\n    const selStart = event.target.selectionStart\n    let keyCode = keycode(event)\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    if (\n      name === 'on_key_down' &&\n      (event.which === 229 || keyCode === undefined)\n    ) {\n      isUnidentified = true\n    }\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    // so we use this solution instead\n    if (\n      isUnidentified &&\n      name === 'on_before_input' &&\n      typeof event?.data !== 'undefined'\n    ) {\n      name = 'on_key_down'\n      keyCode = event.data\n      isUnidentified = false\n    }\n\n    // Prevent entering a leading zero\n    if (\n      name === 'on_key_down' &&\n      !isUnidentified &&\n      maskParams?.disallowLeadingZeroes &&\n      (keyCode === '0' ||\n        keyCode === 'numpad 0' ||\n        (value.replace(/[^\\d]/g, '') === '' &&\n          decimalSeparators.test(keyCode)))\n    ) {\n      const testValue = (\n        value.slice(0, selStart) +\n        '0' +\n        value.slice(selStart + 1, value.length)\n      ).replace(/[^\\d]/g, '')\n\n      if (/^0/.test(testValue)) {\n        event.preventDefault()\n      }\n    }\n\n    if (\n      name === 'on_key_down' &&\n      isNumberMask &&\n      !isUnidentified &&\n      maskParams?.decimalSymbol\n    ) {\n      const hasDecimalSymbol = value.includes(maskParams.decimalSymbol)\n      const allowedDecimals =\n        maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false\n\n      if (!allowedDecimals && decimalSeparators.test(keyCode)) {\n        event.preventDefault()\n      }\n\n      const charAtSelection = value.slice(selStart, selStart + 1)\n\n      if (allowedDecimals) {\n        // if we have already a decimal ...\n        if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {\n          // ... we set the cursor on after the decimalSeparators\n          if (decimalSeparators.test(charAtSelection)) {\n            const index = value.indexOf(maskParams.decimalSymbol)\n            if (index > -1) {\n              safeSetSelection(event.target, index + 1)\n            }\n          }\n\n          // ... we do not allow to type another\n          event.preventDefault()\n        }\n\n        // replace other decimal\n        else if (\n          !hasDecimalSymbol &&\n          keyCode !== maskParams.decimalSymbol &&\n          decimalSeparators.test(keyCode)\n        ) {\n          value = value.slice(0, selStart)\n          setLocalValue(value + maskParams.decimalSymbol)\n          event.target.value = value + maskParams.decimalSymbol\n          event.preventDefault()\n        }\n      }\n\n      // move cursor to right if key is delete and char at selection is thousand separator\n      if (\n        keyCode === 'delete' &&\n        charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')\n      ) {\n        safeSetSelection(event.target, selStart + 1)\n        event.preventDefault()\n      }\n    }\n\n    let num = cleanNumber(value, {\n      prefix: maskParams.prefix,\n      suffix: maskParams.suffix,\n      decimalSeparator: maskParams.decimalSymbol || ',',\n      thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' ',\n    })\n\n    // We don't want to return NaN, so we set it to 0\n    if (num === '-') {\n      num = -0\n    }\n\n    const numberValue = Number(num)\n\n    // Return '' (empty string) when the user has entered something invalid\n    const cleanedValue =\n      numberValue === 0 && String(num).charAt(0) !== '0' ? '' : num\n\n    if (name === 'on_change' && numberValue === 0) {\n      correctCaretPosition(event.target, maskParams, props)\n    }\n\n    const result = dispatchCustomElementEvent(props, name, {\n      event,\n      value,\n      numberValue,\n      cleanedValue,\n    })\n\n    if (name === 'on_change') {\n      setLocalValue(value)\n    }\n\n    if (\n      (name === 'on_focus' || name === 'on_mouse_up') &&\n      !props.selectall\n    ) {\n      // Also correct here, because of additional click inside the field\n      correctCaretPosition(event.target, maskParams, props)\n    }\n\n    return result\n  }\n\n  return callEvent\n}\n\n/**\n * Returns number mask parameters if requested by the component properties\n *\n * @returns object of number mask parameter\n */\nconst useNumberMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const locale = useLocale()\n\n  if (!isRequestingNumberMask(props)) {\n    return { ...fromJSON(props.mask_options) }\n  }\n\n  let { number_mask, currency_mask, mask_options } = props\n\n  const { as_number, as_percent, as_currency } = props\n\n  mask_options = fromJSON(mask_options)\n  number_mask = isTrue(number_mask) ? {} : fromJSON(number_mask)\n  currency_mask = isTrue(currency_mask)\n    ? {}\n    : fromJSON(currency_mask, {\n        currency: currency_mask,\n      })\n  if (!currency_mask?.currency) {\n    delete currency_mask.currency\n  }\n\n  if (isRequestingLocaleSupport(props)) {\n    const thousandsSeparatorSymbol = handleThousandsSeparator(locale)\n    const decimalSymbol = handleDecimalSeparator(locale)\n\n    if (isTrue(as_number) || isTrue(as_percent)) {\n      number_mask = extendPropsWithContext(number_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n      })\n    } else if (as_currency) {\n      currency_mask = extendPropsWithContext(currency_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n        currency: getCurrencySymbol(\n          locale,\n          typeof as_currency === 'string' ? as_currency : null\n        ),\n      })\n    }\n  }\n\n  let maskParams = null\n\n  if (number_mask) {\n    maskParams = handleNumberMask({\n      mask_options,\n      number_mask,\n    })\n\n    if (isTrue(as_percent)) {\n      maskParams = handlePercentMask({ props, locale, maskParams })\n    }\n  } else if (currency_mask) {\n    maskParams = handleCurrencyMask({\n      mask_options,\n      currency_mask,\n    })\n  }\n\n  return maskParams\n}\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,gBAAA,GAAAH,OAAA;AAKA,IAAAI,2BAAA,GAAAJ,OAAA;AAEA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,QAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,mBAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,IAAAS,iBAAA,GAAAT,OAAA;AAa2B,MAAAU,SAAA;AAAA,SAAAX,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAAxB,GAAA,EAAAuB,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAAvB,GAAA,IAAAO,MAAA,CAAAoB,cAAA,CAAA3B,GAAA,EAAAuB,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAA/B,GAAA,CAAAuB,GAAA,IAAAK,KAAA,WAAA5B,GAAA;AAAA,SAAA6B,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,2BAAAT,GAAA,gBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAK,IAAA,CAAAP,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAE,SAAA,4DAAAP,IAAA,gBAAAF,MAAA,GAAAU,MAAA,EAAAT,KAAA;AAAA,SAAAU,SAAA,IAAAA,QAAA,GAAAtC,MAAA,CAAAuC,MAAA,GAAAvC,MAAA,CAAAuC,MAAA,CAAAC,IAAA,eAAA9B,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAK,GAAA,IAAAF,MAAA,QAAAd,MAAA,CAAAyC,SAAA,CAAAC,cAAA,CAAAP,IAAA,CAAArB,MAAA,EAAAE,GAAA,KAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,gBAAAN,MAAA,YAAA4B,QAAA,CAAA9B,KAAA,OAAAI,SAAA;AAAA,SAAA+B,yBAAA7B,MAAA,EAAA8B,QAAA,QAAA9B,MAAA,yBAAAJ,MAAA,GAAAmC,6BAAA,CAAA/B,MAAA,EAAA8B,QAAA,OAAA5B,GAAA,EAAAL,CAAA,MAAAX,MAAA,CAAAC,qBAAA,QAAA6C,gBAAA,GAAA9C,MAAA,CAAAC,qBAAA,CAAAa,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAmC,gBAAA,CAAAjC,MAAA,EAAAF,CAAA,MAAAK,GAAA,GAAA8B,gBAAA,CAAAnC,CAAA,OAAAiC,QAAA,CAAAG,OAAA,CAAA/B,GAAA,uBAAAhB,MAAA,CAAAyC,SAAA,CAAAO,oBAAA,CAAAb,IAAA,CAAArB,MAAA,EAAAE,GAAA,aAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,cAAAN,MAAA;AAAA,SAAAmC,8BAAA/B,MAAA,EAAA8B,QAAA,QAAA9B,MAAA,yBAAAJ,MAAA,WAAAuC,UAAA,GAAAjD,MAAA,CAAAD,IAAA,CAAAe,MAAA,OAAAE,GAAA,EAAAL,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAsC,UAAA,CAAApC,MAAA,EAAAF,CAAA,MAAAK,GAAA,GAAAiC,UAAA,CAAAtC,CAAA,OAAAiC,QAAA,CAAAG,OAAA,CAAA/B,GAAA,kBAAAN,MAAA,CAAAM,GAAA,IAAAF,MAAA,CAAAE,GAAA,YAAAN,MAAA;AAOpB,MAAMwC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EAEtD,MAAM;MACJC,IAAI;MACJC,WAAW;MACXC,aAAa;MACbC,aAAa;MACbC,YAAY;MACZC,WAAW;MACXC,SAAS;MACTC,UAAU;MACVC,MAAM;MACNC,SAAS;MACTC,UAAU;MACVC,IAAI;MACJC,mBAAmB;MACnBC;IAIF,CAAC,GAAGjB,KAAK;IADJkB,UAAU,GAAA1B,wBAAA,CACXQ,KAAK,EAAA3D,SAAA;EAET,OAAO;IAAE2D,KAAK;IAAEmB,cAAc,EAAEtE,MAAM,CAACuE,MAAM,CAACF,UAAU;EAAE,CAAC;AAC7D,CAAC;AAAAG,OAAA,CAAAtB,gBAAA,GAAAA,gBAAA;AAOM,MAAMuB,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEtB,KAAK;IAAEuB;EAAQ,CAAC,GAAGtB,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EAE/D,IAAI;IAAES;EAAO,CAAC,GAAGZ,KAAK;EACtB,IAAI,CAACY,MAAM,IAAIW,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEX,MAAM,EAAE;IAC9BA,MAAM,GAAGW,OAAO,CAACX,MAAM;EACzB;EAEA,OAAOA,MAAM;AACf,CAAC;AAAAS,OAAA,CAAAC,SAAA,GAAAA,SAAA;AAUM,MAAME,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAExB,KAAK;IAAEuB;EAAQ,CAAC,GAAGtB,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EAC/D,MAAMsB,UAAU,GAAGC,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC;EAC9C,MAAMd,MAAM,GAAGU,SAAS,CAAC,CAAC;EAE1B,MAAM,CAACK,UAAU,EAAEC,aAAa,CAAC,GAAG3B,cAAK,CAAC4B,QAAQ,CAAC,MACjD,IAAAC,oCAAkB,EAAC;IACjBlB,MAAM;IACNZ,KAAK;IACLyB;EACF,CAAC,CACH,CAAC;EAMDxB,cAAK,CAAC8B,SAAS,CAAC,MAAM;IACpB,MAAM7D,KAAK,GAAG,IAAA4D,oCAAkB,EAAC;MAC/BH,UAAU;MACVf,MAAM;MACNZ,KAAK;MACLyB;IACF,CAAC,CAAC;IAEFG,aAAa,CAAC1D,KAAK,CAAC;EAGtB,CAAC,EAAE,CAAC8B,KAAK,EAAEuB,OAAO,EAAEX,MAAM,CAAC,CAAC;EAE5B,OAAO;IAAEe,UAAU;IAAEC;EAAc,CAAC;AACtC,CAAC;AAAAP,OAAA,CAAAG,aAAA,GAAAA,aAAA;AAOM,MAAMQ,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAMP,UAAU,GAAGC,mBAAmB,CAAC,CAAC;EACxC,MAAM;IAAE1B;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EAEtD,IAAI,CAACsB,UAAU,IAAI,CAAC,IAAAQ,wCAAsB,EAACjC,KAAK,CAAC,EAAE;IACjD,OAAO,IAAI;EACb;EAEA,MAAMI,IAAI,GAAG,IAAA8B,yBAAgB,EAACT,UAAU,CAAC;EAEzCrB,IAAI,CAACqB,UAAU,GAAGA,UAAU;EAE5B,OAAOrB,IAAI;AACb,CAAC;AAAAiB,OAAA,CAAAW,aAAA,GAAAA,aAAA;AAOM,MAAMG,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEnC;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EAEtD,MAAMiC,UAAU,GAAGJ,aAAa,CAAC,CAAC;EAClC,IAAII,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;EAEA,OAAOpC,KAAK,CAACI,IAAI;AACnB,CAAC;AAAAiB,OAAA,CAAAc,OAAA,GAAAA,OAAA;AAOM,MAAME,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAErC;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EAEtD,MAAM;IACJa,mBAAmB;IACnBF,UAAU;IACVD,SAAS;IACTI,gBAAgB;IAChBqB;EACF,CAAC,GAAGtC,KAAK;EAET,MAAMI,IAAI,GAAG+B,OAAO,CAAC,CAAC;EACtB,MAAMV,UAAU,GAAGC,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC;EAE9CD,UAAU,CAACc,QAAQ,GAAG,CAACD,WAAW,IAAI,IAAAE,uBAAM,EAAC3B,SAAS,CAAC;EAGvDY,UAAU,CAACgB,eAAe,GAAGxB,gBAAgB;EAC7C,IAAI,QAAOb,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEqC,eAAe,MAAK,WAAW,EAAE;IAChDhB,UAAU,CAACgB,eAAe,GAAGrC,IAAI,CAACqC,eAAe;EACnD;EACA,IAAIhB,UAAU,CAACgB,eAAe,KAAK,IAAI,EAAE;IACvChB,UAAU,CAACgB,eAAe,GAAGC,gCAAc;EAC7C;EAEA,IAAI,QAAOtC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEmC,QAAQ,MAAK,WAAW,EAAE;IACzCd,UAAU,CAACc,QAAQ,GAAGnC,IAAI,CAACmC,QAAQ;EACrC;EAEAd,UAAU,CAACkB,SAAS,GAAG,IAAAH,uBAAM,EAAC1B,UAAU,CAAC;EACzCW,UAAU,CAACmB,iBAAiB,GAAG,IAAAJ,uBAAM,EAACxB,mBAAmB,CAAC;EAE1D,OAAOS,UAAU;AACnB,CAAC;AAAAJ,OAAA,CAAAgB,aAAA,GAAAA,aAAA;AAOM,MAAMQ,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAE7C;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EACtD,MAAM;IAAEY,IAAI;IAAE+B;EAAU,CAAC,GAAG9C,KAAK;EAEjC,MAAMI,IAAI,GAAG+B,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEI,QAAQ;IAAEI,SAAS;IAAEF,eAAe;IAAEG;EAAkB,CAAC,GAC/DP,aAAa,CAAC,CAAC;EAEjB,MAAMU,IAAI,GAAG,OAAOD,SAAS,KAAK,UAAU;EAC5C,MAAME,OAAO,GAAG/C,cAAK,CAACgD,MAAM,CAAC,CAAC;EAC9B,MAAMC,GAAG,GAAI,CAACH,IAAI,IAAID,SAAS,IAAKE,OAAO;EAE3C/C,cAAK,CAACkD,eAAe,CAAC,MAAM;IAC1B,IAAIJ,IAAI,EAAE;MACRD,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGI,GAAG,CAACE,OAAO,CAAC;IAC1B;EACF,CAAC,EAAE,CAACF,GAAG,CAACE,OAAO,CAAC,CAAC;EAGjB,MAAMC,eAAe,GAAGpD,cAAK,CAACgD,MAAM,CAACxH,MAAA,CAAAe,OAAA,CAAA8G,aAAA;IAAOJ,GAAG,EAAEA;EAAI,CAAE,CAAC,CAAC;EAEzD,MAAMK,YAAY,GAAGA,CAACC,MAAM,EAAEC,QAAQ,KAAK;IAEzCA,QAAQ,CAACL,OAAO,GAAGF,GAAG,CAACE,OAAO;IAG9B,IAAI,CAACI,MAAM,CAACE,SAAS,EAAE;MACrBF,MAAM,CAACE,SAAS,GAAG,IAAAC,sCAAoB,EAACvD,IAAI,CAAC;IAC/C;IAEA,OACE3E,MAAA,CAAAe,OAAA,CAAA8G,aAAA,CAACtH,SAAA,CAAAQ,OAAQ,EAAA2C,QAAA;MACPyE,QAAQ,EAAEV,GAAI;MACdW,YAAY,EAAER,eAAe,CAACD,OAAQ;MACtCrC,IAAI,EAAEA,IAAK;MACXX,IAAI,EAAEA,IAAI,IAAI,EAAG;MACjBmC,QAAQ,EAAEA,QAAS;MACnBuB,KAAK,EAAEnB,SAAU;MACjBC,iBAAiB,EAAEA,iBAAkB;MACrCH,eAAe,EAAEA;IAAgB,GAC7Be,MAAM;MACVO,SAAS,EAAE,IAAAC,mBAAU,EACnBR,MAAM,CAACO,SAAS,EAChBxB,QAAQ,IACNI,SAAS,IACTF,eAAe,IACfA,eAAe,KAAKC,gCAAc,IAClC,yBACJ;IAAE,EACH,CAAC;EAEN,CAAC;EACD,OAAOa,YAAY;AACrB,CAAC;AAAAlC,OAAA,CAAAwB,eAAA,GAAAA,eAAA;AASM,MAAMoB,eAAe,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEtC;EAAc,CAAC,GAAAsC,IAAA;EAC/C,MAAMC,SAAS,GAAGC,YAAY,CAAC;IAAExC;EAAc,CAAC,CAAC;EAEjD,OAAO;IACLyC,aAAa,EAAGC,KAAK,IAAKH,SAAS,CAAC;MAAEG;IAAM,CAAC,EAAE,iBAAiB,CAAC;IACjEC,OAAO,EAAGf,MAAM,IAAKW,SAAS,CAACX,MAAM,EAAE,UAAU,CAAC;IAClDgB,MAAM,EAAGhB,MAAM,IAAKW,SAAS,CAACX,MAAM,EAAE,SAAS,CAAC;IAChDiB,SAAS,EAAGH,KAAK,IAAKH,SAAS,CAAC;MAAEG;IAAM,CAAC,EAAE,aAAa,CAAC;IACzDI,SAAS,EAAGlB,MAAM,IAAKW,SAAS,CAACX,MAAM,EAAE,aAAa,CAAC;IACvDmB,QAAQ,EAAGnB,MAAM,IAAKW,SAAS,CAACX,MAAM,EAAE,WAAW,CAAC;IACpDoB,QAAQ,EAAGpB,MAAM,IAAKW,SAAS,CAACX,MAAM,EAAE,WAAW,CAAC;IAEpDqB,QAAQ,EAAE/F,SAAS;IACnBgG,OAAO,EAAEhG,SAAS;IAClBiG,WAAW,EAAEjG,SAAS;IACtBkG,SAAS,EAAElG,SAAS;IACpBmG,SAAS,EAAEnG;EACb,CAAC;AACH,CAAC;AAAAuC,OAAA,CAAA4C,eAAA,GAAAA,eAAA;AASD,MAAMG,YAAY,GAAGc,KAAA,IAAuB;EAAA,IAAtB;IAAEtD;EAAc,CAAC,GAAAsD,KAAA;EACrC,MAAM;IAAElF;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EACtD,MAAMsB,UAAU,GAAGY,aAAa,CAAC,CAAC;EAClC,MAAM8C,YAAY,GAAGnD,aAAa,CAAC,CAAC;EAGpC,MAAMoD,iBAAiB,GAAG,QAAQ;EAClC,IAAIC,cAAc,GAAG,KAAK;EAE1B,MAAMlB,SAAS,GAAGA,CAAAmB,KAAA,EAAmBC,IAAI,KAAK;IAAA,IAA3B;MAAEjB,KAAK;MAAEpG;IAAM,CAAC,GAAAoH,KAAA;IACjCpH,KAAK,GAAGA,KAAK,IAAIoG,KAAK,CAAC/G,MAAM,CAACW,KAAK;IACnC,MAAMsH,QAAQ,GAAGlB,KAAK,CAAC/G,MAAM,CAACkI,cAAc;IAC5C,IAAIC,OAAO,GAAG,IAAAC,gBAAO,EAACrB,KAAK,CAAC;IAG5B,IACEiB,IAAI,KAAK,aAAa,KACrBjB,KAAK,CAACsB,KAAK,KAAK,GAAG,IAAIF,OAAO,KAAK5G,SAAS,CAAC,EAC9C;MACAuG,cAAc,GAAG,IAAI;IACvB;IAIA,IACEA,cAAc,IACdE,IAAI,KAAK,iBAAiB,IAC1B,QAAOjB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEuB,IAAI,MAAK,WAAW,EAClC;MACAN,IAAI,GAAG,aAAa;MACpBG,OAAO,GAAGpB,KAAK,CAACuB,IAAI;MACpBR,cAAc,GAAG,KAAK;IACxB;IAGA,IACEE,IAAI,KAAK,aAAa,IACtB,CAACF,cAAc,IACf5D,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEqE,qBAAqB,KAChCJ,OAAO,KAAK,GAAG,IACdA,OAAO,KAAK,UAAU,IACrBxH,KAAK,CAAC6H,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,EAAE,IACjCX,iBAAiB,CAACY,IAAI,CAACN,OAAO,CAAE,CAAC,EACrC;MACA,MAAMO,SAAS,GAAG,CAChB/H,KAAK,CAACgI,KAAK,CAAC,CAAC,EAAEV,QAAQ,CAAC,GACxB,GAAG,GACHtH,KAAK,CAACgI,KAAK,CAACV,QAAQ,GAAG,CAAC,EAAEtH,KAAK,CAACR,MAAM,CAAC,EACvCqI,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;MAEvB,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,CAAC,EAAE;QACxB3B,KAAK,CAAC6B,cAAc,CAAC,CAAC;MACxB;IACF;IAEA,IACEZ,IAAI,KAAK,aAAa,IACtBJ,YAAY,IACZ,CAACE,cAAc,IACf5D,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE2E,aAAa,EACzB;MACA,MAAMC,gBAAgB,GAAGnI,KAAK,CAACoI,QAAQ,CAAC7E,UAAU,CAAC2E,aAAa,CAAC;MACjE,MAAMG,eAAe,GACnB9E,UAAU,CAAC+E,YAAY,GAAG,CAAC,IAAI/E,UAAU,CAACgF,YAAY,KAAK,KAAK;MAElE,IAAI,CAACF,eAAe,IAAInB,iBAAiB,CAACY,IAAI,CAACN,OAAO,CAAC,EAAE;QACvDpB,KAAK,CAAC6B,cAAc,CAAC,CAAC;MACxB;MAEA,MAAMO,eAAe,GAAGxI,KAAK,CAACgI,KAAK,CAACV,QAAQ,EAAEA,QAAQ,GAAG,CAAC,CAAC;MAE3D,IAAIe,eAAe,EAAE;QAEnB,IAAIF,gBAAgB,IAAIjB,iBAAiB,CAACY,IAAI,CAACN,OAAO,CAAC,EAAE;UAEvD,IAAIN,iBAAiB,CAACY,IAAI,CAACU,eAAe,CAAC,EAAE;YAC3C,MAAMC,KAAK,GAAGzI,KAAK,CAAC0B,OAAO,CAAC6B,UAAU,CAAC2E,aAAa,CAAC;YACrD,IAAIO,KAAK,GAAG,CAAC,CAAC,EAAE;cACd,IAAAC,4CAAgB,EAACtC,KAAK,CAAC/G,MAAM,EAAEoJ,KAAK,GAAG,CAAC,CAAC;YAC3C;UACF;UAGArC,KAAK,CAAC6B,cAAc,CAAC,CAAC;QACxB,CAAC,MAGI,IACH,CAACE,gBAAgB,IACjBX,OAAO,KAAKjE,UAAU,CAAC2E,aAAa,IACpChB,iBAAiB,CAACY,IAAI,CAACN,OAAO,CAAC,EAC/B;UACAxH,KAAK,GAAGA,KAAK,CAACgI,KAAK,CAAC,CAAC,EAAEV,QAAQ,CAAC;UAChC5D,aAAa,CAAC1D,KAAK,GAAGuD,UAAU,CAAC2E,aAAa,CAAC;UAC/C9B,KAAK,CAAC/G,MAAM,CAACW,KAAK,GAAGA,KAAK,GAAGuD,UAAU,CAAC2E,aAAa;UACrD9B,KAAK,CAAC6B,cAAc,CAAC,CAAC;QACxB;MACF;MAGA,IACET,OAAO,KAAK,QAAQ,IACpBgB,eAAe,MAAMjF,UAAU,CAACoF,wBAAwB,IAAI,GAAG,CAAC,EAChE;QACA,IAAAD,4CAAgB,EAACtC,KAAK,CAAC/G,MAAM,EAAEiI,QAAQ,GAAG,CAAC,CAAC;QAC5ClB,KAAK,CAAC6B,cAAc,CAAC,CAAC;MACxB;IACF;IAEA,IAAIW,GAAG,GAAG,IAAAC,wBAAW,EAAC7I,KAAK,EAAE;MAC3B8I,MAAM,EAAEvF,UAAU,CAACuF,MAAM;MACzBC,MAAM,EAAExF,UAAU,CAACwF,MAAM;MACzBC,gBAAgB,EAAEzF,UAAU,CAAC2E,aAAa,IAAI,GAAG;MACjDe,kBAAkB,EAAE1F,UAAU,CAACoF,wBAAwB,IAAI;IAC7D,CAAC,CAAC;IAGF,IAAIC,GAAG,KAAK,GAAG,EAAE;MACfA,GAAG,GAAG,CAAC,CAAC;IACV;IAEA,MAAMM,WAAW,GAAGlI,MAAM,CAAC4H,GAAG,CAAC;IAG/B,MAAMO,YAAY,GAChBD,WAAW,KAAK,CAAC,IAAI5I,MAAM,CAACsI,GAAG,CAAC,CAACQ,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,EAAE,GAAGR,GAAG;IAE/D,IAAIvB,IAAI,KAAK,WAAW,IAAI6B,WAAW,KAAK,CAAC,EAAE;MAC7C,IAAAG,sCAAoB,EAACjD,KAAK,CAAC/G,MAAM,EAAEkE,UAAU,EAAEzB,KAAK,CAAC;IACvD;IAEA,MAAMwH,MAAM,GAAG,IAAAC,2CAA0B,EAACzH,KAAK,EAAEuF,IAAI,EAAE;MACrDjB,KAAK;MACLpG,KAAK;MACLkJ,WAAW;MACXC;IACF,CAAC,CAAC;IAEF,IAAI9B,IAAI,KAAK,WAAW,EAAE;MACxB3D,aAAa,CAAC1D,KAAK,CAAC;IACtB;IAEA,IACE,CAACqH,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK,aAAa,KAC9C,CAACvF,KAAK,CAAC0H,SAAS,EAChB;MAEA,IAAAH,sCAAoB,EAACjD,KAAK,CAAC/G,MAAM,EAAEkE,UAAU,EAAEzB,KAAK,CAAC;IACvD;IAEA,OAAOwH,MAAM;EACf,CAAC;EAED,OAAOrD,SAAS;AAClB,CAAC;AAOD,MAAMzC,mBAAmB,GAAGA,CAAA,KAAM;EAAA,IAAAiG,cAAA;EAChC,MAAM;IAAE3H;EAAM,CAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,2BAAkB,CAAC;EACtD,MAAMS,MAAM,GAAGU,SAAS,CAAC,CAAC;EAE1B,IAAI,CAAC,IAAAW,wCAAsB,EAACjC,KAAK,CAAC,EAAE;IAClC,OAAA1C,aAAA,KAAY,IAAAsK,0BAAQ,EAAC5H,KAAK,CAACQ,YAAY,CAAC;EAC1C;EAEA,IAAI;IAAEH,WAAW;IAAEC,aAAa;IAAEE;EAAa,CAAC,GAAGR,KAAK;EAExD,MAAM;IAAEU,SAAS;IAAEC,UAAU;IAAEF;EAAY,CAAC,GAAGT,KAAK;EAEpDQ,YAAY,GAAG,IAAAoH,0BAAQ,EAACpH,YAAY,CAAC;EACrCH,WAAW,GAAG,IAAAmC,uBAAM,EAACnC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,IAAAuH,0BAAQ,EAACvH,WAAW,CAAC;EAC9DC,aAAa,GAAG,IAAAkC,uBAAM,EAAClC,aAAa,CAAC,GACjC,CAAC,CAAC,GACF,IAAAsH,0BAAQ,EAACtH,aAAa,EAAE;IACtBuH,QAAQ,EAAEvH;EACZ,CAAC,CAAC;EACN,IAAI,GAAAqH,cAAA,GAACrH,aAAa,cAAAqH,cAAA,eAAbA,cAAA,CAAeE,QAAQ,GAAE;IAC5B,OAAOvH,aAAa,CAACuH,QAAQ;EAC/B;EAEA,IAAI,IAAAC,2CAAyB,EAAC9H,KAAK,CAAC,EAAE;IACpC,MAAM6G,wBAAwB,GAAG,IAAAkB,0CAAwB,EAACnH,MAAM,CAAC;IACjE,MAAMwF,aAAa,GAAG,IAAA4B,wCAAsB,EAACpH,MAAM,CAAC;IAEpD,IAAI,IAAA4B,uBAAM,EAAC9B,SAAS,CAAC,IAAI,IAAA8B,uBAAM,EAAC7B,UAAU,CAAC,EAAE;MAC3CN,WAAW,GAAG,IAAA4H,uCAAsB,EAAC5H,WAAW,EAAE,IAAI,EAAE;QACtD+F,aAAa;QACbS;MACF,CAAC,CAAC;IACJ,CAAC,MAAM,IAAIpG,WAAW,EAAE;MACtBH,aAAa,GAAG,IAAA2H,uCAAsB,EAAC3H,aAAa,EAAE,IAAI,EAAE;QAC1D8F,aAAa;QACbS,wBAAwB;QACxBgB,QAAQ,EAAE,IAAAK,8BAAiB,EACzBtH,MAAM,EACN,OAAOH,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAG,IAClD;MACF,CAAC,CAAC;IACJ;EACF;EAEA,IAAIgB,UAAU,GAAG,IAAI;EAErB,IAAIpB,WAAW,EAAE;IACfoB,UAAU,GAAG,IAAA0G,kCAAgB,EAAC;MAC5B3H,YAAY;MACZH;IACF,CAAC,CAAC;IAEF,IAAI,IAAAmC,uBAAM,EAAC7B,UAAU,CAAC,EAAE;MACtBc,UAAU,GAAG,IAAA2G,mCAAiB,EAAC;QAAEpI,KAAK;QAAEY,MAAM;QAAEa;MAAW,CAAC,CAAC;IAC/D;EACF,CAAC,MAAM,IAAInB,aAAa,EAAE;IACxBmB,UAAU,GAAG,IAAA4G,oCAAkB,EAAC;MAC9B7H,YAAY;MACZF;IACF,CAAC,CAAC;EACJ;EAEA,OAAOmB,UAAU;AACnB,CAAC"}
+{"version":3,"file":"InputMaskedHooks.js","names":["_react","_interopRequireDefault","require","_classnames","_NumberUtils","_componentHelper","_createTextMaskInputElement","_TextMask","_createNumberMask","_keycode","_InputMaskedContext","_InputMaskedUtils","_excluded","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","_extends","assign","bind","prototype","hasOwnProperty","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","useFilteredProps","props","React","useContext","InputMaskedContext","mask","number_mask","currency_mask","number_format","mask_options","as_currency","as_number","as_percent","locale","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","attributes","htmlAttributes","freeze","exports","useLocale","context","useLocalValue","maskParams","useNumberMaskParams","localValue","setLocalValue","useState","correctNumberValue","useEffect","useNumberMask","isRequestingNumberMask","createNumberMask","useMask","numberMask","useMaskParams","placeholder","showMask","isTrue","placeholderChar","invisibleSpace","showGuide","keepCharPositions","useInputElement","inner_ref","isFn","refHook","useRef","ref","useLayoutEffect","current","inputElementRef","createElement","InputElement","params","innerRef","inputRef","inputElement","guide","getSoftKeyboardAttributes","className","classnames","useEventMapping","_ref","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onKeyDown","onSubmit","onChange","on_focus","on_blur","on_key_down","on_submit","on_change","_ref2","isNumberMask","decimalSeparators","isUnidentified","_ref3","name","selStart","selectionStart","keyCode","keycode","which","data","disallowLeadingZeroes","replace","test","testValue","slice","preventDefault","decimalSymbol","hasDecimalSymbol","includes","allowedDecimals","decimalLimit","allowDecimal","charAtSelection","index","safeSetSelection","thousandsSeparatorSymbol","num","cleanNumber","prefix","suffix","decimalSeparator","thousandsSeparator","numberValue","cleanedValue","charAt","correctCaretPosition","result","dispatchCustomElementEvent","selectall","runCorrectCaretPosition","__getCorrectCaretPosition","_currency_mask","fromJSON","currency","isRequestingLocaleSupport","handleThousandsSeparator","handleDecimalSeparator","extendPropsWithContext","getCurrencySymbol","handleNumberMask","handlePercentMask","handleCurrencyMask"],"sources":["../../../../src/components/input-masked/InputMaskedHooks.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  cleanNumber,\n  getCurrencySymbol,\n} from '../number-format/NumberUtils'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nimport TextMask from './TextMask'\nimport createNumberMask from './addons/createNumberMask'\nimport keycode from 'keycode'\nimport InputMaskedContext from './InputMaskedContext'\n\nimport {\n  isRequestingLocaleSupport,\n  isRequestingNumberMask,\n  correctNumberValue,\n  handlePercentMask,\n  handleCurrencyMask,\n  handleNumberMask,\n  correctCaretPosition,\n  getSoftKeyboardAttributes,\n  handleThousandsSeparator,\n  handleDecimalSeparator,\n  fromJSON,\n  invisibleSpace,\n} from './InputMaskedUtils'\n\n/**\n * Takes all component properties and filters out all internal used properties\n *\n * @returns object {props, htmlAttributes}\n */\nexport const useFilteredProps = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    mask, // eslint-disable-line\n    number_mask, // eslint-disable-line\n    currency_mask, // eslint-disable-line\n    number_format, // eslint-disable-line\n    mask_options, // eslint-disable-line\n    as_currency, // eslint-disable-line\n    as_number, // eslint-disable-line\n    as_percent, // eslint-disable-line\n    locale, // eslint-disable-line\n    show_mask, // eslint-disable-line\n    show_guide, // eslint-disable-line\n    pipe, // eslint-disable-line\n    keep_char_positions, // eslint-disable-line\n    placeholder_char, // eslint-disable-line\n\n    // Get get rest of possible attributes\n    ...attributes\n  } = props\n\n  return { props, htmlAttributes: Object.freeze(attributes) }\n}\n\n/**\n * Returns locale from either component or context\n *\n * @returns string\n */\nexport const useLocale = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n\n  let { locale } = props\n  if (!locale && context?.locale) {\n    locale = context.locale\n  }\n\n  return locale\n}\n\n/**\n * Handle internal value state\n *\n * It handles both the value state given as a prop form outside,\n * along with the current written and internal value.\n *\n * @returns object with internal value state and state setter\n */\nexport const useLocalValue = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n  const maskParams = useNumberMaskParams() || {}\n  const locale = useLocale()\n\n  const [localValue, setLocalValue] = React.useState(() =>\n    correctNumberValue({\n      locale,\n      props,\n      maskParams,\n    })\n  )\n\n  /**\n   * Use an effect here, just;\n   * because when a property gets changed from outside\n   */\n  React.useEffect(() => {\n    const value = correctNumberValue({\n      localValue,\n      locale,\n      props,\n      maskParams,\n    })\n\n    setLocalValue(value)\n\n    // Do not set \"localValue\" and \"maskParams\" here\n  }, [props, context, locale]) // eslint-disable-line\n\n  return { localValue, setLocalValue }\n}\n\n/**\n * Create createNumberMask if number mask parameters exists\n *\n * @returns mask function\n */\nexport const useNumberMask = () => {\n  const maskParams = useNumberMaskParams()\n  const { props } = React.useContext(InputMaskedContext)\n\n  if (!maskParams || !isRequestingNumberMask(props)) {\n    return null\n  }\n\n  const mask = createNumberMask(maskParams)\n\n  mask.maskParams = maskParams\n\n  return mask\n}\n\n/**\n * Returns either internal mask or given property mask\n *\n * @returns mask function\n */\nexport const useMask = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const numberMask = useNumberMask()\n  if (numberMask) {\n    return numberMask\n  }\n\n  return props.mask\n}\n\n/**\n * Returns the final mask params\n *\n * @returns mask params\n */\nexport const useMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    keep_char_positions,\n    show_guide,\n    show_mask,\n    placeholder_char,\n    placeholder,\n  } = props\n\n  const mask = useMask()\n  const maskParams = useNumberMaskParams() || {}\n\n  maskParams.showMask = !placeholder && isTrue(show_mask)\n\n  // Revalidated placeholder char to a zero width space\n  maskParams.placeholderChar = placeholder_char\n  if (typeof mask?.placeholderChar !== 'undefined') {\n    maskParams.placeholderChar = mask.placeholderChar\n  }\n  if (maskParams.placeholderChar === null) {\n    maskParams.placeholderChar = invisibleSpace\n  }\n\n  if (typeof mask?.showMask !== 'undefined') {\n    maskParams.showMask = mask.showMask\n  }\n\n  maskParams.showGuide = isTrue(show_guide)\n  maskParams.keepCharPositions = isTrue(keep_char_positions)\n\n  return maskParams\n}\n\n/**\n * Handle the TextMask dependency\n *\n * @returns React Element\n */\nexport const useInputElement = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const { pipe, inner_ref } = props\n\n  const mask = useMask()\n  const { showMask, showGuide, placeholderChar, keepCharPositions } =\n    useMaskParams()\n\n  const isFn = typeof inner_ref === 'function'\n  const refHook = React.useRef()\n  const ref = (!isFn && inner_ref) || refHook\n\n  React.useLayoutEffect(() => {\n    if (isFn) {\n      inner_ref?.(ref.current)\n    }\n  }, [ref.current])\n\n  // Create the actual input element\n  const inputElementRef = React.useRef(<input ref={ref} />)\n\n  const InputElement = (params, innerRef) => {\n    // Set ref for Eufemia input\n    innerRef.current = ref.current\n\n    return (\n      <TextMask\n        inputRef={ref}\n        inputElement={inputElementRef.current}\n        pipe={pipe}\n        mask={mask || []}\n        showMask={showMask}\n        guide={showGuide}\n        keepCharPositions={keepCharPositions}\n        placeholderChar={placeholderChar}\n        {...getSoftKeyboardAttributes(mask)}\n        {...params}\n        className={classnames(\n          params.className,\n          showMask &&\n            showGuide &&\n            placeholderChar &&\n            placeholderChar !== invisibleSpace &&\n            'dnb-input-masked--guide' // will use --font-family-monospace\n        )}\n      />\n    )\n  }\n  return InputElement\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns object of events to handle\n */\nexport const useEventMapping = ({ setLocalValue }) => {\n  const callEvent = useCallEvent({ setLocalValue })\n\n  return {\n    onBeforeInput: (event) => callEvent({ event }, 'on_before_input'),\n    onFocus: (params) => callEvent(params, 'on_focus'),\n    onBlur: (params) => callEvent(params, 'on_blur'),\n    onMouseUp: (event) => callEvent({ event }, 'on_mouse_up'),\n    onKeyDown: (params) => callEvent(params, 'on_key_down'),\n    onSubmit: (params) => callEvent(params, 'on_submit'),\n    onChange: (params) => callEvent(params, 'on_change'),\n\n    on_focus: undefined,\n    on_blur: undefined,\n    on_key_down: undefined,\n    on_submit: undefined,\n    on_change: undefined,\n  }\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns event handler function\n */\nconst useCallEvent = ({ setLocalValue }) => {\n  const { props } = React.useContext(InputMaskedContext)\n  const maskParams = useMaskParams()\n  const isNumberMask = useNumberMask()\n\n  // Source: https://en.wikipedia.org/wiki/Decimal_separator\n  const decimalSeparators = /[,.'·]/\n  let isUnidentified = false\n\n  const callEvent = ({ event, value }, name) => {\n    value = value || event.target.value\n    const selStart = event.target.selectionStart\n    let keyCode = keycode(event)\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    if (\n      name === 'on_key_down' &&\n      (event.which === 229 || keyCode === undefined)\n    ) {\n      isUnidentified = true\n    }\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    // so we use this solution instead\n    if (\n      isUnidentified &&\n      name === 'on_before_input' &&\n      typeof event?.data !== 'undefined'\n    ) {\n      name = 'on_key_down'\n      keyCode = event.data\n      isUnidentified = false\n    }\n\n    // Prevent entering a leading zero\n    if (\n      name === 'on_key_down' &&\n      !isUnidentified &&\n      maskParams?.disallowLeadingZeroes &&\n      (keyCode === '0' ||\n        keyCode === 'numpad 0' ||\n        (value.replace(/[^\\d]/g, '') === '' &&\n          decimalSeparators.test(keyCode)))\n    ) {\n      const testValue = (\n        value.slice(0, selStart) +\n        '0' +\n        value.slice(selStart + 1, value.length)\n      ).replace(/[^\\d]/g, '')\n\n      if (/^0/.test(testValue)) {\n        event.preventDefault()\n      }\n    }\n\n    if (\n      name === 'on_key_down' &&\n      isNumberMask &&\n      !isUnidentified &&\n      maskParams?.decimalSymbol\n    ) {\n      const hasDecimalSymbol = value.includes(maskParams.decimalSymbol)\n      const allowedDecimals =\n        maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false\n\n      if (!allowedDecimals && decimalSeparators.test(keyCode)) {\n        event.preventDefault()\n      }\n\n      const charAtSelection = value.slice(selStart, selStart + 1)\n\n      if (allowedDecimals) {\n        // if we have already a decimal ...\n        if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {\n          // ... we set the cursor on after the decimalSeparators\n          if (decimalSeparators.test(charAtSelection)) {\n            const index = value.indexOf(maskParams.decimalSymbol)\n            if (index > -1) {\n              safeSetSelection(event.target, index + 1)\n            }\n          }\n\n          // ... we do not allow to type another\n          event.preventDefault()\n        }\n\n        // replace other decimal\n        else if (\n          !hasDecimalSymbol &&\n          keyCode !== maskParams.decimalSymbol &&\n          decimalSeparators.test(keyCode)\n        ) {\n          value = value.slice(0, selStart)\n          setLocalValue(value + maskParams.decimalSymbol)\n          event.target.value = value + maskParams.decimalSymbol\n          event.preventDefault()\n        }\n      }\n\n      // move cursor to right if key is delete and char at selection is thousand separator\n      if (\n        keyCode === 'delete' &&\n        charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')\n      ) {\n        safeSetSelection(event.target, selStart + 1)\n        event.preventDefault()\n      }\n    }\n\n    let num = cleanNumber(value, {\n      prefix: maskParams.prefix,\n      suffix: maskParams.suffix,\n      decimalSeparator: maskParams.decimalSymbol || ',',\n      thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' ',\n    })\n\n    // We don't want to return NaN, so we set it to 0\n    if (num === '-') {\n      num = -0\n    }\n\n    const numberValue = Number(num)\n\n    // Return '' (empty string) when the user has entered something invalid\n    const cleanedValue =\n      numberValue === 0 && String(num).charAt(0) !== '0' ? '' : num\n\n    if (name === 'on_change' && numberValue === 0) {\n      correctCaretPosition(event.target, maskParams, props)\n    }\n\n    const result = dispatchCustomElementEvent(props, name, {\n      event,\n      value,\n      numberValue,\n      cleanedValue,\n    })\n\n    if (name === 'on_change') {\n      setLocalValue(value)\n    }\n\n    if (\n      (name === 'on_focus' || name === 'on_mouse_up') &&\n      !props.selectall\n    ) {\n      // Also correct here, because of additional click inside the field\n      event.target.runCorrectCaretPosition = () =>\n        correctCaretPosition(event.target, maskParams, props)\n      if (!event.target.__getCorrectCaretPosition) {\n        event.target.runCorrectCaretPosition()\n      }\n    }\n\n    return result\n  }\n\n  return callEvent\n}\n\n/**\n * Returns number mask parameters if requested by the component properties\n *\n * @returns object of number mask parameter\n */\nconst useNumberMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const locale = useLocale()\n\n  if (!isRequestingNumberMask(props)) {\n    return { ...fromJSON(props.mask_options) }\n  }\n\n  let { number_mask, currency_mask, mask_options } = props\n\n  const { as_number, as_percent, as_currency } = props\n\n  mask_options = fromJSON(mask_options)\n  number_mask = isTrue(number_mask) ? {} : fromJSON(number_mask)\n  currency_mask = isTrue(currency_mask)\n    ? {}\n    : fromJSON(currency_mask, {\n        currency: currency_mask,\n      })\n  if (!currency_mask?.currency) {\n    delete currency_mask.currency\n  }\n\n  if (isRequestingLocaleSupport(props)) {\n    const thousandsSeparatorSymbol = handleThousandsSeparator(locale)\n    const decimalSymbol = handleDecimalSeparator(locale)\n\n    if (isTrue(as_number) || isTrue(as_percent)) {\n      number_mask = extendPropsWithContext(number_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n      })\n    } else if (as_currency) {\n      currency_mask = extendPropsWithContext(currency_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n        currency: getCurrencySymbol(\n          locale,\n          typeof as_currency === 'string' ? as_currency : null\n        ),\n      })\n    }\n  }\n\n  let maskParams = null\n\n  if (number_mask) {\n    maskParams = handleNumberMask({\n      mask_options,\n      number_mask,\n    })\n\n    if (isTrue(as_percent)) {\n      maskParams = handlePercentMask({ props, locale, maskParams })\n    }\n  } else if (currency_mask) {\n    maskParams = handleCurrencyMask({\n      mask_options,\n      currency_mask,\n    })\n  }\n\n  return maskParams\n}\n"],"mappings":"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"}

package/cjs/components/input-masked/InputMaskedUtils.d.ts

@@ -1,10 +1,12 @@
 /**
- * Returns the type of what inputMode should be used
+ * Returns the type of what inputMode or type attribute should be used
  *
  * @param {function} mask mask function
  * @returns undefined|decimal|numeric
  */
-export function getInputModeFromMask(mask: Function): "numeric" | "decimal";
+export function getSoftKeyboardAttributes(mask: Function): {
+    inputMode: string;
+};
 /**
  * Returns the thousands separator character
  *

package/cjs/components/input-masked/InputMaskedUtils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.correctNumberValue = exports.correctCaretPosition = void 0;
 exports.fromJSON = fromJSON;
-exports.getInputModeFromMask = getInputModeFromMask;
+exports.getSoftKeyboardAttributes = getSoftKeyboardAttributes;
 exports.handleCurrencyMask = void 0;
 exports.handleDecimalSeparator = handleDecimalSeparator;
 exports.handlePercentMask = exports.handleNumberMask = void 0;
@@ -205,15 +205,17 @@ const handleNumberMask = _ref6 => {
   return maskParams;
 };
 exports.handleNumberMask = handleNumberMask;
-function getInputModeFromMask(mask) {
-  const maskParams = mask === null || mask === void 0 ? void 0 : mask.maskParams;
-  if ((_helpers.IS_ANDROID || _helpers.IS_IOS) && (maskParams === null || maskParams === void 0 ? void 0 : maskParams.allowNegative) !== false) {
+function getSoftKeyboardAttributes(mask) {
+  if ((mask === null || mask === void 0 ? void 0 : mask.instanceOf) !== 'createNumberMask') {
     return undefined;
   }
-  if (maskParams && (mask === null || mask === void 0 ? void 0 : mask.instanceOf) === 'createNumberMask') {
-    return maskParams.allowDecimal && maskParams.decimalLimit !== 0 ? 'decimal' : 'numeric';
+  const maskParams = mask === null || mask === void 0 ? void 0 : mask.maskParams;
+  if (_helpers.IS_IOS && (maskParams === null || maskParams === void 0 ? void 0 : maskParams.allowNegative) !== false) {
+    return undefined;
   }
-  return undefined;
+  return {
+    inputMode: maskParams.allowDecimal && maskParams.decimalLimit !== 0 ? 'decimal' : 'numeric'
+  };
 }
 function handleThousandsSeparator(locale) {
   return (0, _NumberUtils.getThousandsSeparator)(locale).replace(' ', ' ');

package/cjs/components/input-masked/InputMaskedUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedUtils.js","names":["_NumberUtils","require","_componentHelper","_helpers","_createTextMaskInputElement","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","exports","isRequestingLocaleSupport","props","entries","some","_ref","k","v","includes","isRequestingNumberMask","_ref2","correctNumberValue","_ref3","localValue","locale","maskParams","isNaN","parseFloat","decimalPos","indexOf","integerLimit","limit","integers","split","isNegative","decimals","slice","shouldHaveDecimals","allowDecimal","decimalLimit","number_format","options","format","decimalSymbol","replace","localNumberValue","numberValue","endsWithDecimal","endsWith","endsWithZeroAndDecimal","startsWith","test","correctCaretPosition","element","correction","suffix","prefix","start","selectionStart","end","selectionEnd","suffixStart","suffixEnd","pos","placeholderChar","prefixStart","prefixEnd","char","safeSetSelection","mask","chars","l","RegExp","n","_mask$test","e","warn","window","requestAnimationFrame","handlePercentMask","_ref4","_String","_String$match","percent","match","handleCurrencyMask","_ref5","mask_options","currency_mask","showMask","fix","currency","handleNumberMask","_ref6","number_mask","getInputModeFromMask","IS_ANDROID","IS_IOS","allowNegative","instanceOf","handleThousandsSeparator","getThousandsSeparator","handleDecimalSeparator","getDecimalSeparator","fromJSON","str","fallback","JSON","parse"],"sources":["../../../../src/components/input-masked/InputMaskedUtils.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport {\n  format,\n  getDecimalSeparator,\n  getThousandsSeparator,\n} from '../number-format/NumberUtils'\nimport { warn } from '../../shared/component-helper'\nimport { IS_ANDROID, IS_IOS } from '../../shared/helpers'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nconst enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']\nconst enableNumberMaskWhen = [\n  'as_number',\n  'as_percent',\n  'as_currency',\n  'number_mask',\n  'currency_mask',\n]\n\nexport const invisibleSpace = '\\u200B'\n\n/**\n * Will return true if a prop needs Locale support\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingLocaleSupport = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableLocaleSupportWhen.includes(k)\n  )\n}\n\n/**\n * Will return true if a prop will enable the internal NumberMask\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingNumberMask = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableNumberMaskWhen.includes(k)\n  )\n}\n\n/**\n * Probably the most complex part of this component\n * It will modify a given value based on certain criteria's\n *\n * @param {object} param0 object with properties\n * @property {string} localValue optional – if given, it will uses its ending to determine of what to return\n * @property {number|string} value component property value\n * @property {object} context Eufemia Context\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns string Value\n */\nexport const correctNumberValue = ({\n  localValue = null,\n  props,\n  locale,\n  maskParams,\n}) => {\n  let value = props.value === null ? null : String(props.value)\n\n  if (isNaN(parseFloat(value))) {\n    return value\n  }\n\n  const decimalPos = value.indexOf('.')\n\n  if (\n    maskParams.integerLimit &&\n    typeof maskParams.integerLimit === 'number'\n  ) {\n    const limit = maskParams.integerLimit\n    const integers = value.split('.')[0]\n    const isNegative = parseFloat(integers) < 0\n    if (integers.length - (isNegative ? 1 : 0) > limit) {\n      const decimals = decimalPos > 0 ? value.slice(decimalPos) : ''\n      value = integers.slice(0, limit + (isNegative ? 1 : 0)) + decimals\n    }\n  }\n\n  const shouldHaveDecimals =\n    maskParams.allowDecimal ||\n    (maskParams.decimalLimit > 0 && maskParams.allowDecimal !== false)\n\n  if (!shouldHaveDecimals) {\n    if (decimalPos > -1) {\n      value = value.slice(0, decimalPos)\n    }\n  }\n\n  /**\n   * This only runs IF \"number_format\" is set – we do not use it else\n   */\n  if (props.number_format) {\n    const options = {\n      locale,\n      decimals: 0,\n      ...props.number_format,\n    }\n    if (shouldHaveDecimals) {\n      options.decimals = maskParams.decimalLimit\n    }\n    value = format(value, options)\n  }\n\n  const decimalSymbol = maskParams.decimalSymbol\n  value = value.replace('.', decimalSymbol)\n\n  if (localValue !== null) {\n    const localNumberValue = localValue.replace(/[^\\d,.-]/g, '')\n    const numberValue = value.replace(/[^\\d,.-]/g, '')\n\n    const endsWithDecimal = localNumberValue.endsWith(decimalSymbol)\n    const endsWithZeroAndDecimal = localNumberValue.endsWith(\n      `${decimalSymbol}0`\n    )\n\n    if (endsWithDecimal) {\n      value = `${value}${decimalSymbol}`\n    } else if (\n      endsWithZeroAndDecimal &&\n      !numberValue.endsWith(`${decimalSymbol}0`)\n    ) {\n      /**\n       * When the users has 20,02, then hits \"backspace\",\n       * the returned {numberValue} in the onChange event would then be \"20\",\n       * but we want it to be 20,0\n       */\n      value = `${value}${decimalSymbol}0`\n    }\n\n    /**\n     * If the user removes a leading digit and we have left a leading zero.\n     *\n     * The users enters these steps:\n     * Step 1. 1012\n     * Step 2. 012 -> user removes 1, now use \"localValue\"\n     * Step 3. 2012\n     *\n     * If a dev listens on_change and sends the number value back in,\n     * for this, we also ensure that \"numberValue\" and \"localNumberValue\" is the same.\n     */\n    if (\n      localNumberValue !== '0' &&\n      localNumberValue.startsWith('0') &&\n      parseFloat(numberValue.replace(decimalSymbol, '.')) ===\n        parseFloat(localNumberValue.replace(decimalSymbol, '.'))\n    ) {\n      value = localValue\n    }\n\n    /**\n     * While typing;\n     * If the local value is - or -0 we use it.\n     * Also, because of invisible whitespace we remove everything else\n     */\n    if (/^(-|-0)$/.test(localValue.replace(/[^\\d-0]/g, ''))) {\n      value = localValue\n    } else if (localNumberValue === '' && numberValue === '0') {\n      value = ''\n    }\n  }\n\n  return value\n}\n\n/**\n * This is a helper for setting the cursor position,\n * when it is on a not allowed position\n *\n * @param {Element} element Input Element\n * @param {Object} maskParams Mask parameters, containing eventually suffix or prefix\n */\nexport const correctCaretPosition = (element, maskParams, props) => {\n  const correction = () => {\n    try {\n      const suffix = maskParams?.suffix\n      const prefix = maskParams?.prefix\n\n      const start = element.selectionStart\n      const end = element.selectionEnd\n\n      if (start !== end) {\n        return // stop here\n      }\n\n      if (suffix || prefix) {\n        const suffixStart = element.value.indexOf(suffix)\n        const suffixEnd = suffixStart + suffix?.length\n        let pos = undefined\n\n        if (start >= suffixStart && start <= suffixEnd) {\n          pos = suffixStart\n\n          // If there is a placeholder,\n          // and the user clicks after the suffix\n          // we want the position to be \"before\" the placeholderChar\n          if (\n            maskParams.placeholderChar !== invisibleSpace &&\n            element.value.length - 1 === String(suffix + prefix).length\n          ) {\n            pos = pos - 1\n          }\n        } else {\n          const prefixStart = element.value.indexOf(prefix)\n          const prefixEnd = prefixStart + prefix?.length || 0\n\n          if (start >= prefixStart && start <= prefixEnd) {\n            pos = prefixEnd\n          }\n        }\n\n        const char = element.value.slice(pos - 1, pos)\n        if (char === invisibleSpace) {\n          pos = suffixStart - 1\n        }\n\n        if (!isNaN(parseFloat(pos))) {\n          safeSetSelection(element, pos)\n        }\n      } else if (props?.mask && element.value.length === end) {\n        const chars = element.value.split('')\n\n        for (let l = chars.length, i = l - 1; i >= 0; i--) {\n          const char = chars[i]\n          const mask = props.mask[i]\n          if (\n            char &&\n            char !== invisibleSpace &&\n            mask instanceof RegExp &&\n            mask.test(char)\n          ) {\n            for (let n = i + 1; n < l; n++) {\n              const mask = props.mask[n]\n              if (mask?.test?.(mask) === false) {\n                safeSetSelection(element, n)\n                break\n              }\n            }\n\n            break\n          }\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  if (typeof window !== 'undefined') {\n    window.requestAnimationFrame(correction)\n  }\n}\n\n/**\n * Manipulate needed mask for handle: percent\n *\n * @param {object} param0 object with properties\n * @property {object} props Component property\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns object maskParams\n */\nexport const handlePercentMask = ({ props, locale, maskParams }) => {\n  const value = format(props.value, { locale, percent: true })\n  maskParams.suffix = String(value)?.match(/((\\s|)%)$/g, '$1')?.[0] || ' %'\n\n  return maskParams\n}\n\n/**\n * Return needed mask for handle: currency\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} currency_mask Component property for change the currency parameters\n * @returns object maskParams\n */\nexport const handleCurrencyMask = ({ mask_options, currency_mask }) => {\n  const maskParams = {\n    showMask: true,\n    placeholderChar: null,\n    allowDecimal: true,\n    decimalLimit: 2,\n    decimalSymbol: ',',\n    ...mask_options,\n    ...currency_mask,\n  }\n\n  const fix =\n    typeof currency_mask === 'string'\n      ? currency_mask\n      : typeof maskParams.currency === 'string'\n      ? maskParams.currency\n      : 'kr'\n\n  maskParams.suffix = ` ${fix}`\n\n  return maskParams\n}\n\n/**\n * Return needed mask for handle: number\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} number_mask Component property for change the number parameters\n * @returns object maskParams\n */\nexport const handleNumberMask = ({ mask_options, number_mask }) => {\n  const maskParams = {\n    decimalSymbol: ',',\n    ...mask_options,\n    ...number_mask,\n  }\n\n  if (typeof maskParams.allowDecimal === 'undefined') {\n    maskParams.allowDecimal = maskParams.decimalLimit > 0\n  }\n\n  return maskParams\n}\n\n/**\n * Returns the type of what inputMode should be used\n *\n * @param {function} mask mask function\n * @returns undefined|decimal|numeric\n */\nexport function getInputModeFromMask(mask) {\n  const maskParams = mask?.maskParams\n\n  // because of the missing minus key, we still have to use text on Android and iOS\n  if ((IS_ANDROID || IS_IOS) && maskParams?.allowNegative !== false) {\n    return undefined\n  }\n\n  if (maskParams && mask?.instanceOf === 'createNumberMask') {\n    return maskParams.allowDecimal && maskParams.decimalLimit !== 0\n      ? 'decimal'\n      : 'numeric'\n  }\n  return undefined\n}\n\n/**\n * Returns the thousands separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleThousandsSeparator(locale) {\n  return getThousandsSeparator(locale).replace(' ', ' ') // replace non-breaking space with a regular space\n}\n\n/**\n * Returns the decimal separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleDecimalSeparator(locale) {\n  let decimalSymbol = getDecimalSeparator(locale)\n\n  return decimalSymbol\n}\n\n/**\n * Will take a JSON and return it parsed\n *\n * @param {string} str\n * @param {*} fallback optional fallback\n * @returns parsed json\n */\nexport function fromJSON(str, fallback = null) {\n  if (typeof str === 'string' && str[0] === '{') {\n    return JSON.parse(str)\n  }\n\n  return str || fallback\n}\n"],"mappings":"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"}
+{"version":3,"file":"InputMaskedUtils.js","names":["_NumberUtils","require","_componentHelper","_helpers","_createTextMaskInputElement","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","exports","isRequestingLocaleSupport","props","entries","some","_ref","k","v","includes","isRequestingNumberMask","_ref2","correctNumberValue","_ref3","localValue","locale","maskParams","isNaN","parseFloat","decimalPos","indexOf","integerLimit","limit","integers","split","isNegative","decimals","slice","shouldHaveDecimals","allowDecimal","decimalLimit","number_format","options","format","decimalSymbol","replace","localNumberValue","numberValue","endsWithDecimal","endsWith","endsWithZeroAndDecimal","startsWith","test","correctCaretPosition","element","correction","suffix","prefix","start","selectionStart","end","selectionEnd","suffixStart","suffixEnd","pos","placeholderChar","prefixStart","prefixEnd","char","safeSetSelection","mask","chars","l","RegExp","n","_mask$test","e","warn","window","requestAnimationFrame","handlePercentMask","_ref4","_String","_String$match","percent","match","handleCurrencyMask","_ref5","mask_options","currency_mask","showMask","fix","currency","handleNumberMask","_ref6","number_mask","getSoftKeyboardAttributes","instanceOf","IS_IOS","allowNegative","inputMode","handleThousandsSeparator","getThousandsSeparator","handleDecimalSeparator","getDecimalSeparator","fromJSON","str","fallback","JSON","parse"],"sources":["../../../../src/components/input-masked/InputMaskedUtils.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport {\n  format,\n  getDecimalSeparator,\n  getThousandsSeparator,\n} from '../number-format/NumberUtils'\nimport { warn } from '../../shared/component-helper'\nimport { IS_IOS } from '../../shared/helpers'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nconst enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']\nconst enableNumberMaskWhen = [\n  'as_number',\n  'as_percent',\n  'as_currency',\n  'number_mask',\n  'currency_mask',\n]\n\nexport const invisibleSpace = '\\u200B'\n\n/**\n * Will return true if a prop needs Locale support\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingLocaleSupport = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableLocaleSupportWhen.includes(k)\n  )\n}\n\n/**\n * Will return true if a prop will enable the internal NumberMask\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingNumberMask = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableNumberMaskWhen.includes(k)\n  )\n}\n\n/**\n * Probably the most complex part of this component\n * It will modify a given value based on certain criteria's\n *\n * @param {object} param0 object with properties\n * @property {string} localValue optional – if given, it will uses its ending to determine of what to return\n * @property {number|string} value component property value\n * @property {object} context Eufemia Context\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns string Value\n */\nexport const correctNumberValue = ({\n  localValue = null,\n  props,\n  locale,\n  maskParams,\n}) => {\n  let value = props.value === null ? null : String(props.value)\n\n  if (isNaN(parseFloat(value))) {\n    return value\n  }\n\n  const decimalPos = value.indexOf('.')\n\n  if (\n    maskParams.integerLimit &&\n    typeof maskParams.integerLimit === 'number'\n  ) {\n    const limit = maskParams.integerLimit\n    const integers = value.split('.')[0]\n    const isNegative = parseFloat(integers) < 0\n    if (integers.length - (isNegative ? 1 : 0) > limit) {\n      const decimals = decimalPos > 0 ? value.slice(decimalPos) : ''\n      value = integers.slice(0, limit + (isNegative ? 1 : 0)) + decimals\n    }\n  }\n\n  const shouldHaveDecimals =\n    maskParams.allowDecimal ||\n    (maskParams.decimalLimit > 0 && maskParams.allowDecimal !== false)\n\n  if (!shouldHaveDecimals) {\n    if (decimalPos > -1) {\n      value = value.slice(0, decimalPos)\n    }\n  }\n\n  /**\n   * This only runs IF \"number_format\" is set – we do not use it else\n   */\n  if (props.number_format) {\n    const options = {\n      locale,\n      decimals: 0,\n      ...props.number_format,\n    }\n    if (shouldHaveDecimals) {\n      options.decimals = maskParams.decimalLimit\n    }\n    value = format(value, options)\n  }\n\n  const decimalSymbol = maskParams.decimalSymbol\n  value = value.replace('.', decimalSymbol)\n\n  if (localValue !== null) {\n    const localNumberValue = localValue.replace(/[^\\d,.-]/g, '')\n    const numberValue = value.replace(/[^\\d,.-]/g, '')\n\n    const endsWithDecimal = localNumberValue.endsWith(decimalSymbol)\n    const endsWithZeroAndDecimal = localNumberValue.endsWith(\n      `${decimalSymbol}0`\n    )\n\n    if (endsWithDecimal) {\n      value = `${value}${decimalSymbol}`\n    } else if (\n      endsWithZeroAndDecimal &&\n      !numberValue.endsWith(`${decimalSymbol}0`)\n    ) {\n      /**\n       * When the users has 20,02, then hits \"backspace\",\n       * the returned {numberValue} in the onChange event would then be \"20\",\n       * but we want it to be 20,0\n       */\n      value = `${value}${decimalSymbol}0`\n    }\n\n    /**\n     * If the user removes a leading digit and we have left a leading zero.\n     *\n     * The users enters these steps:\n     * Step 1. 1012\n     * Step 2. 012 -> user removes 1, now use \"localValue\"\n     * Step 3. 2012\n     *\n     * If a dev listens on_change and sends the number value back in,\n     * for this, we also ensure that \"numberValue\" and \"localNumberValue\" is the same.\n     */\n    if (\n      localNumberValue !== '0' &&\n      localNumberValue.startsWith('0') &&\n      parseFloat(numberValue.replace(decimalSymbol, '.')) ===\n        parseFloat(localNumberValue.replace(decimalSymbol, '.'))\n    ) {\n      value = localValue\n    }\n\n    /**\n     * While typing;\n     * If the local value is - or -0 we use it.\n     * Also, because of invisible whitespace we remove everything else\n     */\n    if (/^(-|-0)$/.test(localValue.replace(/[^\\d-0]/g, ''))) {\n      value = localValue\n    } else if (localNumberValue === '' && numberValue === '0') {\n      value = ''\n    }\n  }\n\n  return value\n}\n\n/**\n * This is a helper for setting the cursor position,\n * when it is on a not allowed position\n *\n * @param {Element} element Input Element\n * @param {Object} maskParams Mask parameters, containing eventually suffix or prefix\n */\nexport const correctCaretPosition = (element, maskParams, props) => {\n  const correction = () => {\n    try {\n      const suffix = maskParams?.suffix\n      const prefix = maskParams?.prefix\n\n      const start = element.selectionStart\n      const end = element.selectionEnd\n\n      if (start !== end) {\n        return // stop here\n      }\n\n      if (suffix || prefix) {\n        const suffixStart = element.value.indexOf(suffix)\n        const suffixEnd = suffixStart + suffix?.length\n        let pos = undefined\n\n        if (start >= suffixStart && start <= suffixEnd) {\n          pos = suffixStart\n\n          // If there is a placeholder,\n          // and the user clicks after the suffix\n          // we want the position to be \"before\" the placeholderChar\n          if (\n            maskParams.placeholderChar !== invisibleSpace &&\n            element.value.length - 1 === String(suffix + prefix).length\n          ) {\n            pos = pos - 1\n          }\n        } else {\n          const prefixStart = element.value.indexOf(prefix)\n          const prefixEnd = prefixStart + prefix?.length || 0\n\n          if (start >= prefixStart && start <= prefixEnd) {\n            pos = prefixEnd\n          }\n        }\n\n        const char = element.value.slice(pos - 1, pos)\n        if (char === invisibleSpace) {\n          pos = suffixStart - 1\n        }\n\n        if (!isNaN(parseFloat(pos))) {\n          safeSetSelection(element, pos)\n        }\n      } else if (props?.mask && element.value.length === end) {\n        const chars = element.value.split('')\n\n        for (let l = chars.length, i = l - 1; i >= 0; i--) {\n          const char = chars[i]\n          const mask = props.mask[i]\n          if (\n            char &&\n            char !== invisibleSpace &&\n            mask instanceof RegExp &&\n            mask.test(char)\n          ) {\n            for (let n = i + 1; n < l; n++) {\n              const mask = props.mask[n]\n              if (mask?.test?.(mask) === false) {\n                safeSetSelection(element, n)\n                break\n              }\n            }\n\n            break\n          }\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  if (typeof window !== 'undefined') {\n    window.requestAnimationFrame(correction)\n  }\n}\n\n/**\n * Manipulate needed mask for handle: percent\n *\n * @param {object} param0 object with properties\n * @property {object} props Component property\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns object maskParams\n */\nexport const handlePercentMask = ({ props, locale, maskParams }) => {\n  const value = format(props.value, { locale, percent: true })\n  maskParams.suffix = String(value)?.match(/((\\s|)%)$/g, '$1')?.[0] || ' %'\n\n  return maskParams\n}\n\n/**\n * Return needed mask for handle: currency\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} currency_mask Component property for change the currency parameters\n * @returns object maskParams\n */\nexport const handleCurrencyMask = ({ mask_options, currency_mask }) => {\n  const maskParams = {\n    showMask: true,\n    placeholderChar: null,\n    allowDecimal: true,\n    decimalLimit: 2,\n    decimalSymbol: ',',\n    ...mask_options,\n    ...currency_mask,\n  }\n\n  const fix =\n    typeof currency_mask === 'string'\n      ? currency_mask\n      : typeof maskParams.currency === 'string'\n      ? maskParams.currency\n      : 'kr'\n\n  maskParams.suffix = ` ${fix}`\n\n  return maskParams\n}\n\n/**\n * Return needed mask for handle: number\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} number_mask Component property for change the number parameters\n * @returns object maskParams\n */\nexport const handleNumberMask = ({ mask_options, number_mask }) => {\n  const maskParams = {\n    decimalSymbol: ',',\n    ...mask_options,\n    ...number_mask,\n  }\n\n  if (typeof maskParams.allowDecimal === 'undefined') {\n    maskParams.allowDecimal = maskParams.decimalLimit > 0\n  }\n\n  return maskParams\n}\n\n/**\n * Returns the type of what inputMode or type attribute should be used\n *\n * @param {function} mask mask function\n * @returns undefined|decimal|numeric\n */\nexport function getSoftKeyboardAttributes(mask) {\n  if (mask?.instanceOf !== 'createNumberMask') {\n    return undefined\n  }\n\n  const maskParams = mask?.maskParams\n\n  // because of the missing minus key, we still have to use text on iOS\n  if (IS_IOS && maskParams?.allowNegative !== false) {\n    return undefined\n  }\n\n  return {\n    inputMode:\n      maskParams.allowDecimal && maskParams.decimalLimit !== 0\n        ? 'decimal'\n        : 'numeric',\n  }\n}\n\n/**\n * Returns the thousands separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleThousandsSeparator(locale) {\n  return getThousandsSeparator(locale).replace(' ', ' ') // replace non-breaking space with a regular space\n}\n\n/**\n * Returns the decimal separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleDecimalSeparator(locale) {\n  let decimalSymbol = getDecimalSeparator(locale)\n\n  return decimalSymbol\n}\n\n/**\n * Will take a JSON and return it parsed\n *\n * @param {string} str\n * @param {*} fallback optional fallback\n * @returns parsed json\n */\nexport function fromJSON(str, fallback = null) {\n  if (typeof str === 'string' && str[0] === '{') {\n    return JSON.parse(str)\n  }\n\n  return str || fallback\n}\n"],"mappings":"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"}

package/cjs/components/input-masked/MultiInputMask.d.ts

@@ -64,7 +64,7 @@ export type MultiInputMaskProps<T extends string> = {
      */
     suffix?: React.ReactNode;
 } & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'ref' | 'value' | 'label'> & SpacingProps;
-declare function MultiInputMask<T extends string>({ label, labelDirection, inputs, delimiter, onChange: onChangeExternal, disabled, status, statusState, values: defaultValues, className, stretch, suffix, ...props }: MultiInputMaskProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function MultiInputMask<T extends string>({ label, labelDirection, inputs, delimiter, onChange: onChangeExternal, disabled, status, statusState, values: defaultValues, className, stretch, inputMode, suffix, ...props }: MultiInputMaskProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace MultiInputMask {
     var _formElement: boolean;
     var _supportsSpacingProps: boolean;

package/cjs/components/input-masked/MultiInputMask.js

@@ -14,7 +14,7 @@ var _FormLabel = _interopRequireDefault(require("../FormLabel"));
 var _SpacingHelper = require("../space/SpacingHelper");
 var _useMultiInputValues = require("./hooks/useMultiInputValues");
 var _componentHelper = require("../../shared/component-helper");
-const _excluded = ["label", "labelDirection", "inputs", "delimiter", "onChange", "disabled", "status", "statusState", "values", "className", "stretch", "suffix"],
+const _excluded = ["label", "labelDirection", "inputs", "delimiter", "onChange", "disabled", "status", "statusState", "values", "className", "stretch", "inputMode", "suffix"],
   _excluded2 = ["id", "label", "value", "mask", "placeholderCharacter", "delimiter", "disabled", "inputRef", "onKeyDown", "onChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,6 +35,7 @@ function MultiInputMask(_ref) {
       values: defaultValues,
       className,
       stretch,
+      inputMode,
       suffix
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -66,6 +67,7 @@ function MultiInputMask(_ref) {
     input_element: inputs.map((input, index) => _react.default.createElement(MultiInputMaskInput, _extends({
       key: input.id
     }, input, {
+      inputMode: inputMode,
       value: values[input.id],
       delimiter: index !== inputs.length - 1 ? delimiter : undefined,
       onKeyDown: onKeyDown,
@@ -129,7 +131,7 @@ function MultiInputMaskInput(_ref3) {
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_TextMask.default, _extends({
     id: `${markupId}__input`,
     "data-mask-id": id,
-    className: "dnb-input__input dnb-multi-input-mask__input" + (value ? " dnb-multi-input-mask__input--highlight" : ""),
+    className: "dnb-input__input dnb-multi-input-mask__input" + (/\d+/.test(value) ? " dnb-multi-input-mask__input--highlight" : ""),
     disabled: disabled,
     size: mask.length,
     mask: mask,