@nova-design-system/nova-webcomponents 3.29.0 → 3.30.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/{constants-BugGJYqL.js → constants-BSdCE1ZF.js} +5 -0
- package/dist/cjs/index-Bj9nnTVm.js +4856 -0
- package/dist/cjs/index.cjs.js +5 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/native.cjs.js +2 -2
- package/dist/cjs/nv-accordion-item.cjs.entry.js +3 -3
- package/dist/cjs/nv-accordion.cjs.entry.js +2 -2
- package/dist/cjs/nv-alert.cjs.entry.js +3 -3
- package/dist/cjs/nv-avatar.cjs.entry.js +3 -3
- package/dist/cjs/nv-badge_2.cjs.entry.js +5 -5
- package/dist/cjs/nv-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/nv-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/nv-button.cjs.entry.js +3 -3
- package/dist/cjs/nv-buttongroup.cjs.entry.js +2 -2
- package/dist/cjs/nv-calendar.cjs.entry.js +4 -4
- package/dist/cjs/nv-col.cjs.entry.js +2 -2
- package/dist/cjs/nv-datagrid.cjs.entry.js +4 -4
- package/dist/cjs/nv-datagridcolumn.cjs.entry.js +2 -2
- package/dist/cjs/nv-datetest.cjs.entry.js +2 -2
- package/dist/cjs/nv-datetimetest.cjs.entry.js +1 -1
- package/dist/cjs/nv-dialog.cjs.entry.js +3 -3
- package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +4 -4
- package/dist/cjs/nv-drawer.cjs.entry.js +3 -3
- package/dist/cjs/nv-drawerfooter_2.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +5 -5
- package/dist/cjs/nv-fielddate.cjs.entry.js +7 -7
- package/dist/cjs/nv-fielddaterange.cjs.entry.js +7 -7
- package/dist/cjs/nv-fielddropdown.cjs.entry.js +5 -5
- package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldnumber.cjs.entry.js +5 -5
- package/dist/cjs/nv-fieldpassword.cjs.entry.js +5 -5
- package/dist/cjs/nv-fieldradio.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldselect.cjs.entry.js +6 -6
- package/dist/cjs/nv-fieldslider.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldtext.cjs.entry.js +5 -5
- package/dist/cjs/nv-fieldtextarea.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldtime.cjs.entry.js +5 -5
- package/dist/cjs/nv-icon.cjs.entry.js +3 -3
- package/dist/cjs/nv-iconbutton_2.cjs.entry.js +3 -3
- package/dist/cjs/nv-menu.cjs.entry.js +2 -2
- package/dist/cjs/nv-menuitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-notification-bullet.cjs.entry.js +1 -1
- package/dist/cjs/nv-notification.cjs.entry.js +3 -3
- package/dist/cjs/nv-notificationcontainer.cjs.entry.js +2 -2
- package/dist/cjs/nv-pagination-nav.cjs.entry.js +2 -2
- package/dist/cjs/nv-paginationtable.cjs.entry.js +19 -3
- package/dist/cjs/nv-popover.cjs.entry.js +2 -2
- package/dist/cjs/nv-row.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebar.cjs.entry.js +178 -4
- package/dist/cjs/nv-sidebarcontent.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebardivider.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarfooter.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebargroup.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarheader.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarlogo.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarnavitem.cjs.entry.js +3 -3
- package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-split.cjs.entry.js +2 -2
- package/dist/cjs/nv-stack.cjs.entry.js +2 -2
- package/dist/cjs/nv-statusindicator.cjs.entry.js +39 -0
- package/dist/cjs/nv-table.cjs.entry.js +3 -3
- package/dist/cjs/nv-tableheader.cjs.entry.js +2 -2
- package/dist/cjs/nv-tag.cjs.entry.js +82 -0
- package/dist/cjs/nv-timetest.cjs.entry.js +2 -2
- package/dist/cjs/nv-toggle.cjs.entry.js +3 -3
- package/dist/cjs/nv-togglebutton.cjs.entry.js +2 -2
- package/dist/cjs/nv-togglebuttongroup.cjs.entry.js +2 -2
- package/dist/cjs/nv-tooltip.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/nv-accordion/nv-accordion.js +1 -1
- package/dist/collection/components/nv-accordion-item/nv-accordion-item.js +2 -2
- package/dist/collection/components/nv-alert/nv-alert.js +1 -1
- package/dist/collection/components/nv-avatar/nv-avatar.js +1 -1
- package/dist/collection/components/nv-badge/nv-badge.js +3 -3
- package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.js +1 -1
- package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.js +1 -1
- package/dist/collection/components/nv-button/nv-button.js +1 -1
- package/dist/collection/components/nv-buttongroup/nv-buttongroup.js +1 -1
- package/dist/collection/components/nv-calendar/nv-calendar.js +2 -2
- package/dist/collection/components/nv-col/nv-col.js +1 -1
- package/dist/collection/components/nv-datagrid/nv-datagrid.js +2 -2
- package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.js +1 -1
- package/dist/collection/components/nv-datetest/nv-datetest.js +1 -1
- package/dist/collection/components/nv-dialog/nv-dialog.js +1 -1
- package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +1 -1
- package/dist/collection/components/nv-dialogheader/nv-dialogheader.js +1 -1
- package/dist/collection/components/nv-drawer/nv-drawer.js +1 -1
- package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js +1 -1
- package/dist/collection/components/nv-drawerheader/nv-drawerheader.js +1 -1
- package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.js +4 -4
- package/dist/collection/components/nv-fielddate/nv-fielddate.js +6 -6
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +6 -6
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js +4 -4
- package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +1 -1
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js +1 -1
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js +4 -4
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js +4 -4
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +3 -3
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +5 -5
- package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +3 -3
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.js +4 -4
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.js +3 -3
- package/dist/collection/components/nv-fieldtime/nv-fieldtime.js +3 -3
- package/dist/collection/components/nv-icon/nv-icon.js +1 -1
- package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +1 -1
- package/dist/collection/components/nv-loader/nv-loader.js +1 -1
- package/dist/collection/components/nv-menu/nv-menu.js +1 -1
- package/dist/collection/components/nv-menuitem/nv-menuitem.js +1 -1
- package/dist/collection/components/nv-notification/nv-notification.js +1 -1
- package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.js +1 -1
- package/dist/collection/components/nv-pagination-nav/nv-pagination-nav.js +1 -1
- package/dist/collection/components/nv-paginationtable/nv-paginationtable.js +6 -3
- package/dist/collection/components/nv-paginationtable/nv-paginationtable.utils.js +13 -0
- package/dist/collection/components/nv-paginationtable/test/nv-paginationtable.utils.test.js +26 -1
- package/dist/collection/components/nv-popover/nv-popover.js +1 -1
- package/dist/collection/components/nv-row/nv-row.js +1 -1
- package/dist/collection/components/nv-sidebar/nv-sidebar.docs.js +7 -0
- package/dist/collection/components/nv-sidebar/nv-sidebar.js +274 -2
- package/dist/collection/components/nv-sidebar/styles/nv-sidebar.css +26 -0
- package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.js +1 -1
- package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.js +1 -1
- package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.js +1 -1
- package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.js +1 -1
- package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.js +1 -1
- package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.js +1 -1
- package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.js +2 -2
- package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js +1 -1
- package/dist/collection/components/nv-split/nv-split.js +2 -1
- package/dist/collection/components/nv-stack/nv-stack.js +1 -1
- package/dist/collection/components/nv-statusindicator/nv-statusindicator.css +73 -0
- package/dist/collection/components/nv-statusindicator/nv-statusindicator.docs.js +34 -0
- package/dist/collection/components/nv-statusindicator/nv-statusindicator.js +122 -0
- package/dist/collection/components/nv-table/nv-table.js +1 -1
- package/dist/collection/components/nv-table/styles/nv-table.css +22 -3
- package/dist/collection/components/nv-tableheader/nv-tableheader.js +1 -1
- package/dist/collection/components/nv-tag/nv-tag.css +228 -0
- package/dist/collection/components/nv-tag/nv-tag.docs.js +114 -0
- package/dist/collection/components/nv-tag/nv-tag.js +251 -0
- package/dist/collection/components/nv-timetest/nv-timetest.js +1 -1
- package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
- package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +1 -1
- package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
- package/dist/collection/components/nv-tooltip/nv-tooltip.js +1 -1
- package/dist/collection/utils/constants.js +5 -0
- package/dist/components/index.js +1 -1
- package/dist/components/nv-accordion-item.js +1 -1
- package/dist/components/nv-accordion.js +1 -1
- 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-breadcrumb.js +1 -1
- package/dist/components/nv-breadcrumbs.js +1 -1
- package/dist/components/nv-button.js +1 -1
- package/dist/components/nv-buttongroup.js +1 -1
- package/dist/components/nv-calendar.js +1 -1
- package/dist/components/nv-col.js +1 -1
- package/dist/components/nv-datagrid.js +1 -1
- package/dist/components/nv-datagridcolumn.js +1 -1
- package/dist/components/nv-datetest.js +1 -1
- package/dist/components/nv-datetimetest.js +1 -1
- package/dist/components/nv-dialog.js +1 -1
- package/dist/components/nv-dialogfooter.js +1 -1
- package/dist/components/nv-dialogheader.js +1 -1
- package/dist/components/nv-drawer.js +1 -1
- package/dist/components/nv-drawerfooter.js +1 -1
- package/dist/components/nv-drawerheader.js +1 -1
- package/dist/components/nv-fieldcheckbox.js +1 -1
- package/dist/components/nv-fielddate.js +1 -1
- package/dist/components/nv-fielddaterange.js +1 -1
- package/dist/components/nv-fielddropdown.js +1 -1
- package/dist/components/nv-fielddropdownitem.js +1 -1
- package/dist/components/nv-fielddropdownitemcheck.js +1 -1
- package/dist/components/nv-fieldmultiselect.js +1 -1
- package/dist/components/nv-fieldnumber.js +1 -1
- package/dist/components/nv-fieldpassword.js +1 -1
- package/dist/components/nv-fieldradio.js +1 -1
- package/dist/components/nv-fieldselect.js +1 -1
- package/dist/components/nv-fieldslider.js +1 -1
- package/dist/components/nv-fieldtext.js +1 -1
- package/dist/components/nv-fieldtextarea.js +1 -1
- package/dist/components/nv-fieldtime.js +1 -1
- package/dist/components/nv-icon.js +1 -1
- package/dist/components/nv-iconbutton.js +1 -1
- package/dist/components/nv-loader.js +1 -1
- package/dist/components/nv-menu.js +1 -1
- package/dist/components/nv-menuitem.js +1 -1
- package/dist/components/nv-notification-bullet.js +1 -1
- package/dist/components/nv-notification.js +1 -1
- package/dist/components/nv-notificationcontainer.js +1 -1
- package/dist/components/nv-pagination-nav.js +1 -1
- package/dist/components/nv-paginationtable.js +1 -1
- package/dist/components/nv-popover.js +1 -1
- package/dist/components/nv-row.js +1 -1
- package/dist/components/nv-sidebar.js +1 -1
- package/dist/components/nv-sidebarcontent.js +1 -1
- package/dist/components/nv-sidebardivider.js +1 -1
- package/dist/components/nv-sidebarfooter.js +1 -1
- package/dist/components/nv-sidebargroup.js +1 -1
- package/dist/components/nv-sidebarheader.js +1 -1
- package/dist/components/nv-sidebarlogo.js +1 -1
- package/dist/components/nv-sidebarnavitem.js +1 -1
- package/dist/components/nv-sidebarnavsubitem.js +1 -1
- package/dist/components/nv-split.js +1 -1
- package/dist/components/nv-stack.js +1 -1
- package/dist/components/nv-statusindicator.d.ts +11 -0
- package/dist/components/nv-statusindicator.js +1 -0
- package/dist/components/nv-table.js +1 -1
- package/dist/components/nv-tableheader.js +1 -1
- package/dist/components/nv-tag.d.ts +11 -0
- package/dist/components/nv-tag.js +1 -0
- package/dist/components/nv-timetest.js +1 -1
- package/dist/components/nv-toggle.js +1 -1
- package/dist/components/nv-togglebutton.js +1 -1
- package/dist/components/nv-togglebuttongroup.js +1 -1
- package/dist/components/nv-tooltip.js +1 -1
- package/dist/components/{p-C99g_PrG.js → p-B4qcUV0M.js} +1 -1
- package/dist/components/p-B8yJMa0S.js +1 -0
- package/dist/components/{p-CBlrNW6n.js → p-BU3AWnne.js} +1 -1
- package/dist/components/{p-DKgmDzJ1.js → p-BYrgllP3.js} +1 -1
- package/dist/components/{p-DdcXhR3I.js → p-BhRpSdkR.js} +1 -1
- package/dist/components/{p-CT782LKx.js → p-Bu90dktV.js} +1 -1
- package/dist/components/{p-Cuq_uNwY.js → p-CObbk0-q.js} +1 -1
- package/dist/components/{p-CD12QIMB.js → p-CTISxdir.js} +1 -1
- package/dist/components/{p-D1psKXwD.js → p-Cj6urNtm.js} +1 -1
- package/dist/components/{p-D3JDACHw.js → p-Cx5CLy9v.js} +1 -1
- package/dist/components/{p-Bl7rc9YV.js → p-Cyn4-37z.js} +1 -1
- package/dist/components/{p-EV8CtE4q.js → p-CzRJpv7x.js} +1 -1
- package/dist/components/{p-CgufQqes.js → p-CzRlra4z.js} +1 -1
- package/dist/components/{p-CUjRfVPl.js → p-D54x8OFu.js} +1 -1
- package/dist/components/p-DP_K3tkj.js +1 -0
- package/dist/components/{p-Bytxo1iR.js → p-DQuJvZ4Z.js} +1 -1
- package/dist/components/{p-p1ofW2Cs.js → p-DZdOQQrW.js} +1 -1
- package/dist/components/{p-_zOMJBOq.js → p-Dg-Ac5i4.js} +1 -1
- package/dist/components/p-DiwYO24j.js +2 -0
- package/dist/components/{p-ChVdX6FG.js → p-GDyaHbt9.js} +1 -1
- package/dist/components/{p-Cnlbk416.js → p-L7U51TAH.js} +1 -1
- package/dist/components/{p-RYxAzR3m.js → p-MLanePUO.js} +1 -1
- package/dist/components/p-gOKBmbgZ.js +1 -0
- package/dist/components/{p-CfOVizcp.js → p-yPMU6HZQ.js} +1 -1
- package/dist/esm/{constants-BReL3Lsa.js → constants-gOKBmbgZ.js} +6 -1
- package/dist/esm/index-CTmBvINI.js +4820 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/native.js +3 -3
- package/dist/esm/nv-accordion-item.entry.js +3 -3
- package/dist/esm/nv-accordion.entry.js +2 -2
- package/dist/esm/nv-alert.entry.js +3 -3
- package/dist/esm/nv-avatar.entry.js +3 -3
- package/dist/esm/nv-badge_2.entry.js +5 -5
- package/dist/esm/nv-breadcrumb.entry.js +2 -2
- package/dist/esm/nv-breadcrumbs.entry.js +2 -2
- package/dist/esm/nv-button.entry.js +3 -3
- package/dist/esm/nv-buttongroup.entry.js +2 -2
- package/dist/esm/nv-calendar.entry.js +4 -4
- package/dist/esm/nv-col.entry.js +2 -2
- package/dist/esm/nv-datagrid.entry.js +4 -4
- package/dist/esm/nv-datagridcolumn.entry.js +2 -2
- package/dist/esm/nv-datetest.entry.js +2 -2
- package/dist/esm/nv-datetimetest.entry.js +1 -1
- package/dist/esm/nv-dialog.entry.js +3 -3
- package/dist/esm/nv-dialogfooter_2.entry.js +4 -4
- package/dist/esm/nv-drawer.entry.js +3 -3
- package/dist/esm/nv-drawerfooter_2.entry.js +4 -4
- package/dist/esm/nv-fieldcheckbox.entry.js +5 -5
- package/dist/esm/nv-fielddate.entry.js +7 -7
- package/dist/esm/nv-fielddaterange.entry.js +7 -7
- package/dist/esm/nv-fielddropdown.entry.js +5 -5
- package/dist/esm/nv-fielddropdownitem.entry.js +2 -2
- package/dist/esm/nv-fieldmultiselect.entry.js +1 -1
- package/dist/esm/nv-fieldnumber.entry.js +5 -5
- package/dist/esm/nv-fieldpassword.entry.js +5 -5
- package/dist/esm/nv-fieldradio.entry.js +4 -4
- package/dist/esm/nv-fieldselect.entry.js +6 -6
- package/dist/esm/nv-fieldslider.entry.js +4 -4
- package/dist/esm/nv-fieldtext.entry.js +5 -5
- package/dist/esm/nv-fieldtextarea.entry.js +4 -4
- package/dist/esm/nv-fieldtime.entry.js +5 -5
- package/dist/esm/nv-icon.entry.js +3 -3
- package/dist/esm/nv-iconbutton_2.entry.js +3 -3
- package/dist/esm/nv-menu.entry.js +2 -2
- package/dist/esm/nv-menuitem.entry.js +2 -2
- package/dist/esm/nv-notification-bullet.entry.js +1 -1
- package/dist/esm/nv-notification.entry.js +3 -3
- package/dist/esm/nv-notificationcontainer.entry.js +2 -2
- package/dist/esm/nv-pagination-nav.entry.js +2 -2
- package/dist/esm/nv-paginationtable.entry.js +19 -3
- package/dist/esm/nv-popover.entry.js +2 -2
- package/dist/esm/nv-row.entry.js +2 -2
- package/dist/esm/nv-sidebar.entry.js +178 -4
- package/dist/esm/nv-sidebarcontent.entry.js +2 -2
- package/dist/esm/nv-sidebardivider.entry.js +2 -2
- package/dist/esm/nv-sidebarfooter.entry.js +2 -2
- package/dist/esm/nv-sidebargroup.entry.js +2 -2
- package/dist/esm/nv-sidebarheader.entry.js +2 -2
- package/dist/esm/nv-sidebarlogo.entry.js +2 -2
- package/dist/esm/nv-sidebarnavitem.entry.js +3 -3
- package/dist/esm/nv-sidebarnavsubitem.entry.js +2 -2
- package/dist/esm/nv-split.entry.js +2 -2
- package/dist/esm/nv-stack.entry.js +2 -2
- package/dist/esm/nv-statusindicator.entry.js +37 -0
- package/dist/esm/nv-table.entry.js +3 -3
- package/dist/esm/nv-tableheader.entry.js +2 -2
- package/dist/esm/nv-tag.entry.js +80 -0
- package/dist/esm/nv-timetest.entry.js +2 -2
- package/dist/esm/nv-toggle.entry.js +3 -3
- package/dist/esm/nv-togglebutton.entry.js +2 -2
- package/dist/esm/nv-togglebuttongroup.entry.js +2 -2
- package/dist/esm/nv-tooltip.entry.js +2 -2
- package/dist/native/index.esm.js +1 -1
- package/dist/native/native.css +5711 -1
- package/dist/native/native.esm.js +1 -1
- package/dist/native/{p-b7436a14.entry.js → p-04011d0f.entry.js} +1 -1
- package/dist/native/{p-0f9a284e.entry.js → p-0c65e726.entry.js} +1 -1
- package/dist/native/{p-0a17050f.entry.js → p-10dee67d.entry.js} +1 -1
- package/dist/native/p-16037ec8.entry.js +1 -0
- package/dist/native/{p-568fbdac.entry.js → p-189647e4.entry.js} +1 -1
- package/dist/native/{p-0d03b6ed.entry.js → p-270bf467.entry.js} +1 -1
- package/dist/native/{p-2b1efb98.entry.js → p-287c67e1.entry.js} +1 -1
- package/dist/native/p-298d893d.entry.js +1 -0
- package/dist/native/{p-48c1bab4.entry.js → p-29acf903.entry.js} +1 -1
- package/dist/native/{p-2d37df11.entry.js → p-2afcd5e4.entry.js} +1 -1
- package/dist/native/p-33889f52.entry.js +1 -0
- package/dist/native/p-34d30b90.entry.js +1 -0
- package/dist/native/{p-04e40a1e.entry.js → p-352854eb.entry.js} +1 -1
- package/dist/native/{p-8e05077a.entry.js → p-37c42bed.entry.js} +1 -1
- package/dist/native/{p-c20e0b5f.entry.js → p-3969a700.entry.js} +1 -1
- package/dist/native/{p-4bb9b387.entry.js → p-3f888601.entry.js} +1 -1
- package/dist/native/{p-7bb2536f.entry.js → p-40000df1.entry.js} +1 -1
- package/dist/native/{p-eb737344.entry.js → p-410c21e3.entry.js} +1 -1
- package/dist/native/{p-4badca4e.entry.js → p-4514a6a4.entry.js} +1 -1
- package/dist/native/{p-1ea2a804.entry.js → p-49745be2.entry.js} +1 -1
- package/dist/native/{p-2d5189eb.entry.js → p-5375ddc6.entry.js} +1 -1
- package/dist/native/{p-d5060f92.entry.js → p-5690757b.entry.js} +1 -1
- package/dist/native/p-5c321768.entry.js +1 -0
- package/dist/native/{p-7fd6f0b0.entry.js → p-5df9c196.entry.js} +1 -1
- package/dist/native/{p-9a05395d.entry.js → p-5ef11914.entry.js} +1 -1
- package/dist/native/{p-59ecaf60.entry.js → p-64649214.entry.js} +1 -1
- package/dist/native/{p-27ecae3c.entry.js → p-6bb02337.entry.js} +1 -1
- package/dist/native/{p-9b8478a7.entry.js → p-6ccc84c8.entry.js} +1 -1
- package/dist/native/{p-2e932ca4.entry.js → p-6dab2e90.entry.js} +1 -1
- package/dist/native/{p-1450d746.entry.js → p-728f09d5.entry.js} +1 -1
- package/dist/native/{p-49c6d122.entry.js → p-7b1c369b.entry.js} +1 -1
- package/dist/native/p-7b3853be.entry.js +1 -0
- package/dist/native/p-7c9e1f01.entry.js +1 -0
- package/dist/native/p-7cbc09f0.entry.js +1 -0
- package/dist/native/p-859b24ed.entry.js +1 -0
- package/dist/native/{p-d5e931c9.entry.js → p-8decb323.entry.js} +1 -1
- package/dist/native/{p-0d3ab890.entry.js → p-8dfcfb72.entry.js} +1 -1
- package/dist/native/p-8faf3e05.entry.js +1 -0
- package/dist/native/p-915fe20c.entry.js +1 -0
- package/dist/native/p-91cb5c65.entry.js +1 -0
- package/dist/native/{p-1bc76216.entry.js → p-93d2bfab.entry.js} +1 -1
- package/dist/native/{p-16600d93.entry.js → p-9affde0d.entry.js} +1 -1
- package/dist/native/p-CTmBvINI.js +2 -0
- package/dist/native/{p-f7fdca43.entry.js → p-a1ef6740.entry.js} +1 -1
- package/dist/native/p-b2c31350.entry.js +1 -0
- package/dist/native/{p-5cefca3c.entry.js → p-b2ef61bc.entry.js} +1 -1
- package/dist/native/{p-a5e39524.entry.js → p-b7a10751.entry.js} +1 -1
- package/dist/native/{p-ca4ab8a5.entry.js → p-b88dcd21.entry.js} +1 -1
- package/dist/native/p-b99ad8a7.entry.js +1 -0
- package/dist/native/{p-2e40d5d9.entry.js → p-be2e4cf0.entry.js} +1 -1
- package/dist/native/{p-0770997b.entry.js → p-befb5e4e.entry.js} +1 -1
- package/dist/native/{p-07f3200b.entry.js → p-c1faed1f.entry.js} +1 -1
- package/dist/native/{p-d468c445.entry.js → p-c305f1c6.entry.js} +1 -1
- package/dist/native/{p-f078f10a.entry.js → p-c5261442.entry.js} +1 -1
- package/dist/native/{p-12269ed5.entry.js → p-cd21a60d.entry.js} +1 -1
- package/dist/native/{p-0f59cb66.entry.js → p-d0dfa700.entry.js} +1 -1
- package/dist/native/{p-bff549dd.entry.js → p-d4d04530.entry.js} +1 -1
- package/dist/native/{p-336d63c4.entry.js → p-dc000c85.entry.js} +1 -1
- package/dist/native/p-df3ab86a.entry.js +1 -0
- package/dist/native/p-dfb46af1.entry.js +1 -0
- package/dist/native/{p-26c0c34b.entry.js → p-dfd364de.entry.js} +1 -1
- package/dist/native/{p-7b545176.entry.js → p-e7a73a7c.entry.js} +1 -1
- package/dist/native/p-eab25bfa.entry.js +1 -0
- package/dist/native/{p-706eeea4.entry.js → p-ec919a10.entry.js} +1 -1
- package/dist/native/{p-3ddc967e.entry.js → p-ffc9e2a0.entry.js} +1 -1
- package/dist/native/p-gOKBmbgZ.js +1 -0
- package/dist/types/components/nv-paginationtable/nv-paginationtable.utils.d.ts +9 -0
- package/dist/types/components/nv-sidebar/nv-sidebar.d.ts +43 -0
- package/dist/types/components/nv-split/nv-split.d.ts +1 -0
- package/dist/types/components/nv-statusindicator/nv-statusindicator.d.ts +22 -0
- package/dist/types/components/nv-statusindicator/nv-statusindicator.docs.d.ts +4 -0
- package/dist/types/components/nv-tag/nv-tag.d.ts +64 -0
- package/dist/types/components/nv-tag/nv-tag.docs.d.ts +4 -0
- package/dist/types/components.d.ts +210 -2
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/constants.d.ts +4 -0
- package/dist/vscode-data.json +145 -0
- package/hydrate/index.js +461 -114
- package/hydrate/index.mjs +461 -114
- package/package.json +21 -9
- package/dist/cjs/index-eLt3bBQs.js +0 -4848
- package/dist/components/p-BReL3Lsa.js +0 -1
- package/dist/components/p-C47vpaBp.js +0 -1
- package/dist/components/p-Cr_-lRNo.js +0 -1
- package/dist/components/p-flcatmxD.js +0 -2
- package/dist/esm/index-DU3Vhh_k.js +0 -4812
- package/dist/native/p-3afa34d1.entry.js +0 -1
- package/dist/native/p-5f6e45ca.entry.js +0 -1
- package/dist/native/p-6f1213fb.entry.js +0 -1
- package/dist/native/p-6f91712c.entry.js +0 -1
- package/dist/native/p-7126f67e.entry.js +0 -1
- package/dist/native/p-748661f0.entry.js +0 -1
- package/dist/native/p-803759ef.entry.js +0 -1
- package/dist/native/p-92539825.entry.js +0 -1
- package/dist/native/p-943a4dfd.entry.js +0 -1
- package/dist/native/p-96078a63.entry.js +0 -1
- package/dist/native/p-BReL3Lsa.js +0 -1
- package/dist/native/p-DU3Vhh_k.js +0 -2
- package/dist/native/p-dc647a64.entry.js +0 -1
- package/dist/native/p-df5c6b0c.entry.js +0 -1
- package/dist/native/p-e8569a99.entry.js +0 -1
- package/dist/native/p-f3756dfd.entry.js +0 -1
- package/dist/native/p-f3ded7e8.entry.js +0 -1
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
import { nameof } from "../../utils/class.utils";
|
|
3
|
+
const NvTagDocs = {
|
|
4
|
+
component: 'nv-tag',
|
|
5
|
+
badge: 'new',
|
|
6
|
+
parentGroup: 'Tag',
|
|
7
|
+
subcomponents: ['nv-icon'],
|
|
8
|
+
stories: [
|
|
9
|
+
// Default
|
|
10
|
+
{
|
|
11
|
+
name: 'Default',
|
|
12
|
+
args: {
|
|
13
|
+
label: 'Category',
|
|
14
|
+
},
|
|
15
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
16
|
+
},
|
|
17
|
+
// label
|
|
18
|
+
{
|
|
19
|
+
name: nameof(x => x.label),
|
|
20
|
+
args: {
|
|
21
|
+
label: 'Infrastructure',
|
|
22
|
+
},
|
|
23
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
24
|
+
},
|
|
25
|
+
// color
|
|
26
|
+
{
|
|
27
|
+
name: nameof(x => x.color),
|
|
28
|
+
description: 'Tag supports 10 colour variants from the rainbow palette.',
|
|
29
|
+
template: (h("div", { "data-class": "flex flex-wrap gap-4" }, h("nv-tag", { "data-storybook-args": true, color: "orange", label: "Orange" }), h("nv-tag", { "data-storybook-args": true, color: "crimson", label: "Crimson" }), h("nv-tag", { "data-storybook-args": true, color: "yellow", label: "Yellow" }), h("nv-tag", { "data-storybook-args": true, color: "red", label: "Red" }), h("nv-tag", { "data-storybook-args": true, color: "blue", label: "Blue" }), h("nv-tag", { "data-storybook-args": true, color: "amber", label: "Amber" }), h("nv-tag", { "data-storybook-args": true, color: "green", label: "Green" }), h("nv-tag", { "data-storybook-args": true, color: "turquoise", label: "Turquoise" }), h("nv-tag", { "data-storybook-args": true, color: "lime", label: "Lime" }), h("nv-tag", { "data-storybook-args": true, color: "grey", label: "Grey" }))),
|
|
30
|
+
},
|
|
31
|
+
// dismissible
|
|
32
|
+
{
|
|
33
|
+
name: nameof(x => x.dismissible),
|
|
34
|
+
description: 'When dismissible, a dismiss button is rendered. Clicking it emits the `dismissed` event.',
|
|
35
|
+
args: {
|
|
36
|
+
label: 'Active filter',
|
|
37
|
+
color: 'orange',
|
|
38
|
+
dismissible: true,
|
|
39
|
+
},
|
|
40
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
41
|
+
},
|
|
42
|
+
// href
|
|
43
|
+
{
|
|
44
|
+
name: nameof(x => x.href),
|
|
45
|
+
description: 'When `href` is set, the tag renders as a link. The label area navigates; the dismiss button (if present) is a separate action zone.',
|
|
46
|
+
args: {
|
|
47
|
+
label: 'View category',
|
|
48
|
+
color: 'amber',
|
|
49
|
+
href: '#',
|
|
50
|
+
},
|
|
51
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
52
|
+
},
|
|
53
|
+
// target
|
|
54
|
+
{
|
|
55
|
+
name: nameof(x => x.target),
|
|
56
|
+
description: 'When `target="_blank"`, the link opens in a new tab and `rel="noopener noreferrer"` is automatically applied for security.',
|
|
57
|
+
args: {
|
|
58
|
+
label: 'Documentation',
|
|
59
|
+
color: 'blue',
|
|
60
|
+
href: 'https://nova.eliagroup.io/',
|
|
61
|
+
target: '_blank',
|
|
62
|
+
},
|
|
63
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
64
|
+
},
|
|
65
|
+
// rel
|
|
66
|
+
{
|
|
67
|
+
name: nameof(x => x.rel),
|
|
68
|
+
description: 'Overrides the `rel` attribute on the anchor. When `target="_blank"` and `rel` is not set, it defaults to `"noopener noreferrer"` for security.',
|
|
69
|
+
args: {
|
|
70
|
+
label: 'Partner site',
|
|
71
|
+
color: 'blue',
|
|
72
|
+
href: 'https://partner.example.com/',
|
|
73
|
+
target: '_blank',
|
|
74
|
+
rel: 'noopener',
|
|
75
|
+
},
|
|
76
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
77
|
+
},
|
|
78
|
+
// disabled
|
|
79
|
+
{
|
|
80
|
+
name: nameof(x => x.disabled),
|
|
81
|
+
description: 'When `disabled` is true, the dismiss button is visually dimmed and non-interactive.',
|
|
82
|
+
args: {
|
|
83
|
+
label: 'Read-only filter',
|
|
84
|
+
color: 'orange',
|
|
85
|
+
dismissible: true,
|
|
86
|
+
disabled: true,
|
|
87
|
+
},
|
|
88
|
+
template: h("nv-tag", { "data-storybook-args": true }),
|
|
89
|
+
},
|
|
90
|
+
// Combined: link + dismissible + icon
|
|
91
|
+
{
|
|
92
|
+
name: 'LinkDismissibleWithIcon',
|
|
93
|
+
description: 'Combined variant with link navigation, dismiss action, and a leading icon. The label area navigates while the dismiss button emits a separate event.',
|
|
94
|
+
args: {
|
|
95
|
+
label: 'Energy',
|
|
96
|
+
color: 'turquoise',
|
|
97
|
+
dismissible: true,
|
|
98
|
+
href: '#',
|
|
99
|
+
},
|
|
100
|
+
template: (h("nv-tag", { "data-storybook-args": true }, h("nv-icon", { slot: "leading-icon", name: "bolt" }))),
|
|
101
|
+
},
|
|
102
|
+
// Slot: leading-icon
|
|
103
|
+
{
|
|
104
|
+
name: 'SlotLeadingIcon',
|
|
105
|
+
description: 'Tag with a leading icon via the `leading-icon` slot.',
|
|
106
|
+
args: {
|
|
107
|
+
label: 'Renewable',
|
|
108
|
+
color: 'green',
|
|
109
|
+
},
|
|
110
|
+
template: (h("nv-tag", { "data-storybook-args": true }, h("nv-icon", { slot: "leading-icon", name: "leaf" }))),
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
};
|
|
114
|
+
export default NvTagDocs;
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
import { Host, h } from "@stencil/core";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
/**
|
|
4
|
+
* @slot leading-icon - Optional icon displayed before the label.
|
|
5
|
+
*/
|
|
6
|
+
export class NvTag {
|
|
7
|
+
constructor() {
|
|
8
|
+
/****************************************************************************/
|
|
9
|
+
//#region PROPERTIES
|
|
10
|
+
/**
|
|
11
|
+
* The color variant of the tag.
|
|
12
|
+
*/
|
|
13
|
+
this.color = 'grey';
|
|
14
|
+
/**
|
|
15
|
+
* Whether the tag can be dismissed.
|
|
16
|
+
*/
|
|
17
|
+
this.dismissible = false;
|
|
18
|
+
/**
|
|
19
|
+
* The browsing context for the link.
|
|
20
|
+
*/
|
|
21
|
+
this.target = '_self';
|
|
22
|
+
/**
|
|
23
|
+
* Whether the dismiss button is disabled.
|
|
24
|
+
*/
|
|
25
|
+
this.disabled = false;
|
|
26
|
+
//#endregion EVENTS
|
|
27
|
+
/****************************************************************************/
|
|
28
|
+
//#region METHODS
|
|
29
|
+
/**
|
|
30
|
+
* Handles the dismiss button click.
|
|
31
|
+
* @param {MouseEvent} event - The click event.
|
|
32
|
+
*/
|
|
33
|
+
this.handleDismiss = (event) => {
|
|
34
|
+
event.stopPropagation();
|
|
35
|
+
this.dismissed.emit({ label: this.label });
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
//#endregion METHODS
|
|
39
|
+
/****************************************************************************/
|
|
40
|
+
//#region RENDER
|
|
41
|
+
/**
|
|
42
|
+
* Renders the tag content (icon + label).
|
|
43
|
+
* @returns {unknown} The tag content JSX.
|
|
44
|
+
*/
|
|
45
|
+
renderContent() {
|
|
46
|
+
return [
|
|
47
|
+
h("span", { class: "nv-tag-leading", "aria-hidden": "true" }, h("slot", { name: "leading-icon" })),
|
|
48
|
+
h("span", { class: "nv-tag-label" }, this.label),
|
|
49
|
+
];
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Computes the rel attribute for the anchor.
|
|
53
|
+
* @returns {string | undefined} The computed rel value.
|
|
54
|
+
*/
|
|
55
|
+
computeRel() {
|
|
56
|
+
if (this.href == null)
|
|
57
|
+
return undefined;
|
|
58
|
+
if (this.rel)
|
|
59
|
+
return this.rel;
|
|
60
|
+
if (this.target === '_blank')
|
|
61
|
+
return 'noopener noreferrer';
|
|
62
|
+
return undefined;
|
|
63
|
+
}
|
|
64
|
+
render() {
|
|
65
|
+
const isLink = this.href != null;
|
|
66
|
+
const TagContent = isLink ? 'a' : 'span';
|
|
67
|
+
const anchorProps = isLink
|
|
68
|
+
? { href: this.href, target: this.target, rel: this.computeRel() }
|
|
69
|
+
: {};
|
|
70
|
+
return (h(Host, { key: '91f8ca597d894aaa486f1323e85b5f41a20cd964', class: clsx(`tag-${this.color}`, {
|
|
71
|
+
'has-dismiss': this.dismissible,
|
|
72
|
+
'is-link': isLink,
|
|
73
|
+
}) }, h(TagContent, { key: 'fb92a9c11d119770e9cea1091a9a3efcd988a132', class: "nv-tag-content", ...anchorProps }, this.renderContent()), this.dismissible && (h("button", { key: '8d66bfae4867b83bc24ea316237fb64347fd494b', class: "nv-tag-dismiss", type: "button", "aria-label": this.label ? `Remove ${this.label}` : undefined, disabled: this.disabled, onClick: this.handleDismiss }, h("nv-icon", { key: 'd271fc3152cfe7bcca19b372f2bf313b339e9c37', name: "x", size: "xs" })))));
|
|
74
|
+
}
|
|
75
|
+
static get is() { return "nv-tag"; }
|
|
76
|
+
static get originalStyleUrls() {
|
|
77
|
+
return {
|
|
78
|
+
"$": ["nv-tag.scss"]
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
static get styleUrls() {
|
|
82
|
+
return {
|
|
83
|
+
"$": ["nv-tag.css"]
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
static get properties() {
|
|
87
|
+
return {
|
|
88
|
+
"color": {
|
|
89
|
+
"type": "string",
|
|
90
|
+
"mutable": false,
|
|
91
|
+
"complexType": {
|
|
92
|
+
"original": "TagColor",
|
|
93
|
+
"resolved": "\"amber\" | \"blue\" | \"crimson\" | \"green\" | \"grey\" | \"lime\" | \"orange\" | \"red\" | \"turquoise\" | \"yellow\"",
|
|
94
|
+
"references": {
|
|
95
|
+
"TagColor": {
|
|
96
|
+
"location": "local",
|
|
97
|
+
"path": "/home/runner/work/nova-design-system/nova-design-system/packages/native/src/components/nv-tag/nv-tag.tsx",
|
|
98
|
+
"id": "src/components/nv-tag/nv-tag.tsx::TagColor"
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
"required": false,
|
|
103
|
+
"optional": false,
|
|
104
|
+
"docs": {
|
|
105
|
+
"tags": [],
|
|
106
|
+
"text": "The color variant of the tag."
|
|
107
|
+
},
|
|
108
|
+
"getter": false,
|
|
109
|
+
"setter": false,
|
|
110
|
+
"reflect": true,
|
|
111
|
+
"attribute": "color",
|
|
112
|
+
"defaultValue": "'grey'"
|
|
113
|
+
},
|
|
114
|
+
"label": {
|
|
115
|
+
"type": "string",
|
|
116
|
+
"mutable": false,
|
|
117
|
+
"complexType": {
|
|
118
|
+
"original": "string",
|
|
119
|
+
"resolved": "string",
|
|
120
|
+
"references": {}
|
|
121
|
+
},
|
|
122
|
+
"required": false,
|
|
123
|
+
"optional": true,
|
|
124
|
+
"docs": {
|
|
125
|
+
"tags": [],
|
|
126
|
+
"text": "The text label of the tag."
|
|
127
|
+
},
|
|
128
|
+
"getter": false,
|
|
129
|
+
"setter": false,
|
|
130
|
+
"reflect": true,
|
|
131
|
+
"attribute": "label"
|
|
132
|
+
},
|
|
133
|
+
"dismissible": {
|
|
134
|
+
"type": "boolean",
|
|
135
|
+
"mutable": false,
|
|
136
|
+
"complexType": {
|
|
137
|
+
"original": "boolean",
|
|
138
|
+
"resolved": "boolean",
|
|
139
|
+
"references": {}
|
|
140
|
+
},
|
|
141
|
+
"required": false,
|
|
142
|
+
"optional": false,
|
|
143
|
+
"docs": {
|
|
144
|
+
"tags": [],
|
|
145
|
+
"text": "Whether the tag can be dismissed."
|
|
146
|
+
},
|
|
147
|
+
"getter": false,
|
|
148
|
+
"setter": false,
|
|
149
|
+
"reflect": true,
|
|
150
|
+
"attribute": "dismissible",
|
|
151
|
+
"defaultValue": "false"
|
|
152
|
+
},
|
|
153
|
+
"href": {
|
|
154
|
+
"type": "string",
|
|
155
|
+
"mutable": false,
|
|
156
|
+
"complexType": {
|
|
157
|
+
"original": "string",
|
|
158
|
+
"resolved": "string",
|
|
159
|
+
"references": {}
|
|
160
|
+
},
|
|
161
|
+
"required": false,
|
|
162
|
+
"optional": true,
|
|
163
|
+
"docs": {
|
|
164
|
+
"tags": [],
|
|
165
|
+
"text": "When set, the tag renders as a link."
|
|
166
|
+
},
|
|
167
|
+
"getter": false,
|
|
168
|
+
"setter": false,
|
|
169
|
+
"reflect": true,
|
|
170
|
+
"attribute": "href"
|
|
171
|
+
},
|
|
172
|
+
"target": {
|
|
173
|
+
"type": "string",
|
|
174
|
+
"mutable": false,
|
|
175
|
+
"complexType": {
|
|
176
|
+
"original": "'_self' | '_blank' | '_parent' | '_top'",
|
|
177
|
+
"resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
|
|
178
|
+
"references": {}
|
|
179
|
+
},
|
|
180
|
+
"required": false,
|
|
181
|
+
"optional": false,
|
|
182
|
+
"docs": {
|
|
183
|
+
"tags": [],
|
|
184
|
+
"text": "The browsing context for the link."
|
|
185
|
+
},
|
|
186
|
+
"getter": false,
|
|
187
|
+
"setter": false,
|
|
188
|
+
"reflect": true,
|
|
189
|
+
"attribute": "target",
|
|
190
|
+
"defaultValue": "'_self'"
|
|
191
|
+
},
|
|
192
|
+
"rel": {
|
|
193
|
+
"type": "string",
|
|
194
|
+
"mutable": false,
|
|
195
|
+
"complexType": {
|
|
196
|
+
"original": "string",
|
|
197
|
+
"resolved": "string",
|
|
198
|
+
"references": {}
|
|
199
|
+
},
|
|
200
|
+
"required": false,
|
|
201
|
+
"optional": true,
|
|
202
|
+
"docs": {
|
|
203
|
+
"tags": [],
|
|
204
|
+
"text": "The relationship of the linked resource. When target=\"_blank\" and rel is not set, defaults to \"noopener noreferrer\" for security."
|
|
205
|
+
},
|
|
206
|
+
"getter": false,
|
|
207
|
+
"setter": false,
|
|
208
|
+
"reflect": true,
|
|
209
|
+
"attribute": "rel"
|
|
210
|
+
},
|
|
211
|
+
"disabled": {
|
|
212
|
+
"type": "boolean",
|
|
213
|
+
"mutable": false,
|
|
214
|
+
"complexType": {
|
|
215
|
+
"original": "boolean",
|
|
216
|
+
"resolved": "boolean",
|
|
217
|
+
"references": {}
|
|
218
|
+
},
|
|
219
|
+
"required": false,
|
|
220
|
+
"optional": false,
|
|
221
|
+
"docs": {
|
|
222
|
+
"tags": [],
|
|
223
|
+
"text": "Whether the dismiss button is disabled."
|
|
224
|
+
},
|
|
225
|
+
"getter": false,
|
|
226
|
+
"setter": false,
|
|
227
|
+
"reflect": true,
|
|
228
|
+
"attribute": "disabled",
|
|
229
|
+
"defaultValue": "false"
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
}
|
|
233
|
+
static get events() {
|
|
234
|
+
return [{
|
|
235
|
+
"method": "dismissed",
|
|
236
|
+
"name": "dismissed",
|
|
237
|
+
"bubbles": false,
|
|
238
|
+
"cancelable": true,
|
|
239
|
+
"composed": true,
|
|
240
|
+
"docs": {
|
|
241
|
+
"tags": [],
|
|
242
|
+
"text": "Emitted when the dismiss button is clicked."
|
|
243
|
+
},
|
|
244
|
+
"complexType": {
|
|
245
|
+
"original": "{\n /**\n * The label of the dismissed tag.\n */\n label?: string;\n }",
|
|
246
|
+
"resolved": "{ label?: string; }",
|
|
247
|
+
"references": {}
|
|
248
|
+
}
|
|
249
|
+
}];
|
|
250
|
+
}
|
|
251
|
+
}
|
|
@@ -62,7 +62,7 @@ export class NvTimetest {
|
|
|
62
62
|
/****************************************************************************/
|
|
63
63
|
//#region RENDER
|
|
64
64
|
render() {
|
|
65
|
-
return (h(Host, { key: '
|
|
65
|
+
return (h(Host, { key: 'c9c68e93ef3e0ab01e06918f707c89a6b7bd650b' }, h("label", { key: '418d4bea5711e9db888650aff9e8b89bc0945710' }, "Start:", h("input", { key: '15eeee721a64b4c2811814c7d3c7303c84dfb071', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), h("label", { key: 'e21457f05d522370ed8dccbb228b20207fe0b973' }, "End:", h("input", { key: '856e9a1bce12c51c49c1f666e37d4b8d0d878960', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), h("slot", { key: '983319380ff04eaaca09a0ffcd9f50523f235580' })));
|
|
66
66
|
}
|
|
67
67
|
static get is() { return "nv-timetest"; }
|
|
68
68
|
static get originalStyleUrls() {
|
|
@@ -60,8 +60,8 @@ export class NvToggle {
|
|
|
60
60
|
/****************************************************************************/
|
|
61
61
|
//#region RENDER
|
|
62
62
|
render() {
|
|
63
|
-
return (h(Host, { key: '
|
|
64
|
-
this.el.querySelector('[slot="description"]')) && (h("div", { key: '
|
|
63
|
+
return (h(Host, { key: 'b2bf7956fbe102ff780e87bc731c8d558a6890fe', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h("div", { key: '920b35e98be9f6ef90489a84307e6588c192e4c3', class: "input-container" }, h("input", { key: 'ae627fc038ca204d9e79d9643ba4e946a16fa76d', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h("div", { key: '9c5c0ebba6f24aa9f0556b2c86d823b43c8dd142', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: 'c33b7d589cbc142dd5a318e78ebfbd97f17867c1', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h("slot", { key: 'b45490d577602efb5782aa0952112a28a063e167', name: "label" }, this.label))), (this.description ||
|
|
64
|
+
this.el.querySelector('[slot="description"]')) && (h("div", { key: '5526f29f5f90c89c82c41ceb48e3ccc2d2454e2f', class: "description" }, h("slot", { key: '2ed5c8330514c7f6bb180483e8289228e84dcfa0', name: "description" }, this.description))))));
|
|
65
65
|
}
|
|
66
66
|
static get is() { return "nv-toggle"; }
|
|
67
67
|
static get formAssociated() { return true; }
|
|
@@ -50,7 +50,7 @@ export class NvTogglebutton {
|
|
|
50
50
|
/****************************************************************************/
|
|
51
51
|
//#region RENDER
|
|
52
52
|
render() {
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: '0e5895e17effeef2164efdb6a0b414bb40fde21e', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h("slot", { key: '9a7c2370e6ad8a7442fd9a7c3d4a172a41037103' })));
|
|
54
54
|
}
|
|
55
55
|
static get is() { return "nv-togglebutton"; }
|
|
56
56
|
static get originalStyleUrls() {
|
|
@@ -149,7 +149,7 @@ export class NvTogglebuttongroup {
|
|
|
149
149
|
/****************************************************************************/
|
|
150
150
|
//#region RENDER
|
|
151
151
|
render() {
|
|
152
|
-
return (h(Host, { key: '
|
|
152
|
+
return (h(Host, { key: '4428416f62c5e5f0713089cf7601babd5ee43161' }, h("slot", { key: '549cab50def8d37f072f83af0eea1bb4b55fe3e2' })));
|
|
153
153
|
}
|
|
154
154
|
static get is() { return "nv-togglebuttongroup"; }
|
|
155
155
|
static get originalStyleUrls() {
|
|
@@ -46,7 +46,7 @@ export class NvTooltip {
|
|
|
46
46
|
/****************************************************************************/
|
|
47
47
|
//#region RENDER
|
|
48
48
|
render() {
|
|
49
|
-
return (h(Host, { key: '
|
|
49
|
+
return (h(Host, { key: '6eccd65d55ddfaba863959cd49dd9f404a0f0790' }, h("nv-popover", { key: '9be6e361b11d259b1b8f7b006c41bb62e69141b9', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, h("p", { key: 'a8ac3ddeb4ec1e4fe93bf5344ef35a0712fc60c3', slot: "content" }, this.message), h("slot", { key: '67f9e9c245910c5f0e4e0e515872a332f9065055', name: "content" })), h("slot", { key: '453d0a071793edcdba9fd100bb0161d70c82a506', ref: el => (this.defaultSlot = el) })));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "nv-tooltip"; }
|
|
52
52
|
static get originalStyleUrls() {
|
|
@@ -61,6 +61,11 @@ export var ToggleButtonEmphasis;
|
|
|
61
61
|
ToggleButtonEmphasis["High"] = "high";
|
|
62
62
|
ToggleButtonEmphasis["Low"] = "low";
|
|
63
63
|
})(ToggleButtonEmphasis || (ToggleButtonEmphasis = {}));
|
|
64
|
+
export var StatusIndicatorEmphasis;
|
|
65
|
+
(function (StatusIndicatorEmphasis) {
|
|
66
|
+
StatusIndicatorEmphasis["High"] = "high";
|
|
67
|
+
StatusIndicatorEmphasis["Low"] = "low";
|
|
68
|
+
})(StatusIndicatorEmphasis || (StatusIndicatorEmphasis = {}));
|
|
64
69
|
export var ToggleButtonSize;
|
|
65
70
|
(function (ToggleButtonSize) {
|
|
66
71
|
ToggleButtonSize["ExtraSmall"] = "xs";
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-
|
|
1
|
+
export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DiwYO24j.js";export{a as ButtonEmphasis,B as ButtonSize,b as ButtonType,C as CUSTOM_DAY_NAMES,j as CUSTOM_MONTH_NAMES,D as DeprecatedSemanticColors,F as FeedbackColors,G as GlobalFilterPosition,I as IconButtonShape,f as LabelPlacement,L as LoaderColors,c as NotificationEmphasis,N as NotificationPosition,S as SemanticSizes,i as SortingPossibility,d as StatusIndicatorEmphasis,g as TextInputAutocomplete,h as TimeType,T as ToggleButtonEmphasis,e as ToggleButtonSize,W as WEEK_ABBREVIATIONS}from"./p-gOKBmbgZ.js";export{e as eventUtils}from"./p-B6GgGra-.js";export{u as uriUtils}from"./p-CnI0auJM.js";export{n as dateTimeUtils}from"./p-CyL2J6O4.js";import{u as o}from"./p-D1C_pu0E.js";import{u as t}from"./p-9xYwU7ku.js";import{u as l}from"./p-D02w_Ru6.js";import{u as p}from"./p-D2otK4Ce.js";import{p as m,t as k}from"./p-CgHCo_Ho.js";import{D as w,a as y,b as v,c as _,F as x,H as E,M as z,d as O,e as A,S as U,f as R,g as M,h as H,i as q,j as P,k as Y,l as K,n as Z,r as X,s as J,m as V,o as Q,p as $,q as ee,t as re}from"./p-BaF3Tuua.js";var ae=Object.freeze({__proto__:null,nameof:function(e){return e(new Proxy({},{get:(e,r)=>r}))}}),oe=Object.freeze({__proto__:null,startsWithIgnoreCase:function(e,r){return!(!e||!r)&&e.toLowerCase().startsWith(r.toLowerCase())}}),te=Object.freeze({__proto__:null,parallel:m,timeline:k,useCollapse:o,useFade:t,useGrow:l,useSlide:p}),se=Object.freeze({__proto__:null,DEFAULT_DEBOUNCE_DELAY:w,DEFAULT_FUZZY_THRESHOLD:y,DEFAULT_MAX_RESULTS:v,DEFAULT_WORKER_THRESHOLD:_,FUZZY_DEBOUNCE_DELAY:x,HARD_CAP_MAX_RESULTS:E,MAX_WORKER_THRESHOLD:z,MIN_MAX_RESULTS:O,MIN_WORKER_THRESHOLD:A,SearchWorkerClient:U,buildIndex:R,clampFuzzyThreshold:M,clampMaxResults:H,clampWorkerThreshold:q,clearFuzzyCache:P,getEffectiveFilterMode:Y,isWorkerSupported:K,normalize:Z,rebuildIndex:X,search:J,searchFuzzy:V,searchSmart:Q,searchStrict:$,shouldUseWorker:ee,tokenize:re});const ie=["access-point-off","access-point","accessible","activity","address-book","adjustments-horizontal","adjustments-up","adjustments","affiliate","air-conditioning","alert-circle","alert-square-rounded","alert-triangle","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-diagonal","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-bolt","bell-off","bell-ringing","bell","bike","bluetooth-connected","bluetooth-off","bluetooth","bolt-off","bolt","book","bookmark-off","bookmark","bookmarks","box-align-top","box-multiple","brand-facebook","brand-instagram","brand-linkedin","brand-x","brand-youtube","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-week","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-minus","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","columns-1","columns-2","columns-3","compass","contract","cookie","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","empty","engine","equal-not","eraser-off","eraser","external-link","eye-check","eye-off","eye","eyeglass2","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","git-branch-delete","git-branch","git-cherry-pick","git-commit","git-compare","git-fork","git-merge","git-pull-request-closed","git-pull-request-draft","git-pull-request","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","layers-intersect","layers-off","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-2","map-pin-off","map-pin","map","master-data","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","quotes-open","quotes","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","sitemap","slash","smart-home","snowflake","solar-panel","sort-ascending-letters","sort-ascending-numbers","sort-descending-letters","sort-descending-numbers","spacing-horizontal","spacing-vertical","sparkles","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-exclamation","user-minus","user-off","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-code","world","writing","x","zoom-reset"];export{te as animations,ae as classUtils,ie as iconNames,se as searchEngine,oe as stringUtils}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as o,d as s}from"./p-
|
|
1
|
+
import{N as o,d as s}from"./p-DQuJvZ4Z.js";const p=o,r=s;export{p as NvAccordionItem,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as e,H as t,c as n,f as s,h as i,d as a}from"./p-
|
|
1
|
+
import{t as o,p as e,H as t,c as n,f as s,h as i,d as a}from"./p-DiwYO24j.js";import{d as r}from"./p-DQuJvZ4Z.js";import{d as c}from"./p-BYrgllP3.js";import{d}from"./p-Dg-Ac5i4.js";import{d as l}from"./p-Cx5CLy9v.js";const h=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.openIndexesChanged=n(this,"openIndexesChanged",3),this.data=[],this.mode="accordion",this.openIndexes=[],this.updatingFromInternal=!1}async open(o){this.toggleItem(o,!0)}async close(o){this.toggleItem(o,!1)}toggleItem(o,e){const t=Array.from(this.el.querySelectorAll("nv-accordion-item"))[o];if(!t||t.disabled)return console.warn("[toggleItem] Item not found or disabled:",o),void this.openIndexesChanged.emit([...this.openIndexes||[]]);let n=[...this.openIndexes||[]];const s=n.includes(o);"accordion"===this.mode?n=!1===e||void 0===e&&s?[]:[o]:!1===e?n=n.filter((e=>e!==o)):!0!==e||s?void 0===e&&(n=s?n.filter((e=>e!==o)):[...n,o]):n.push(o),this.updatingFromInternal=!0,this.openIndexes=[...n],this.updateChildrenState(),this.updatingFromInternal=!1,this.openIndexesChanged.emit([...n])}async updateChildrenState(){Array.from(this.el.querySelectorAll("nv-accordion-item")).forEach(((o,e)=>{const t=(this.openIndexes||[]).includes(e);o.open=t,o.mode=this.mode,o.setAttribute("aria-expanded",t?"true":"false"),s(o)}))}onItemToggle(o){if(o.stopPropagation(),this.updatingFromInternal)return;const e=Array.from(this.el.querySelectorAll("nv-accordion-item")).indexOf(o.target);-1!==e?this.toggleItem(e,o.detail):console.warn("[onItemToggle] Target item not found in items list")}onOpenIndexesChange(o,e){this.updatingFromInternal||void 0===o||o===e||this.updateChildrenState()}onModeChange(){this.updateChildrenState()}componentWillLoad(){void 0===this.openIndexes&&(this.openIndexes=[])}async componentDidLoad(){const o=Array.from(this.el.querySelectorAll("nv-accordion-item"));if(!(this.data?.length||this.openIndexes&&0!==this.openIndexes.length)){const e=o.map(((o,e)=>o.hasAttribute("open")||o.open?e:-1)).filter((o=>-1!==o));e.length>0&&(this.updatingFromInternal=!0,this.openIndexes=[...e],this.updatingFromInternal=!1,this.openIndexesChanged.emit([...this.openIndexes]))}await this.updateChildrenState()}render(){return i(a,{key:"60fa93fd799665c25cae9e7d52f80a8dcd4123cf",role:"list",class:"nv-accordion"},this.data?.length?this.data.map(((o,e)=>i("nv-accordion-item",{key:o.id??e,itemTitle:o.title,disabled:o.disabled,open:(this.openIndexes||[]).includes(e),mode:this.mode},o.subtitle?i("div",{slot:"header"},i("div",{class:"nv-accordion-item__header-content"},i("span",{class:"nv-accordion-item__title"},o.title),i("span",{class:"nv-accordion-item__subtitle"},o.subtitle))):null,i("div",{slot:"content"},o.content),o.footer&&i("div",{slot:"footer"},o.footer)))):i("slot",null))}get el(){return this}static get watchers(){return{openIndexes:[{onOpenIndexesChange:0}],mode:[{onModeChange:0}]}}static get style(){return"nv-accordion{display:block;border:var(--spacing-px) solid var(--color-content-low-border);border-radius:var(--radius-rounded-lg)}nv-accordion .nv-accordion__footer{padding:var(--spacing-3);background:var(--color-level-05-background);border-radius:0 0 var(--radius-rounded-lg) var(--radius-rounded-lg);margin-top:calc(var(--spacing-px) * -1);border-top:var(--spacing-px) solid var(--color-content-low-border)}nv-accordion .nv-accordion__footer:empty{display:none}"}},[260,"nv-accordion",{data:[16],mode:[513],openIndexes:[1040],updatingFromInternal:[32],open:[64],close:[64]},[[0,"itemToggle","onItemToggle"]],{openIndexes:[{onOpenIndexesChange:0}],mode:[{onModeChange:0}]}]);function m(){"undefined"!=typeof customElements&&["nv-accordion","nv-accordion-item","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-accordion":customElements.get(o(e))||customElements.define(o(e),h);break;case"nv-accordion-item":customElements.get(o(e))||r();break;case"nv-icon":customElements.get(o(e))||c();break;case"nv-iconbutton":customElements.get(o(e))||d();break;case"nv-loader":customElements.get(o(e))||l()}}))}m();const v=h,p=m;export{v as NvAccordion,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as
|
|
1
|
+
import{t as e,p as o,H as n,c as t,h as a,d as r}from"./p-DiwYO24j.js";import{c as s}from"./p-ChV9xqsO.js";import{F as i}from"./p-gOKBmbgZ.js";import{u as c}from"./p-D1C_pu0E.js";import{u as l}from"./p-9xYwU7ku.js";import"./p-Dz1GUhVy.js";import{t as d}from"./p-CgHCo_Ho.js";import{d as f}from"./p-BYrgllP3.js";const u=o(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.hiddenChanged=t(this,"hiddenChanged",3),this.hiddenChangedComplete=t(this,"hiddenChangedComplete",3),this.closeClicked=t(this,"closeClicked",3),this.feedback="information",this.dismissible=!1,this.preventAutoClose=!1,this.hidden=!1,this.hasNoAnimations=!1,this.handleDismiss=()=>{this.preventAutoClose||(this.hidden=!0),this.closeClicked.emit()},this.getDefaultIcon=()=>{switch(this.feedback){case i.Warning:return"alert-circle";case i.Information:return"info-circle";case i.Success:return"circle-check";case i.Error:return"alert-circle";case i.Neutral:return"help";default:return"info-circle"}}}componentWillRender(){if(this.color)switch(this.color){case"primary":this.feedback="warning";break;case"secondary":case"neutral":this.feedback="information";break;default:this.feedback=this.color}}async handleHiddenChange(e){this.hiddenChanged.emit(e),await this.updateVisibility(e),this.hiddenChangedComplete.emit(e)}async updateVisibility(e){if(this.hasNoAnimations)return void this.toggleHiddenClass(e);const{fadeIn:o,fadeOut:n}=l(this.el,{duration:150}),{collapse:t,expand:a}=c(this.el,{duration:250});e?(await d(n,t).start(),this.toggleHiddenClass(!0)):(this.toggleHiddenClass(!1),await d(a,o).start())}toggleHiddenClass(e){this.el.classList.toggle("hidden",e)}componentWillLoad(){if(this.color)switch(this.color){case"primary":this.feedback="warning";break;case"secondary":case"neutral":this.feedback="information";break;default:this.feedback=this.color}this.hidden&&this.el.classList.add("hidden")}render(){return a(r,{key:"4dc8704f790d4753a364be3727f14dfe033e8f75",role:"alert",class:s("root","feedback-"+this.feedback)},a("nv-icon",{key:"b7e4a1b213c29001d2aa16d4276777fa3fa77039",name:this.icon??this.getDefaultIcon(),class:"icon-"+this.feedback,size:"md"}),a("div",{key:"4ae0406ed796ee2c8cf8e5ed1e40c96dd1bfa7b5",class:"content"},this.heading&&a("p",{key:"02bff20045603c5e5bd3790140ce52cc66857225",class:"heading"},this.heading),this.message&&a("p",{key:"e1436fe5bcffc5226747abd612266c2925d0680d",class:"message"},this.message),a("slot",{key:"deda05a3494ffd1c86ea4670c7ef793773d8c893"})),this.dismissible&&a("button",{key:"0c92c297f4df2ee1dd3eb781df782c983b5b61d5",class:"close",type:"button",onClick:this.handleDismiss},a("nv-icon",{key:"2bf2c72e4dedc932549af6e15cf221678640ea26",name:"x",size:"sm"})))}get el(){return this}static get watchers(){return{hidden:[{handleHiddenChange:0}]}}static get style(){return"nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.hidden{display:none !important}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-right:calc(var(--alert-padding) + var(--spacing-5) + var(--spacing-1));padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}"}},[260,"nv-alert",{color:[513],feedback:[1537],message:[513],heading:[513],icon:[513],dismissible:[516],preventAutoClose:[516,"prevent-auto-close"],hidden:[1540],hasNoAnimations:[516,"has-no-animations"]},void 0,{hidden:[{handleHiddenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["nv-alert","nv-icon"].forEach((o=>{switch(o){case"nv-alert":customElements.get(e(o))||customElements.define(e(o),u);break;case"nv-icon":customElements.get(e(o))||f()}}))}v();const h=u,p=v;export{h as NvAlert,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as t,H as r,h as o,d as n}from"./p-
|
|
1
|
+
import{t as a,p as t,H as r,h as o,d as n}from"./p-DiwYO24j.js";import{c as v}from"./p-ChV9xqsO.js";import{S as s}from"./p-gOKBmbgZ.js";import{d as i}from"./p-BYrgllP3.js";const e=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.size="md",this.color="1"}componentWillRender(){this.xsmall&&(this.size=s.ExtraSmall),this.small&&(this.size=s.Small),this.medium&&(this.size=s.Medium),this.large&&(this.size=s.Large),this.xlarge&&(this.size=s.ExtraLarge),this.text&&(this.initials=this.text),this.url&&(this.src=this.url)}trimInitials(a){return a.trim().substring(0,2)}render(){return o(n,{key:"04faba5849d8626fd926d353d85e866d812a8398",class:v("avatar-"+this.size,"avatar-color-"+this.color),"aria-label":this.alt},this.src?o("img",{src:this.src,alt:this.alt}):this.initials?this.trimInitials(this.initials):o("slot",{name:"icon"},o("nv-icon",{name:"user"})))}static get style(){return"nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}"}},[260,"nv-avatar",{xsmall:[516],small:[516],medium:[516],large:[516],xlarge:[516],text:[513],url:[513],alt:[513],src:[1537],initials:[1537],size:[1537],color:[513]}]);function c(){"undefined"!=typeof customElements&&["nv-avatar","nv-icon"].forEach((t=>{switch(t){case"nv-avatar":customElements.get(a(t))||customElements.define(a(t),e);break;case"nv-icon":customElements.get(a(t))||i()}}))}c();const l=e,h=c;export{l as NvAvatar,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as o,d as
|
|
1
|
+
import{N as o,d as p}from"./p-BhRpSdkR.js";const s=o,r=p;export{s as NvBadge,r as defineCustomElement}
|