@dnb/eufemia 10.69.1 → 10.70.1

package/cjs/components/input/InputDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDocs.js","names":["inputProperties","exports","value","doc","type","status","align","label","label_sr_only","label_direction","status_state","status_props","globalStatus","placeholder","icon","icon_position","icon_size","keep_placeholder","input_class","autocomplete","submit_button_title","suffix","size","selectall","clear","stretch","skeleton","input_attributes","input_state","submit_element","inner_ref","input_element","inner_element"],"sources":["../../../../src/components/input/InputDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The content value of the input.',\n    type: 'string',\n    status: 'optional',\n  },\n  align: {\n    doc: 'Defines the text alignment of the input. Can be `left`, `right` or `center`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'The placeholder which shows up once the input value is empty.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Defines the position of icon inside the input. Set to `left` or `right`. Defaults to `left` if not set.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'The icon size of the icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_placeholder: {\n    doc: 'Set to `true` in case the `placeholder` has to be kept during focus. By default, the placeholder disappears on focus.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_class: {\n    doc: 'In case we have to set a custom input class.',\n    type: 'string',\n    status: 'optional',\n  },\n  type: {\n    doc: 'Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autocomplete: {\n    doc: 'Defaults to `off`. Set to `on` or any of [allowed `attributes`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete). Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title attribute for the search icon. Only relevant if search input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size={2}` then it will be forwarded as the input element attribute.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selectall: {\n    doc: 'If set to `true`, then the whole input value gets selected on the entry focus. A second click will place the cursor on the wanted position.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  clear: {\n    doc: 'If set to `true`, then a clear button will be shown which lets the user clear any given input value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the input field will be 100% in `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_attributes: {\n    doc: 'Provide the Input element with any attributes by using an Object `input_attributes={{size:\\'2\\'}}` or a JSON Object `input_attributes=\\'{\"size\":\"2\"}\\'`. **NB:** Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.',\n    type: 'object',\n    status: 'optional',\n  },\n  input_state: {\n    doc: 'Defines a custom visual state of the input. Use it only if you have to simulate a custom state. Currently are three statuses `virgin` , `focus` and `dirty`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Accepts a React element which will show up like the \"submit button\" would do on `type=\"search\"`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  inner_ref: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'By providing a new component we can change the internally used element. Also supports a string only, like `input_element=\"input\"`.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\n  },\n  inner_element: {\n    doc: 'By providing a new component to be rendered inside the \"shell\" – we can add a freely customizable internal element. Used by the Autocomplete component.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputDocs.js","names":["inputProperties","exports","value","doc","type","status","align","label","label_sr_only","label_direction","status_state","status_props","globalStatus","placeholder","icon","icon_position","icon_size","keep_placeholder","input_class","autocomplete","submit_button_title","suffix","size","selectall","clear","stretch","skeleton","input_attributes","input_state","submit_element","inner_ref","input_element","inner_element","inputEvents","on_change","on_focus","on_key_down","on_blur","on_submit","on_clear"],"sources":["../../../../src/components/input/InputDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The content value of the input.',\n    type: 'string',\n    status: 'optional',\n  },\n  align: {\n    doc: 'Defines the text alignment of the input. Can be `left`, `right` or `center`. Defaults to `left`.',\n    type: 'string',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'The placeholder which shows up once the input value is empty.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Defines the position of icon inside the input. Set to `left` or `right`. Defaults to `left` if not set.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'The icon size of the icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_placeholder: {\n    doc: 'Set to `true` in case the `placeholder` has to be kept during focus. By default, the placeholder disappears on focus.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_class: {\n    doc: 'In case we have to set a custom input class.',\n    type: 'string',\n    status: 'optional',\n  },\n  type: {\n    doc: 'Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autocomplete: {\n    doc: 'Defaults to `off`. Set to `on` or any of [allowed `attributes`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete). Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title attribute for the search icon. Only relevant if search input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size={2}` then it will be forwarded as the input element attribute.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selectall: {\n    doc: 'If set to `true`, then the whole input value gets selected on the entry focus. A second click will place the cursor on the wanted position.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  clear: {\n    doc: 'If set to `true`, then a clear button will be shown which lets the user clear any given input value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the input field will be 100% in `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_attributes: {\n    doc: 'Provide the Input element with any attributes by using an Object `input_attributes={{size:\\'2\\'}}` or a JSON Object `input_attributes=\\'{\"size\":\"2\"}\\'`. **NB:** Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.',\n    type: 'object',\n    status: 'optional',\n  },\n  input_state: {\n    doc: 'Defines a custom visual state of the input. Use it only if you have to simulate a custom state. Currently are three statuses `virgin` , `focus` and `dirty`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Accepts a React element which will show up like the \"submit button\" would do on `type=\"search\"`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  inner_ref: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'By providing a new component we can change the internally used element. Also supports a string only, like `input_element=\"input\"`.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\n  },\n  inner_element: {\n    doc: 'By providing a new component to be rendered inside the \"shell\" – we can add a freely customizable internal element. Used by the Autocomplete component.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const inputEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_focus: {\n    doc: 'will be called on focus set by the user. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_key_down: {\n    doc: 'will be called on key down by the user. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_blur: {\n    doc: 'will be called on blur set by the user. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_submit: {\n    doc: 'will be called on submit button click. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_clear: {\n    doc: 'will be called on a clear button click. Returns `{ value, previousValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -104,21 +104,9 @@ export interface InputMaskedProps
    */
   placeholder_char?: string;
   inner_ref?: React.Ref;
-  /**
-   * Will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.
-   */
   on_change?: (...args: any[]) => any;
-  /**
-   * Will be called on submit button click. Returns `{ value, event }`.
-   */
   on_submit?: (...args: any[]) => any;
-  /**
-   * Will be called on focus set by the user. Returns `{ value, event }`.
-   */
   on_focus?: (...args: any[]) => any;
-  /**
-   * Will be called on blur set by the user. Returns `{ value, event }`.
-   */
   on_blur?: (...args: any[]) => any;
   on_submit_focus?: (...args: any[]) => any;
   on_submit_blur?: (...args: any[]) => any;
@@ -141,9 +129,6 @@ export interface InputMaskedProps
   placeholder?: string;
   clear?: boolean;
   keep_placeholder?: boolean;
-  /**
-   * (string): What to display after the amount. Defaults to an empty string.
-   */
   suffix?: InputMaskedSuffix;
   align?: InputMaskedAlign;
   selectall?: boolean;

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

@@ -1,2 +1,4 @@
 import { PropertiesTableProps } from '../../shared/types';
 export declare const inputMaskedProperties: PropertiesTableProps;
+export declare const inputMaskedEvents: PropertiesTableProps;
+export declare const inputMaskedMaskOptionsProperties: PropertiesTableProps;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inputMaskedProperties = void 0;
+exports.inputMaskedProperties = exports.inputMaskedMaskOptionsProperties = exports.inputMaskedEvents = void 0;
 const inputMaskedProperties = exports.inputMaskedProperties = {
   as_number: {
     doc: 'Set to `true` to automatically set a number mask based on the given or inherited locale.',
@@ -81,4 +81,73 @@ const inputMaskedProperties = exports.inputMaskedProperties = {
     status: 'optional'
   }
 };
+const inputMaskedEvents = exports.inputMaskedEvents = {
+  on_change: {
+    doc: 'will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, numberValue, cleanedValue, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  '[Input](/uilib/components/input/events)': {
+    doc: 'All `Input` events are supported.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+const inputMaskedMaskOptionsProperties = exports.inputMaskedMaskOptionsProperties = {
+  prefix: {
+    doc: 'What to display before the amount. Defaults to an empty string.',
+    type: 'string',
+    status: 'optional'
+  },
+  suffix: {
+    doc: 'What to display after the amount. Defaults to an empty string.',
+    type: 'string',
+    status: 'optional'
+  },
+  includeThousandsSeparator: {
+    doc: 'Whether or not to separate thousands. Defaults to `true`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  thousandsSeparatorSymbol: {
+    doc: "Character with which to separate thousands. Defaults to `' '`.",
+    type: 'string',
+    status: 'optional'
+  },
+  allowDecimal: {
+    doc: 'Whether or not to allow the user to enter a fraction with the amount. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  decimalSymbol: {
+    doc: "Character that will act as a decimal point. Defaults to `','`.",
+    type: 'string',
+    status: 'optional'
+  },
+  decimalLimit: {
+    doc: 'How many digits to allow after the decimal. Defaults to `2`.',
+    type: 'number',
+    status: 'optional'
+  },
+  integerLimit: {
+    doc: 'Limit the length of the integer number. Defaults to `null` for unlimited.',
+    type: 'number',
+    status: 'optional'
+  },
+  requireDecimal: {
+    doc: 'Whether or not to always include a decimal point and placeholder for decimal digits after the integer. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  allowNegative: {
+    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  disallowLeadingZeroes: {
+    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=InputMaskedDocs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedDocs.js","names":["inputMaskedProperties","exports","as_number","doc","type","status","as_percent","as_currency","mask_options","number_mask","currency_mask","number_format","locale","mask","show_mask","show_guide","placeholder_char","keep_char_positions"],"sources":["../../../../src/components/input-masked/InputMaskedDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputMaskedProperties: PropertiesTableProps = {\n  as_number: {\n    doc: 'Set to `true` to automatically set a number mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_percent: {\n    doc: 'Set to `true` to automatically set a number mask with a percentage sign based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_currency: {\n    doc: 'Set to `true` to use `NOK` or give it a currency code e.g. `USD` to automatically set a currency mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  mask_options: {\n    doc: 'Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `currency_mask`. All options are listed below.',\n    type: 'object',\n    status: 'optional',\n  },\n  number_mask: {\n    doc: 'Set to `true` to enable the default numbers formatting – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  currency_mask: {\n    doc: 'Set to `true` or set the _valuta_ (currency_mask=\"kr\") to enable a custom currency mask – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default. Defaults to `kr`.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  number_format: {\n    doc: 'Use an object with [NumberFormat](/uilib/components/number-format/properties).',\n    type: 'object',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Define the locale to be used in the `as_number` or `as_currency` masked. It will be inherited from the [Eufemia Provider](/uilib/usage/customisation/provider) if not given. Defaults to `nb-NO`.',\n    type: 'string',\n    status: 'optional',\n  },\n  mask: {\n    doc: 'A mask can be defined both as a [RegExp style of characters](https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#readme) or a callback function. Example below. Defaults to number mask.',\n    type: ['RegExp', 'function'],\n    status: 'optional',\n  },\n  show_mask: {\n    doc: 'Show mask when input is empty and has no focus. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_guide: {\n    doc: \"When `false` is given, it doesn't print out placeholder characters and only adds mask characters when the user reaches them as they're typing. Defaults to `true`.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder_char: {\n    doc: 'The placeholder character represents the fillable spot in the mask (e.g. `_`). Defaults to invisible space.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_char_positions: {\n    doc: 'When `true`, adding or deleting characters will not affect the positions of existing characters. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  '[Input](/uilib/components/input/properties)': {\n    doc: 'All `Input` properties are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,qBAA2C,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACzDE,SAAS,EAAE;IACTC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVH,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,+IAA+I;IACpJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,sOAAsO;IAC3OC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDK,aAAa,EAAE;IACbP,GAAG,EAAE,yRAAyR;IAC9RC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,IAAI,EAAE;IACJV,GAAG,EAAE,mNAAmN;IACxNC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDS,SAAS,EAAE;IACTX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,UAAU,EAAE;IACVZ,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,gBAAgB,EAAE;IAChBb,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,mBAAmB,EAAE;IACnBd,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACD,6CAA6C,EAAE;IAC7CF,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"InputMaskedDocs.js","names":["inputMaskedProperties","exports","as_number","doc","type","status","as_percent","as_currency","mask_options","number_mask","currency_mask","number_format","locale","mask","show_mask","show_guide","placeholder_char","keep_char_positions","inputMaskedEvents","on_change","inputMaskedMaskOptionsProperties","prefix","suffix","includeThousandsSeparator","thousandsSeparatorSymbol","allowDecimal","decimalSymbol","decimalLimit","integerLimit","requireDecimal","allowNegative","disallowLeadingZeroes"],"sources":["../../../../src/components/input-masked/InputMaskedDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputMaskedProperties: PropertiesTableProps = {\n  as_number: {\n    doc: 'Set to `true` to automatically set a number mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_percent: {\n    doc: 'Set to `true` to automatically set a number mask with a percentage sign based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_currency: {\n    doc: 'Set to `true` to use `NOK` or give it a currency code e.g. `USD` to automatically set a currency mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  mask_options: {\n    doc: 'Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `currency_mask`. All options are listed below.',\n    type: 'object',\n    status: 'optional',\n  },\n  number_mask: {\n    doc: 'Set to `true` to enable the default numbers formatting – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  currency_mask: {\n    doc: 'Set to `true` or set the _valuta_ (currency_mask=\"kr\") to enable a custom currency mask – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default. Defaults to `kr`.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  number_format: {\n    doc: 'Use an object with [NumberFormat](/uilib/components/number-format/properties).',\n    type: 'object',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Define the locale to be used in the `as_number` or `as_currency` masked. It will be inherited from the [Eufemia Provider](/uilib/usage/customisation/provider) if not given. Defaults to `nb-NO`.',\n    type: 'string',\n    status: 'optional',\n  },\n  mask: {\n    doc: 'A mask can be defined both as a [RegExp style of characters](https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#readme) or a callback function. Example below. Defaults to number mask.',\n    type: ['RegExp', 'function'],\n    status: 'optional',\n  },\n  show_mask: {\n    doc: 'Show mask when input is empty and has no focus. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_guide: {\n    doc: \"When `false` is given, it doesn't print out placeholder characters and only adds mask characters when the user reaches them as they're typing. Defaults to `true`.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder_char: {\n    doc: 'The placeholder character represents the fillable spot in the mask (e.g. `_`). Defaults to invisible space.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_char_positions: {\n    doc: 'When `true`, adding or deleting characters will not affect the positions of existing characters. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  '[Input](/uilib/components/input/properties)': {\n    doc: 'All `Input` properties are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const inputMaskedEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, numberValue, cleanedValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Input](/uilib/components/input/events)': {\n    doc: 'All `Input` events are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const inputMaskedMaskOptionsProperties: PropertiesTableProps = {\n  prefix: {\n    doc: 'What to display before the amount. Defaults to an empty string.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'What to display after the amount. Defaults to an empty string.',\n    type: 'string',\n    status: 'optional',\n  },\n  includeThousandsSeparator: {\n    doc: 'Whether or not to separate thousands. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  thousandsSeparatorSymbol: {\n    doc: \"Character with which to separate thousands. Defaults to `' '`.\",\n    type: 'string',\n    status: 'optional',\n  },\n  allowDecimal: {\n    doc: 'Whether or not to allow the user to enter a fraction with the amount. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  decimalSymbol: {\n    doc: \"Character that will act as a decimal point. Defaults to `','`.\",\n    type: 'string',\n    status: 'optional',\n  },\n  decimalLimit: {\n    doc: 'How many digits to allow after the decimal. Defaults to `2`.',\n    type: 'number',\n    status: 'optional',\n  },\n  integerLimit: {\n    doc: 'Limit the length of the integer number. Defaults to `null` for unlimited.',\n    type: 'number',\n    status: 'optional',\n  },\n  requireDecimal: {\n    doc: 'Whether or not to always include a decimal point and placeholder for decimal digits after the integer. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const multiInputMaskedEvents: PropertiesTableProps;
+export declare const multiInputMaskedProperties: PropertiesTableProps;
+export declare const multiInputMaskedInputsProperties: PropertiesTableProps;

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.multiInputMaskedProperties = exports.multiInputMaskedInputsProperties = exports.multiInputMaskedEvents = void 0;
+const multiInputMaskedEvents = exports.multiInputMaskedEvents = {
+  onChange: {
+    doc: "runs when an input value changes. Has an object parameter with keys matching the id's defined in `inputs`, and values of string. E.g: `{month: string, year: string}`.",
+    type: 'function',
+    status: 'optional'
+  },
+  onFocus: {
+    doc: "runs when an input gains focus. Has an object parameter with keys matching the id's defined in `inputs`, and values of string. E.g: `{month: string, year: string}`.",
+    type: 'function',
+    status: 'optional'
+  },
+  onBlur: {
+    doc: "runs when an input lose focus. Has an object parameter with keys matching the id's defined in `inputs`, and values of string. E.g: `{month: string, year: string}`.",
+    type: 'function',
+    status: 'optional'
+  }
+};
+const multiInputMaskedProperties = exports.multiInputMaskedProperties = {
+  label: {
+    doc: '`legend` element describing the group of inputs inside the components.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  labelDirection: {
+    doc: 'Use to change the label layout direction. Defaults to `horizontal`.',
+    type: ['horizontal', 'vertical'],
+    status: 'optional'
+  },
+  inputs: {
+    doc: "array of [MultiInputMaskInput](/uilib/components/input-masked/properties/#multiinputmask-inputs-properties) that defines the inputs in the component. The id's defined here is used to map input value to correct property in `values` parameters used in `onChange`.",
+    type: 'array',
+    status: 'optional'
+  },
+  values: {
+    doc: "values used for the inputs in the component. Expects an object with keys matching the id's defined in `inputs`.",
+    type: 'object',
+    status: 'optional'
+  },
+  delimiter: {
+    doc: 'character that separates the input inputs.',
+    type: 'string',
+    status: 'optional'
+  },
+  stretch: {
+    doc: 'use `true` in order to stretch the input to the available space. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  status: {
+    doc: 'text with a status message. The style defaults to an error message. You can use true to only get the status color, without a message.`.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  statusState: {
+    doc: "defines the state of the status. It's two statuses [error, info]. Defaults to error.",
+    type: ['error', 'info'],
+    status: 'optional'
+  },
+  suffix: {
+    doc: 'Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  }
+};
+const multiInputMaskedInputsProperties = exports.multiInputMaskedInputsProperties = {
+  id: {
+    doc: '(string) Defines input id. This id is also used to map the input value to the correct property on the objects used for `values` and `onChange` parameters.',
+    type: 'string',
+    status: 'optional'
+  },
+  label: {
+    doc: 'Label used by the input. The label itself is hidden, but required to uphold accessibility standards for screen readers.',
+    type: 'string',
+    status: 'optional'
+  },
+  mask: {
+    doc: 'Each RegExp item in the array defines what the mask should be for each subsequent character in the input. The array length sets the inputs size/character limit.',
+    type: 'array',
+    status: 'optional'
+  },
+  placeholderCharacter: {
+    doc: 'Sets the placeholder character used for the input.',
+    type: 'string',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=MultiInputMaskedDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiInputMaskedDocs.js","names":["multiInputMaskedEvents","exports","onChange","doc","type","status","onFocus","onBlur","multiInputMaskedProperties","label","labelDirection","inputs","values","delimiter","stretch","statusState","suffix","multiInputMaskedInputsProperties","id","mask","placeholderCharacter"],"sources":["../../../../src/components/input-masked/MultiInputMaskedDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const multiInputMaskedEvents: PropertiesTableProps = {\n  onChange: {\n    doc: \"runs when an input value changes. Has an object parameter with keys matching the id's defined in `inputs`, and values of string. E.g: `{month: string, year: string}`.\",\n    type: 'function',\n    status: 'optional',\n  },\n  onFocus: {\n    doc: \"runs when an input gains focus. Has an object parameter with keys matching the id's defined in `inputs`, and values of string. E.g: `{month: string, year: string}`.\",\n    type: 'function',\n    status: 'optional',\n  },\n  onBlur: {\n    doc: \"runs when an input lose focus. Has an object parameter with keys matching the id's defined in `inputs`, and values of string. E.g: `{month: string, year: string}`.\",\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const multiInputMaskedProperties: PropertiesTableProps = {\n  label: {\n    doc: '`legend` element describing the group of inputs inside the components.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: 'Use to change the label layout direction. Defaults to `horizontal`.',\n    type: ['horizontal', 'vertical'],\n    status: 'optional',\n  },\n  inputs: {\n    doc: \"array of [MultiInputMaskInput](/uilib/components/input-masked/properties/#multiinputmask-inputs-properties) that defines the inputs in the component. The id's defined here is used to map input value to correct property in `values` parameters used in `onChange`.\",\n    type: 'array',\n    status: 'optional',\n  },\n  values: {\n    doc: \"values used for the inputs in the component. Expects an object with keys matching the id's defined in `inputs`.\",\n    type: 'object',\n    status: 'optional',\n  },\n  delimiter: {\n    doc: 'character that separates the input inputs.',\n    type: 'string',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'use `true` in order to stretch the input to the available space. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'text with a status message. The style defaults to an error message. You can use true to only get the status color, without a message.`.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: \"defines the state of the status. It's two statuses [error, info]. Defaults to error.\",\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n}\n\nexport const multiInputMaskedInputsProperties: PropertiesTableProps = {\n  id: {\n    doc: '(string) Defines input id. This id is also used to map the input value to the correct property on the objects used for `values` and `onChange` parameters.',\n    type: 'string',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Label used by the input. The label itself is hidden, but required to uphold accessibility standards for screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  mask: {\n    doc: 'Each RegExp item in the array defines what the mask should be for each subsequent character in the input. The array length sets the inputs size/character limit.',\n    type: 'array',\n    status: 'optional',\n  },\n  placeholderCharacter: {\n    doc: 'Sets the placeholder character used for the input.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,sBAA4C,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EAC1DE,QAAQ,EAAE;IACRC,GAAG,EAAE,wKAAwK;IAC7KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,qKAAqK;IAC1KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMG,0BAAgD,GAAAP,OAAA,CAAAO,0BAAA,GAAG;EAC9DC,KAAK,EAAE;IACLN,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDK,cAAc,EAAE;IACdP,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDM,MAAM,EAAE;IACNR,GAAG,EAAE,uQAAuQ;IAC5QC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,sJAAsJ;IAC3JC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMY,gCAAsD,GAAAhB,OAAA,CAAAgB,gCAAA,GAAG;EACpEC,EAAE,EAAE;IACFf,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,yHAAyH;IAC9HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,IAAI,EAAE;IACJhB,GAAG,EAAE,kKAAkK;IACvKC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDe,oBAAoB,EAAE;IACpBjB,GAAG,EAAE,oDAAoD;IACzDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -11,6 +11,15 @@
 .dnb-input-masked input::placeholder {
   color: inherit;
 }
+.dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button, .dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+  margin: 0;
+}
+.dnb-input-masked--hide-controls[type=number] {
+  -webkit-appearance: textfield;
+          appearance: textfield;
+}
 
 .dnb-multi-input-mask__fieldset {
   padding: 0;

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

@@ -1 +1 @@
-.dnb-input-masked--guide{font-family:var(--font-family-monospace)}.dnb-input-masked input::placeholder{color:inherit}.dnb-multi-input-mask__fieldset{border:none;padding:0}.dnb-multi-input-mask__fieldset:not([class*=space__top]){margin-top:0}.dnb-multi-input-mask__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right:0}.dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.dnb-multi-input-mask{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}
+.dnb-input-masked--guide{font-family:var(--font-family-monospace)}.dnb-input-masked input::placeholder{color:inherit}.dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button,.dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dnb-input-masked--hide-controls[type=number]{-webkit-appearance:textfield;appearance:textfield}.dnb-multi-input-mask__fieldset{border:none;padding:0}.dnb-multi-input-mask__fieldset:not([class*=space__top]){margin-top:0}.dnb-multi-input-mask__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right:0}.dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.dnb-multi-input-mask{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}

package/cjs/components/input-masked/style/dnb-input-masked.scss

@@ -14,6 +14,18 @@
   input::placeholder {
     color: inherit;
   }
+
+  &--hide-controls {
+    &[type='number']::-webkit-outer-spin-button,
+    &[type='number']::-webkit-inner-spin-button {
+      appearance: none;
+      margin: 0;
+    }
+
+    &[type='number'] {
+      appearance: textfield;
+    }
+  }
 }
 
 // MultiInputMask

package/cjs/components/input-masked/text-mask/InputModeNumber.d.ts

@@ -10,6 +10,13 @@ export default class InputModeNumber {
     hasFocus: boolean;
     focusEventName: string;
     blurEventName: string;
+    _type: string;
+    _value: string;
+    _width: number;
+    _cssText: string;
+    _placeholder: string;
+    _selectionStart: number;
+    _selectionEnd: number;
     setElement(element: HTMLInputElement): void;
     handleLabel(): void;
     add(): void;
@@ -17,4 +24,5 @@ export default class InputModeNumber {
     remove(): void;
     onBlur: () => void;
     onFocus: () => void;
+    reset: () => void;
 }

package/cjs/components/input-masked/text-mask/InputModeNumber.js

@@ -18,22 +18,44 @@ class InputModeNumber {
         return;
       }
       this.hasFocus = true;
-      const type = this.inputElement.type;
-      if (type === 'number') {
+      this._type = this.inputElement.type;
+      if (this._type === 'number') {
         return;
       }
-      const value = this.inputElement.value;
-      const placeholder = this.inputElement.placeholder;
-      this.inputElement.placeholder = value;
+      this._value = this.inputElement.value;
+      this._width = this.inputElement.offsetWidth;
+      this._cssText = this.inputElement.style.cssText;
+      this._placeholder = this.inputElement.placeholder;
+      this._selectionStart = this.inputElement.selectionStart;
+      this._selectionEnd = this.inputElement.selectionEnd;
+      this.inputElement.placeholder = this._value;
       this.inputElement.type = 'number';
+      this.inputElement.classList.add('dnb-input-masked--hide-controls');
+      this.inputElement.style.width = `${this._width}px`;
       clearTimeout(this.timeout);
       this.timeout = setTimeout(() => {
+        this.reset();
+      }, 10);
+    });
+    _defineProperty(this, "reset", () => {
+      if (!this.inputElement) {
+        return;
+      }
+      try {
         var _this$inputElement$ru, _this$inputElement;
-        this.inputElement.type = type;
-        this.inputElement.value = value;
-        this.inputElement.placeholder = placeholder;
+        this.inputElement.type = this._type;
+        this.inputElement.style.cssText = this._cssText;
+        this.inputElement.classList.remove('dnb-input-masked--hide-controls');
+        this.inputElement.value = this._value;
+        this.inputElement.placeholder = this._placeholder;
+        if (this._selectionStart > 0) {
+          this.inputElement.selectionStart = this._selectionStart;
+          this.inputElement.selectionEnd = this._selectionEnd;
+        }
         (_this$inputElement$ru = (_this$inputElement = this.inputElement)['runCorrectCaretPosition']) === null || _this$inputElement$ru === void 0 ? void 0 : _this$inputElement$ru.call(_this$inputElement);
-      }, 5);
+      } catch (error) {
+        console.error(error);
+      }
     });
   }
   setElement(element) {
@@ -76,6 +98,7 @@ class InputModeNumber {
     }
   }
   remove() {
+    this.reset();
     clearTimeout(this.timeout);
     this.removeEvent(this.inputElement);
     this.removeEvent(this.labelElement);

package/cjs/components/input-masked/text-mask/InputModeNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputModeNumber.js","names":["_helpers","require","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","InputModeNumber","constructor","hasFocus","inputElement","type","placeholder","clearTimeout","timeout","setTimeout","_this$inputElement$ru","_this$inputElement","setElement","element","IS_IOS","focusEventName","blurEventName","add","handleLabel","_this$inputElement2","id","labelElement","document","querySelector","addEventListener","onFocus","_this$inputElement3","fnId","onBlur","removeEvent","removeEventListener","remove","exports","default"],"sources":["../../../../../src/components/input-masked/text-mask/InputModeNumber.ts"],"sourcesContent":["import { IS_IOS } from '../../../shared/helpers'\n\n/**\n * This is a helper function (hack),\n * that will evoke a good numeric keyboard (on iOS) that supports decimals and minus keys.\n */\nexport default class InputModeNumber {\n  inputElement: HTMLInputElement\n  labelElement: HTMLLabelElement\n  timeout: NodeJS.Timer\n  hasFocus: boolean\n  focusEventName: string\n  blurEventName: string\n\n  setElement(element: HTMLInputElement) {\n    if (!IS_IOS) {\n      return // stop here\n    }\n\n    /**\n     * Why use \"mouseenter\" and not \"focus\", \"mousedown\" or \"touchstart\"?\n     * - Because \"touchstart\" has unexpected behavior when holding the finger down before releasing.\n     * - And because \"focus\" and \"mousedown\" is too late, we then can't change the type anymore.\n     */\n    this.focusEventName = 'mouseenter'\n    this.blurEventName = 'blur'\n\n    if (!this.inputElement) {\n      this.inputElement = element\n      this.add()\n      this.handleLabel()\n    }\n  }\n  handleLabel() {\n    const id = this.inputElement?.id\n    if (!id) {\n      return\n    }\n\n    this.labelElement = document.querySelector(\n      `[for=\"${id}\"]`\n    ) as HTMLLabelElement\n\n    if (this.labelElement) {\n      this.labelElement.addEventListener('mousedown', this.onFocus)\n    }\n  }\n  add() {\n    const fnId = '__getCorrectCaretPosition'\n    if (this.inputElement && !this.inputElement?.[fnId]) {\n      this.inputElement[fnId] = true\n\n      this.inputElement.addEventListener(this.focusEventName, this.onFocus)\n      this.inputElement.addEventListener(this.blurEventName, this.onBlur)\n    }\n  }\n  removeEvent(element: HTMLInputElement | HTMLLabelElement) {\n    if (element) {\n      element.removeEventListener(this.focusEventName, this.onFocus)\n      element.removeEventListener(this.blurEventName, this.onBlur)\n      element.removeEventListener('mousedown', this.onFocus)\n    }\n  }\n  remove() {\n    clearTimeout(this.timeout)\n\n    this.removeEvent(this.inputElement)\n    this.removeEvent(this.labelElement)\n\n    delete this.inputElement\n    delete this.labelElement\n  }\n  onBlur = () => {\n    this.hasFocus = false\n  }\n  onFocus = () => {\n    if (this.hasFocus || !this.inputElement) {\n      return\n    }\n\n    this.hasFocus = true\n\n    const type = this.inputElement.type\n\n    if (type === 'number') {\n      return // stop here\n    }\n\n    const value = this.inputElement.value\n    const placeholder = this.inputElement.placeholder\n\n    // To prevent flickering, show the placeholder, while the input value is \"empty\".\n    this.inputElement.placeholder = value\n\n    // Changing the type, will remove the current input value to show as \"empty\".\n    this.inputElement.type = 'number'\n\n    // Reset the input again\n    clearTimeout(this.timeout)\n    this.timeout = setTimeout(() => {\n      this.inputElement.type = type\n      this.inputElement.value = value // set the input value\n      this.inputElement.placeholder = placeholder\n      this.inputElement['runCorrectCaretPosition']?.()\n    }, 5)\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputModeNumber.js","names":["_helpers","require","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","InputModeNumber","constructor","hasFocus","inputElement","_type","type","_value","_width","offsetWidth","_cssText","style","cssText","_placeholder","placeholder","_selectionStart","selectionStart","_selectionEnd","selectionEnd","classList","add","width","clearTimeout","timeout","setTimeout","reset","_this$inputElement$ru","_this$inputElement","remove","error","console","setElement","element","IS_IOS","focusEventName","blurEventName","handleLabel","_this$inputElement2","id","labelElement","document","querySelector","addEventListener","onFocus","_this$inputElement3","fnId","onBlur","removeEvent","removeEventListener","exports","default"],"sources":["../../../../../src/components/input-masked/text-mask/InputModeNumber.ts"],"sourcesContent":["import { IS_IOS } from '../../../shared/helpers'\n\n/**\n * This is a helper function (hack),\n * that will evoke a good numeric keyboard (on iOS) that supports decimals and minus keys.\n */\nexport default class InputModeNumber {\n  inputElement: HTMLInputElement\n  labelElement: HTMLLabelElement\n  timeout: NodeJS.Timer\n  hasFocus: boolean\n  focusEventName: string\n  blurEventName: string\n  _type: string\n  _value: string\n  _width: number\n  _cssText: string\n  _placeholder: string\n  _selectionStart: number\n  _selectionEnd: number\n\n  setElement(element: HTMLInputElement) {\n    if (!IS_IOS) {\n      return // stop here\n    }\n\n    /**\n     * Why use \"mouseenter\" and not \"focus\", \"mousedown\" or \"touchstart\"?\n     * - Because \"touchstart\" has unexpected behavior when holding the finger down before releasing.\n     * - And because \"focus\" and \"mousedown\" is too late, we then can't change the type anymore.\n     */\n    this.focusEventName = 'mouseenter'\n    this.blurEventName = 'blur'\n\n    if (!this.inputElement) {\n      this.inputElement = element\n      this.add()\n      this.handleLabel()\n    }\n  }\n  handleLabel() {\n    const id = this.inputElement?.id\n    if (!id) {\n      return\n    }\n\n    this.labelElement = document.querySelector(\n      `[for=\"${id}\"]`\n    ) as HTMLLabelElement\n\n    if (this.labelElement) {\n      this.labelElement.addEventListener('mousedown', this.onFocus)\n    }\n  }\n  add() {\n    const fnId = '__getCorrectCaretPosition'\n    if (this.inputElement && !this.inputElement?.[fnId]) {\n      this.inputElement[fnId] = true\n\n      this.inputElement.addEventListener(this.focusEventName, this.onFocus)\n      this.inputElement.addEventListener(this.blurEventName, this.onBlur)\n    }\n  }\n  removeEvent(element: HTMLInputElement | HTMLLabelElement) {\n    if (element) {\n      element.removeEventListener(this.focusEventName, this.onFocus)\n      element.removeEventListener(this.blurEventName, this.onBlur)\n      element.removeEventListener('mousedown', this.onFocus)\n    }\n  }\n  remove() {\n    this.reset()\n\n    clearTimeout(this.timeout)\n\n    this.removeEvent(this.inputElement)\n    this.removeEvent(this.labelElement)\n\n    delete this.inputElement\n    delete this.labelElement\n  }\n  onBlur = () => {\n    this.hasFocus = false\n  }\n  onFocus = () => {\n    if (this.hasFocus || !this.inputElement) {\n      return // stop here\n    }\n\n    this.hasFocus = true\n\n    this._type = this.inputElement.type\n\n    if (this._type === 'number') {\n      return // stop here\n    }\n\n    this._value = this.inputElement.value\n    this._width = this.inputElement.offsetWidth\n    this._cssText = this.inputElement.style.cssText\n    this._placeholder = this.inputElement.placeholder\n    this._selectionStart = this.inputElement.selectionStart\n    this._selectionEnd = this.inputElement.selectionEnd\n\n    // To prevent flickering, show the placeholder, while the input value is \"empty\".\n    this.inputElement.placeholder = this._value\n\n    // Changing the type, will remove the current input value to show as \"empty\".\n    this.inputElement.type = 'number'\n\n    // Hide steppers with pseudo-elements using CSS injection\n    this.inputElement.classList.add('dnb-input-masked--hide-controls')\n\n    // Keep the width the same as the input element\n    this.inputElement.style.width = `${this._width}px`\n\n    // Reset the input again\n    clearTimeout(this.timeout)\n    this.timeout = setTimeout(() => {\n      this.reset()\n    }, 10) // Delay before changing the type back again.\n  }\n  reset = () => {\n    if (!this.inputElement) {\n      return // stop here\n    }\n    try {\n      this.inputElement.type = this._type\n      this.inputElement.style.cssText = this._cssText // Because we did set a width, we need to reset the cssText\n      this.inputElement.classList.remove('dnb-input-masked--hide-controls')\n      this.inputElement.value = this._value // set the input value, else it will be empty\n      this.inputElement.placeholder = this._placeholder\n      if (this._selectionStart > 0) {\n        this.inputElement.selectionStart = this._selectionStart\n        this.inputElement.selectionEnd = this._selectionEnd\n      }\n      this.inputElement['runCorrectCaretPosition']?.()\n    } catch (error) {\n      console.error(error)\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/input-masked/text-mask/adjustCaretPosition.d.ts

@@ -1,4 +1,4 @@
-export default function adjustCaretPosition({ previousConformedValue, previousPlaceholder, currentCaretPosition, conformedValue, rawValue, placeholderChar, placeholder, indexesOfPipedChars, caretTrapIndexes, }: {
+export default function adjustCaretPosition({ previousConformedValue, previousPlaceholder, currentCaretPosition, conformedValue, rawValue, placeholderChar, placeholder, indexesOfPipedChars, caretTrapIndexes, keepCharPositions, }: {
     previousConformedValue?: string;
     previousPlaceholder?: string;
     currentCaretPosition?: number;
@@ -8,4 +8,5 @@ export default function adjustCaretPosition({ previousConformedValue, previousPl
     placeholder: any;
     indexesOfPipedChars?: any[];
     caretTrapIndexes?: any[];
+    keepCharPositions?: boolean;
 }): number;

package/cjs/components/input-masked/text-mask/adjustCaretPosition.js

@@ -16,7 +16,8 @@ function adjustCaretPosition(_ref) {
     placeholderChar,
     placeholder,
     indexesOfPipedChars = defaultArray,
-    caretTrapIndexes = defaultArray
+    caretTrapIndexes = defaultArray,
+    keepCharPositions = false
   } = _ref;
   if (currentCaretPosition === 0 || !rawValue.length) {
     return 0;
@@ -32,7 +33,7 @@ function adjustCaretPosition(_ref) {
   if (isPartialMultiCharEdit) {
     return currentCaretPosition;
   }
-  const possiblyHasRejectedChar = isAddition && (previousConformedValue === conformedValue || conformedValue === placeholder);
+  const possiblyHasRejectedChar = isAddition && (keepCharPositions !== false && previousConformedValue === conformedValue || conformedValue === placeholder);
   let startingSearchIndex = 0;
   let trackRightCharacter;
   let targetChar;