@aquera/nile-elements 1.1.5-beta-1.1 → 1.1.5
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/README.md +3 -0
- package/dist/index.js +43 -47
- package/dist/nile-chip/nile-chip.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.esm.js +42 -46
- package/dist/src/nile-chip/nile-chip.js +42 -46
- package/dist/src/nile-chip/nile-chip.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-chip/nile-chip.ts +49 -57
- package/dist/axe.min-140df6c2.cjs.js +0 -2
- package/dist/axe.min-140df6c2.cjs.js.map +0 -1
- package/dist/axe.min-591c52c3.esm.js +0 -1
- package/dist/css-tag-3c4464f5.esm.js +0 -6
- package/dist/css-tag-b6258454.cjs.js +0 -6
- package/dist/css-tag-b6258454.cjs.js.map +0 -1
- package/dist/fixture-ba65262e.esm.js +0 -569
- package/dist/fixture-e3592de4.cjs.js +0 -395
- package/dist/fixture-e3592de4.cjs.js.map +0 -1
- package/dist/flow-3e83b6f4.esm.js +0 -17
- package/dist/flow-ca47f938.cjs.js +0 -14
- package/dist/flow-ca47f938.cjs.js.map +0 -1
- package/dist/lit-html-21bc9a48.cjs.js +0 -6
- package/dist/lit-html-21bc9a48.cjs.js.map +0 -1
- package/dist/lit-html-82603fd0.esm.js +0 -6
- package/dist/nile-inline-sidebar/index.cjs.js +0 -2
- package/dist/nile-inline-sidebar/index.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar/index.esm.js +0 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js +0 -2
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js +0 -2
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.esm.js +0 -58
- package/dist/nile-inline-sidebar/nile-inline-sidebar.esm.js +0 -48
- package/dist/nile-inline-sidebar-group/index.cjs.js +0 -2
- package/dist/nile-inline-sidebar-group/index.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar-group/index.esm.js +0 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.cjs.js +0 -2
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.css.cjs.js +0 -2
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.css.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.css.esm.js +0 -33
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.esm.js +0 -12
- package/dist/nile-inline-sidebar-item/index.cjs.js +0 -2
- package/dist/nile-inline-sidebar-item/index.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar-item/index.esm.js +0 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js +0 -2
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js +0 -2
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js.map +0 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.esm.js +0 -37
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.esm.js +0 -5
- package/dist/nile-inlinesidebar/index.cjs.js +0 -2
- package/dist/nile-inlinesidebar/index.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar/index.esm.js +0 -1
- package/dist/nile-inlinesidebar/nile-inlinesidebar.cjs.js +0 -2
- package/dist/nile-inlinesidebar/nile-inlinesidebar.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar/nile-inlinesidebar.css.cjs.js +0 -2
- package/dist/nile-inlinesidebar/nile-inlinesidebar.css.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar/nile-inlinesidebar.css.esm.js +0 -62
- package/dist/nile-inlinesidebar/nile-inlinesidebar.esm.js +0 -46
- package/dist/nile-inlinesidebar-group/index.cjs.js +0 -2
- package/dist/nile-inlinesidebar-group/index.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar-group/index.esm.js +0 -1
- package/dist/nile-inlinesidebar-group/nile-inlinesidebar-group.cjs.js +0 -2
- package/dist/nile-inlinesidebar-group/nile-inlinesidebar-group.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar-group/nile-inlinesidebar-group.css.cjs.js +0 -2
- package/dist/nile-inlinesidebar-group/nile-inlinesidebar-group.css.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar-group/nile-inlinesidebar-group.css.esm.js +0 -33
- package/dist/nile-inlinesidebar-group/nile-inlinesidebar-group.esm.js +0 -12
- package/dist/nile-inlinesidebar-item/index.cjs.js +0 -2
- package/dist/nile-inlinesidebar-item/index.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar-item/index.esm.js +0 -1
- package/dist/nile-inlinesidebar-item/nile-inlinesidebar-item.cjs.js +0 -2
- package/dist/nile-inlinesidebar-item/nile-inlinesidebar-item.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar-item/nile-inlinesidebar-item.css.cjs.js +0 -2
- package/dist/nile-inlinesidebar-item/nile-inlinesidebar-item.css.cjs.js.map +0 -1
- package/dist/nile-inlinesidebar-item/nile-inlinesidebar-item.css.esm.js +0 -37
- package/dist/nile-inlinesidebar-item/nile-inlinesidebar-item.esm.js +0 -5
- package/dist/nile-side-bar-content/index.cjs.js +0 -2
- package/dist/nile-side-bar-content/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-content/index.esm.js +0 -1
- package/dist/nile-side-bar-content/nile-side-bar-content.cjs.js +0 -2
- package/dist/nile-side-bar-content/nile-side-bar-content.cjs.js.map +0 -1
- package/dist/nile-side-bar-content/nile-side-bar-content.css.cjs.js +0 -2
- package/dist/nile-side-bar-content/nile-side-bar-content.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-content/nile-side-bar-content.css.esm.js +0 -5
- package/dist/nile-side-bar-content/nile-side-bar-content.esm.js +0 -3
- package/dist/nile-side-bar-footer-icon/index.cjs.js +0 -2
- package/dist/nile-side-bar-footer-icon/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-icon/index.esm.js +0 -1
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.cjs.js +0 -2
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.cjs.js +0 -2
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.esm.js +0 -5
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.esm.js +0 -3
- package/dist/nile-side-bar-group-item-content/index.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-content/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-content/index.esm.js +0 -1
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.esm.js +0 -5
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.esm.js +0 -3
- package/dist/nile-sidebar/index.cjs.js +0 -2
- package/dist/nile-sidebar/index.cjs.js.map +0 -1
- package/dist/nile-sidebar/index.esm.js +0 -75
- package/dist/nile-sidebar-menu/index.cjs.js +0 -2
- package/dist/nile-sidebar-menu/index.cjs.js.map +0 -1
- package/dist/nile-sidebar-menu/index.esm.js +0 -1
- package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js +0 -2
- package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js.map +0 -1
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js +0 -2
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js.map +0 -1
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.esm.js +0 -38
- package/dist/nile-sidebar-menu/nile-sidebar-menu.esm.js +0 -10
- package/dist/nile-sidebar-menu-items/index.cjs.js +0 -2
- package/dist/nile-sidebar-menu-items/index.cjs.js.map +0 -1
- package/dist/nile-sidebar-menu-items/index.esm.js +0 -1
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js +0 -2
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js.map +0 -1
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js +0 -2
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js.map +0 -1
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.esm.js +0 -36
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.esm.js +0 -15
- package/dist/nile-sidebar-wrapper/index.cjs.js +0 -2
- package/dist/nile-sidebar-wrapper/index.cjs.js.map +0 -1
- package/dist/nile-sidebar-wrapper/index.esm.js +0 -1
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js +0 -2
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js.map +0 -1
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js +0 -2
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js.map +0 -1
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.esm.js +0 -105
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.esm.js +0 -16
- package/dist/scopedElementsWrapper-abad3c53.cjs.js +0 -2
- package/dist/scopedElementsWrapper-abad3c53.cjs.js.map +0 -1
- package/dist/scopedElementsWrapper-ef11f868.esm.js +0 -1
- package/dist/sinon-esm-283dcc9b.cjs.js +0 -2
- package/dist/sinon-esm-283dcc9b.cjs.js.map +0 -1
- package/dist/sinon-esm-abe9b0ec.esm.js +0 -1
- package/dist/src/nile-inline-sidebar/index.d.ts +0 -1
- package/dist/src/nile-inline-sidebar/index.js +0 -2
- package/dist/src/nile-inline-sidebar/index.js.map +0 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.d.ts +0 -7
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js +0 -66
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js.map +0 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.d.ts +0 -51
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.js +0 -199
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.js.map +0 -1
- package/dist/src/nile-inline-sidebar-group/index.d.ts +0 -1
- package/dist/src/nile-inline-sidebar-group/index.js +0 -2
- package/dist/src/nile-inline-sidebar-group/index.js.map +0 -1
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.d.ts +0 -9
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.js +0 -42
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.js.map +0 -1
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.d.ts +0 -32
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.js +0 -64
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.js.map +0 -1
- package/dist/src/nile-inline-sidebar-item/index.d.ts +0 -1
- package/dist/src/nile-inline-sidebar-item/index.js +0 -2
- package/dist/src/nile-inline-sidebar-item/index.js.map +0 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.d.ts +0 -10
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js +0 -48
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js.map +0 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.d.ts +0 -36
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js +0 -80
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js.map +0 -1
- package/dist/src/nile-inlinesidebar/index.d.ts +0 -1
- package/dist/src/nile-inlinesidebar/index.js +0 -2
- package/dist/src/nile-inlinesidebar/index.js.map +0 -1
- package/dist/src/nile-inlinesidebar/nile-inlinesidebar.css.d.ts +0 -1
- package/dist/src/nile-inlinesidebar/nile-inlinesidebar.css.js +0 -64
- package/dist/src/nile-inlinesidebar/nile-inlinesidebar.css.js.map +0 -1
- package/dist/src/nile-inlinesidebar/nile-inlinesidebar.d.ts +0 -28
- package/dist/src/nile-inlinesidebar/nile-inlinesidebar.js +0 -97
- package/dist/src/nile-inlinesidebar/nile-inlinesidebar.js.map +0 -1
- package/dist/src/nile-inlinesidebar-group/index.d.ts +0 -1
- package/dist/src/nile-inlinesidebar-group/index.js +0 -2
- package/dist/src/nile-inlinesidebar-group/index.js.map +0 -1
- package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.d.ts +0 -3
- package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.js +0 -36
- package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.css.js.map +0 -1
- package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.d.ts +0 -34
- package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.js +0 -67
- package/dist/src/nile-inlinesidebar-group/nile-inlinesidebar-group.js.map +0 -1
- package/dist/src/nile-inlinesidebar-item/index.d.ts +0 -1
- package/dist/src/nile-inlinesidebar-item/index.js +0 -2
- package/dist/src/nile-inlinesidebar-item/index.js.map +0 -1
- package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.d.ts +0 -4
- package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.js +0 -42
- package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.css.js.map +0 -1
- package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.d.ts +0 -37
- package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.js +0 -68
- package/dist/src/nile-inlinesidebar-item/nile-inlinesidebar-item.js.map +0 -1
- package/dist/src/nile-nile-side-bar-expand/index.d.ts +0 -1
- package/dist/src/nile-nile-side-bar-expand/index.js +0 -2
- package/dist/src/nile-nile-side-bar-expand/index.js.map +0 -1
- package/dist/src/nile-nile-side-bar-expand/nile-nile-side-bar-expand.css.d.ts +0 -12
- package/dist/src/nile-nile-side-bar-expand/nile-nile-side-bar-expand.css.js +0 -17
- package/dist/src/nile-nile-side-bar-expand/nile-nile-side-bar-expand.css.js.map +0 -1
- package/dist/src/nile-nile-side-bar-expand/nile-nile-side-bar-expand.d.ts +0 -32
- package/dist/src/nile-nile-side-bar-expand/nile-nile-side-bar-expand.js +0 -43
- package/dist/src/nile-nile-side-bar-expand/nile-nile-side-bar-expand.js.map +0 -1
- package/dist/src/nile-side-bar-content/index.d.ts +0 -1
- package/dist/src/nile-side-bar-content/index.js +0 -2
- package/dist/src/nile-side-bar-content/index.js.map +0 -1
- package/dist/src/nile-side-bar-content/nile-side-bar-content.css.d.ts +0 -12
- package/dist/src/nile-side-bar-content/nile-side-bar-content.css.js +0 -17
- package/dist/src/nile-side-bar-content/nile-side-bar-content.css.js.map +0 -1
- package/dist/src/nile-side-bar-content/nile-side-bar-content.d.ts +0 -32
- package/dist/src/nile-side-bar-content/nile-side-bar-content.js +0 -43
- package/dist/src/nile-side-bar-content/nile-side-bar-content.js.map +0 -1
- package/dist/src/nile-side-bar-footer-icon/index.d.ts +0 -1
- package/dist/src/nile-side-bar-footer-icon/index.js +0 -2
- package/dist/src/nile-side-bar-footer-icon/index.js.map +0 -1
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.d.ts +0 -12
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.js +0 -17
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.js.map +0 -1
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.d.ts +0 -32
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.js +0 -43
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-content/index.d.ts +0 -1
- package/dist/src/nile-side-bar-group-item-content/index.js +0 -2
- package/dist/src/nile-side-bar-group-item-content/index.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.d.ts +0 -12
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.js +0 -17
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.d.ts +0 -32
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.js +0 -43
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.js.map +0 -1
- package/dist/src/nile-sidebar/index.d.ts +0 -28
- package/dist/src/nile-sidebar/index.js +0 -116
- package/dist/src/nile-sidebar/index.js.map +0 -1
- package/dist/src/nile-sidebar/nile-sidebar.css.d.ts +0 -12
- package/dist/src/nile-sidebar/nile-sidebar.css.js +0 -17
- package/dist/src/nile-sidebar/nile-sidebar.css.js.map +0 -1
- package/dist/src/nile-sidebar/nile-sidebar.d.ts +0 -32
- package/dist/src/nile-sidebar/nile-sidebar.js +0 -43
- package/dist/src/nile-sidebar/nile-sidebar.js.map +0 -1
- package/dist/src/nile-sidebar-menu/index.d.ts +0 -1
- package/dist/src/nile-sidebar-menu/index.js +0 -2
- package/dist/src/nile-sidebar-menu/index.js.map +0 -1
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.d.ts +0 -12
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.js +0 -47
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.js.map +0 -1
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.d.ts +0 -37
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.js +0 -84
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.js.map +0 -1
- package/dist/src/nile-sidebar-menu-items/index.d.ts +0 -1
- package/dist/src/nile-sidebar-menu-items/index.js +0 -2
- package/dist/src/nile-sidebar-menu-items/index.js.map +0 -1
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.d.ts +0 -12
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js +0 -45
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js.map +0 -1
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.d.ts +0 -35
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js +0 -78
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.js.map +0 -1
- package/dist/src/nile-sidebar-wrapper/index.d.ts +0 -1
- package/dist/src/nile-sidebar-wrapper/index.js +0 -2
- package/dist/src/nile-sidebar-wrapper/index.js.map +0 -1
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.d.ts +0 -12
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js +0 -114
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map +0 -1
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts +0 -35
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js +0 -89
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js.map +0 -1
- package/dist/virtualize-73f68d08.esm.js +0 -22
- package/dist/virtualize-eb33a9a0.cjs.js +0 -18
- package/dist/virtualize-eb33a9a0.cjs.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { NileInlineSidebar } from './nile-inline-sidebar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileInlineSidebar } from './nile-inline-sidebar';"]}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { css } from 'lit';
|
|
8
|
-
export const styles = css `
|
|
9
|
-
:host {
|
|
10
|
-
display: block;
|
|
11
|
-
height: 100%;
|
|
12
|
-
}
|
|
13
|
-
.sidebar {
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
height: 100%;
|
|
17
|
-
background: white;
|
|
18
|
-
border-right: 1px solid var(--nile-colors-neutral-400);
|
|
19
|
-
transition: width 0.3s ease;
|
|
20
|
-
position: relative;
|
|
21
|
-
}
|
|
22
|
-
.toggle-btn {
|
|
23
|
-
position: absolute;
|
|
24
|
-
top: var(--nile-spacing-2xl);
|
|
25
|
-
right: -14px;
|
|
26
|
-
z-index: 10;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
nile-button.toggle-btn::part(base) {
|
|
30
|
-
width: 30px;
|
|
31
|
-
height: 30px;
|
|
32
|
-
}
|
|
33
|
-
:host(:not([collapsed])) .sidebar {
|
|
34
|
-
width: 216px;
|
|
35
|
-
}
|
|
36
|
-
:host([collapsed]) .sidebar {
|
|
37
|
-
width: 0px;
|
|
38
|
-
}
|
|
39
|
-
:host([collapsed]) .sidebar-nav {
|
|
40
|
-
display: none;
|
|
41
|
-
}
|
|
42
|
-
.sidebar-header {
|
|
43
|
-
display: flex;
|
|
44
|
-
justify-content: flex-end;
|
|
45
|
-
}
|
|
46
|
-
.sidebar-nav {
|
|
47
|
-
display: flex;
|
|
48
|
-
flex-direction: column;
|
|
49
|
-
gap: var(--nile-spacing-xs);
|
|
50
|
-
padding-right: var(--nile-spacing-xl);
|
|
51
|
-
padding-top: var(--nile-spacing-2xl);
|
|
52
|
-
padding-bottom: var(--nile-spacing-2xl);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
nile-side-bar-action-menu::part(menu__items-wrapper) {
|
|
56
|
-
width: 200px;
|
|
57
|
-
padding-top: var(--nile-spacing-lg);
|
|
58
|
-
padding-bottom: var(--nile-spacing-lg);
|
|
59
|
-
max-width: 200px;
|
|
60
|
-
}
|
|
61
|
-
nile-side-bar-action-menu-item::part(base) {
|
|
62
|
-
margin-left: 0;
|
|
63
|
-
margin-right: 0;
|
|
64
|
-
}
|
|
65
|
-
`;
|
|
66
|
-
//# sourceMappingURL=nile-inline-sidebar.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\nexport const styles = css`\n:host {\n display: block;\n height: 100%;\n}\n.sidebar {\n display: flex;\n flex-direction: column;\n height: 100%;\n background: white;\n border-right: 1px solid var(--nile-colors-neutral-400);\n transition: width 0.3s ease;\n position: relative; \n}\n.toggle-btn {\n position: absolute;\n top: var(--nile-spacing-2xl);\n right: -14px; \n z-index: 10;\n}\n\nnile-button.toggle-btn::part(base) {\n width: 30px;\n height: 30px;\n}\n:host(:not([collapsed])) .sidebar {\n width: 216px;\n}\n:host([collapsed]) .sidebar {\n width: 0px;\n}\n:host([collapsed]) .sidebar-nav {\n display: none;\n}\n.sidebar-header {\n display: flex;\n justify-content: flex-end;\n}\n.sidebar-nav {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xs);\n padding-right: var(--nile-spacing-xl);\npadding-top: var(--nile-spacing-2xl);\n padding-bottom: var(--nile-spacing-2xl);\n}\n\nnile-side-bar-action-menu::part(menu__items-wrapper) {\nwidth: 200px;\npadding-top: var(--nile-spacing-lg);\npadding-bottom: var(--nile-spacing-lg);\nmax-width: 200px;\n}\nnile-side-bar-action-menu-item::part(base) {\nmargin-left: 0;\nmargin-right: 0;\n}\n`;\n"]}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { CSSResultArray, TemplateResult } from 'lit';
|
|
8
|
-
import NileElement from '../internal/nile-element';
|
|
9
|
-
/**
|
|
10
|
-
* Nile inline sidebar component.
|
|
11
|
-
*
|
|
12
|
-
* @tag nile-inline-sidebar
|
|
13
|
-
*/
|
|
14
|
-
export declare class NileInlineSidebar extends NileElement {
|
|
15
|
-
/** Whether the sidebar is collapsed */
|
|
16
|
-
collapsed: boolean;
|
|
17
|
-
/** If true, disables collapse functionality and hides the toggle button */
|
|
18
|
-
fixed: boolean;
|
|
19
|
-
/** Holds the active item index */
|
|
20
|
-
private activeIndex;
|
|
21
|
-
/** Reference to the default slot */
|
|
22
|
-
private defaultSlot;
|
|
23
|
-
/** Mutation observer for reactive child updates */
|
|
24
|
-
private mutationObserver?;
|
|
25
|
-
static get styles(): CSSResultArray;
|
|
26
|
-
/** Computed getter that collects all sidebar items recursively */
|
|
27
|
-
private get sidebarItems();
|
|
28
|
-
connectedCallback(): void;
|
|
29
|
-
disconnectedCallback(): void;
|
|
30
|
-
firstUpdated(): void;
|
|
31
|
-
/** Observe sidebar items for 'active' attribute changes */
|
|
32
|
-
private observeSidebarItems;
|
|
33
|
-
/** Sync internal active index when an item is manually set active */
|
|
34
|
-
private syncActiveFromItems;
|
|
35
|
-
/** Handles item selection events */
|
|
36
|
-
private handleItemSelect;
|
|
37
|
-
/** Handles sidebar collapse toggle */
|
|
38
|
-
private toggleCollapse;
|
|
39
|
-
/** Handles dropdown item click when sidebar is collapsed */
|
|
40
|
-
private handleMenuItemClick;
|
|
41
|
-
/** Template for dropdown items (collapsed mode) */
|
|
42
|
-
private get menuItemsTemplate();
|
|
43
|
-
/** Main render function */
|
|
44
|
-
render(): TemplateResult;
|
|
45
|
-
}
|
|
46
|
-
export default NileInlineSidebar;
|
|
47
|
-
declare global {
|
|
48
|
-
interface HTMLElementTagNameMap {
|
|
49
|
-
'nile-inline-sidebar': NileInlineSidebar;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html } from 'lit';
|
|
9
|
-
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
10
|
-
import { styles } from './nile-inline-sidebar.css';
|
|
11
|
-
import NileElement from '../internal/nile-element';
|
|
12
|
-
/**
|
|
13
|
-
* Nile inline sidebar component.
|
|
14
|
-
*
|
|
15
|
-
* @tag nile-inline-sidebar
|
|
16
|
-
*/
|
|
17
|
-
let NileInlineSidebar = class NileInlineSidebar extends NileElement {
|
|
18
|
-
constructor() {
|
|
19
|
-
super(...arguments);
|
|
20
|
-
/** Whether the sidebar is collapsed */
|
|
21
|
-
this.collapsed = false;
|
|
22
|
-
/** If true, disables collapse functionality and hides the toggle button */
|
|
23
|
-
this.fixed = false;
|
|
24
|
-
/** Holds the active item index */
|
|
25
|
-
this.activeIndex = -1;
|
|
26
|
-
/** Handles item selection events */
|
|
27
|
-
this.handleItemSelect = (event) => {
|
|
28
|
-
const selectedItem = event.detail.item;
|
|
29
|
-
const index = this.sidebarItems.indexOf(selectedItem);
|
|
30
|
-
this.sidebarItems.forEach((item, i) => item.active = i === index);
|
|
31
|
-
this.activeIndex = index;
|
|
32
|
-
this.dispatchEvent(new CustomEvent('nile-change', {
|
|
33
|
-
detail: { selectedItem, index },
|
|
34
|
-
bubbles: true,
|
|
35
|
-
composed: true,
|
|
36
|
-
}));
|
|
37
|
-
this.requestUpdate();
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
static get styles() {
|
|
41
|
-
return [styles];
|
|
42
|
-
}
|
|
43
|
-
/** Computed getter that collects all sidebar items recursively */
|
|
44
|
-
get sidebarItems() {
|
|
45
|
-
if (!this.defaultSlot)
|
|
46
|
-
return [];
|
|
47
|
-
const assigned = this.defaultSlot.assignedElements({ flatten: true });
|
|
48
|
-
const items = assigned.flatMap((el) => el.tagName.toLowerCase() === 'nile-inline-sidebar-item'
|
|
49
|
-
? [el]
|
|
50
|
-
: Array.from(el.querySelectorAll('nile-inline-sidebar-item')));
|
|
51
|
-
return items;
|
|
52
|
-
}
|
|
53
|
-
connectedCallback() {
|
|
54
|
-
super.connectedCallback();
|
|
55
|
-
// Listen for user-triggered selection
|
|
56
|
-
this.addEventListener('nile-select', this.handleItemSelect);
|
|
57
|
-
// Initialize the mutation observer for reactive attribute watching
|
|
58
|
-
this.mutationObserver = new MutationObserver(() => this.syncActiveFromItems());
|
|
59
|
-
}
|
|
60
|
-
disconnectedCallback() {
|
|
61
|
-
super.disconnectedCallback();
|
|
62
|
-
this.mutationObserver?.disconnect();
|
|
63
|
-
this.removeEventListener('nile-select', this.handleItemSelect);
|
|
64
|
-
}
|
|
65
|
-
firstUpdated() {
|
|
66
|
-
this.observeSidebarItems();
|
|
67
|
-
this.syncActiveFromItems();
|
|
68
|
-
// Ensure fixedState keeps sidebar expanded
|
|
69
|
-
if (this.fixed) {
|
|
70
|
-
this.collapsed = false;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
/** Observe sidebar items for 'active' attribute changes */
|
|
74
|
-
observeSidebarItems() {
|
|
75
|
-
if (!this.sidebarItems?.length || !this.mutationObserver)
|
|
76
|
-
return;
|
|
77
|
-
this.sidebarItems.forEach((item) => this.mutationObserver.observe(item, { attributes: true, attributeFilter: ['active'] }));
|
|
78
|
-
}
|
|
79
|
-
/** Sync internal active index when an item is manually set active */
|
|
80
|
-
syncActiveFromItems() {
|
|
81
|
-
if (!this.sidebarItems?.length)
|
|
82
|
-
return;
|
|
83
|
-
const activeIndex = this.sidebarItems.findIndex((item) => item.hasAttribute('active'));
|
|
84
|
-
if (activeIndex !== -1 && activeIndex !== this.activeIndex) {
|
|
85
|
-
this.activeIndex = activeIndex;
|
|
86
|
-
this.requestUpdate();
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
/** Handles sidebar collapse toggle */
|
|
90
|
-
toggleCollapse() {
|
|
91
|
-
if (this.fixed)
|
|
92
|
-
return; // Prevent toggling when fixed
|
|
93
|
-
this.collapsed = !this.collapsed;
|
|
94
|
-
console.log('[Sidebar] Toggled collapse →', this.collapsed);
|
|
95
|
-
this.dispatchEvent(new CustomEvent('nile-toggle', {
|
|
96
|
-
detail: { collapsed: this.collapsed },
|
|
97
|
-
bubbles: true,
|
|
98
|
-
composed: true,
|
|
99
|
-
}));
|
|
100
|
-
}
|
|
101
|
-
/** Handles dropdown item click when sidebar is collapsed */
|
|
102
|
-
handleMenuItemClick(index) {
|
|
103
|
-
const selectedItem = this.sidebarItems[index];
|
|
104
|
-
if (!selectedItem || selectedItem.hasAttribute('disabled'))
|
|
105
|
-
return;
|
|
106
|
-
this.sidebarItems.forEach((item, i) => item.active = i === index);
|
|
107
|
-
this.activeIndex = index;
|
|
108
|
-
this.dispatchEvent(new CustomEvent('nile-select', {
|
|
109
|
-
detail: { item: selectedItem },
|
|
110
|
-
bubbles: true,
|
|
111
|
-
composed: true,
|
|
112
|
-
}));
|
|
113
|
-
this.requestUpdate();
|
|
114
|
-
}
|
|
115
|
-
/** Template for dropdown items (collapsed mode) */
|
|
116
|
-
get menuItemsTemplate() {
|
|
117
|
-
if (!this.sidebarItems?.length)
|
|
118
|
-
return null;
|
|
119
|
-
return this.sidebarItems.map((item, index) => html `
|
|
120
|
-
<nile-side-bar-action-menu-item
|
|
121
|
-
?disabled=${item.hasAttribute('disabled')}
|
|
122
|
-
?active=${this.activeIndex === index}
|
|
123
|
-
@click=${() => this.handleMenuItemClick(index)}
|
|
124
|
-
>
|
|
125
|
-
${item.textContent}
|
|
126
|
-
</nile-side-bar-action-menu-item>
|
|
127
|
-
`);
|
|
128
|
-
}
|
|
129
|
-
/** Main render function */
|
|
130
|
-
render() {
|
|
131
|
-
return html `
|
|
132
|
-
<div class="sidebar" part="base">
|
|
133
|
-
<div class="sidebar-header" part="header">
|
|
134
|
-
${!this.fixed
|
|
135
|
-
? this.collapsed
|
|
136
|
-
? html `
|
|
137
|
-
<nile-side-bar-action
|
|
138
|
-
class="toggle-action"
|
|
139
|
-
placement="bottom-start"
|
|
140
|
-
hoist
|
|
141
|
-
triggerDropdown="hover"
|
|
142
|
-
>
|
|
143
|
-
<nile-button
|
|
144
|
-
slot="trigger"
|
|
145
|
-
class="toggle-btn"
|
|
146
|
-
variant="tertiary"
|
|
147
|
-
@click=${this.toggleCollapse}
|
|
148
|
-
>
|
|
149
|
-
<nile-icon name="menu_close"></nile-icon>
|
|
150
|
-
</nile-button>
|
|
151
|
-
<nile-side-bar-action-menu>
|
|
152
|
-
${this.menuItemsTemplate}
|
|
153
|
-
</nile-side-bar-action-menu>
|
|
154
|
-
</nile-side-bar-action>
|
|
155
|
-
`
|
|
156
|
-
: html `
|
|
157
|
-
<nile-button class="toggle-btn" variant="tertiary" @click=${this.toggleCollapse}>
|
|
158
|
-
<nile-icon name="menu_open"></nile-icon>
|
|
159
|
-
</nile-button>
|
|
160
|
-
`
|
|
161
|
-
: null}
|
|
162
|
-
</div>
|
|
163
|
-
|
|
164
|
-
<nav
|
|
165
|
-
class="sidebar-nav"
|
|
166
|
-
style=${this.collapsed ? 'display:none;' : ''}
|
|
167
|
-
part="nav-items"
|
|
168
|
-
>
|
|
169
|
-
<slot
|
|
170
|
-
@slotchange=${() => {
|
|
171
|
-
console.log('[Sidebar] Slot content updated');
|
|
172
|
-
this.requestUpdate();
|
|
173
|
-
this.observeSidebarItems(); // rebind observer to new items
|
|
174
|
-
this.syncActiveFromItems(); // resync active index
|
|
175
|
-
}}
|
|
176
|
-
></slot>
|
|
177
|
-
</nav>
|
|
178
|
-
</div>
|
|
179
|
-
`;
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
|
-
__decorate([
|
|
183
|
-
property({ type: Boolean, reflect: true })
|
|
184
|
-
], NileInlineSidebar.prototype, "collapsed", void 0);
|
|
185
|
-
__decorate([
|
|
186
|
-
property({ type: Boolean, reflect: true, attribute: true })
|
|
187
|
-
], NileInlineSidebar.prototype, "fixed", void 0);
|
|
188
|
-
__decorate([
|
|
189
|
-
state()
|
|
190
|
-
], NileInlineSidebar.prototype, "activeIndex", void 0);
|
|
191
|
-
__decorate([
|
|
192
|
-
query('slot')
|
|
193
|
-
], NileInlineSidebar.prototype, "defaultSlot", void 0);
|
|
194
|
-
NileInlineSidebar = __decorate([
|
|
195
|
-
customElement('nile-inline-sidebar')
|
|
196
|
-
], NileInlineSidebar);
|
|
197
|
-
export { NileInlineSidebar };
|
|
198
|
-
export default NileInlineSidebar;
|
|
199
|
-
//# sourceMappingURL=nile-inline-sidebar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar/nile-inline-sidebar.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar component.\n *\n * @tag nile-inline-sidebar\n */\n@customElement('nile-inline-sidebar')\nexport class NileInlineSidebar extends NileElement {\n /** Whether the sidebar is collapsed */\n @property({ type: Boolean, reflect: true }) collapsed = false;\n\n /** If true, disables collapse functionality and hides the toggle button */\n @property({ type: Boolean, reflect: true, attribute: true }) fixed = false;\n\n /** Holds the active item index */\n @state() private activeIndex: number = -1;\n\n /** Reference to the default slot */\n @query('slot') private defaultSlot!: HTMLSlotElement;\n\n /** Mutation observer for reactive child updates */\n private mutationObserver?: MutationObserver;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** Computed getter that collects all sidebar items recursively */\n private get sidebarItems(): HTMLElement[] {\n if (!this.defaultSlot) return [];\n const assigned = this.defaultSlot.assignedElements({ flatten: true });\n const items = assigned.flatMap((el) =>\n el.tagName.toLowerCase() === 'nile-inline-sidebar-item'\n ? [el]\n : Array.from(el.querySelectorAll('nile-inline-sidebar-item')),\n );\n return items as HTMLElement[];\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Listen for user-triggered selection\n this.addEventListener('nile-select', this.handleItemSelect);\n\n // Initialize the mutation observer for reactive attribute watching\n this.mutationObserver = new MutationObserver(() => this.syncActiveFromItems());\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.mutationObserver?.disconnect();\n this.removeEventListener('nile-select', this.handleItemSelect);\n }\n\n firstUpdated() {\n this.observeSidebarItems();\n this.syncActiveFromItems();\n\n // Ensure fixedState keeps sidebar expanded\n if (this.fixed) {\n this.collapsed = false;\n }\n }\n\n /** Observe sidebar items for 'active' attribute changes */\n private observeSidebarItems() {\n if (!this.sidebarItems?.length || !this.mutationObserver) return;\n this.sidebarItems.forEach((item) =>\n this.mutationObserver!.observe(item, { attributes: true, attributeFilter: ['active'] }),\n );\n }\n\n /** Sync internal active index when an item is manually set active */\n private syncActiveFromItems() {\n if (!this.sidebarItems?.length) return;\n const activeIndex = this.sidebarItems.findIndex((item) => item.hasAttribute('active'));\n if (activeIndex !== -1 && activeIndex !== this.activeIndex) {\n this.activeIndex = activeIndex;\n this.requestUpdate();\n }\n }\n\n /** Handles item selection events */\n private handleItemSelect = (event: CustomEvent) => {\n const selectedItem = event.detail.item as HTMLElement;\n const index = this.sidebarItems.indexOf(selectedItem);\n\n this.sidebarItems.forEach((item, i) => (item as any).active = i === index);\n this.activeIndex = index;\n\n this.dispatchEvent(\n new CustomEvent('nile-change', {\n detail: { selectedItem, index },\n bubbles: true,\n composed: true,\n }),\n );\n\n this.requestUpdate();\n };\n\n /** Handles sidebar collapse toggle */\n private toggleCollapse() {\n if (this.fixed) return; // Prevent toggling when fixed\n this.collapsed = !this.collapsed;\n console.log('[Sidebar] Toggled collapse →', this.collapsed);\n\n this.dispatchEvent(\n new CustomEvent('nile-toggle', {\n detail: { collapsed: this.collapsed },\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n /** Handles dropdown item click when sidebar is collapsed */\n private handleMenuItemClick(index: number) {\n const selectedItem = this.sidebarItems[index];\n if (!selectedItem || selectedItem.hasAttribute('disabled')) return;\n\n this.sidebarItems.forEach((item, i) => (item as any).active = i === index);\n this.activeIndex = index;\n\n this.dispatchEvent(\n new CustomEvent('nile-select', {\n detail: { item: selectedItem },\n bubbles: true,\n composed: true,\n }),\n );\n\n this.requestUpdate();\n }\n\n /** Template for dropdown items (collapsed mode) */\n private get menuItemsTemplate() {\n if (!this.sidebarItems?.length) return null;\n return this.sidebarItems.map(\n (item, index) => html`\n <nile-side-bar-action-menu-item\n ?disabled=${item.hasAttribute('disabled')}\n ?active=${this.activeIndex === index}\n @click=${() => this.handleMenuItemClick(index)}\n >\n ${item.textContent}\n </nile-side-bar-action-menu-item>\n `,\n );\n }\n\n /** Main render function */\n public render(): TemplateResult {\n return html`\n <div class=\"sidebar\" part=\"base\">\n <div class=\"sidebar-header\" part=\"header\">\n ${!this.fixed\n ? this.collapsed\n ? html`\n <nile-side-bar-action\n class=\"toggle-action\"\n placement=\"bottom-start\"\n hoist\n triggerDropdown=\"hover\"\n >\n <nile-button\n slot=\"trigger\"\n class=\"toggle-btn\"\n variant=\"tertiary\"\n @click=${this.toggleCollapse}\n >\n <nile-icon name=\"menu_close\"></nile-icon>\n </nile-button>\n <nile-side-bar-action-menu>\n ${this.menuItemsTemplate}\n </nile-side-bar-action-menu>\n </nile-side-bar-action>\n `\n : html`\n <nile-button class=\"toggle-btn\" variant=\"tertiary\" @click=${this.toggleCollapse}>\n <nile-icon name=\"menu_open\"></nile-icon>\n </nile-button>\n `\n : null}\n </div>\n\n <nav\n class=\"sidebar-nav\"\n style=${this.collapsed ? 'display:none;' : ''}\n part=\"nav-items\"\n >\n <slot\n @slotchange=${() => {\n console.log('[Sidebar] Slot content updated');\n this.requestUpdate();\n this.observeSidebarItems(); // rebind observer to new items\n this.syncActiveFromItems(); // resync active index\n }}\n ></slot>\n </nav>\n </div>\n `;\n }\n}\n\nexport default NileInlineSidebar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-inline-sidebar': NileInlineSidebar;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { NileInlineSidebarGroup } from './nile-inline-sidebar-group';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { NileInlineSidebarGroup } from './nile-inline-sidebar-group';"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
export declare const styles: import("lit").CSSResult;
|
|
8
|
-
declare const _default: import("lit").CSSResult[];
|
|
9
|
-
export default _default;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { css } from 'lit';
|
|
8
|
-
export const styles = css `
|
|
9
|
-
:host {
|
|
10
|
-
display: block;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.group {
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
gap: var(--nile-spacing-xs);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/* Remove divider if divider=false */
|
|
20
|
-
:host([divider="false"]) .group {
|
|
21
|
-
border-bottom: none;
|
|
22
|
-
margin-bottom: 0;
|
|
23
|
-
padding-bottom: 0;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.group-label {
|
|
27
|
-
font-size: 0.75rem;
|
|
28
|
-
font-weight: 600;
|
|
29
|
-
text-transform: uppercase;
|
|
30
|
-
color: #6b7280;
|
|
31
|
-
margin: var(--nile-spacing-xs) 0 var(--nile-spacing-xs) var(--nile-spacing-md);
|
|
32
|
-
letter-spacing: 0.05em;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.group-items {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
gap: var(--nile-spacing-xs);
|
|
39
|
-
}
|
|
40
|
-
`;
|
|
41
|
-
export default [styles];
|
|
42
|
-
//# sourceMappingURL=nile-inline-sidebar-group.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar-group.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\nexport const styles = css`\n:host {\n display: block;\n}\n\n.group {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xs);\n}\n\n/* Remove divider if divider=false */\n:host([divider=\"false\"]) .group {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n}\n\n.group-label {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n color: #6b7280;\n margin: var(--nile-spacing-xs) 0 var(--nile-spacing-xs) var(--nile-spacing-md);\n letter-spacing: 0.05em;\n}\n\n.group-items {\n display: flex;\n flex-direction: column;\n gap: var(--nile-spacing-xs);\n}\n`;\n\nexport default [styles];\n"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { CSSResultArray, TemplateResult } from 'lit';
|
|
8
|
-
import NileElement from '../internal/nile-element';
|
|
9
|
-
/**
|
|
10
|
-
* Nile inline sidebar group.
|
|
11
|
-
*
|
|
12
|
-
* @tag nile-inlinesidebar-group
|
|
13
|
-
*
|
|
14
|
-
* @attr label - Optional group label
|
|
15
|
-
* @attr divider - Whether to show a divider below the group (default: true)
|
|
16
|
-
*
|
|
17
|
-
* @slot - Inline sidebar items
|
|
18
|
-
* @slot label - Optional label/header for the group
|
|
19
|
-
*/
|
|
20
|
-
export declare class NileInlineSidebarGroup extends NileElement {
|
|
21
|
-
label: string;
|
|
22
|
-
divider: boolean;
|
|
23
|
-
static get styles(): CSSResultArray;
|
|
24
|
-
render(): TemplateResult;
|
|
25
|
-
private hasLabelSlot;
|
|
26
|
-
}
|
|
27
|
-
export default NileInlineSidebarGroup;
|
|
28
|
-
declare global {
|
|
29
|
-
interface HTMLElementTagNameMap {
|
|
30
|
-
'nile-inline-sidebar-group': NileInlineSidebarGroup;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html } from 'lit';
|
|
9
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
10
|
-
import { styles } from './nile-inline-sidebar-group.css';
|
|
11
|
-
import NileElement from '../internal/nile-element';
|
|
12
|
-
/**
|
|
13
|
-
* Nile inline sidebar group.
|
|
14
|
-
*
|
|
15
|
-
* @tag nile-inlinesidebar-group
|
|
16
|
-
*
|
|
17
|
-
* @attr label - Optional group label
|
|
18
|
-
* @attr divider - Whether to show a divider below the group (default: true)
|
|
19
|
-
*
|
|
20
|
-
* @slot - Inline sidebar items
|
|
21
|
-
* @slot label - Optional label/header for the group
|
|
22
|
-
*/
|
|
23
|
-
let NileInlineSidebarGroup = class NileInlineSidebarGroup extends NileElement {
|
|
24
|
-
constructor() {
|
|
25
|
-
super(...arguments);
|
|
26
|
-
this.label = '';
|
|
27
|
-
this.divider = false;
|
|
28
|
-
}
|
|
29
|
-
static get styles() {
|
|
30
|
-
return [styles];
|
|
31
|
-
}
|
|
32
|
-
render() {
|
|
33
|
-
return html `
|
|
34
|
-
<div class="group">
|
|
35
|
-
${this.label || this.hasLabelSlot()
|
|
36
|
-
? html `
|
|
37
|
-
<div class="group-label">
|
|
38
|
-
<slot name="label">${this.label}</slot>
|
|
39
|
-
</div>
|
|
40
|
-
`
|
|
41
|
-
: null}
|
|
42
|
-
<div class="group-items">
|
|
43
|
-
<slot></slot>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
`;
|
|
47
|
-
}
|
|
48
|
-
hasLabelSlot() {
|
|
49
|
-
const slot = this.shadowRoot?.querySelector('slot[name="label"]');
|
|
50
|
-
return !!slot;
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
__decorate([
|
|
54
|
-
property({ type: String })
|
|
55
|
-
], NileInlineSidebarGroup.prototype, "label", void 0);
|
|
56
|
-
__decorate([
|
|
57
|
-
property({ type: Boolean, reflect: true })
|
|
58
|
-
], NileInlineSidebarGroup.prototype, "divider", void 0);
|
|
59
|
-
NileInlineSidebarGroup = __decorate([
|
|
60
|
-
customElement('nile-inline-sidebar-group')
|
|
61
|
-
], NileInlineSidebarGroup);
|
|
62
|
-
export { NileInlineSidebarGroup };
|
|
63
|
-
export default NileInlineSidebarGroup;
|
|
64
|
-
//# sourceMappingURL=nile-inline-sidebar-group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar-group.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-group/nile-inline-sidebar-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;;;;GAUG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,WAAW;IAAhD;;QACuB,UAAK,GAAW,EAAE,CAAC;QACH,YAAO,GAAY,KAAK,CAAC;IA2BvE,CAAC;IAzBQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,YAAY,EAAE;YACjC,CAAC,CAAC,IAAI,CAAA;;qCAEqB,IAAI,CAAC,KAAK;;aAElC;YACH,CAAC,CAAC,IAAI;;;;;KAKX,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAClE,OAAO,CAAC,CAAC,IAAI,CAAC;IAChB,CAAC;CACF,CAAA;AA5B6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAoB;AACH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAA0B;AAF1D,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA6BlC;;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-group.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile inline sidebar group.\n *\n * @tag nile-inlinesidebar-group\n *\n * @attr label - Optional group label\n * @attr divider - Whether to show a divider below the group (default: true)\n *\n * @slot - Inline sidebar items\n * @slot label - Optional label/header for the group\n */\n@customElement('nile-inline-sidebar-group')\nexport class NileInlineSidebarGroup extends NileElement {\n @property({ type: String }) label: string = '';\n @property({ type: Boolean, reflect: true }) divider: boolean = false;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"group\">\n ${this.label || this.hasLabelSlot()\n ? html`\n <div class=\"group-label\">\n <slot name=\"label\">${this.label}</slot>\n </div>\n `\n : null}\n <div class=\"group-items\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private hasLabelSlot(): boolean {\n const slot = this.shadowRoot?.querySelector('slot[name=\"label\"]');\n return !!slot;\n }\n}\n\nexport default NileInlineSidebarGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-inline-sidebar-group': NileInlineSidebarGroup;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { NileInlineSidebarItem } from './nile-inline-sidebar-item';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { NileInlineSidebarItem } from './nile-inline-sidebar-item';"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* InlinesidebarItem CSS
|
|
9
|
-
*/
|
|
10
|
-
export declare const styles: import("lit").CSSResult;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { css } from 'lit';
|
|
8
|
-
/**
|
|
9
|
-
* InlinesidebarItem CSS
|
|
10
|
-
*/
|
|
11
|
-
export const styles = css `
|
|
12
|
-
:host {
|
|
13
|
-
display: block;
|
|
14
|
-
font-family: var(--nile-font-family-sans-serif);
|
|
15
|
-
font-size: var(--nile-type-scale-3);
|
|
16
|
-
color: var(--nile-colors-dark-900);
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
user-select: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.item {
|
|
22
|
-
padding: var(--nile-spacing-lg) var(--nile-spacing-md);
|
|
23
|
-
border-radius: var(--nile-radius-sm);
|
|
24
|
-
transition: background 0.2s, color 0.2s;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
/* Hover state */
|
|
28
|
-
:host(:not([disabled])) .item:hover {
|
|
29
|
-
background: var(--nile-colors-neutral-400);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/* Active state */
|
|
33
|
-
:host([active]) .item {
|
|
34
|
-
background: var(--nile-colors-primary-100);
|
|
35
|
-
font-weight: 500;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* Disabled state */
|
|
39
|
-
:host([disabled]) {
|
|
40
|
-
color: #9ca3af;
|
|
41
|
-
cursor: not-allowed;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
:host([disabled]) .item {
|
|
45
|
-
pointer-events: none;
|
|
46
|
-
}
|
|
47
|
-
`;
|
|
48
|
-
//# sourceMappingURL=nile-inline-sidebar-item.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar-item.css.js","sourceRoot":"","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * InlinesidebarItem CSS\n */\nexport const styles = css`\n:host {\n display: block;\n font-family: var(--nile-font-family-sans-serif);\n font-size: var(--nile-type-scale-3);\n color: var(--nile-colors-dark-900);\n cursor: pointer;\n user-select: none;\n}\n\n.item {\n padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n border-radius: var(--nile-radius-sm);\n transition: background 0.2s, color 0.2s;\n}\n\n/* Hover state */\n:host(:not([disabled])) .item:hover {\n background: var(--nile-colors-neutral-400);\n}\n\n/* Active state */\n:host([active]) .item {\n background: var(--nile-colors-primary-100);\n font-weight: 500;\n}\n\n/* Disabled state */\n:host([disabled]) {\n color: #9ca3af;\n cursor: not-allowed;\n}\n\n:host([disabled]) .item {\n pointer-events: none;\n}\n`;\n"]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright Aquera Inc 2023
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
import { CSSResultArray, TemplateResult } from 'lit';
|
|
8
|
-
import NileElement from '../internal/nile-element';
|
|
9
|
-
/**
|
|
10
|
-
* Nile inline sidebar item.
|
|
11
|
-
*
|
|
12
|
-
* @tag nile-inlinesidebar-item
|
|
13
|
-
*
|
|
14
|
-
* @attr active - Marks the item as active (selected).
|
|
15
|
-
* @attr disabled - Marks the item as disabled (non-interactive).
|
|
16
|
-
* @attr href - Optional URL to navigate to when the item is clicked.
|
|
17
|
-
*
|
|
18
|
-
* @slot - Default slot for the item text or content.
|
|
19
|
-
*
|
|
20
|
-
* @fires nile-select - Emitted when the item is clicked (not disabled).
|
|
21
|
-
* detail: { item: this, href?: string }
|
|
22
|
-
*/
|
|
23
|
-
export declare class NileInlineSidebarItem extends NileElement {
|
|
24
|
-
active: boolean;
|
|
25
|
-
disabled: boolean;
|
|
26
|
-
href?: string;
|
|
27
|
-
static get styles(): CSSResultArray;
|
|
28
|
-
private handleClick;
|
|
29
|
-
render(): TemplateResult;
|
|
30
|
-
}
|
|
31
|
-
export default NileInlineSidebarItem;
|
|
32
|
-
declare global {
|
|
33
|
-
interface HTMLElementTagNameMap {
|
|
34
|
-
'nile-inline-sidebar-item': NileInlineSidebarItem;
|
|
35
|
-
}
|
|
36
|
-
}
|