@nova-design-system/nova-webcomponents 3.8.0 → 3.9.1

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 (137) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/native.cjs.js +1 -1
  3. package/dist/cjs/nv-calendar.cjs.entry.js +9 -3
  4. package/dist/cjs/nv-calendar.cjs.entry.js.map +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-fielddate.cjs.entry.js +62 -94
  10. package/dist/cjs/nv-fielddate.cjs.entry.js.map +1 -1
  11. package/dist/cjs/nv-fielddaterange.cjs.entry.js +52 -33
  12. package/dist/cjs/nv-fielddaterange.cjs.entry.js.map +1 -1
  13. package/dist/cjs/nv-fieldselect.cjs.entry.js +14 -26
  14. package/dist/cjs/nv-fieldselect.cjs.entry.js.map +1 -1
  15. package/dist/cjs/nv-icon.cjs.entry.js +2 -2
  16. package/dist/cjs/nv-icon.cjs.entry.js.map +1 -1
  17. package/dist/collection/components/nv-calendar/nv-calendar.js +9 -3
  18. package/dist/collection/components/nv-calendar/nv-calendar.js.map +1 -1
  19. package/dist/collection/components/nv-dialog/nv-dialog.js +21 -40
  20. package/dist/collection/components/nv-dialog/nv-dialog.js.map +1 -1
  21. package/dist/collection/components/nv-dialogheader/nv-dialogheader.css +1 -0
  22. package/dist/collection/components/nv-fielddate/nv-fielddate.js +63 -94
  23. package/dist/collection/components/nv-fielddate/nv-fielddate.js.map +1 -1
  24. package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +52 -33
  25. package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js.map +1 -1
  26. package/dist/collection/components/nv-fieldselect/nv-fieldselect.css +2 -0
  27. package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +8 -8
  28. package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js.map +1 -1
  29. package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +25 -35
  30. package/dist/collection/components/nv-fieldselect/nv-fieldselect.js.map +1 -1
  31. package/dist/collection/components/nv-icon/nv-icon.js +1 -1
  32. package/dist/collection/components/nv-icon/nv-icon.js.map +1 -1
  33. package/dist/components/nv-accordion-item.js +1 -1
  34. package/dist/components/nv-accordion.js +3 -3
  35. package/dist/components/nv-alert.js +1 -1
  36. package/dist/components/nv-avatar.js +1 -1
  37. package/dist/components/nv-badge.js +1 -1
  38. package/dist/components/nv-calendar.js +1 -1
  39. package/dist/components/nv-datagrid.js +2 -2
  40. package/dist/components/nv-dialog.js +23 -36
  41. package/dist/components/nv-dialog.js.map +1 -1
  42. package/dist/components/nv-dialogfooter.js +1 -1
  43. package/dist/components/nv-dialogheader.js +1 -1
  44. package/dist/components/nv-fielddate.js +68 -100
  45. package/dist/components/nv-fielddate.js.map +1 -1
  46. package/dist/components/nv-fielddaterange.js +56 -37
  47. package/dist/components/nv-fielddaterange.js.map +1 -1
  48. package/dist/components/nv-fielddropdown.js +3 -3
  49. package/dist/components/nv-fielddropdownitem.js +1 -1
  50. package/dist/components/nv-fieldmultiselect.js +3 -3
  51. package/dist/components/nv-fieldnumber.js +1 -1
  52. package/dist/components/nv-fieldpassword.js +2 -2
  53. package/dist/components/nv-fieldselect.js +18 -31
  54. package/dist/components/nv-fieldselect.js.map +1 -1
  55. package/dist/components/nv-fieldslider.js +3 -3
  56. package/dist/components/nv-fieldtext.js +1 -1
  57. package/dist/components/nv-fieldtime.js +2 -2
  58. package/dist/components/nv-icon.js +1 -1
  59. package/dist/components/nv-iconbutton.js +1 -1
  60. package/dist/components/nv-menu.js +2 -2
  61. package/dist/components/nv-menuitem.js +1 -1
  62. package/dist/components/{p-6e2f91ae.js → p-025b8a78.js} +2 -2
  63. package/dist/components/{p-6e2f91ae.js.map → p-025b8a78.js.map} +1 -1
  64. package/dist/components/{p-865725bf.js → p-30f970c3.js} +2 -2
  65. package/dist/components/{p-865725bf.js.map → p-30f970c3.js.map} +1 -1
  66. package/dist/components/{p-f0371d98.js → p-60064345.js} +2 -2
  67. package/dist/components/{p-f0371d98.js.map → p-60064345.js.map} +1 -1
  68. package/dist/components/p-6460318d.js +88 -0
  69. package/dist/components/p-6460318d.js.map +1 -0
  70. package/dist/components/{p-9a209ac7.js → p-68ff562f.js} +2 -2
  71. package/dist/components/{p-9a209ac7.js.map → p-68ff562f.js.map} +1 -1
  72. package/dist/components/{p-abb8f5ae.js → p-6de6866c.js} +2 -2
  73. package/dist/components/{p-abb8f5ae.js.map → p-6de6866c.js.map} +1 -1
  74. package/dist/components/{p-f927f771.js → p-79e6b6a2.js} +3 -3
  75. package/dist/components/{p-f927f771.js.map → p-79e6b6a2.js.map} +1 -1
  76. package/dist/components/{p-d32b75ac.js → p-82e5674c.js} +10 -4
  77. package/dist/components/p-82e5674c.js.map +1 -0
  78. package/dist/components/{p-7bc65e46.js → p-db4ba1d9.js} +3 -3
  79. package/dist/components/{p-7bc65e46.js.map → p-db4ba1d9.js.map} +1 -1
  80. package/dist/components/{p-fa1988d9.js → p-e4e1a926.js} +2 -2
  81. package/dist/components/{p-fa1988d9.js.map → p-e4e1a926.js.map} +1 -1
  82. package/dist/components/{p-ca130ad2.js → p-ed6686a1.js} +2 -2
  83. package/dist/components/p-ed6686a1.js.map +1 -0
  84. package/dist/components/{p-91a558eb.js → p-f1df2634.js} +2 -2
  85. package/dist/components/{p-91a558eb.js.map → p-f1df2634.js.map} +1 -1
  86. package/dist/esm/loader.js +1 -1
  87. package/dist/esm/native.js +1 -1
  88. package/dist/esm/nv-calendar.entry.js +9 -3
  89. package/dist/esm/nv-calendar.entry.js.map +1 -1
  90. package/dist/esm/nv-dialog.entry.js +19 -32
  91. package/dist/esm/nv-dialog.entry.js.map +1 -1
  92. package/dist/esm/nv-dialogfooter_2.entry.js +1 -1
  93. package/dist/esm/nv-dialogfooter_2.entry.js.map +1 -1
  94. package/dist/esm/nv-fielddate.entry.js +62 -94
  95. package/dist/esm/nv-fielddate.entry.js.map +1 -1
  96. package/dist/esm/nv-fielddaterange.entry.js +52 -33
  97. package/dist/esm/nv-fielddaterange.entry.js.map +1 -1
  98. package/dist/esm/nv-fieldselect.entry.js +14 -26
  99. package/dist/esm/nv-fieldselect.entry.js.map +1 -1
  100. package/dist/esm/nv-icon.entry.js +2 -2
  101. package/dist/esm/nv-icon.entry.js.map +1 -1
  102. package/dist/native/native.esm.js +1 -1
  103. package/dist/native/native.esm.js.map +1 -1
  104. package/dist/native/{p-baddee4c.entry.js → p-11012998.entry.js} +2 -2
  105. package/dist/native/p-11012998.entry.js.map +1 -0
  106. package/dist/native/{p-dc34da69.entry.js → p-4a533dd8.entry.js} +2 -2
  107. package/dist/native/p-4a533dd8.entry.js.map +1 -0
  108. package/dist/native/{p-f687e05c.entry.js → p-55cd3d62.entry.js} +2 -2
  109. package/dist/native/p-55cd3d62.entry.js.map +1 -0
  110. package/dist/native/{p-516da423.entry.js → p-9ea3d30d.entry.js} +2 -2
  111. package/dist/native/p-9ea3d30d.entry.js.map +1 -0
  112. package/dist/native/{p-12039da4.entry.js → p-b7ec9a1b.entry.js} +2 -2
  113. package/dist/native/p-b7ec9a1b.entry.js.map +1 -0
  114. package/dist/native/p-bc77cac1.entry.js +2 -0
  115. package/dist/native/p-bc77cac1.entry.js.map +1 -0
  116. package/dist/native/{p-9dc1c3e7.entry.js → p-ff248eb8.entry.js} +2 -2
  117. package/dist/native/{p-9dc1c3e7.entry.js.map → p-ff248eb8.entry.js.map} +1 -1
  118. package/dist/types/components/nv-dialog/nv-dialog.d.ts +6 -17
  119. package/dist/types/components/nv-fielddate/nv-fielddate.d.ts +4 -19
  120. package/dist/types/components/nv-fielddaterange/nv-fielddaterange.d.ts +1 -0
  121. package/dist/types/components/nv-fieldselect/nv-fieldselect.d.ts +22 -9
  122. package/dist/types/components.d.ts +38 -4
  123. package/dist/vscode-data.json +2 -6
  124. package/hydrate/index.js +163 -197
  125. package/hydrate/index.mjs +163 -197
  126. package/package.json +1 -1
  127. package/dist/components/p-9232d306.js +0 -88
  128. package/dist/components/p-9232d306.js.map +0 -1
  129. package/dist/components/p-ca130ad2.js.map +0 -1
  130. package/dist/components/p-d32b75ac.js.map +0 -1
  131. package/dist/native/p-12039da4.entry.js.map +0 -1
  132. package/dist/native/p-516da423.entry.js.map +0 -1
  133. package/dist/native/p-baddee4c.entry.js.map +0 -1
  134. package/dist/native/p-c65a79a9.entry.js +0 -2
  135. package/dist/native/p-c65a79a9.entry.js.map +0 -1
  136. package/dist/native/p-dc34da69.entry.js.map +0 -1
  137. package/dist/native/p-f687e05c.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.
@@ -74,10 +74,6 @@ export declare class NvFielddate {
74
74
  * The current value of the input date in string format.
75
75
  */
76
76
  singleValue: string;
77
- /**
78
- * The placeholder to display in the input.
79
- */
80
- currentPlaceholder: string;
81
77
  /**
82
78
  * Controls the opening of the popover.
83
79
  */
@@ -156,29 +152,15 @@ export declare class NvFielddate {
156
152
  private handleInputContainerClick;
157
153
  /**
158
154
  * Handles the input event on the input element.
159
- * Updates the singleValue and emits the valueChanged event.
155
+ * Updates the singleValue and emits the valueChanged event if empty.
160
156
  * @param {Event} event - The input event.
161
157
  */
162
158
  private handleInput;
163
- /**
164
- * Initializes the input mask.
165
- */
166
- private initializeInputMask;
167
- /**
168
- * Handles keydown events on the input before the mask is initialized.
169
- * Initializes the mask on the first number input.
170
- * @param {KeyboardEvent} event - The keyboard event.
171
- */
172
- private handleKeydownBeforeMask;
173
159
  /**
174
160
  * Handles focus events on the input element.
175
161
  * @param {FocusEvent} event - The focus event.
176
162
  */
177
163
  private handleFocus;
178
- /**
179
- * Handles blur events on the input element.
180
- */
181
- private handleBlur;
182
164
  /**
183
165
  * Prevents the valueChanged event from the calendar from propagating up.
184
166
  * @param {CustomEvent} event - The valueChanged event from nv-calendar.
@@ -203,10 +185,12 @@ export declare class NvFielddate {
203
185
  * This method can be called programmatically to reset the field.
204
186
  */
205
187
  clear(): Promise<void>;
188
+ private updateMask;
206
189
  /****************************************************************************/
207
190
  connectedCallback(): void;
208
191
  componentWillLoad(): void;
209
192
  componentDidLoad(): void;
193
+ componentDidRender(): void;
210
194
  disconnectedCallback(): void;
211
195
  /****************************************************************************/
212
196
  /**
@@ -223,6 +207,7 @@ export declare class NvFielddate {
223
207
  handleClosePopover(): void;
224
208
  handleKeyDown(event: KeyboardEvent): void;
225
209
  handleValueChange(newValue: string): void;
210
+ handleOpenChange(): void;
226
211
  /****************************************************************************/
227
212
  render(): any;
228
213
  }
@@ -190,6 +190,7 @@ export declare class NvFielddaterange {
190
190
  * This method can be called programmatically to reset the field.
191
191
  */
192
192
  clear(): Promise<void>;
193
+ private updateMask;
193
194
  /****************************************************************************/
194
195
  connectedCallback(): void;
195
196
  componentWillLoad(): void;
@@ -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
@@ -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
  */
@@ -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
  */
@@ -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."