@nova-design-system/nova-webcomponents 3.7.0 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/dist/cjs/index.cjs.js +5 -1
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/native.cjs.js +1 -1
  5. package/dist/cjs/nv-dialog.cjs.entry.js +19 -32
  6. package/dist/cjs/nv-dialog.cjs.entry.js.map +1 -1
  7. package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +1 -1
  8. package/dist/cjs/nv-dialogfooter_2.cjs.entry.js.map +1 -1
  9. package/dist/cjs/nv-fieldselect.cjs.entry.js +14 -26
  10. package/dist/cjs/nv-fieldselect.cjs.entry.js.map +1 -1
  11. package/dist/cjs/nv-fieldslider.cjs.entry.js +15 -4
  12. package/dist/cjs/nv-fieldslider.cjs.entry.js.map +1 -1
  13. package/dist/cjs/nv-icon.cjs.entry.js +2 -2
  14. package/dist/cjs/nv-icon.cjs.entry.js.map +1 -1
  15. package/dist/collection/components/nv-dialog/nv-dialog.js +21 -40
  16. package/dist/collection/components/nv-dialog/nv-dialog.js.map +1 -1
  17. package/dist/collection/components/nv-dialogheader/nv-dialogheader.css +1 -0
  18. package/dist/collection/components/nv-fieldselect/nv-fieldselect.css +2 -0
  19. package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +8 -8
  20. package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js.map +1 -1
  21. package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +25 -35
  22. package/dist/collection/components/nv-fieldselect/nv-fieldselect.js.map +1 -1
  23. package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +18 -7
  24. package/dist/collection/components/nv-fieldslider/nv-fieldslider.js.map +1 -1
  25. package/dist/collection/components/nv-icon/nv-icon.js +1 -1
  26. package/dist/collection/components/nv-icon/nv-icon.js.map +1 -1
  27. package/dist/collection/components/nv-icon/nv-icons.js +5 -1
  28. package/dist/collection/components/nv-icon/nv-icons.js.map +1 -1
  29. package/dist/collection/components/nv-menuitem/nv-menuitem.js +1 -1
  30. package/dist/components/index.js +5 -1
  31. package/dist/components/index.js.map +1 -1
  32. package/dist/components/nv-accordion-item.js +1 -1
  33. package/dist/components/nv-accordion.js +3 -3
  34. package/dist/components/nv-alert.js +1 -1
  35. package/dist/components/nv-avatar.js +1 -1
  36. package/dist/components/nv-badge.js +1 -1
  37. package/dist/components/nv-datagrid.js +2 -2
  38. package/dist/components/nv-dialog.js +23 -36
  39. package/dist/components/nv-dialog.js.map +1 -1
  40. package/dist/components/nv-dialogfooter.js +1 -1
  41. package/dist/components/nv-dialogheader.js +1 -1
  42. package/dist/components/nv-fielddate.js +2 -2
  43. package/dist/components/nv-fielddaterange.js +2 -2
  44. package/dist/components/nv-fielddropdown.js +3 -3
  45. package/dist/components/nv-fielddropdownitem.js +1 -1
  46. package/dist/components/nv-fieldmultiselect.js +3 -3
  47. package/dist/components/nv-fieldnumber.js +1 -1
  48. package/dist/components/nv-fieldpassword.js +2 -2
  49. package/dist/components/nv-fieldselect.js +18 -31
  50. package/dist/components/nv-fieldselect.js.map +1 -1
  51. package/dist/components/nv-fieldslider.js +18 -7
  52. package/dist/components/nv-fieldslider.js.map +1 -1
  53. package/dist/components/nv-fieldtext.js +1 -1
  54. package/dist/components/nv-fieldtime.js +2 -2
  55. package/dist/components/nv-icon.js +1 -1
  56. package/dist/components/nv-iconbutton.js +1 -1
  57. package/dist/components/nv-menu.js +2 -2
  58. package/dist/components/nv-menuitem.js +1 -1
  59. package/dist/components/{p-144e80f0.js → p-025b8a78.js} +2 -2
  60. package/dist/components/{p-144e80f0.js.map → p-025b8a78.js.map} +1 -1
  61. package/dist/components/{p-07550eac.js → p-30f970c3.js} +2 -2
  62. package/dist/components/{p-07550eac.js.map → p-30f970c3.js.map} +1 -1
  63. package/dist/components/{p-e8e6f88a.js → p-60064345.js} +2 -2
  64. package/dist/components/{p-e8e6f88a.js.map → p-60064345.js.map} +1 -1
  65. package/dist/components/p-6460318d.js +88 -0
  66. package/dist/components/p-6460318d.js.map +1 -0
  67. package/dist/components/{p-12258eef.js → p-68ff562f.js} +2 -2
  68. package/dist/components/{p-12258eef.js.map → p-68ff562f.js.map} +1 -1
  69. package/dist/components/{p-d576d64f.js → p-6de6866c.js} +2 -2
  70. package/dist/components/{p-d576d64f.js.map → p-6de6866c.js.map} +1 -1
  71. package/dist/components/{p-44df0d22.js → p-79e6b6a2.js} +3 -3
  72. package/dist/components/{p-44df0d22.js.map → p-79e6b6a2.js.map} +1 -1
  73. package/dist/components/{p-8b82a6f4.js → p-db4ba1d9.js} +3 -3
  74. package/dist/components/{p-8b82a6f4.js.map → p-db4ba1d9.js.map} +1 -1
  75. package/dist/components/{p-f97d1cb1.js → p-e4e1a926.js} +2 -2
  76. package/dist/components/{p-f97d1cb1.js.map → p-e4e1a926.js.map} +1 -1
  77. package/dist/components/{p-ca130ad2.js → p-ed6686a1.js} +2 -2
  78. package/dist/components/p-ed6686a1.js.map +1 -0
  79. package/dist/esm/index.js +5 -1
  80. package/dist/esm/index.js.map +1 -1
  81. package/dist/esm/loader.js +1 -1
  82. package/dist/esm/native.js +1 -1
  83. package/dist/esm/nv-dialog.entry.js +19 -32
  84. package/dist/esm/nv-dialog.entry.js.map +1 -1
  85. package/dist/esm/nv-dialogfooter_2.entry.js +1 -1
  86. package/dist/esm/nv-dialogfooter_2.entry.js.map +1 -1
  87. package/dist/esm/nv-fieldselect.entry.js +14 -26
  88. package/dist/esm/nv-fieldselect.entry.js.map +1 -1
  89. package/dist/esm/nv-fieldslider.entry.js +15 -4
  90. package/dist/esm/nv-fieldslider.entry.js.map +1 -1
  91. package/dist/esm/nv-icon.entry.js +2 -2
  92. package/dist/esm/nv-icon.entry.js.map +1 -1
  93. package/dist/native/index.esm.js +1 -1
  94. package/dist/native/index.esm.js.map +1 -1
  95. package/dist/native/native.css +1 -1
  96. package/dist/native/native.esm.js +1 -1
  97. package/dist/native/native.esm.js.map +1 -1
  98. package/dist/native/{p-baddee4c.entry.js → p-11012998.entry.js} +2 -2
  99. package/dist/native/p-11012998.entry.js.map +1 -0
  100. package/dist/native/p-3ff7a912.entry.js +2 -0
  101. package/dist/native/p-3ff7a912.entry.js.map +1 -0
  102. package/dist/native/{p-12039da4.entry.js → p-b7ec9a1b.entry.js} +2 -2
  103. package/dist/native/p-b7ec9a1b.entry.js.map +1 -0
  104. package/dist/native/p-bc77cac1.entry.js +2 -0
  105. package/dist/native/p-bc77cac1.entry.js.map +1 -0
  106. package/dist/native/{p-9dc1c3e7.entry.js → p-ff248eb8.entry.js} +2 -2
  107. package/dist/native/{p-9dc1c3e7.entry.js.map → p-ff248eb8.entry.js.map} +1 -1
  108. package/dist/types/components/nv-dialog/nv-dialog.d.ts +6 -17
  109. package/dist/types/components/nv-fieldselect/nv-fieldselect.d.ts +22 -9
  110. package/dist/types/components/nv-fieldslider/nv-fieldslider.d.ts +5 -4
  111. package/dist/types/components/nv-icon/nv-icons.d.ts +1 -1
  112. package/dist/types/components.d.ts +42 -8
  113. package/dist/vscode-data.json +19 -11
  114. package/hydrate/index.js +55 -70
  115. package/hydrate/index.mjs +55 -70
  116. package/package.json +1 -1
  117. package/dist/components/p-ca130ad2.js.map +0 -1
  118. package/dist/components/p-dd7ff995.js +0 -88
  119. package/dist/components/p-dd7ff995.js.map +0 -1
  120. package/dist/native/p-12039da4.entry.js.map +0 -1
  121. package/dist/native/p-40fa3328.entry.js +0 -2
  122. package/dist/native/p-40fa3328.entry.js.map +0 -1
  123. package/dist/native/p-baddee4c.entry.js.map +0 -1
  124. package/dist/native/p-bba5cc9b.entry.js +0 -2
  125. package/dist/native/p-bba5cc9b.entry.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"names":["nvDialogfooterCss","NvDialogfooterStyle0","NvDialogfooter","constructor","hostRef","this","hasSlot","disabled","undismissable","leadingIcon","trailingIcon","danger","cancelLabel","primaryLabel","primaryButtonType","ButtonType","Button","handlePrimary","event","stopPropagation","dialogPrimaryClicked","emit","handleCancel","dialogCanceled","componentWillLoad","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","render","h","Host","key","Fragment","onClick","emphasis","size","form","type","slot","name","nvDialogheaderCss","NvDialogheaderStyle0","NvDialogheader","heading","class","subheading"],"sources":["src/components/nv-dialogfooter/nv-dialogfooter.scss?tag=nv-dialogfooter","src/components/nv-dialogfooter/nv-dialogfooter.tsx","src/components/nv-dialogheader/nv-dialogheader.scss?tag=nv-dialogheader","src/components/nv-dialogheader/nv-dialogheader.tsx"],"sourcesContent":["nv-dialogfooter {\n display: flex;\n padding: var(--dialog-footer-padding-top) var(--dialog-footer-padding-x)\n var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);\n\n justify-content: flex-end;\n align-items: flex-end;\n gap: var(--dialog-footer-gap-y);\n align-self: stretch;\n}\n","import {\n AttachInternals,\n Component,\n h,\n Host,\n Prop,\n Event,\n EventEmitter,\n Fragment,\n Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n tag: 'nv-dialogfooter',\n styleUrl: 'nv-dialogfooter.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvDialogfooter {\n @AttachInternals() internals: ElementInternals;\n @Element() el: HTMLNvDialogfooterElement;\n private hasSlot = false;\n\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Disables the primary button, preventing user interaction.\n */\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /**\n * Controls the visibility of the cancel button. When true, the cancel button is\n * hidden.\n */\n @Prop({ reflect: true })\n readonly undismissable: boolean = false;\n\n /**\n * Sets the leading icon for the primary button.\n */\n @Prop({ reflect: true })\n readonly leadingIcon: string = '';\n\n /**\n * Sets the trailing icon for the primary button.\n */\n @Prop({ reflect: true })\n readonly trailingIcon: string = '';\n\n /**\n * Sets the danger state for the primary button.\n */\n @Prop({ reflect: true })\n readonly danger: boolean = false;\n\n /**\n * Sets the label for the cancel button.\n */\n @Prop({ reflect: true })\n readonly cancelLabel: string = 'Cancel';\n\n /**\n * Sets the label for the primary button.\n */\n @Prop({ reflect: true })\n readonly primaryLabel: string = 'Primary';\n\n /**\n * Sets the type of the primary button.\n */\n @Prop({ reflect: true })\n readonly primaryButtonType: `${ButtonType}` = ButtonType.Button;\n\n /**\n * Sets the form for the dialog footer.\n */\n @Prop({ reflect: true })\n readonly form: string;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region EVENTS\n\n /**\n * Emitted when the cancel button is clicked. This will close the dialog.\n */\n @Event()\n dialogCanceled: EventEmitter<void>;\n\n /**\n * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.\n */\n @Event()\n dialogPrimaryClicked: EventEmitter<void>;\n\n //#endregion EVENTS\n /****************************************************************************/\n //#region METHODS\n\n /**\n * Handles the primary action when the primary button is clicked.\n * @param {Event} event - The click event.\n */\n\n private handlePrimary = (event: Event) => {\n event.stopPropagation();\n this.dialogPrimaryClicked.emit();\n };\n\n /**\n * Handles the cancel action when the cancel button is clicked. This will close the dialog.\n * @param {Event} event - The click event.\n */\n private handleCancel = (event: Event) => {\n event.stopPropagation();\n this.dialogCanceled.emit();\n };\n\n //#endregion METHODS\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n // Check if there are any child elements that don't have a slot attribute\n this.hasSlot = Array.from(this.el.childNodes).some(node => {\n return (\n node.nodeType === Node.ELEMENT_NODE &&\n !(node as Element).hasAttribute('slot')\n );\n });\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host>\n {!this.hasSlot ? (\n <Fragment>\n {!this.undismissable && (\n <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n {this.cancelLabel}\n </nv-button>\n )}\n <nv-button\n onClick={this.handlePrimary}\n disabled={this.disabled}\n danger={this.danger}\n size=\"sm\"\n emphasis=\"high\"\n form={this.form}\n type={this.primaryButtonType}\n >\n {this.leadingIcon && (\n <nv-icon\n slot=\"leading-icon\"\n name={this.leadingIcon}\n size=\"sm\"\n />\n )}\n {this.primaryLabel}\n {this.trailingIcon && (\n <nv-icon\n slot=\"trailing-icon\"\n name={this.trailingIcon}\n size=\"sm\"\n />\n )}\n </nv-button>\n </Fragment>\n ) : (\n <slot></slot>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n","nv-dialogheader {\n // calc(var(--dialog-header-padding-x, 24px) + var(--dialog-dismissible-position-right, 12px) + var(--button-sm-icon-size, 16px) + var(--button-sm-icon-button-padding, 8px))\n padding: var(--dialog-header-padding-top)\n var(--dialog-header-padding-x)\n var(--dialog-header-padding-bottom)\n var(--dialog-header-padding-x);\n justify-content: space-between;\n align-items: flex-start;\n align-self: stretch;\n\n .heading {\n color: var(--color-content-high-text);\n\n\n /* heading/xs/medium */\n font-family: 'TT Norms Pro', sans-serif;\n font-size: var(--font-size-lg);\n font-style: normal;\n font-weight: 500;\n line-height: var(--leading-px-6); /* 133.333% */\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n\n .subheading {\n color: var(--color-content-low-text);\n\n\n /* text/sm/regular */\n font-family: 'TT Norms Pro', sans-serif;\n font-size: var(--font-size-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--line-height-sm); /* 142.857% */\n }\n}\n","import { Component, Host, Prop, h, Element, Fragment } from '@stencil/core';\n\n/**\n * @slot default - Custom content for the dialog header. When provided, the default header will not be rendered.\n */\n@Component({\n tag: 'nv-dialogheader',\n styleUrl: 'nv-dialogheader.scss',\n shadow: false,\n})\nexport class NvDialogheader {\n @Element() el: HTMLNvDialogheaderElement;\n private hasSlot = false;\n\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Sets the heading text for the dialog.\n */\n @Prop({ reflect: true })\n readonly heading: string = 'Dialog Title';\n\n /**\n * Sets the subheading text for the dialog.\n */\n @Prop({ reflect: true })\n readonly subheading: string;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n // Check if there are any child elements that don't have a slot attribute\n this.hasSlot = Array.from(this.el.childNodes).some(node => {\n return (\n node.nodeType === Node.ELEMENT_NODE &&\n !(node as Element).hasAttribute('slot')\n );\n });\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host>\n {!this.hasSlot ? (\n <Fragment>\n <div class=\"heading\">{this.heading}</div>\n <div class=\"subheading\">{this.subheading}</div>\n </Fragment>\n ) : (\n <slot></slot>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,2QAC1B,MAAAC,EAAeD,E,MCqBFE,EAAc,MAN3B,WAAAC,CAAAC,G,oRASUC,KAAAC,QAAU,MASTD,KAAAE,SAAoB,MAOpBF,KAAAG,cAAyB,MAMzBH,KAAAI,YAAsB,GAMtBJ,KAAAK,aAAuB,GAMvBL,KAAAM,OAAkB,MAMlBN,KAAAO,YAAsB,SAMtBP,KAAAQ,aAAuB,UAMvBR,KAAAS,kBAAqCC,EAAWC,OAiCjDX,KAAAY,cAAiBC,IACvBA,EAAMC,kBACNd,KAAKe,qBAAqBC,MAAM,EAO1BhB,KAAAiB,aAAgBJ,IACtBA,EAAMC,kBACNd,KAAKkB,eAAeF,MAAM,C,CAO5B,iBAAAG,GAEEnB,KAAKC,QAAUmB,MAAMC,KAAKrB,KAAKsB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDjC,KAAKC,QACL8B,EAACG,EAAQ,MACLlC,KAAKG,eACL4B,EAAA,aAAWI,QAASnC,KAAKiB,aAAcmB,SAAS,MAAMC,KAAK,MACxDrC,KAAKO,aAGVwB,EAAA,aACEI,QAASnC,KAAKY,cACdV,SAAUF,KAAKE,SACfI,OAAQN,KAAKM,OACb+B,KAAK,KACLD,SAAS,OACTE,KAAMtC,KAAKsC,KACXC,KAAMvC,KAAKS,mBAEVT,KAAKI,aACJ2B,EAAA,WACES,KAAK,eACLC,KAAMzC,KAAKI,YACXiC,KAAK,OAGRrC,KAAKQ,aACLR,KAAKK,cACJ0B,EAAA,WACES,KAAK,gBACLC,KAAMzC,KAAKK,aACXgC,KAAK,SAMbN,EAAA,a,6ECnLV,MAAMW,EAAoB,qqBAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,MAL3B,WAAA9C,CAAAC,G,UAOUC,KAAAC,QAAU,MASTD,KAAA6C,QAAkB,c,CAY3B,iBAAA1B,GAEEnB,KAAKC,QAAUmB,MAAMC,KAAKrB,KAAKsB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDjC,KAAKC,QACL8B,EAACG,EAAQ,KACPH,EAAA,OAAKe,MAAM,WAAW9C,KAAK6C,SAC3Bd,EAAA,OAAKe,MAAM,cAAc9C,KAAK+C,aAGhChB,EAAA,a","ignoreList":[]}
1
+ {"version":3,"names":["nvDialogfooterCss","NvDialogfooterStyle0","NvDialogfooter","constructor","hostRef","this","hasSlot","disabled","undismissable","leadingIcon","trailingIcon","danger","cancelLabel","primaryLabel","primaryButtonType","ButtonType","Button","handlePrimary","event","stopPropagation","dialogPrimaryClicked","emit","handleCancel","dialogCanceled","componentWillLoad","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","render","h","Host","key","Fragment","onClick","emphasis","size","form","type","slot","name","nvDialogheaderCss","NvDialogheaderStyle0","NvDialogheader","heading","class","subheading"],"sources":["src/components/nv-dialogfooter/nv-dialogfooter.scss?tag=nv-dialogfooter","src/components/nv-dialogfooter/nv-dialogfooter.tsx","src/components/nv-dialogheader/nv-dialogheader.scss?tag=nv-dialogheader","src/components/nv-dialogheader/nv-dialogheader.tsx"],"sourcesContent":["nv-dialogfooter {\n display: flex;\n padding: var(--dialog-footer-padding-top) var(--dialog-footer-padding-x)\n var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);\n\n justify-content: flex-end;\n align-items: flex-end;\n gap: var(--dialog-footer-gap-y);\n align-self: stretch;\n}\n","import {\n AttachInternals,\n Component,\n h,\n Host,\n Prop,\n Event,\n EventEmitter,\n Fragment,\n Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n tag: 'nv-dialogfooter',\n styleUrl: 'nv-dialogfooter.scss',\n shadow: false,\n formAssociated: true,\n})\nexport class NvDialogfooter {\n @AttachInternals() internals: ElementInternals;\n @Element() el: HTMLNvDialogfooterElement;\n private hasSlot = false;\n\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Disables the primary button, preventing user interaction.\n */\n @Prop({ reflect: true })\n readonly disabled: boolean = false;\n\n /**\n * Controls the visibility of the cancel button. When true, the cancel button is\n * hidden.\n */\n @Prop({ reflect: true })\n readonly undismissable: boolean = false;\n\n /**\n * Sets the leading icon for the primary button.\n */\n @Prop({ reflect: true })\n readonly leadingIcon: string = '';\n\n /**\n * Sets the trailing icon for the primary button.\n */\n @Prop({ reflect: true })\n readonly trailingIcon: string = '';\n\n /**\n * Sets the danger state for the primary button.\n */\n @Prop({ reflect: true })\n readonly danger: boolean = false;\n\n /**\n * Sets the label for the cancel button.\n */\n @Prop({ reflect: true })\n readonly cancelLabel: string = 'Cancel';\n\n /**\n * Sets the label for the primary button.\n */\n @Prop({ reflect: true })\n readonly primaryLabel: string = 'Primary';\n\n /**\n * Sets the type of the primary button.\n */\n @Prop({ reflect: true })\n readonly primaryButtonType: `${ButtonType}` = ButtonType.Button;\n\n /**\n * Sets the form for the dialog footer.\n */\n @Prop({ reflect: true })\n readonly form: string;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region EVENTS\n\n /**\n * Emitted when the cancel button is clicked. This will close the dialog.\n */\n @Event()\n dialogCanceled: EventEmitter<void>;\n\n /**\n * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.\n */\n @Event()\n dialogPrimaryClicked: EventEmitter<void>;\n\n //#endregion EVENTS\n /****************************************************************************/\n //#region METHODS\n\n /**\n * Handles the primary action when the primary button is clicked.\n * @param {Event} event - The click event.\n */\n\n private handlePrimary = (event: Event) => {\n event.stopPropagation();\n this.dialogPrimaryClicked.emit();\n };\n\n /**\n * Handles the cancel action when the cancel button is clicked. This will close the dialog.\n * @param {Event} event - The click event.\n */\n private handleCancel = (event: Event) => {\n event.stopPropagation();\n this.dialogCanceled.emit();\n };\n\n //#endregion METHODS\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n // Check if there are any child elements that don't have a slot attribute\n this.hasSlot = Array.from(this.el.childNodes).some(node => {\n return (\n node.nodeType === Node.ELEMENT_NODE &&\n !(node as Element).hasAttribute('slot')\n );\n });\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host>\n {!this.hasSlot ? (\n <Fragment>\n {!this.undismissable && (\n <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n {this.cancelLabel}\n </nv-button>\n )}\n <nv-button\n onClick={this.handlePrimary}\n disabled={this.disabled}\n danger={this.danger}\n size=\"sm\"\n emphasis=\"high\"\n form={this.form}\n type={this.primaryButtonType}\n >\n {this.leadingIcon && (\n <nv-icon\n slot=\"leading-icon\"\n name={this.leadingIcon}\n size=\"sm\"\n />\n )}\n {this.primaryLabel}\n {this.trailingIcon && (\n <nv-icon\n slot=\"trailing-icon\"\n name={this.trailingIcon}\n size=\"sm\"\n />\n )}\n </nv-button>\n </Fragment>\n ) : (\n <slot></slot>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n","nv-dialogheader {\n // calc(var(--dialog-header-padding-x, 24px) + var(--dialog-dismissible-position-right, 12px) + var(--button-sm-icon-size, 16px) + var(--button-sm-icon-button-padding, 8px))\n padding: var(--dialog-header-padding-top)\n var(--dialog-header-padding-x)\n var(--dialog-header-padding-bottom)\n var(--dialog-header-padding-x);\n justify-content: space-between;\n align-items: flex-start;\n align-self: stretch;\n\n .heading {\n color: var(--color-content-high-text);\n\n\n /* heading/xs/medium */\n font-family: 'TT Norms Pro', sans-serif;\n font-size: var(--font-size-lg);\n font-style: normal;\n font-weight: 500;\n padding-right: var(--spacing-7);\n line-height: var(--leading-px-6); /* 133.333% */\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n\n .subheading {\n color: var(--color-content-low-text);\n\n\n /* text/sm/regular */\n font-family: 'TT Norms Pro', sans-serif;\n font-size: var(--font-size-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--line-height-sm); /* 142.857% */\n }\n}\n","import { Component, Host, Prop, h, Element, Fragment } from '@stencil/core';\n\n/**\n * @slot default - Custom content for the dialog header. When provided, the default header will not be rendered.\n */\n@Component({\n tag: 'nv-dialogheader',\n styleUrl: 'nv-dialogheader.scss',\n shadow: false,\n})\nexport class NvDialogheader {\n @Element() el: HTMLNvDialogheaderElement;\n private hasSlot = false;\n\n /****************************************************************************/\n //#region PROPERTIES\n\n /**\n * Sets the heading text for the dialog.\n */\n @Prop({ reflect: true })\n readonly heading: string = 'Dialog Title';\n\n /**\n * Sets the subheading text for the dialog.\n */\n @Prop({ reflect: true })\n readonly subheading: string;\n\n //#endregion PROPERTIES\n /****************************************************************************/\n //#region LIFECYCLE\n\n componentWillLoad() {\n // Check if there are any child elements that don't have a slot attribute\n this.hasSlot = Array.from(this.el.childNodes).some(node => {\n return (\n node.nodeType === Node.ELEMENT_NODE &&\n !(node as Element).hasAttribute('slot')\n );\n });\n }\n\n //#endregion LIFECYCLE\n /****************************************************************************/\n //#region RENDER\n\n render() {\n return (\n <Host>\n {!this.hasSlot ? (\n <Fragment>\n <div class=\"heading\">{this.heading}</div>\n <div class=\"subheading\">{this.subheading}</div>\n </Fragment>\n ) : (\n <slot></slot>\n )}\n </Host>\n );\n }\n\n //#endregion RENDER\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,2QAC1B,MAAAC,EAAeD,E,MCqBFE,EAAc,MAN3B,WAAAC,CAAAC,G,oRASUC,KAAAC,QAAU,MASTD,KAAAE,SAAoB,MAOpBF,KAAAG,cAAyB,MAMzBH,KAAAI,YAAsB,GAMtBJ,KAAAK,aAAuB,GAMvBL,KAAAM,OAAkB,MAMlBN,KAAAO,YAAsB,SAMtBP,KAAAQ,aAAuB,UAMvBR,KAAAS,kBAAqCC,EAAWC,OAiCjDX,KAAAY,cAAiBC,IACvBA,EAAMC,kBACNd,KAAKe,qBAAqBC,MAAM,EAO1BhB,KAAAiB,aAAgBJ,IACtBA,EAAMC,kBACNd,KAAKkB,eAAeF,MAAM,C,CAO5B,iBAAAG,GAEEnB,KAAKC,QAAUmB,MAAMC,KAAKrB,KAAKsB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDjC,KAAKC,QACL8B,EAACG,EAAQ,MACLlC,KAAKG,eACL4B,EAAA,aAAWI,QAASnC,KAAKiB,aAAcmB,SAAS,MAAMC,KAAK,MACxDrC,KAAKO,aAGVwB,EAAA,aACEI,QAASnC,KAAKY,cACdV,SAAUF,KAAKE,SACfI,OAAQN,KAAKM,OACb+B,KAAK,KACLD,SAAS,OACTE,KAAMtC,KAAKsC,KACXC,KAAMvC,KAAKS,mBAEVT,KAAKI,aACJ2B,EAAA,WACES,KAAK,eACLC,KAAMzC,KAAKI,YACXiC,KAAK,OAGRrC,KAAKQ,aACLR,KAAKK,cACJ0B,EAAA,WACES,KAAK,gBACLC,KAAMzC,KAAKK,aACXgC,KAAK,SAMbN,EAAA,a,6ECnLV,MAAMW,EAAoB,osBAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,MAL3B,WAAA9C,CAAAC,G,UAOUC,KAAAC,QAAU,MASTD,KAAA6C,QAAkB,c,CAY3B,iBAAA1B,GAEEnB,KAAKC,QAAUmB,MAAMC,KAAKrB,KAAKsB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDjC,KAAKC,QACL8B,EAACG,EAAQ,KACPH,EAAA,OAAKe,MAAM,WAAW9C,KAAK6C,SAC3Bd,EAAA,OAAKe,MAAM,cAAc9C,KAAK+C,aAGhChB,EAAA,a","ignoreList":[]}
@@ -43,7 +43,8 @@ export declare class NvDialog {
43
43
  */
44
44
  readonly clickOutside: boolean;
45
45
  /**
46
- * If true, the dialog visibility is managed manually through methods or the open prop.
46
+ * If true, the dialog visibility is managed manually through methods or the
47
+ * open prop.
47
48
  */
48
49
  readonly controlled: boolean;
49
50
  /**
@@ -51,8 +52,9 @@ export declare class NvDialog {
51
52
  */
52
53
  readonly full: boolean;
53
54
  /**
54
- * Controls whether the dialog should automatically focus the first focusable element when opened.
55
- * When disabled, prevents unwanted tooltip triggers on dialog open.
55
+ * Controls whether the dialog should automatically focus the first focusable
56
+ * element when opened. When disabled, prevents unwanted tooltip triggers on
57
+ * dialog open.
56
58
  */
57
59
  readonly autofocus: boolean;
58
60
  /****************************************************************************/
@@ -64,14 +66,6 @@ export declare class NvDialog {
64
66
  * Call this method to hide the dialog, making it disappear from view.
65
67
  */
66
68
  close(): Promise<void>;
67
- /**
68
- * Handles the close button click.
69
- */
70
- private handleCloseButton;
71
- /**
72
- * Handles the cancel button click.
73
- */
74
- private handleCancelButton;
75
69
  /**
76
70
  * Sets the autofocus on the first focusable element in the dialog.
77
71
  */
@@ -115,15 +109,10 @@ export declare class NvDialog {
115
109
  * @param {MouseEvent} event - The click event.
116
110
  */
117
111
  handleDocumentClick(event: MouseEvent): void;
118
- /**
119
- * Handles the touchstart event to close the dialog when clickOutside is true.
120
- * @param {TouchEvent} event - The touchstart event.
121
- */
122
- handleDocumentTouch(event: TouchEvent): void;
123
112
  private handleClickOutside;
124
113
  private triggerClickEvents;
125
114
  /****************************************************************************/
126
- handleDialogOpenChange(open: boolean): Promise<void>;
115
+ handleDialogOpenChange(isOpen: boolean): Promise<void>;
127
116
  /****************************************************************************/
128
117
  /**
129
118
  * Lifecycle method that runs before the component loads.
@@ -27,14 +27,27 @@ export declare class NvFieldselect {
27
27
  private computedDisplayValue;
28
28
  private internalReadonly;
29
29
  /**
30
- * Options to display in the select. Can be passed as a JSON string.
30
+ * Options to display in the select.
31
31
  * Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
32
32
  */
33
- readonly options?: string;
34
- /**
35
- * Parsed options stored internally
36
- */
37
- private parsedOptions;
33
+ readonly options?: Array<{
34
+ /**
35
+ * The label of the option
36
+ */
37
+ label: string;
38
+ /**
39
+ * The value of the option
40
+ */
41
+ value: string;
42
+ /**
43
+ * Whether the option is selected
44
+ */
45
+ selected?: boolean;
46
+ /**
47
+ * Whether the option is disabled
48
+ */
49
+ disabled?: boolean;
50
+ }>;
38
51
  /****************************************************************************/
39
52
  /**
40
53
  * Sets the ID for the select element and the for attribute of the associated
@@ -149,10 +162,10 @@ export declare class NvFieldselect {
149
162
  */
150
163
  handleReadonlyChange(newValue: boolean): void;
151
164
  /**
152
- * Parse options and update the internal state
153
- * @param {string} newValue - The new value of options
165
+ * Handle options change and update the internal state
166
+ * @param {typeof this.options} newValue - The new value of options
154
167
  */
155
- handleOptionsChange(newValue: string): void;
168
+ handleOptionsChange(newValue: typeof this.options): void;
156
169
  /****************************************************************************/
157
170
  /**
158
171
  * Handles the change event on the select element. This method is used to
@@ -140,14 +140,14 @@ export declare class NvFieldslider {
140
140
  */
141
141
  readonly fluid: boolean;
142
142
  /**
143
- * Use this to automatically show a label, like “~” for approximate values,
144
- * before the sliders value in the tooltip or input, giving users quick
143
+ * Use this to automatically show a label, like "~" for approximate values,
144
+ * before the slider's value in the tooltip or input, giving users quick
145
145
  * context about the number.
146
146
  */
147
147
  readonly labelBeforeValue: string;
148
148
  /**
149
- * Use this to automatically show a label, like “$” or kg,” after the value
150
- * on the sliders tooltip or input, helping users better understand the
149
+ * Use this to automatically show a label, like "$" or "kg," after the value
150
+ * on the slider's tooltip or input, helping users better understand the
151
151
  * number.
152
152
  */
153
153
  readonly labelAfterValue: string;
@@ -217,6 +217,7 @@ export declare class NvFieldslider {
217
217
  onRangeChange(newValue: boolean): void;
218
218
  /****************************************************************************/
219
219
  connectedCallback(): void;
220
+ componentWillLoad(): void;
220
221
  disconnectedCallback(): void;
221
222
  /****************************************************************************/
222
223
  /**
@@ -1,3 +1,3 @@
1
1
  /** Available icons */
2
- export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizexl", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
2
+ export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
3
3
  export type IconName = (typeof iconNames)[number];
@@ -1789,9 +1789,26 @@ export namespace Components {
1789
1789
  */
1790
1790
  "name": string;
1791
1791
  /**
1792
- * Options to display in the select. Can be passed as a JSON string. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
1792
+ * Options to display in the select. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
1793
1793
  */
1794
- "options"?: string;
1794
+ "options"?: Array<{
1795
+ /**
1796
+ * The label of the option
1797
+ */
1798
+ label: string;
1799
+ /**
1800
+ * The value of the option
1801
+ */
1802
+ value: string;
1803
+ /**
1804
+ * Whether the option is selected
1805
+ */
1806
+ selected?: boolean;
1807
+ /**
1808
+ * Whether the option is disabled
1809
+ */
1810
+ disabled?: boolean;
1811
+ }>;
1795
1812
  /**
1796
1813
  * Display the select field’s content without allowing users to change it. Users can still click on it, select, and copy the text, but they won’t be able to change or delete anything.
1797
1814
  */
@@ -1878,7 +1895,7 @@ export namespace Components {
1878
1895
  */
1879
1896
  "label": string;
1880
1897
  /**
1881
- * Use this to automatically show a label, like “$” or kg,” after the value on the sliders tooltip or input, helping users better understand the number.
1898
+ * Use this to automatically show a label, like "$" or "kg," after the value on the slider's tooltip or input, helping users better understand the number.
1882
1899
  */
1883
1900
  "labelAfterValue": string;
1884
1901
  /**
@@ -1886,7 +1903,7 @@ export namespace Components {
1886
1903
  */
1887
1904
  "label-after-value"?: string;
1888
1905
  /**
1889
- * Use this to automatically show a label, like “~” for approximate values, before the sliders value in the tooltip or input, giving users quick context about the number.
1906
+ * Use this to automatically show a label, like "~" for approximate values, before the slider's value in the tooltip or input, giving users quick context about the number.
1890
1907
  */
1891
1908
  "labelBeforeValue": string;
1892
1909
  /**
@@ -5440,9 +5457,26 @@ declare namespace LocalJSX {
5440
5457
  */
5441
5458
  "onValueChanged"?: (event: NvFieldselectCustomEvent<string>) => void;
5442
5459
  /**
5443
- * Options to display in the select. Can be passed as a JSON string. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
5460
+ * Options to display in the select. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
5444
5461
  */
5445
- "options"?: string;
5462
+ "options"?: Array<{
5463
+ /**
5464
+ * The label of the option
5465
+ */
5466
+ label: string;
5467
+ /**
5468
+ * The value of the option
5469
+ */
5470
+ value: string;
5471
+ /**
5472
+ * Whether the option is selected
5473
+ */
5474
+ selected?: boolean;
5475
+ /**
5476
+ * Whether the option is disabled
5477
+ */
5478
+ disabled?: boolean;
5479
+ }>;
5446
5480
  /**
5447
5481
  * Display the select field’s content without allowing users to change it. Users can still click on it, select, and copy the text, but they won’t be able to change or delete anything.
5448
5482
  */
@@ -5529,7 +5563,7 @@ declare namespace LocalJSX {
5529
5563
  */
5530
5564
  "label"?: string;
5531
5565
  /**
5532
- * Use this to automatically show a label, like “$” or kg,” after the value on the sliders tooltip or input, helping users better understand the number.
5566
+ * Use this to automatically show a label, like "$" or "kg," after the value on the slider's tooltip or input, helping users better understand the number.
5533
5567
  */
5534
5568
  "labelAfterValue"?: string;
5535
5569
  /**
@@ -5537,7 +5571,7 @@ declare namespace LocalJSX {
5537
5571
  */
5538
5572
  "label-after-value"?: string;
5539
5573
  /**
5540
- * Use this to automatically show a label, like “~” for approximate values, before the sliders value in the tooltip or input, giving users quick context about the number.
5574
+ * Use this to automatically show a label, like "~" for approximate values, before the slider's value in the tooltip or input, giving users quick context about the number.
5541
5575
  */
5542
5576
  "labelBeforeValue"?: string;
5543
5577
  /**
@@ -577,7 +577,7 @@
577
577
  "attributes": [
578
578
  {
579
579
  "name": "autofocus",
580
- "description": "Controls whether the dialog should automatically focus the first focusable element when opened.\nWhen disabled, prevents unwanted tooltip triggers on dialog open."
580
+ "description": "Controls whether the dialog should automatically focus the first focusable\nelement when opened. When disabled, prevents unwanted tooltip triggers on\ndialog open."
581
581
  },
582
582
  {
583
583
  "name": "click-outside",
@@ -585,7 +585,7 @@
585
585
  },
586
586
  {
587
587
  "name": "controlled",
588
- "description": "If true, the dialog visibility is managed manually through methods or the open prop."
588
+ "description": "If true, the dialog visibility is managed manually through methods or the\nopen prop."
589
589
  },
590
590
  {
591
591
  "name": "full",
@@ -2123,10 +2123,6 @@
2123
2123
  "name": "name",
2124
2124
  "description": "Defines the name attribute of the select field, which is crucial for form\nsubmission. This value is used as the key in the key-value pair sent to\nthe server, representing the selected data in form submissions. It should be\nunique within the form to avoid conflicts"
2125
2125
  },
2126
- {
2127
- "name": "options",
2128
- "description": "Options to display in the select. Can be passed as a JSON string.\nFormat: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]"
2129
- },
2130
2126
  {
2131
2127
  "name": "readonly",
2132
2128
  "description": "Display the select field’s content without allowing users to change it.\nUsers can still click on it, select, and copy the text, but they won’t be\nable to change or delete anything."
@@ -2198,11 +2194,11 @@
2198
2194
  },
2199
2195
  {
2200
2196
  "name": "label-after-value",
2201
- "description": "Use this to automatically show a label, like “$” or kg,” after the value\non the sliders tooltip or input, helping users better understand the\nnumber."
2197
+ "description": "Use this to automatically show a label, like \"$\" or \"kg,\" after the value\non the slider's tooltip or input, helping users better understand the\nnumber."
2202
2198
  },
2203
2199
  {
2204
2200
  "name": "label-before-value",
2205
- "description": "Use this to automatically show a label, like “~” for approximate values,\nbefore the sliders value in the tooltip or input, giving users quick\ncontext about the number."
2201
+ "description": "Use this to automatically show a label, like \"~\" for approximate values,\nbefore the slider's value in the tooltip or input, giving users quick\ncontext about the number."
2206
2202
  },
2207
2203
  {
2208
2204
  "name": "max",
@@ -3676,6 +3672,9 @@
3676
3672
  {
3677
3673
  "name": "file-type-ppt"
3678
3674
  },
3675
+ {
3676
+ "name": "file-type-xls"
3677
+ },
3679
3678
  {
3680
3679
  "name": "file-type-xml"
3681
3680
  },
@@ -3793,6 +3792,15 @@
3793
3792
  {
3794
3793
  "name": "headset"
3795
3794
  },
3795
+ {
3796
+ "name": "heart-off"
3797
+ },
3798
+ {
3799
+ "name": "heart"
3800
+ },
3801
+ {
3802
+ "name": "heartbeat"
3803
+ },
3796
3804
  {
3797
3805
  "name": "helicopter"
3798
3806
  },
@@ -4180,6 +4188,9 @@
4180
4188
  {
4181
4189
  "name": "ruler-measure"
4182
4190
  },
4191
+ {
4192
+ "name": "sailboat"
4193
+ },
4183
4194
  {
4184
4195
  "name": "satellite"
4185
4196
  },
@@ -4252,9 +4263,6 @@
4252
4263
  {
4253
4264
  "name": "shopping-cart"
4254
4265
  },
4255
- {
4256
- "name": "sizexl"
4257
- },
4258
4266
  {
4259
4267
  "name": "slash"
4260
4268
  },