@nova-design-system/nova-webcomponents 3.8.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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/native.cjs.js +1 -1
- package/dist/cjs/nv-dialog.cjs.entry.js +19 -32
- package/dist/cjs/nv-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +1 -1
- package/dist/cjs/nv-dialogfooter_2.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-fieldselect.cjs.entry.js +14 -26
- package/dist/cjs/nv-fieldselect.cjs.entry.js.map +1 -1
- package/dist/cjs/nv-icon.cjs.entry.js +2 -2
- package/dist/cjs/nv-icon.cjs.entry.js.map +1 -1
- package/dist/collection/components/nv-dialog/nv-dialog.js +21 -40
- package/dist/collection/components/nv-dialog/nv-dialog.js.map +1 -1
- package/dist/collection/components/nv-dialogheader/nv-dialogheader.css +1 -0
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.css +2 -0
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +8 -8
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js.map +1 -1
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +25 -35
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.js.map +1 -1
- package/dist/collection/components/nv-icon/nv-icon.js +1 -1
- package/dist/collection/components/nv-icon/nv-icon.js.map +1 -1
- package/dist/components/nv-accordion-item.js +1 -1
- package/dist/components/nv-accordion.js +3 -3
- package/dist/components/nv-alert.js +1 -1
- package/dist/components/nv-avatar.js +1 -1
- package/dist/components/nv-badge.js +1 -1
- package/dist/components/nv-datagrid.js +2 -2
- package/dist/components/nv-dialog.js +23 -36
- package/dist/components/nv-dialog.js.map +1 -1
- package/dist/components/nv-dialogfooter.js +1 -1
- package/dist/components/nv-dialogheader.js +1 -1
- package/dist/components/nv-fielddate.js +2 -2
- package/dist/components/nv-fielddaterange.js +2 -2
- package/dist/components/nv-fielddropdown.js +3 -3
- package/dist/components/nv-fielddropdownitem.js +1 -1
- package/dist/components/nv-fieldmultiselect.js +3 -3
- package/dist/components/nv-fieldnumber.js +1 -1
- package/dist/components/nv-fieldpassword.js +2 -2
- package/dist/components/nv-fieldselect.js +18 -31
- package/dist/components/nv-fieldselect.js.map +1 -1
- package/dist/components/nv-fieldslider.js +3 -3
- package/dist/components/nv-fieldtext.js +1 -1
- package/dist/components/nv-fieldtime.js +2 -2
- package/dist/components/nv-icon.js +1 -1
- package/dist/components/nv-iconbutton.js +1 -1
- package/dist/components/nv-menu.js +2 -2
- package/dist/components/nv-menuitem.js +1 -1
- package/dist/components/{p-6e2f91ae.js → p-025b8a78.js} +2 -2
- package/dist/components/{p-6e2f91ae.js.map → p-025b8a78.js.map} +1 -1
- package/dist/components/{p-865725bf.js → p-30f970c3.js} +2 -2
- package/dist/components/{p-865725bf.js.map → p-30f970c3.js.map} +1 -1
- package/dist/components/{p-f0371d98.js → p-60064345.js} +2 -2
- package/dist/components/{p-f0371d98.js.map → p-60064345.js.map} +1 -1
- package/dist/components/p-6460318d.js +88 -0
- package/dist/components/p-6460318d.js.map +1 -0
- package/dist/components/{p-9a209ac7.js → p-68ff562f.js} +2 -2
- package/dist/components/{p-9a209ac7.js.map → p-68ff562f.js.map} +1 -1
- package/dist/components/{p-abb8f5ae.js → p-6de6866c.js} +2 -2
- package/dist/components/{p-abb8f5ae.js.map → p-6de6866c.js.map} +1 -1
- package/dist/components/{p-f927f771.js → p-79e6b6a2.js} +3 -3
- package/dist/components/{p-f927f771.js.map → p-79e6b6a2.js.map} +1 -1
- package/dist/components/{p-7bc65e46.js → p-db4ba1d9.js} +3 -3
- package/dist/components/{p-7bc65e46.js.map → p-db4ba1d9.js.map} +1 -1
- package/dist/components/{p-fa1988d9.js → p-e4e1a926.js} +2 -2
- package/dist/components/{p-fa1988d9.js.map → p-e4e1a926.js.map} +1 -1
- package/dist/components/{p-ca130ad2.js → p-ed6686a1.js} +2 -2
- package/dist/components/p-ed6686a1.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/native.js +1 -1
- package/dist/esm/nv-dialog.entry.js +19 -32
- package/dist/esm/nv-dialog.entry.js.map +1 -1
- package/dist/esm/nv-dialogfooter_2.entry.js +1 -1
- package/dist/esm/nv-dialogfooter_2.entry.js.map +1 -1
- package/dist/esm/nv-fieldselect.entry.js +14 -26
- package/dist/esm/nv-fieldselect.entry.js.map +1 -1
- package/dist/esm/nv-icon.entry.js +2 -2
- package/dist/esm/nv-icon.entry.js.map +1 -1
- package/dist/native/native.esm.js +1 -1
- package/dist/native/native.esm.js.map +1 -1
- package/dist/native/{p-baddee4c.entry.js → p-11012998.entry.js} +2 -2
- package/dist/native/p-11012998.entry.js.map +1 -0
- package/dist/native/{p-12039da4.entry.js → p-b7ec9a1b.entry.js} +2 -2
- package/dist/native/p-b7ec9a1b.entry.js.map +1 -0
- package/dist/native/p-bc77cac1.entry.js +2 -0
- package/dist/native/p-bc77cac1.entry.js.map +1 -0
- package/dist/native/{p-9dc1c3e7.entry.js → p-ff248eb8.entry.js} +2 -2
- package/dist/native/{p-9dc1c3e7.entry.js.map → p-ff248eb8.entry.js.map} +1 -1
- package/dist/types/components/nv-dialog/nv-dialog.d.ts +6 -17
- package/dist/types/components/nv-fieldselect/nv-fieldselect.d.ts +22 -9
- package/dist/types/components.d.ts +38 -4
- package/dist/vscode-data.json +2 -6
- package/hydrate/index.js +40 -66
- package/hydrate/index.mjs +40 -66
- package/package.json +1 -1
- package/dist/components/p-9232d306.js +0 -88
- package/dist/components/p-9232d306.js.map +0 -1
- package/dist/components/p-ca130ad2.js.map +0 -1
- package/dist/native/p-12039da4.entry.js.map +0 -1
- package/dist/native/p-baddee4c.entry.js.map +0 -1
- package/dist/native/p-c65a79a9.entry.js +0 -2
- package/dist/native/p-c65a79a9.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
|
|
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
|
|
55
|
-
* When disabled, prevents unwanted tooltip triggers on
|
|
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(
|
|
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.
|
|
30
|
+
* Options to display in the select.
|
|
31
31
|
* Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
|
|
32
32
|
*/
|
|
33
|
-
readonly options?:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
-
*
|
|
153
|
-
* @param {
|
|
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:
|
|
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.
|
|
1792
|
+
* Options to display in the select. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
|
|
1793
1793
|
*/
|
|
1794
|
-
"options"?:
|
|
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.
|
|
5460
|
+
* Options to display in the select. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]
|
|
5444
5461
|
*/
|
|
5445
|
-
"options"?:
|
|
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
|
*/
|
package/dist/vscode-data.json
CHANGED
|
@@ -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
|
|
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
|
|
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."
|