@beinformed/ui 1.41.1 → 1.41.2

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [1.41.2](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.41.1...v1.41.2) (2024-02-20)
+
 ## [1.41.1](https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui/compare/v1.41.0...v1.41.1) (2024-02-19)
 
 

package/esm/models/attributes/StringAttributeModel.js

@@ -98,6 +98,12 @@ export default class StringAttributeModel extends AttributeModel {
     return this.layouthint.has("zipcode");
   }
 
+  /**
+   */
+  isAvatar() {
+    return this.layouthint.has("avatar");
+  }
+
   /**
    */
   isEmail() {
@@ -252,7 +258,7 @@ export default class StringAttributeModel extends AttributeModel {
   /**
    */
   get readonlyWidth() {
-    if (this.isZipcode() || this.isBSN()) {
+    if (this.isZipcode() || this.isBSN() || this.isAvatar()) {
       return ATTRIBUTE_WIDTH.SMALL;
     }
     if (this.isIBAN()) {

package/esm/models/attributes/StringAttributeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StringAttributeModel.js","names":["AttributeModel","ConstraintCollection","RegexConstraint","BSNConstraint","IBANConstraint","ATTRIBUTE_WIDTH","StringAttributeModel","constructor","attribute","attributeContributions","_defineProperty","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includesInstanceProperty","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isEmail","addConstraints","constraints","add","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","validateValue","getInputValue","_inputvalue","validate","readonlyvalue","formattedValue","update","updateLastModification","readonlyWidth","SMALL","LARGE","MEDIUM"],"sources":["../../../src/models/attributes/StringAttributeModel.js"],"sourcesContent":["// @flow\nimport AttributeModel from \"./AttributeModel\";\nimport ConstraintCollection from \"./input-constraints/ConstraintCollection\";\nimport RegexConstraint from \"./input-constraints/RegexConstraint\";\nimport BSNConstraint from \"./input-constraints/BSNConstraint\";\nimport IBANConstraint from \"./input-constraints/IBANConstraint\";\n\nimport { ATTRIBUTE_WIDTH } from \"../../constants\";\n\n/**\n * String attribute\n */\nexport default class StringAttributeModel extends AttributeModel {\n  _placeholder: string;\n\n  /**\n   */\n  constructor(attribute: Object, attributeContributions: Object) {\n    super(attribute, attributeContributions);\n\n    this._placeholder = this.getContribution(\"placeholder\", \"\");\n  }\n\n  /**\n   * Retrieve initial input value\n   */\n  getInitialInputValue(value: any): string {\n    return this.formatValue(value);\n  }\n\n  /**\n   */\n  static isApplicableModel(contributions: Object): boolean {\n    const layouthint = contributions?.layouthint;\n    return (\n      contributions.type === \"string\" ||\n      (Array.isArray(layouthint) && layouthint.includes(\"string\"))\n    );\n  }\n\n  /**\n   */\n  get type(): string {\n    return \"string\";\n  }\n\n  /**\n   * Get Regexp pattern\n   */\n  get regexp(): string | null {\n    return this.getContribution(\"regexp\");\n  }\n\n  /**\n   */\n  get regexpvalidationmessage(): string | null {\n    return this.getContribution(\"regexpValidationMessage\");\n  }\n\n  /**\n   * Get postfix text\n   */\n  get postfix(): string {\n    return this.getContribution(\"postfix\", \"\");\n  }\n\n  /**\n   * Get prefix text\n   */\n  get prefix(): string {\n    return this.getContribution(\"prefix\", \"\");\n  }\n\n  /**\n   * Get placeholder text\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * Set placeholder text\n   */\n  set placeholder(placeholder: string) {\n    this._placeholder = placeholder;\n  }\n\n  /**\n   */\n  isBSN(): boolean {\n    return this.layouthint.has(\"bsn\");\n  }\n\n  /**\n   */\n  isIBAN(): boolean {\n    return this.layouthint.has(\"iban\");\n  }\n\n  /**\n   */\n  isZipcode(): boolean {\n    return this.layouthint.has(\"zipcode\");\n  }\n\n  /**\n   */\n  isEmail(): boolean {\n    return this.layouthint.has(\"email\");\n  }\n\n  /**\n   * Add regex constraints\n   */\n  addConstraints(): ConstraintCollection {\n    const constraints = new ConstraintCollection();\n\n    if (this.isBSN()) {\n      constraints.add(new BSNConstraint());\n    } else if (this.isIBAN()) {\n      constraints.add(new IBANConstraint());\n    }\n\n    if (this.isZipcode()) {\n      // validate zip when regex is set is set or exact or isNot\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.ZipCode.InvalidFormat\",\n          defaultMessage: \"Must be a valid Dutch ZIP code, e.g. 1234 AB\",\n          regex: new RegExp(\"^[1-9][0-9]{3} ?[a-zA-Z]{2}$\", \"gi\"),\n        }),\n      );\n    } else if (this.isEmail() && this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.Email.InvalidFormat\",\n          defaultMessage: \"Must be a valid e-mail address\",\n          regex: new RegExp(this.regexp, \"gi\"),\n        }),\n      );\n    } else if (this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.String.InvalidRegex\",\n          defaultMessage: this.regexpvalidationmessage,\n          regex: this.regexp,\n        }),\n      );\n    }\n\n    return constraints;\n  }\n\n  /**\n   * Reset attribute to empty string\n   */\n  reset() {\n    this.inputvalue = \"\";\n  }\n\n  /**\n   */\n  formatIBAN(value: string): string {\n    const noFormat = this.removeFormat(value);\n\n    const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n    return groups == null ? \"\" : groups.join(\" \");\n  }\n\n  /**\n   */\n  formatZipcode(value: string): string {\n    const noFormat = this.removeFormat(value);\n    if (noFormat.length === 6) {\n      return (\n        noFormat.substring(0, 4) + \" \" + noFormat.substring(4).toUpperCase()\n      );\n    }\n    return noFormat;\n  }\n\n  /**\n   */\n  formatBSN(value: string): string {\n    return this.removeFormat(value);\n  }\n\n  /**\n   */\n  formatValue(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (typeof value !== \"string\") {\n      return value;\n    }\n\n    if (this.isIBAN()) {\n      return this.formatIBAN(value);\n    }\n\n    if (this.isZipcode()) {\n      return this.formatZipcode(value);\n    }\n\n    if (this.isBSN()) {\n      return this.formatBSN(value);\n    }\n\n    return value.replace(/ {2}/gi, \" \\u00A0\");\n  }\n\n  /**\n   */\n  removeFormat(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {\n      return value.replace(/[^a-z0-9,]/gi, \"\");\n    }\n\n    return value;\n  }\n\n  /**\n   */\n  get validateValue(): string {\n    return this.removeFormat(this.inputvalue);\n  }\n\n  /**\n   */\n  get inputvalue(): string {\n    return this.getInputValue();\n  }\n\n  /**\n   * Sets the input value to the value entered by the user\n   */\n  set inputvalue(value: string) {\n    this._inputvalue = value;\n\n    if (value == null) {\n      this.value = value;\n    } else {\n      this.value = this.removeFormat(value);\n    }\n\n    this.validate(this.validateValue);\n  }\n\n  /**\n   */\n  get readonlyvalue(): string {\n    if (typeof this.value === \"string\") {\n      const formattedValue = this.formatValue(this.value);\n      // fix for rendering of multiple spaces\n      return formattedValue.replace(/ {2}/gi, \" \\u00A0\");\n    }\n\n    return this.value == null ? \"\" : this.value;\n  }\n\n  /**\n   * Update the attribute by name and value\n   */\n  update(value: string): StringAttributeModel {\n    if (this.inputvalue === value) {\n      return this;\n    }\n\n    this.updateLastModification();\n    this.inputvalue = value;\n\n    return this;\n  }\n\n  /**\n   */\n  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {\n    if (this.isZipcode() || this.isBSN()) {\n      return ATTRIBUTE_WIDTH.SMALL;\n    }\n\n    if (this.isIBAN()) {\n      return ATTRIBUTE_WIDTH.LARGE;\n    }\n\n    // default value (also applied for email address + download attribute)\n    return ATTRIBUTE_WIDTH.MEDIUM;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StringAttributeModel.js","names":["AttributeModel","ConstraintCollection","RegexConstraint","BSNConstraint","IBANConstraint","ATTRIBUTE_WIDTH","StringAttributeModel","constructor","attribute","attributeContributions","_defineProperty","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includesInstanceProperty","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isAvatar","isEmail","addConstraints","constraints","add","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","validateValue","getInputValue","_inputvalue","validate","readonlyvalue","formattedValue","update","updateLastModification","readonlyWidth","SMALL","LARGE","MEDIUM"],"sources":["../../../src/models/attributes/StringAttributeModel.js"],"sourcesContent":["// @flow\nimport AttributeModel from \"./AttributeModel\";\nimport ConstraintCollection from \"./input-constraints/ConstraintCollection\";\nimport RegexConstraint from \"./input-constraints/RegexConstraint\";\nimport BSNConstraint from \"./input-constraints/BSNConstraint\";\nimport IBANConstraint from \"./input-constraints/IBANConstraint\";\n\nimport { ATTRIBUTE_WIDTH } from \"../../constants\";\n\n/**\n * String attribute\n */\nexport default class StringAttributeModel extends AttributeModel {\n  _placeholder: string;\n\n  /**\n   */\n  constructor(attribute: Object, attributeContributions: Object) {\n    super(attribute, attributeContributions);\n\n    this._placeholder = this.getContribution(\"placeholder\", \"\");\n  }\n\n  /**\n   * Retrieve initial input value\n   */\n  getInitialInputValue(value: any): string {\n    return this.formatValue(value);\n  }\n\n  /**\n   */\n  static isApplicableModel(contributions: Object): boolean {\n    const layouthint = contributions?.layouthint;\n    return (\n      contributions.type === \"string\" ||\n      (Array.isArray(layouthint) && layouthint.includes(\"string\"))\n    );\n  }\n\n  /**\n   */\n  get type(): string {\n    return \"string\";\n  }\n\n  /**\n   * Get Regexp pattern\n   */\n  get regexp(): string | null {\n    return this.getContribution(\"regexp\");\n  }\n\n  /**\n   */\n  get regexpvalidationmessage(): string | null {\n    return this.getContribution(\"regexpValidationMessage\");\n  }\n\n  /**\n   * Get postfix text\n   */\n  get postfix(): string {\n    return this.getContribution(\"postfix\", \"\");\n  }\n\n  /**\n   * Get prefix text\n   */\n  get prefix(): string {\n    return this.getContribution(\"prefix\", \"\");\n  }\n\n  /**\n   * Get placeholder text\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * Set placeholder text\n   */\n  set placeholder(placeholder: string) {\n    this._placeholder = placeholder;\n  }\n\n  /**\n   */\n  isBSN(): boolean {\n    return this.layouthint.has(\"bsn\");\n  }\n\n  /**\n   */\n  isIBAN(): boolean {\n    return this.layouthint.has(\"iban\");\n  }\n\n  /**\n   */\n  isZipcode(): boolean {\n    return this.layouthint.has(\"zipcode\");\n  }\n\n  /**\n   */\n  isAvatar(): boolean {\n    return this.layouthint.has(\"avatar\");\n  }\n\n  /**\n   */\n  isEmail(): boolean {\n    return this.layouthint.has(\"email\");\n  }\n\n  /**\n   * Add regex constraints\n   */\n  addConstraints(): ConstraintCollection {\n    const constraints = new ConstraintCollection();\n\n    if (this.isBSN()) {\n      constraints.add(new BSNConstraint());\n    } else if (this.isIBAN()) {\n      constraints.add(new IBANConstraint());\n    }\n\n    if (this.isZipcode()) {\n      // validate zip when regex is set is set or exact or isNot\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.ZipCode.InvalidFormat\",\n          defaultMessage: \"Must be a valid Dutch ZIP code, e.g. 1234 AB\",\n          regex: new RegExp(\"^[1-9][0-9]{3} ?[a-zA-Z]{2}$\", \"gi\"),\n        }),\n      );\n    } else if (this.isEmail() && this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.Email.InvalidFormat\",\n          defaultMessage: \"Must be a valid e-mail address\",\n          regex: new RegExp(this.regexp, \"gi\"),\n        }),\n      );\n    } else if (this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.String.InvalidRegex\",\n          defaultMessage: this.regexpvalidationmessage,\n          regex: this.regexp,\n        }),\n      );\n    }\n\n    return constraints;\n  }\n\n  /**\n   * Reset attribute to empty string\n   */\n  reset() {\n    this.inputvalue = \"\";\n  }\n\n  /**\n   */\n  formatIBAN(value: string): string {\n    const noFormat = this.removeFormat(value);\n\n    const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n    return groups == null ? \"\" : groups.join(\" \");\n  }\n\n  /**\n   */\n  formatZipcode(value: string): string {\n    const noFormat = this.removeFormat(value);\n    if (noFormat.length === 6) {\n      return (\n        noFormat.substring(0, 4) + \" \" + noFormat.substring(4).toUpperCase()\n      );\n    }\n    return noFormat;\n  }\n\n  /**\n   */\n  formatBSN(value: string): string {\n    return this.removeFormat(value);\n  }\n\n  /**\n   */\n  formatValue(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (typeof value !== \"string\") {\n      return value;\n    }\n\n    if (this.isIBAN()) {\n      return this.formatIBAN(value);\n    }\n\n    if (this.isZipcode()) {\n      return this.formatZipcode(value);\n    }\n\n    if (this.isBSN()) {\n      return this.formatBSN(value);\n    }\n\n    return value.replace(/ {2}/gi, \" \\u00A0\");\n  }\n\n  /**\n   */\n  removeFormat(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {\n      return value.replace(/[^a-z0-9,]/gi, \"\");\n    }\n\n    return value;\n  }\n\n  /**\n   */\n  get validateValue(): string {\n    return this.removeFormat(this.inputvalue);\n  }\n\n  /**\n   */\n  get inputvalue(): string {\n    return this.getInputValue();\n  }\n\n  /**\n   * Sets the input value to the value entered by the user\n   */\n  set inputvalue(value: string) {\n    this._inputvalue = value;\n\n    if (value == null) {\n      this.value = value;\n    } else {\n      this.value = this.removeFormat(value);\n    }\n\n    this.validate(this.validateValue);\n  }\n\n  /**\n   */\n  get readonlyvalue(): string {\n    if (typeof this.value === \"string\") {\n      const formattedValue = this.formatValue(this.value);\n      // fix for rendering of multiple spaces\n      return formattedValue.replace(/ {2}/gi, \" \\u00A0\");\n    }\n\n    return this.value == null ? \"\" : this.value;\n  }\n\n  /**\n   * Update the attribute by name and value\n   */\n  update(value: string): StringAttributeModel {\n    if (this.inputvalue === value) {\n      return this;\n    }\n\n    this.updateLastModification();\n    this.inputvalue = value;\n\n    return this;\n  }\n\n  /**\n   */\n  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {\n    if (this.isZipcode() || this.isBSN() || this.isAvatar()) {\n      return ATTRIBUTE_WIDTH.SMALL;\n    }\n\n    if (this.isIBAN()) {\n      return ATTRIBUTE_WIDTH.LARGE;\n    }\n\n    // default value (also applied for email address + download attribute)\n    return ATTRIBUTE_WIDTH.MEDIUM;\n  }\n}\n"],"mappings":"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"}

package/lib/models/attributes/StringAttributeModel.js

@@ -104,6 +104,12 @@ class StringAttributeModel extends _AttributeModel.default {
     return this.layouthint.has("zipcode");
   }
 
+  /**
+   */
+  isAvatar() {
+    return this.layouthint.has("avatar");
+  }
+
   /**
    */
   isEmail() {
@@ -258,7 +264,7 @@ class StringAttributeModel extends _AttributeModel.default {
   /**
    */
   get readonlyWidth() {
-    if (this.isZipcode() || this.isBSN()) {
+    if (this.isZipcode() || this.isBSN() || this.isAvatar()) {
       return _constants.ATTRIBUTE_WIDTH.SMALL;
     }
     if (this.isIBAN()) {

package/lib/models/attributes/StringAttributeModel.js.flow

@@ -103,6 +103,12 @@ export default class StringAttributeModel extends AttributeModel {
     return this.layouthint.has("zipcode");
   }
 
+  /**
+   */
+  isAvatar(): boolean {
+    return this.layouthint.has("avatar");
+  }
+
   /**
    */
   isEmail(): boolean {
@@ -281,7 +287,7 @@ export default class StringAttributeModel extends AttributeModel {
   /**
    */
   get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {
-    if (this.isZipcode() || this.isBSN()) {
+    if (this.isZipcode() || this.isBSN() || this.isAvatar()) {
       return ATTRIBUTE_WIDTH.SMALL;
     }
 

package/lib/models/attributes/StringAttributeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"StringAttributeModel.js","names":["_AttributeModel","_interopRequireDefault","require","_ConstraintCollection","_RegexConstraint","_BSNConstraint","_IBANConstraint","_constants","StringAttributeModel","AttributeModel","constructor","attribute","attributeContributions","_defineProperty2","default","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includes","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isEmail","addConstraints","constraints","ConstraintCollection","add","BSNConstraint","IBANConstraint","RegexConstraint","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","validateValue","getInputValue","_inputvalue","validate","readonlyvalue","formattedValue","update","updateLastModification","readonlyWidth","ATTRIBUTE_WIDTH","SMALL","LARGE","MEDIUM","exports"],"sources":["../../../src/models/attributes/StringAttributeModel.js"],"sourcesContent":["// @flow\nimport AttributeModel from \"./AttributeModel\";\nimport ConstraintCollection from \"./input-constraints/ConstraintCollection\";\nimport RegexConstraint from \"./input-constraints/RegexConstraint\";\nimport BSNConstraint from \"./input-constraints/BSNConstraint\";\nimport IBANConstraint from \"./input-constraints/IBANConstraint\";\n\nimport { ATTRIBUTE_WIDTH } from \"../../constants\";\n\n/**\n * String attribute\n */\nexport default class StringAttributeModel extends AttributeModel {\n  _placeholder: string;\n\n  /**\n   */\n  constructor(attribute: Object, attributeContributions: Object) {\n    super(attribute, attributeContributions);\n\n    this._placeholder = this.getContribution(\"placeholder\", \"\");\n  }\n\n  /**\n   * Retrieve initial input value\n   */\n  getInitialInputValue(value: any): string {\n    return this.formatValue(value);\n  }\n\n  /**\n   */\n  static isApplicableModel(contributions: Object): boolean {\n    const layouthint = contributions?.layouthint;\n    return (\n      contributions.type === \"string\" ||\n      (Array.isArray(layouthint) && layouthint.includes(\"string\"))\n    );\n  }\n\n  /**\n   */\n  get type(): string {\n    return \"string\";\n  }\n\n  /**\n   * Get Regexp pattern\n   */\n  get regexp(): string | null {\n    return this.getContribution(\"regexp\");\n  }\n\n  /**\n   */\n  get regexpvalidationmessage(): string | null {\n    return this.getContribution(\"regexpValidationMessage\");\n  }\n\n  /**\n   * Get postfix text\n   */\n  get postfix(): string {\n    return this.getContribution(\"postfix\", \"\");\n  }\n\n  /**\n   * Get prefix text\n   */\n  get prefix(): string {\n    return this.getContribution(\"prefix\", \"\");\n  }\n\n  /**\n   * Get placeholder text\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * Set placeholder text\n   */\n  set placeholder(placeholder: string) {\n    this._placeholder = placeholder;\n  }\n\n  /**\n   */\n  isBSN(): boolean {\n    return this.layouthint.has(\"bsn\");\n  }\n\n  /**\n   */\n  isIBAN(): boolean {\n    return this.layouthint.has(\"iban\");\n  }\n\n  /**\n   */\n  isZipcode(): boolean {\n    return this.layouthint.has(\"zipcode\");\n  }\n\n  /**\n   */\n  isEmail(): boolean {\n    return this.layouthint.has(\"email\");\n  }\n\n  /**\n   * Add regex constraints\n   */\n  addConstraints(): ConstraintCollection {\n    const constraints = new ConstraintCollection();\n\n    if (this.isBSN()) {\n      constraints.add(new BSNConstraint());\n    } else if (this.isIBAN()) {\n      constraints.add(new IBANConstraint());\n    }\n\n    if (this.isZipcode()) {\n      // validate zip when regex is set is set or exact or isNot\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.ZipCode.InvalidFormat\",\n          defaultMessage: \"Must be a valid Dutch ZIP code, e.g. 1234 AB\",\n          regex: new RegExp(\"^[1-9][0-9]{3} ?[a-zA-Z]{2}$\", \"gi\"),\n        }),\n      );\n    } else if (this.isEmail() && this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.Email.InvalidFormat\",\n          defaultMessage: \"Must be a valid e-mail address\",\n          regex: new RegExp(this.regexp, \"gi\"),\n        }),\n      );\n    } else if (this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.String.InvalidRegex\",\n          defaultMessage: this.regexpvalidationmessage,\n          regex: this.regexp,\n        }),\n      );\n    }\n\n    return constraints;\n  }\n\n  /**\n   * Reset attribute to empty string\n   */\n  reset() {\n    this.inputvalue = \"\";\n  }\n\n  /**\n   */\n  formatIBAN(value: string): string {\n    const noFormat = this.removeFormat(value);\n\n    const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n    return groups == null ? \"\" : groups.join(\" \");\n  }\n\n  /**\n   */\n  formatZipcode(value: string): string {\n    const noFormat = this.removeFormat(value);\n    if (noFormat.length === 6) {\n      return (\n        noFormat.substring(0, 4) + \" \" + noFormat.substring(4).toUpperCase()\n      );\n    }\n    return noFormat;\n  }\n\n  /**\n   */\n  formatBSN(value: string): string {\n    return this.removeFormat(value);\n  }\n\n  /**\n   */\n  formatValue(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (typeof value !== \"string\") {\n      return value;\n    }\n\n    if (this.isIBAN()) {\n      return this.formatIBAN(value);\n    }\n\n    if (this.isZipcode()) {\n      return this.formatZipcode(value);\n    }\n\n    if (this.isBSN()) {\n      return this.formatBSN(value);\n    }\n\n    return value.replace(/ {2}/gi, \" \\u00A0\");\n  }\n\n  /**\n   */\n  removeFormat(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {\n      return value.replace(/[^a-z0-9,]/gi, \"\");\n    }\n\n    return value;\n  }\n\n  /**\n   */\n  get validateValue(): string {\n    return this.removeFormat(this.inputvalue);\n  }\n\n  /**\n   */\n  get inputvalue(): string {\n    return this.getInputValue();\n  }\n\n  /**\n   * Sets the input value to the value entered by the user\n   */\n  set inputvalue(value: string) {\n    this._inputvalue = value;\n\n    if (value == null) {\n      this.value = value;\n    } else {\n      this.value = this.removeFormat(value);\n    }\n\n    this.validate(this.validateValue);\n  }\n\n  /**\n   */\n  get readonlyvalue(): string {\n    if (typeof this.value === \"string\") {\n      const formattedValue = this.formatValue(this.value);\n      // fix for rendering of multiple spaces\n      return formattedValue.replace(/ {2}/gi, \" \\u00A0\");\n    }\n\n    return this.value == null ? \"\" : this.value;\n  }\n\n  /**\n   * Update the attribute by name and value\n   */\n  update(value: string): StringAttributeModel {\n    if (this.inputvalue === value) {\n      return this;\n    }\n\n    this.updateLastModification();\n    this.inputvalue = value;\n\n    return this;\n  }\n\n  /**\n   */\n  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {\n    if (this.isZipcode() || this.isBSN()) {\n      return ATTRIBUTE_WIDTH.SMALL;\n    }\n\n    if (this.isIBAN()) {\n      return ATTRIBUTE_WIDTH.LARGE;\n    }\n\n    // default value (also applied for email address + download attribute)\n    return ATTRIBUTE_WIDTH.MEDIUM;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StringAttributeModel.js","names":["_AttributeModel","_interopRequireDefault","require","_ConstraintCollection","_RegexConstraint","_BSNConstraint","_IBANConstraint","_constants","StringAttributeModel","AttributeModel","constructor","attribute","attributeContributions","_defineProperty2","default","_placeholder","getContribution","getInitialInputValue","value","formatValue","isApplicableModel","contributions","layouthint","type","Array","isArray","_includes","call","regexp","regexpvalidationmessage","postfix","prefix","placeholder","isBSN","has","isIBAN","isZipcode","isAvatar","isEmail","addConstraints","constraints","ConstraintCollection","add","BSNConstraint","IBANConstraint","RegexConstraint","messageKey","defaultMessage","regex","RegExp","reset","inputvalue","formatIBAN","noFormat","removeFormat","groups","replace","match","join","formatZipcode","length","substring","toUpperCase","formatBSN","toString","validateValue","getInputValue","_inputvalue","validate","readonlyvalue","formattedValue","update","updateLastModification","readonlyWidth","ATTRIBUTE_WIDTH","SMALL","LARGE","MEDIUM","exports"],"sources":["../../../src/models/attributes/StringAttributeModel.js"],"sourcesContent":["// @flow\nimport AttributeModel from \"./AttributeModel\";\nimport ConstraintCollection from \"./input-constraints/ConstraintCollection\";\nimport RegexConstraint from \"./input-constraints/RegexConstraint\";\nimport BSNConstraint from \"./input-constraints/BSNConstraint\";\nimport IBANConstraint from \"./input-constraints/IBANConstraint\";\n\nimport { ATTRIBUTE_WIDTH } from \"../../constants\";\n\n/**\n * String attribute\n */\nexport default class StringAttributeModel extends AttributeModel {\n  _placeholder: string;\n\n  /**\n   */\n  constructor(attribute: Object, attributeContributions: Object) {\n    super(attribute, attributeContributions);\n\n    this._placeholder = this.getContribution(\"placeholder\", \"\");\n  }\n\n  /**\n   * Retrieve initial input value\n   */\n  getInitialInputValue(value: any): string {\n    return this.formatValue(value);\n  }\n\n  /**\n   */\n  static isApplicableModel(contributions: Object): boolean {\n    const layouthint = contributions?.layouthint;\n    return (\n      contributions.type === \"string\" ||\n      (Array.isArray(layouthint) && layouthint.includes(\"string\"))\n    );\n  }\n\n  /**\n   */\n  get type(): string {\n    return \"string\";\n  }\n\n  /**\n   * Get Regexp pattern\n   */\n  get regexp(): string | null {\n    return this.getContribution(\"regexp\");\n  }\n\n  /**\n   */\n  get regexpvalidationmessage(): string | null {\n    return this.getContribution(\"regexpValidationMessage\");\n  }\n\n  /**\n   * Get postfix text\n   */\n  get postfix(): string {\n    return this.getContribution(\"postfix\", \"\");\n  }\n\n  /**\n   * Get prefix text\n   */\n  get prefix(): string {\n    return this.getContribution(\"prefix\", \"\");\n  }\n\n  /**\n   * Get placeholder text\n   */\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  /**\n   * Set placeholder text\n   */\n  set placeholder(placeholder: string) {\n    this._placeholder = placeholder;\n  }\n\n  /**\n   */\n  isBSN(): boolean {\n    return this.layouthint.has(\"bsn\");\n  }\n\n  /**\n   */\n  isIBAN(): boolean {\n    return this.layouthint.has(\"iban\");\n  }\n\n  /**\n   */\n  isZipcode(): boolean {\n    return this.layouthint.has(\"zipcode\");\n  }\n\n  /**\n   */\n  isAvatar(): boolean {\n    return this.layouthint.has(\"avatar\");\n  }\n\n  /**\n   */\n  isEmail(): boolean {\n    return this.layouthint.has(\"email\");\n  }\n\n  /**\n   * Add regex constraints\n   */\n  addConstraints(): ConstraintCollection {\n    const constraints = new ConstraintCollection();\n\n    if (this.isBSN()) {\n      constraints.add(new BSNConstraint());\n    } else if (this.isIBAN()) {\n      constraints.add(new IBANConstraint());\n    }\n\n    if (this.isZipcode()) {\n      // validate zip when regex is set is set or exact or isNot\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.ZipCode.InvalidFormat\",\n          defaultMessage: \"Must be a valid Dutch ZIP code, e.g. 1234 AB\",\n          regex: new RegExp(\"^[1-9][0-9]{3} ?[a-zA-Z]{2}$\", \"gi\"),\n        }),\n      );\n    } else if (this.isEmail() && this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.Email.InvalidFormat\",\n          defaultMessage: \"Must be a valid e-mail address\",\n          regex: new RegExp(this.regexp, \"gi\"),\n        }),\n      );\n    } else if (this.regexp) {\n      constraints.add(\n        new RegexConstraint({\n          messageKey: \"Constraint.String.InvalidRegex\",\n          defaultMessage: this.regexpvalidationmessage,\n          regex: this.regexp,\n        }),\n      );\n    }\n\n    return constraints;\n  }\n\n  /**\n   * Reset attribute to empty string\n   */\n  reset() {\n    this.inputvalue = \"\";\n  }\n\n  /**\n   */\n  formatIBAN(value: string): string {\n    const noFormat = this.removeFormat(value);\n\n    const groups = noFormat.replace(/\\s/g, \"\").match(/.{1,4}/g);\n    return groups == null ? \"\" : groups.join(\" \");\n  }\n\n  /**\n   */\n  formatZipcode(value: string): string {\n    const noFormat = this.removeFormat(value);\n    if (noFormat.length === 6) {\n      return (\n        noFormat.substring(0, 4) + \" \" + noFormat.substring(4).toUpperCase()\n      );\n    }\n    return noFormat;\n  }\n\n  /**\n   */\n  formatBSN(value: string): string {\n    return this.removeFormat(value);\n  }\n\n  /**\n   */\n  formatValue(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (typeof value !== \"string\") {\n      return value;\n    }\n\n    if (this.isIBAN()) {\n      return this.formatIBAN(value);\n    }\n\n    if (this.isZipcode()) {\n      return this.formatZipcode(value);\n    }\n\n    if (this.isBSN()) {\n      return this.formatBSN(value);\n    }\n\n    return value.replace(/ {2}/gi, \" \\u00A0\");\n  }\n\n  /**\n   */\n  removeFormat(value: ?string): string {\n    if (value == null || value.toString() === \"\") {\n      return \"\";\n    }\n\n    if (this.isIBAN() || this.isZipcode() || this.isBSN()) {\n      return value.replace(/[^a-z0-9,]/gi, \"\");\n    }\n\n    return value;\n  }\n\n  /**\n   */\n  get validateValue(): string {\n    return this.removeFormat(this.inputvalue);\n  }\n\n  /**\n   */\n  get inputvalue(): string {\n    return this.getInputValue();\n  }\n\n  /**\n   * Sets the input value to the value entered by the user\n   */\n  set inputvalue(value: string) {\n    this._inputvalue = value;\n\n    if (value == null) {\n      this.value = value;\n    } else {\n      this.value = this.removeFormat(value);\n    }\n\n    this.validate(this.validateValue);\n  }\n\n  /**\n   */\n  get readonlyvalue(): string {\n    if (typeof this.value === \"string\") {\n      const formattedValue = this.formatValue(this.value);\n      // fix for rendering of multiple spaces\n      return formattedValue.replace(/ {2}/gi, \" \\u00A0\");\n    }\n\n    return this.value == null ? \"\" : this.value;\n  }\n\n  /**\n   * Update the attribute by name and value\n   */\n  update(value: string): StringAttributeModel {\n    if (this.inputvalue === value) {\n      return this;\n    }\n\n    this.updateLastModification();\n    this.inputvalue = value;\n\n    return this;\n  }\n\n  /**\n   */\n  get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {\n    if (this.isZipcode() || this.isBSN() || this.isAvatar()) {\n      return ATTRIBUTE_WIDTH.SMALL;\n    }\n\n    if (this.isIBAN()) {\n      return ATTRIBUTE_WIDTH.LARGE;\n    }\n\n    // default value (also applied for email address + download attribute)\n    return ATTRIBUTE_WIDTH.MEDIUM;\n  }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAEA;AACA;AACA;AACe,MAAMM,oBAAoB,SAASC,uBAAc,CAAC;EAG/D;AACF;EACEC,WAAWA,CAACC,SAAiB,EAAEC,sBAA8B,EAAE;IAC7D,KAAK,CAACD,SAAS,EAAEC,sBAAsB,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA;IAEzC,IAAI,CAACC,YAAY,GAAG,IAAI,CAACC,eAAe,CAAC,aAAa,EAAE,EAAE,CAAC;EAC7D;;EAEA;AACF;AACA;EACEC,oBAAoBA,CAACC,KAAU,EAAU;IACvC,OAAO,IAAI,CAACC,WAAW,CAACD,KAAK,CAAC;EAChC;;EAEA;AACF;EACE,OAAOE,iBAAiBA,CAACC,aAAqB,EAAW;IACvD,MAAMC,UAAU,GAAGD,aAAa,EAAEC,UAAU;IAC5C,OACED,aAAa,CAACE,IAAI,KAAK,QAAQ,IAC9BC,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,IAAI,IAAAI,SAAA,CAAAZ,OAAA,EAAAQ,UAAU,EAAAK,IAAA,CAAVL,UAAU,EAAU,QAAQ,CAAE;EAEhE;;EAEA;AACF;EACE,IAAIC,IAAIA,CAAA,EAAW;IACjB,OAAO,QAAQ;EACjB;;EAEA;AACF;AACA;EACE,IAAIK,MAAMA,CAAA,EAAkB;IAC1B,OAAO,IAAI,CAACZ,eAAe,CAAC,QAAQ,CAAC;EACvC;;EAEA;AACF;EACE,IAAIa,uBAAuBA,CAAA,EAAkB;IAC3C,OAAO,IAAI,CAACb,eAAe,CAAC,yBAAyB,CAAC;EACxD;;EAEA;AACF;AACA;EACE,IAAIc,OAAOA,CAAA,EAAW;IACpB,OAAO,IAAI,CAACd,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC;EAC5C;;EAEA;AACF;AACA;EACE,IAAIe,MAAMA,CAAA,EAAW;IACnB,OAAO,IAAI,CAACf,eAAe,CAAC,QAAQ,EAAE,EAAE,CAAC;EAC3C;;EAEA;AACF;AACA;EACE,IAAIgB,WAAWA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACjB,YAAY;EAC1B;;EAEA;AACF;AACA;EACE,IAAIiB,WAAWA,CAACA,WAAmB,EAAE;IACnC,IAAI,CAACjB,YAAY,GAAGiB,WAAW;EACjC;;EAEA;AACF;EACEC,KAAKA,CAAA,EAAY;IACf,OAAO,IAAI,CAACX,UAAU,CAACY,GAAG,CAAC,KAAK,CAAC;EACnC;;EAEA;AACF;EACEC,MAAMA,CAAA,EAAY;IAChB,OAAO,IAAI,CAACb,UAAU,CAACY,GAAG,CAAC,MAAM,CAAC;EACpC;;EAEA;AACF;EACEE,SAASA,CAAA,EAAY;IACnB,OAAO,IAAI,CAACd,UAAU,CAACY,GAAG,CAAC,SAAS,CAAC;EACvC;;EAEA;AACF;EACEG,QAAQA,CAAA,EAAY;IAClB,OAAO,IAAI,CAACf,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC;EACtC;;EAEA;AACF;EACEI,OAAOA,CAAA,EAAY;IACjB,OAAO,IAAI,CAAChB,UAAU,CAACY,GAAG,CAAC,OAAO,CAAC;EACrC;;EAEA;AACF;AACA;EACEK,cAAcA,CAAA,EAAyB;IACrC,MAAMC,WAAW,GAAG,IAAIC,6BAAoB,CAAC,CAAC;IAE9C,IAAI,IAAI,CAACR,KAAK,CAAC,CAAC,EAAE;MAChBO,WAAW,CAACE,GAAG,CAAC,IAAIC,sBAAa,CAAC,CAAC,CAAC;IACtC,CAAC,MAAM,IAAI,IAAI,CAACR,MAAM,CAAC,CAAC,EAAE;MACxBK,WAAW,CAACE,GAAG,CAAC,IAAIE,uBAAc,CAAC,CAAC,CAAC;IACvC;IAEA,IAAI,IAAI,CAACR,SAAS,CAAC,CAAC,EAAE;MACpB;MACAI,WAAW,CAACE,GAAG,CACb,IAAIG,wBAAe,CAAC;QAClBC,UAAU,EAAE,kCAAkC;QAC9CC,cAAc,EAAE,8CAA8C;QAC9DC,KAAK,EAAE,IAAIC,MAAM,CAAC,8BAA8B,EAAE,IAAI;MACxD,CAAC,CACH,CAAC;IACH,CAAC,MAAM,IAAI,IAAI,CAACX,OAAO,CAAC,CAAC,IAAI,IAAI,CAACV,MAAM,EAAE;MACxCY,WAAW,CAACE,GAAG,CACb,IAAIG,wBAAe,CAAC;QAClBC,UAAU,EAAE,gCAAgC;QAC5CC,cAAc,EAAE,gCAAgC;QAChDC,KAAK,EAAE,IAAIC,MAAM,CAAC,IAAI,CAACrB,MAAM,EAAE,IAAI;MACrC,CAAC,CACH,CAAC;IACH,CAAC,MAAM,IAAI,IAAI,CAACA,MAAM,EAAE;MACtBY,WAAW,CAACE,GAAG,CACb,IAAIG,wBAAe,CAAC;QAClBC,UAAU,EAAE,gCAAgC;QAC5CC,cAAc,EAAE,IAAI,CAAClB,uBAAuB;QAC5CmB,KAAK,EAAE,IAAI,CAACpB;MACd,CAAC,CACH,CAAC;IACH;IAEA,OAAOY,WAAW;EACpB;;EAEA;AACF;AACA;EACEU,KAAKA,CAAA,EAAG;IACN,IAAI,CAACC,UAAU,GAAG,EAAE;EACtB;;EAEA;AACF;EACEC,UAAUA,CAAClC,KAAa,EAAU;IAChC,MAAMmC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAACpC,KAAK,CAAC;IAEzC,MAAMqC,MAAM,GAAGF,QAAQ,CAACG,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,SAAS,CAAC;IAC3D,OAAOF,MAAM,IAAI,IAAI,GAAG,EAAE,GAAGA,MAAM,CAACG,IAAI,CAAC,GAAG,CAAC;EAC/C;;EAEA;AACF;EACEC,aAAaA,CAACzC,KAAa,EAAU;IACnC,MAAMmC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAACpC,KAAK,CAAC;IACzC,IAAImC,QAAQ,CAACO,MAAM,KAAK,CAAC,EAAE;MACzB,OACEP,QAAQ,CAACQ,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAGR,QAAQ,CAACQ,SAAS,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAExE;IACA,OAAOT,QAAQ;EACjB;;EAEA;AACF;EACEU,SAASA,CAAC7C,KAAa,EAAU;IAC/B,OAAO,IAAI,CAACoC,YAAY,CAACpC,KAAK,CAAC;EACjC;;EAEA;AACF;EACEC,WAAWA,CAACD,KAAc,EAAU;IAClC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAAC8C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;MAC5C,OAAO,EAAE;IACX;IAEA,IAAI,OAAO9C,KAAK,KAAK,QAAQ,EAAE;MAC7B,OAAOA,KAAK;IACd;IAEA,IAAI,IAAI,CAACiB,MAAM,CAAC,CAAC,EAAE;MACjB,OAAO,IAAI,CAACiB,UAAU,CAAClC,KAAK,CAAC;IAC/B;IAEA,IAAI,IAAI,CAACkB,SAAS,CAAC,CAAC,EAAE;MACpB,OAAO,IAAI,CAACuB,aAAa,CAACzC,KAAK,CAAC;IAClC;IAEA,IAAI,IAAI,CAACe,KAAK,CAAC,CAAC,EAAE;MAChB,OAAO,IAAI,CAAC8B,SAAS,CAAC7C,KAAK,CAAC;IAC9B;IAEA,OAAOA,KAAK,CAACsC,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;EAC3C;;EAEA;AACF;EACEF,YAAYA,CAACpC,KAAc,EAAU;IACnC,IAAIA,KAAK,IAAI,IAAI,IAAIA,KAAK,CAAC8C,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;MAC5C,OAAO,EAAE;IACX;IAEA,IAAI,IAAI,CAAC7B,MAAM,CAAC,CAAC,IAAI,IAAI,CAACC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACH,KAAK,CAAC,CAAC,EAAE;MACrD,OAAOf,KAAK,CAACsC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAC1C;IAEA,OAAOtC,KAAK;EACd;;EAEA;AACF;EACE,IAAI+C,aAAaA,CAAA,EAAW;IAC1B,OAAO,IAAI,CAACX,YAAY,CAAC,IAAI,CAACH,UAAU,CAAC;EAC3C;;EAEA;AACF;EACE,IAAIA,UAAUA,CAAA,EAAW;IACvB,OAAO,IAAI,CAACe,aAAa,CAAC,CAAC;EAC7B;;EAEA;AACF;AACA;EACE,IAAIf,UAAUA,CAACjC,KAAa,EAAE;IAC5B,IAAI,CAACiD,WAAW,GAAGjD,KAAK;IAExB,IAAIA,KAAK,IAAI,IAAI,EAAE;MACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;IACpB,CAAC,MAAM;MACL,IAAI,CAACA,KAAK,GAAG,IAAI,CAACoC,YAAY,CAACpC,KAAK,CAAC;IACvC;IAEA,IAAI,CAACkD,QAAQ,CAAC,IAAI,CAACH,aAAa,CAAC;EACnC;;EAEA;AACF;EACE,IAAII,aAAaA,CAAA,EAAW;IAC1B,IAAI,OAAO,IAAI,CAACnD,KAAK,KAAK,QAAQ,EAAE;MAClC,MAAMoD,cAAc,GAAG,IAAI,CAACnD,WAAW,CAAC,IAAI,CAACD,KAAK,CAAC;MACnD;MACA,OAAOoD,cAAc,CAACd,OAAO,CAAC,QAAQ,EAAE,SAAS,CAAC;IACpD;IAEA,OAAO,IAAI,CAACtC,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,IAAI,CAACA,KAAK;EAC7C;;EAEA;AACF;AACA;EACEqD,MAAMA,CAACrD,KAAa,EAAwB;IAC1C,IAAI,IAAI,CAACiC,UAAU,KAAKjC,KAAK,EAAE;MAC7B,OAAO,IAAI;IACb;IAEA,IAAI,CAACsD,sBAAsB,CAAC,CAAC;IAC7B,IAAI,CAACrB,UAAU,GAAGjC,KAAK;IAEvB,OAAO,IAAI;EACb;;EAEA;AACF;EACE,IAAIuD,aAAaA,CAAA,EAAkC;IACjD,IAAI,IAAI,CAACrC,SAAS,CAAC,CAAC,IAAI,IAAI,CAACH,KAAK,CAAC,CAAC,IAAI,IAAI,CAACI,QAAQ,CAAC,CAAC,EAAE;MACvD,OAAOqC,0BAAe,CAACC,KAAK;IAC9B;IAEA,IAAI,IAAI,CAACxC,MAAM,CAAC,CAAC,EAAE;MACjB,OAAOuC,0BAAe,CAACE,KAAK;IAC9B;;IAEA;IACA,OAAOF,0BAAe,CAACG,MAAM;EAC/B;AACF;AAACC,OAAA,CAAAhE,OAAA,GAAAN,oBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.41.1",
+  "version": "1.41.2",
   "description": "Toolbox for be informed javascript layouts",
   "license": "SEE LICENSE IN LICENSE.md",
   "bugs": "http://support.beinformed.com",

package/src/models/attributes/StringAttributeModel.js

@@ -103,6 +103,12 @@ export default class StringAttributeModel extends AttributeModel {
     return this.layouthint.has("zipcode");
   }
 
+  /**
+   */
+  isAvatar(): boolean {
+    return this.layouthint.has("avatar");
+  }
+
   /**
    */
   isEmail(): boolean {
@@ -281,7 +287,7 @@ export default class StringAttributeModel extends AttributeModel {
   /**
    */
   get readonlyWidth(): $Keys<typeof ATTRIBUTE_WIDTH> {
-    if (this.isZipcode() || this.isBSN()) {
+    if (this.isZipcode() || this.isBSN() || this.isAvatar()) {
       return ATTRIBUTE_WIDTH.SMALL;
     }