@aquera/nile-elements 1.3.1-beta-1.0 → 1.3.1-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/demo/index.css +1 -4
- package/demo/index.html +15 -38
- package/demo/nxtgen.css +6 -0
- package/demo/variables.css +6 -2
- package/dist/{fixture-d1470b58.cjs.js → fixture-54600b35.cjs.js} +2 -2
- package/dist/{fixture-d1470b58.cjs.js.map → fixture-54600b35.cjs.js.map} +1 -1
- package/dist/{fixture-1c49c014.cjs.js → fixture-5b79f853.cjs.js} +2 -2
- package/dist/{fixture-dff65c89.cjs.js.map → fixture-5b79f853.cjs.js.map} +1 -1
- package/dist/{fixture-dff65c89.cjs.js → fixture-73855806.cjs.js} +2 -2
- package/dist/{fixture-1c49c014.cjs.js.map → fixture-73855806.cjs.js.map} +1 -1
- package/dist/fixture-90b199c4.esm.js +569 -0
- package/dist/{fixture-985bba12.esm.js → fixture-9871e8a9.esm.js} +1 -1
- package/dist/fixture-c1d78368.cjs.js +395 -0
- package/dist/fixture-c1d78368.cjs.js.map +1 -0
- package/dist/fixture-cf7bfcf5.esm.js +569 -0
- package/dist/fixture-dbd66009.cjs.js +395 -0
- package/dist/fixture-dbd66009.cjs.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +981 -628
- package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
- package/dist/nile-auto-complete/index.cjs.js +1 -1
- package/dist/nile-auto-complete/index.esm.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.esm.js +2 -2
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
- package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.test.esm.js +1 -1
- package/dist/nile-button/nile-button.test.cjs.js +1 -1
- package/dist/nile-button/nile-button.test.esm.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
- package/dist/nile-calendar/index.cjs.js +1 -1
- package/dist/nile-calendar/index.esm.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.esm.js +387 -110
- package/dist/nile-calendar/nile-calendar.enum.cjs.js +2 -0
- package/dist/nile-calendar/nile-calendar.enum.cjs.js.map +1 -0
- package/dist/nile-calendar/nile-calendar.enum.esm.js +1 -0
- package/dist/nile-calendar/nile-calendar.esm.js +216 -108
- package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.test.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
- package/dist/nile-card/nile-card.test.cjs.js +1 -1
- package/dist/nile-card/nile-card.test.esm.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
- package/dist/nile-chip/index.cjs.js +1 -1
- package/dist/nile-chip/index.esm.js +1 -1
- 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 +2 -2
- package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.test.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.test.esm.js +1 -1
- package/dist/nile-code-editor/backup_nile-code-editor copy.cjs.js +2 -0
- package/dist/nile-code-editor/backup_nile-code-editor copy.cjs.js.map +1 -0
- package/dist/nile-code-editor/backup_nile-code-editor copy.esm.js +1 -0
- package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
- package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
- package/dist/nile-dropdown/index.cjs.js +1 -1
- package/dist/nile-dropdown/index.esm.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.cjs.js.map +1 -1
- package/dist/nile-dropdown/nile-dropdown.esm.js +2 -2
- package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.cjs.js.map +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.esm.js +6 -6
- package/dist/nile-dropdown/portal-manager.cjs.js +1 -1
- package/dist/nile-dropdown/portal-manager.cjs.js.map +1 -1
- package/dist/nile-dropdown/portal-manager.esm.js +1 -1
- package/dist/nile-dropdown/portal-utils.cjs.js +1 -1
- package/dist/nile-dropdown/portal-utils.cjs.js.map +1 -1
- package/dist/nile-dropdown/portal-utils.esm.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
- package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.test.cjs.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.test.esm.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.test.cjs.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.test.esm.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
- package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.test.esm.js +1 -1
- package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
- package/dist/nile-icon/nile-icon.test.esm.js +1 -1
- package/dist/nile-inline-edit/index.cjs.js +1 -1
- package/dist/nile-inline-edit/index.esm.js +1 -1
- package/dist/nile-inline-edit/nile-inline-edit-utils.cjs.js +2 -0
- package/dist/nile-inline-edit/nile-inline-edit-utils.cjs.js.map +1 -0
- package/dist/nile-inline-edit/nile-inline-edit-utils.esm.js +1 -0
- package/dist/nile-inline-edit/nile-inline-edit.cjs.js +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.cjs.js.map +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.esm.js +4 -4
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.esm.js +2 -10
- package/dist/nile-inline-sidebar/nile-inline-sidebar.esm.js +6 -10
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.esm.js +2 -8
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.esm.js +2 -2
- package/dist/nile-input/nile-input.test.cjs.js +1 -1
- package/dist/nile-input/nile-input.test.esm.js +1 -1
- package/dist/nile-link/nile-link.css.cjs.js +1 -1
- package/dist/nile-link/nile-link.css.cjs.js.map +1 -1
- package/dist/nile-link/nile-link.css.esm.js +3 -3
- package/dist/nile-link/nile-link.test.cjs.js +1 -1
- package/dist/nile-link/nile-link.test.esm.js +1 -1
- package/dist/nile-lite-tooltip/index.cjs.js +1 -1
- package/dist/nile-lite-tooltip/index.esm.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js.map +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.esm.js +1 -1
- package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.test.esm.js +1 -1
- package/dist/nile-popover/index.cjs.js +1 -1
- package/dist/nile-popover/index.esm.js +1 -1
- package/dist/nile-popover/nile-popover.cjs.js +3 -3
- package/dist/nile-popover/nile-popover.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.esm.js +4 -4
- package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.test.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.test.esm.js +4 -4
- package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
- package/dist/nile-popup/nile-popup.test.esm.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
- package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.test.esm.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +1 -1
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +2 -2
- package/dist/nile-select/nile-select.test.cjs.js +1 -1
- package/dist/nile-select/nile-select.test.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.test.esm.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
- package/dist/nile-select/virtual-scroll-helper.esm.js +0 -2
- package/dist/nile-side-bar/nile-side-bar.cjs.js +1 -1
- package/dist/nile-side-bar/nile-side-bar.cjs.js.map +1 -1
- package/dist/nile-side-bar/nile-side-bar.css.cjs.js +1 -1
- package/dist/nile-side-bar/nile-side-bar.css.cjs.js.map +1 -1
- package/dist/nile-side-bar/nile-side-bar.css.esm.js +29 -24
- package/dist/nile-side-bar/nile-side-bar.esm.js +1 -7
- package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js.map +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.css.cjs.js +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.css.cjs.js.map +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.css.esm.js +5 -3
- package/dist/nile-side-bar-expand/nile-side-bar-expand.esm.js +8 -8
- package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js +1 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js.map +1 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.css.esm.js +3 -5
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js.map +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js.map +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.esm.js +5 -17
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.esm.js +3 -3
- package/dist/nile-side-bar-group/nile-side-bar-group.css.cjs.js +1 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.css.cjs.js.map +1 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.css.esm.js +7 -4
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js +1 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js.map +1 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.esm.js +56 -58
- package/dist/nile-sidebar/index.cjs.js +2 -0
- package/dist/nile-sidebar/index.cjs.js.map +1 -0
- package/dist/nile-sidebar/index.esm.js +75 -0
- package/dist/nile-sidebar-menu/index.cjs.js +2 -0
- package/dist/nile-sidebar-menu/index.cjs.js.map +1 -0
- package/dist/nile-sidebar-menu/index.esm.js +1 -0
- package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js +2 -0
- package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js.map +1 -0
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js +2 -0
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js.map +1 -0
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.esm.js +38 -0
- package/dist/nile-sidebar-menu/nile-sidebar-menu.esm.js +10 -0
- package/dist/nile-sidebar-menu-items/index.cjs.js +2 -0
- package/dist/nile-sidebar-menu-items/index.cjs.js.map +1 -0
- package/dist/nile-sidebar-menu-items/index.esm.js +1 -0
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js +2 -0
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js.map +1 -0
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js +2 -0
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js.map +1 -0
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.esm.js +36 -0
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.esm.js +15 -0
- package/dist/nile-sidebar-wrapper/index.cjs.js +2 -0
- package/dist/nile-sidebar-wrapper/index.cjs.js.map +1 -0
- package/dist/nile-sidebar-wrapper/index.esm.js +1 -0
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js +2 -0
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js.map +1 -0
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js +2 -0
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js.map +1 -0
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.esm.js +105 -0
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.esm.js +16 -0
- package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
- package/dist/nile-tooltip/index.cjs.js +1 -1
- package/dist/nile-tooltip/index.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.esm.js +2 -2
- package/dist/nile-virtual-select/group-manager.cjs.js +2 -0
- package/dist/nile-virtual-select/group-manager.cjs.js.map +1 -0
- package/dist/nile-virtual-select/group-manager.esm.js +1 -0
- package/dist/nile-virtual-select/index.cjs.js +1 -1
- package/dist/nile-virtual-select/index.esm.js +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +2 -2
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +13 -13
- package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +1 -1
- package/dist/nile-virtual-select/temp_nile-virtual-select copy.cjs.js +2 -0
- package/dist/nile-virtual-select/temp_nile-virtual-select copy.cjs.js.map +1 -0
- package/dist/nile-virtual-select/temp_nile-virtual-select copy.esm.js +231 -0
- package/dist/scopedElementsWrapper-4c29be11.esm.js +7 -0
- package/dist/scopedElementsWrapper-a112fc73.cjs.js +6 -0
- package/dist/scopedElementsWrapper-a112fc73.cjs.js.map +1 -0
- package/dist/src/internal/portal-manager.d.ts +53 -0
- package/dist/src/internal/portal-manager.js +196 -0
- package/dist/src/internal/portal-manager.js.map +1 -0
- package/dist/src/internal/portal.d.ts +60 -0
- package/dist/src/internal/portal.js +199 -0
- package/dist/src/internal/portal.js.map +1 -0
- package/dist/src/internal/resizable-helper.d.ts +59 -0
- package/dist/src/internal/resizable-helper.js +115 -0
- package/dist/src/internal/resizable-helper.js.map +1 -0
- package/dist/src/internal/resizable-styles.d.ts +16 -0
- package/dist/src/internal/resizable-styles.js +144 -0
- package/dist/src/internal/resizable-styles.js.map +1 -0
- package/dist/src/internal/virtualizer-error-handler.d.ts +30 -0
- package/dist/src/internal/virtualizer-error-handler.js +82 -0
- package/dist/src/internal/virtualizer-error-handler.js.map +1 -0
- package/dist/src/lib/index.d.ts +7 -0
- package/dist/src/lib/index.js +8 -0
- package/dist/src/lib/index.js.map +1 -0
- package/dist/src/lib/virtualize.d.ts +32 -0
- package/dist/src/lib/virtualize.js +105 -0
- package/dist/src/lib/virtualize.js.map +1 -0
- package/dist/src/lib/virtualize.test.d.ts +7 -0
- package/dist/src/lib/virtualize.test.js +57 -0
- package/dist/src/lib/virtualize.test.js.map +1 -0
- package/dist/src/nile-auto-complete/nile-auto-complete.d.ts +4 -0
- package/dist/src/nile-auto-complete/nile-auto-complete.js +39 -0
- package/dist/src/nile-auto-complete/nile-auto-complete.js.map +1 -1
- package/dist/src/nile-badge/__snapshots__/nile-badge.test.snap.js +17 -0
- package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js +310 -0
- package/dist/src/nile-calendar/nile-calendar.css.js +385 -108
- package/dist/src/nile-calendar/nile-calendar.css.js.map +1 -1
- package/dist/src/nile-calendar/nile-calendar.d.ts +17 -1
- package/dist/src/nile-calendar/nile-calendar.js +345 -108
- package/dist/src/nile-calendar/nile-calendar.js.map +1 -1
- package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js +34 -0
- package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js +31 -0
- package/dist/src/nile-chip/nile-chip.d.ts +4 -0
- package/dist/src/nile-chip/nile-chip.js +46 -0
- package/dist/src/nile-chip/nile-chip.js.map +1 -1
- package/dist/src/nile-code-editor/Old_theme copy.d.ts +191 -0
- package/dist/src/nile-code-editor/Old_theme copy.js +193 -0
- package/dist/src/nile-code-editor/Old_theme copy.js.map +1 -0
- package/dist/src/nile-code-editor/backup_nile-code-editor copy.d.ts +0 -0
- package/dist/src/nile-code-editor/backup_nile-code-editor copy.js +675 -0
- package/dist/src/nile-code-editor/backup_nile-code-editor copy.js.map +1 -0
- package/dist/src/nile-code-editor/theme copy.d.ts +191 -0
- package/dist/src/nile-code-editor/theme copy.js +193 -0
- package/dist/src/nile-code-editor/theme copy.js.map +1 -0
- package/dist/src/nile-dropdown/nile-dropdown.d.ts +4 -1
- package/dist/src/nile-dropdown/nile-dropdown.js +37 -1
- package/dist/src/nile-dropdown/nile-dropdown.js.map +1 -1
- package/dist/src/nile-dropdown/portal-manager.js +2 -0
- package/dist/src/nile-dropdown/portal-manager.js.map +1 -1
- package/dist/src/nile-dropdown/portal-utils.d.ts +1 -0
- package/dist/src/nile-dropdown/portal-utils.js +24 -0
- package/dist/src/nile-dropdown/portal-utils.js.map +1 -1
- package/dist/src/nile-floating-panel/anchor-manager.d.ts +26 -0
- package/dist/src/nile-floating-panel/anchor-manager.js +49 -0
- package/dist/src/nile-floating-panel/anchor-manager.js.map +1 -0
- package/dist/src/nile-floating-panel/content-manager.d.ts +23 -0
- package/dist/src/nile-floating-panel/content-manager.js +67 -0
- package/dist/src/nile-floating-panel/content-manager.js.map +1 -0
- package/dist/src/nile-floating-panel/event-manager.d.ts +38 -0
- package/dist/src/nile-floating-panel/event-manager.js +81 -0
- package/dist/src/nile-floating-panel/event-manager.js.map +1 -0
- package/dist/src/nile-floating-panel/index.d.ts +1 -0
- package/dist/src/nile-floating-panel/index.js +2 -0
- package/dist/src/nile-floating-panel/index.js.map +1 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.css.d.ts +17 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.css.js +51 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.css.js.map +1 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.d.ts +67 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.js +203 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.js.map +1 -0
- package/dist/src/nile-floating-panel/position-manager.d.ts +47 -0
- package/dist/src/nile-floating-panel/position-manager.js +94 -0
- package/dist/src/nile-floating-panel/position-manager.js.map +1 -0
- package/dist/src/nile-floating-panel/style-manager.d.ts +31 -0
- package/dist/src/nile-floating-panel/style-manager.js +74 -0
- package/dist/src/nile-floating-panel/style-manager.js.map +1 -0
- package/dist/src/nile-floating-panel/types.d.ts +29 -0
- package/dist/src/nile-floating-panel/types.js +8 -0
- package/dist/src/nile-floating-panel/types.js.map +1 -0
- package/dist/src/nile-grid/data-processor.d.ts +37 -0
- package/dist/src/nile-grid/data-processor.js +122 -0
- package/dist/src/nile-grid/data-processor.js.map +1 -0
- package/dist/src/nile-grid/event-handlers.d.ts +35 -0
- package/dist/src/nile-grid/event-handlers.js +158 -0
- package/dist/src/nile-grid/event-handlers.js.map +1 -0
- package/dist/src/nile-grid/renderer.d.ts +8 -0
- package/dist/src/nile-grid/renderer.js +78 -0
- package/dist/src/nile-grid/renderer.js.map +1 -0
- package/dist/src/nile-grid/resize-handler.d.ts +4 -0
- package/dist/src/nile-grid/resize-handler.js +36 -0
- package/dist/src/nile-grid/resize-handler.js.map +1 -0
- package/dist/src/nile-grid/types.d.ts +32 -0
- package/dist/src/nile-grid/types.js +2 -0
- package/dist/src/nile-grid/types.js.map +1 -0
- package/dist/src/nile-grid/utils.d.ts +4 -0
- package/dist/src/nile-grid/utils.js +32 -0
- package/dist/src/nile-grid/utils.js.map +1 -0
- package/dist/src/nile-hero/__snapshots__/nile-hero.test.snap.js +47 -0
- package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js +16 -0
- package/dist/src/nile-inline-edit/nile-inline-edit.d.ts +10 -0
- package/dist/src/nile-inline-edit/nile-inline-edit.js +52 -1
- package/dist/src/nile-inline-edit/nile-inline-edit.js.map +1 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js +2 -10
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js.map +1 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.js +3 -11
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js +0 -6
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.d.ts +0 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js +0 -4
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js.map +1 -1
- package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js +75 -0
- package/dist/src/nile-link/nile-link.css.js +3 -3
- package/dist/src/nile-link/nile-link.css.js.map +1 -1
- package/dist/src/nile-lite-tooltip/nile-lite-tooltip.d.ts +5 -1
- package/dist/src/nile-lite-tooltip/nile-lite-tooltip.js +43 -0
- package/dist/src/nile-lite-tooltip/nile-lite-tooltip.js.map +1 -1
- package/dist/src/nile-menu/portal-manager.d.ts +39 -0
- package/dist/src/nile-menu/portal-manager.js +340 -0
- package/dist/src/nile-menu/portal-manager.js.map +1 -0
- package/dist/src/nile-menu/portal-utils.d.ts +21 -0
- package/dist/src/nile-menu/portal-utils.js +128 -0
- package/dist/src/nile-menu/portal-utils.js.map +1 -0
- package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js +22 -0
- package/dist/src/nile-popover/nile-popover.d.ts +4 -0
- package/dist/src/nile-popover/nile-popover.js +39 -0
- package/dist/src/nile-popover/nile-popover.js.map +1 -1
- package/dist/src/nile-popover/popover-portal-handler.d.ts +21 -0
- package/dist/src/nile-popover/popover-portal-handler.js +106 -0
- package/dist/src/nile-popover/popover-portal-handler.js.map +1 -0
- package/dist/src/nile-portal-wrapper/index.d.ts +1 -0
- package/dist/src/nile-portal-wrapper/index.js +2 -0
- package/dist/src/nile-portal-wrapper/index.js.map +1 -0
- package/dist/src/nile-portal-wrapper/nile-portal-wrapper.d.ts +47 -0
- package/dist/src/nile-portal-wrapper/nile-portal-wrapper.js +451 -0
- package/dist/src/nile-portal-wrapper/nile-portal-wrapper.js.map +1 -0
- package/dist/src/nile-select/body-append-manager.d.ts +90 -0
- package/dist/src/nile-select/body-append-manager.js +298 -0
- package/dist/src/nile-select/body-append-manager.js.map +1 -0
- package/dist/src/nile-select/nile-select.d.ts +1 -5
- package/dist/src/nile-select/nile-select.js +28 -67
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-select/virtual-scroll-helper.js +0 -2
- package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
- package/dist/src/nile-side-bar/nile-side-bar.css.js +27 -22
- package/dist/src/nile-side-bar/nile-side-bar.css.js.map +1 -1
- package/dist/src/nile-side-bar/nile-side-bar.js +1 -7
- package/dist/src/nile-side-bar/nile-side-bar.js.map +1 -1
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.css.js +5 -3
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.css.js.map +1 -1
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.d.ts +0 -2
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.js +4 -12
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.js.map +1 -1
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.css.js +1 -3
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.css.js.map +1 -1
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.js +3 -15
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.js.map +1 -1
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.d.ts +0 -1
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.js +1 -8
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.js.map +1 -1
- package/dist/src/nile-side-bar-group/nile-side-bar-group.css.js +5 -2
- package/dist/src/nile-side-bar-group/nile-side-bar-group.css.js.map +1 -1
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.js +46 -48
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.js.map +1 -1
- package/dist/src/nile-table-body/virtual-scroll-helper.d.ts +9 -0
- package/dist/src/nile-table-body/virtual-scroll-helper.js +24 -0
- package/dist/src/nile-table-body/virtual-scroll-helper.js.map +1 -0
- package/dist/src/nile-tooltip/nile-tooltip.d.ts +3 -0
- package/dist/src/nile-tooltip/nile-tooltip.js +36 -0
- package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
- package/dist/src/nile-virtual-select/body-append-helper.d.ts +16 -0
- package/dist/src/nile-virtual-select/body-append-helper.js +95 -0
- package/dist/src/nile-virtual-select/body-append-helper.js.map +1 -0
- package/dist/src/nile-virtual-select/group-manager.d.ts +32 -0
- package/dist/src/nile-virtual-select/group-manager.js +134 -0
- package/dist/src/nile-virtual-select/group-manager.js.map +1 -0
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +2 -5
- package/dist/src/nile-virtual-select/nile-virtual-select.js +28 -66
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- package/dist/src/nile-virtual-select/portal-utils.d.ts +65 -0
- package/dist/src/nile-virtual-select/portal-utils.js +376 -0
- package/dist/src/nile-virtual-select/portal-utils.js.map +1 -0
- package/dist/src/nile-virtual-select/temp_nile-virtual-select copy.d.ts +273 -0
- package/dist/src/nile-virtual-select/temp_nile-virtual-select copy.js +1305 -0
- package/dist/src/nile-virtual-select/temp_nile-virtual-select copy.js.map +1 -0
- package/dist/src/nile-virtual-select/virtualizer-error-handler.d.ts +21 -0
- package/dist/src/nile-virtual-select/virtualizer-error-handler.js +56 -0
- package/dist/src/nile-virtual-select/virtualizer-error-handler.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/index.d.ts +1 -0
- package/dist/src/nile-virtual-select-disabled/index.js +2 -0
- package/dist/src/nile-virtual-select-disabled/index.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.css.d.ts +12 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.css.js +538 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.css.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.d.ts +299 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.js +1441 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.test.d.ts +7 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.test.js +631 -0
- package/dist/src/nile-virtual-select-disabled/nile-virtual-select.test.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/portal-manager.d.ts +45 -0
- package/dist/src/nile-virtual-select-disabled/portal-manager.js +333 -0
- package/dist/src/nile-virtual-select-disabled/portal-manager.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/renderer.d.ts +16 -0
- package/dist/src/nile-virtual-select-disabled/renderer.js +79 -0
- package/dist/src/nile-virtual-select-disabled/renderer.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/search-manager.d.ts +12 -0
- package/dist/src/nile-virtual-select-disabled/search-manager.js +40 -0
- package/dist/src/nile-virtual-select-disabled/search-manager.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/selection-manager.d.ts +12 -0
- package/dist/src/nile-virtual-select-disabled/selection-manager.js +64 -0
- package/dist/src/nile-virtual-select-disabled/selection-manager.js.map +1 -0
- package/dist/src/nile-virtual-select-disabled/types.d.ts +50 -0
- package/dist/src/nile-virtual-select-disabled/types.js +8 -0
- package/dist/src/nile-virtual-select-disabled/types.js.map +1 -0
- package/dist/src/nile-virtual-table-body/index.d.ts +2 -0
- package/dist/src/nile-virtual-table-body/index.js +3 -0
- package/dist/src/nile-virtual-table-body/index.js.map +1 -0
- package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.d.ts +1 -0
- package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js +44 -0
- package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js.map +1 -0
- package/dist/src/nile-virtual-table-body/nile-virtual-table-body.d.ts +50 -0
- package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js +135 -0
- package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js.map +1 -0
- package/dist/src/nile-virtual-table-body/renderer.d.ts +16 -0
- package/dist/src/nile-virtual-table-body/renderer.js +49 -0
- package/dist/src/nile-virtual-table-body/renderer.js.map +1 -0
- package/dist/src/utilities/stepper-utils.d.ts +71 -0
- package/dist/src/utilities/stepper-utils.js +108 -0
- package/dist/src/utilities/stepper-utils.js.map +1 -0
- package/dist/src/version.js +2 -2
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/nile-auto-complete/nile-auto-complete.ts +41 -0
- package/src/nile-calendar/nile-calendar.css.ts +385 -108
- package/src/nile-calendar/nile-calendar.enum.ts +5 -0
- package/src/nile-calendar/nile-calendar.ts +374 -119
- package/src/nile-chip/nile-chip.ts +48 -0
- package/src/nile-dropdown/nile-dropdown.ts +39 -1
- package/src/nile-dropdown/portal-manager.ts +2 -0
- package/src/nile-dropdown/portal-utils.ts +26 -0
- package/src/nile-inline-edit/nile-inline-edit-utils.ts +94 -0
- package/src/nile-inline-edit/nile-inline-edit.ts +59 -1
- package/src/nile-inline-sidebar/nile-inline-sidebar.css.ts +2 -10
- package/src/nile-inline-sidebar/nile-inline-sidebar.ts +5 -17
- package/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts +0 -6
- package/src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts +0 -1
- package/src/nile-link/nile-link.css.ts +3 -3
- package/src/nile-lite-tooltip/nile-lite-tooltip.ts +47 -1
- package/src/nile-popover/nile-popover.ts +43 -0
- package/src/nile-select/nile-select.ts +31 -87
- package/src/nile-select/virtual-scroll-helper.ts +0 -2
- package/src/nile-side-bar/nile-side-bar.css.ts +27 -22
- package/src/nile-side-bar/nile-side-bar.ts +1 -8
- package/src/nile-side-bar-expand/nile-side-bar-expand.css.ts +5 -3
- package/src/nile-side-bar-expand/nile-side-bar-expand.ts +4 -6
- package/src/nile-side-bar-footer/nile-side-bar-footer.css.ts +1 -3
- package/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts +3 -15
- package/src/nile-side-bar-footer-item/nile-side-bar-footer-item.ts +1 -9
- package/src/nile-side-bar-group/nile-side-bar-group.css.ts +5 -2
- package/src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts +47 -49
- package/src/nile-tooltip/nile-tooltip.ts +37 -0
- package/src/nile-virtual-select/nile-virtual-select.ts +31 -87
- package/src/utilities/visibility-manager.ts +104 -0
- package/vscode-html-custom-data.json +124 -50
- package/dist/assets/nile-elements-4b5c262d.css +0 -1
- package/dist/nile-light-tooltip/index.esm.js +0 -1
- package/dist/nile-light-tooltip/nile-light-tooltip.css.esm.js +0 -6
- package/dist/nile-light-tooltip/nile-light-tooltip.esm.js +0 -1
- package/dist/src/nile-light-tooltip/index.d.ts +0 -1
- package/dist/src/nile-light-tooltip/index.js +0 -2
- package/dist/src/nile-light-tooltip/index.js.map +0 -1
- package/dist/src/nile-light-tooltip/nile-light-tooltip.css.d.ts +0 -12
- package/dist/src/nile-light-tooltip/nile-light-tooltip.css.js +0 -18
- package/dist/src/nile-light-tooltip/nile-light-tooltip.css.js.map +0 -1
- package/dist/src/nile-light-tooltip/nile-light-tooltip.d.ts +0 -40
- package/dist/src/nile-light-tooltip/nile-light-tooltip.js +0 -101
- package/dist/src/nile-light-tooltip/nile-light-tooltip.js.map +0 -1
- package/dist/src/nile-menu/virtual-menu-search-manager.d.ts +0 -11
- package/dist/src/nile-menu/virtual-menu-search-manager.js +0 -43
- package/dist/src/nile-menu/virtual-menu-search-manager.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var o,i,r,e,n,t,a,_templateObject,_templateObject2,s;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){o=_tslib.__decorate;},function(_lit){i=_lit.css;r=_lit.LitElement;e=_lit.html;},function(_litDecoratorsJs){n=_litDecoratorsJs.property;t=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function execute(){s=/*#__PURE__*/function(_r){function s(){var _this;_classCallCheck(this,s);_this=_callSuper(this,s,arguments),_this.title="",_this.showSidebar=!1;return _this;}_inherits(s,_r);return _createClass(s,[{key:"buttonClassMap",get:function get(){return{"nds-menu--active":this.showSidebar};}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"nile-menu--wrapper ","\" >\n <div class=\"nile-menu-group\">\n <a class=\"nile-logo\" href=\"/\">\n <img\n src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n alt=\"Aquera\"\n width=\"112.94px\"\n height=\"31.06px\"\n tabindex=\"1\"\n />\n </a>\n <div class=\"menu-group\">\n <slot name=\"menu\"></slot>\n </div>\n </div>\n <div class=\"\">\n <div class=\"nds-menu--bottom\">\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n </div>\n "])),a(this.buttonClassMap));}}]);}(r);s.styles=i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n :host {\n background-color: var(--nile-alert-color-background-base);\n border-right: 1px solid var(--nile-colors-neutral-400);\n min-height: 100vh;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n :host([showSidebar=true]) {\n min-width: 240px;\n }\n .nile-logo {\n margin: var(--nile-spacing-2xl);\n display: block;\n margin-bottom: var(--nile-spacing-lg);\n }\n\n .menu-group {\n margin-left: var(--nile-spacing-2xl);\n margin-right: var(--nile-spacing-2xl);\n }\n\n .view-component {\n background-color: var(--nile-colors-white-base);\n min-width: 240px;\n }\n // padding: 3rem;\n .view-component__item {\n background-color: var(--nile-colors-white-base);\n // padding: 1rem;\n border-radius: var(--nile-radius-sm);\n border: solid 1px #eee;\n }\n\n .nile-menu__hr {\n border-bottom: solid 1px var(--nile-colors-dark-100);\n margin-top: var(--nile-spacing-lg) !important;\n margin-bottom: var(--nile-spacing-lg) !important;\n background-color: var(--nile-colors-dark-100);\n }\n\n .nds-menu--bottom {\n position: absolute;\n bottom: 0;\n }\n\n .nds-menu--active .nile-logo {\n display: none;\n }\n "]))),o([n()],s.prototype,"title",void 0),o([n()],s.prototype,"showSidebar",void 0),s=o([t("nile-sidebar")],s);}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/nile-sidebar/index.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n name: string;\n icon: string;\n href: string;\n}\n\ninterface MenuItemList {\n [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n static override styles = css`\n :host {\n background-color: var(--nile-alert-color-background-base);\n border-right: 1px solid var(--nile-colors-neutral-400);\n min-height: 100vh;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n :host([showSidebar=true]) {\n min-width: 240px;\n }\n .nile-logo {\n margin: var(--nile-spacing-2xl);\n display: block;\n margin-bottom: var(--nile-spacing-lg);\n }\n\n .menu-group {\n margin-left: var(--nile-spacing-2xl);\n margin-right: var(--nile-spacing-2xl);\n }\n\n .view-component {\n background-color: var(--nile-colors-white-base);\n min-width: 240px;\n }\n // padding: 3rem;\n .view-component__item {\n background-color: var(--nile-colors-white-base);\n // padding: 1rem;\n border-radius: var(--nile-radius-sm);\n border: solid 1px #eee;\n }\n\n .nile-menu__hr {\n border-bottom: solid 1px var(--nile-colors-dark-100);\n margin-top: var(--nile-spacing-lg) !important;\n margin-bottom: var(--nile-spacing-lg) !important;\n background-color: var(--nile-colors-dark-100);\n }\n\n .nds-menu--bottom {\n position: absolute;\n bottom: 0;\n }\n\n .nds-menu--active .nile-logo {\n display: none;\n }\n `;\n\n /**\n * Button Lab\n */\n @property()\n title = '';\n\n /**\n * Hide Sidebar\n */\n @property()\n showSidebar = false;\n\n get buttonClassMap() {\n return {\n 'nds-menu--active': this.showSidebar\n };\n }\n\n // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n\n override render() {\n return html`\n <div class=\"nile-menu--wrapper ${classMap(this.buttonClassMap)}\" >\n <div class=\"nile-menu-group\">\n <a class=\"nile-logo\" href=\"/\">\n <img\n src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n alt=\"Aquera\"\n width=\"112.94px\"\n height=\"31.06px\"\n tabindex=\"1\"\n />\n </a>\n <div class=\"menu-group\">\n <slot name=\"menu\"></slot>\n </div>\n </div>\n <div class=\"\">\n <div class=\"nds-menu--bottom\">\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-sidebar': NileSidebar;\n }\n}\n"],"names":["NileSidebar","_r","s","this","title","showSidebar","_this","_inherits","_createClass","key","get","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","buttonClassMap","LitElement","styles","css","_templateObject2","__decorate","property","prototype","customElement"],"mappings":"6kGA0BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEA2DLC,KAAAA,CAAKC,KAAAA,CAAG,GAMRD,KAAAA,CAAWE,WAAAA,CAAAA,CAAG,CAmCf,QAAAC,KAAA,EAjCCC,SAAA,CAAAL,CAAA,CAAAD,EAAA,SAAAO,YAAA,CAAAN,CAAA,GAAAO,GAAA,kBAAAC,GAAA,UAAAA,IAAA,CACE,CAAA,MAAO,CACL,kBAAA,CAAoBP,KAAKE,WAE5B,CAAA,EAIQ,GAAAI,GAAA,UAAAE,KAAA,UAAAC,MAAAA,CAAAA,CAAAA,CACP,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,kqBACyBC,CAAAA,CAASb,IAAKc,CAAAA,cAAAA,CAAAA,EAsBnD,CAlGejB,MADekB,CAA1B,EACWlB,CAAAA,CAAMmB,OAAGC,CAAG,CAAAC,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,mlDA0D5BO,CAAAA,CAAAA,CAAA,CADCC,CACUvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,SAAA,CAAA,OAAA,CAAA,IAAA,IAMXF,CAAA,CAAA,CADCC,CACmBvB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwB,UAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAjETxB,EAAWsB,CAAA,CAAA,CADvBG,EAAc,cACFzB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import{__decorate as o}from"tslib";import{css as i,LitElement as r,html as e}from"lit";import{property as n,customElement as t}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";let s=class extends r{constructor(){super(...arguments),this.title="",this.showSidebar=!1}get buttonClassMap(){return{"nds-menu--active":this.showSidebar}}render(){return e`
|
|
2
|
+
<div class="nile-menu--wrapper ${a(this.buttonClassMap)}" >
|
|
3
|
+
<div class="nile-menu-group">
|
|
4
|
+
<a class="nile-logo" href="/">
|
|
5
|
+
<img
|
|
6
|
+
src="https://assets.aquera.io/img/aquera-logo-blue.svg"
|
|
7
|
+
alt="Aquera"
|
|
8
|
+
width="112.94px"
|
|
9
|
+
height="31.06px"
|
|
10
|
+
tabindex="1"
|
|
11
|
+
/>
|
|
12
|
+
</a>
|
|
13
|
+
<div class="menu-group">
|
|
14
|
+
<slot name="menu"></slot>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="">
|
|
18
|
+
<div class="nds-menu--bottom">
|
|
19
|
+
<slot name="bottom"></slot>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
`}};s.styles=i`
|
|
24
|
+
:host {
|
|
25
|
+
background-color: var(--nile-alert-color-background-base);
|
|
26
|
+
border-right: 1px solid var(--nile-colors-neutral-400);
|
|
27
|
+
min-height: 100vh;
|
|
28
|
+
background: var(--nile-colors-neutral-100);
|
|
29
|
+
border: 1px solid var(--nile-colors-neutral-400);
|
|
30
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
31
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
32
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
33
|
+
}
|
|
34
|
+
:host([showSidebar=true]) {
|
|
35
|
+
min-width: 240px;
|
|
36
|
+
}
|
|
37
|
+
.nile-logo {
|
|
38
|
+
margin: var(--nile-spacing-2xl);
|
|
39
|
+
display: block;
|
|
40
|
+
margin-bottom: var(--nile-spacing-lg);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.menu-group {
|
|
44
|
+
margin-left: var(--nile-spacing-2xl);
|
|
45
|
+
margin-right: var(--nile-spacing-2xl);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.view-component {
|
|
49
|
+
background-color: var(--nile-colors-white-base);
|
|
50
|
+
min-width: 240px;
|
|
51
|
+
}
|
|
52
|
+
// padding: 3rem;
|
|
53
|
+
.view-component__item {
|
|
54
|
+
background-color: var(--nile-colors-white-base);
|
|
55
|
+
// padding: 1rem;
|
|
56
|
+
border-radius: var(--nile-radius-sm);
|
|
57
|
+
border: solid 1px #eee;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.nile-menu__hr {
|
|
61
|
+
border-bottom: solid 1px var(--nile-colors-dark-100);
|
|
62
|
+
margin-top: var(--nile-spacing-lg) !important;
|
|
63
|
+
margin-bottom: var(--nile-spacing-lg) !important;
|
|
64
|
+
background-color: var(--nile-colors-dark-100);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.nds-menu--bottom {
|
|
68
|
+
position: absolute;
|
|
69
|
+
bottom: 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.nds-menu--active .nile-logo {
|
|
73
|
+
display: none;
|
|
74
|
+
}
|
|
75
|
+
`,o([n()],s.prototype,"title",void 0),o([n()],s.prototype,"showSidebar",void 0),s=o([t("nile-sidebar")],s);
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-sidebar-menu.cjs.js","tslib","lit","lit/decorators.js","./nile-sidebar-menu.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileSidebarMenuCjsJs){_export("NileSidebarMenu",_nileSidebarMenuCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSidebarMenuCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileSidebarMenu}from"./nile-sidebar-menu.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-sidebar-menu.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-sidebar-menu.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var s,e,t,i,r,l,o,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSidebarMenuCssCjsJs){r=_nileSidebarMenuCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.sidemenucollapsed=!1;return _this;}_inherits(a,_l);return _createClass(a,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(a,"connectedCallback",this,3)([]),this.addEventListener("click",this.handleSidebarMenuCollapsed.bind(this));}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(a,"disconnectedCallback",this,3)([]),this.removeEventListener("click",this.handleSidebarMenuCollapsed);}},{key:"firstUpdated",value:function firstUpdated(){var _this2=this;if(this.sidemenucollapsed){this.querySelectorAll("nile-sidebar-menu-items").forEach(function(s){s.collapsed=_this2.sidemenucollapsed;});}}},{key:"handleSidebarMenuCollapsed",value:function handleSidebarMenuCollapsed(){var _this3=this;this.sidemenucollapsed=!this.sidemenucollapsed;this.querySelectorAll("nile-sidebar-menu-items").forEach(function(s){s.collapsed=_this3.sidemenucollapsed;});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <slot name=\"header\" class=\"header\"></slot>\n <div class=\"submenu__box\">\n <slot\n class=","\n >\n </slot>\n <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n </div>\n "])),o({"sidemenu__items-list":!0}));}}],[{key:"styles",get:function get(){return[r];}}]);}(l));s([t({type:Boolean,reflect:!0})],a.prototype,"sidemenucollapsed",void 0),_export("N",a=s([i("nile-sidebar-menu")],a));}};});
|
|
2
|
+
//# sourceMappingURL=nile-sidebar-menu.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-sidebar-menu.cjs.js","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.ts"],"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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { foreach, log } from '../nile-icon/icons/svg';\n\n/**\n * Nile sidebar-menu component.\n *\n * @tag nile-sidebar-menu\n *\n */\n@customElement('nile-sidebar-menu')\nexport class NileSidebarMenu extends NileElement {\n /**\n * The styles for nile-sidebar-menu\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Boolean, reflect: true }) sidemenucollapsed = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this.handleSidebarMenuCollapsed.bind(this));\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleSidebarMenuCollapsed);\n }\n firstUpdated() {\n if (this.sidemenucollapsed) {\n const items = this.querySelectorAll('nile-sidebar-menu-items');\n items.forEach(curr_item => {\n curr_item.collapsed = this.sidemenucollapsed;\n });\n }\n }\n\n handleSidebarMenuCollapsed() {\n this.sidemenucollapsed = !this.sidemenucollapsed;\n const items = this.querySelectorAll('nile-sidebar-menu-items');\n items.forEach(curr_item => {\n curr_item.collapsed = this.sidemenucollapsed;\n });\n }\n\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n public render(): TemplateResult {\n return html`\n <slot name=\"header\" class=\"header\"></slot>\n <div class=\"submenu__box\">\n <slot\n class=${classMap({\n 'sidemenu__items-list': true,\n })}\n >\n </slot>\n <slot name=\"footer\" part=\"footer\" class=\"footer\"></slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileSidebarMenu;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-sidebar-menu': NileSidebarMenu;\n }\n}\n"],"names":["NileSidebarMenu","_l","a","constructor","this","sidemenucollapsed","_this","_inherits","_createClass","key","value","connectedCallback","super","addEventListener","handleSidebarMenuCollapsed","bind","disconnectedCallback","removeEventListener","firstUpdated","querySelectorAll","forEach","curr_item","collapsed","render","html","_templateObject","_taggedTemplateLiteral","classMap","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"iwHA0BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCASuCC,EAAAA,KAAAA,CAAiBC,mBAAG,CAqDjE,QAAAC,KAAA,EAzDQC,SAAA,CAAAL,CAAA,CAAAD,EAAA,SAAAO,YAAA,CAAAN,CAAA,GAAAO,GAAA,qBAAAC,KAAA,CAMP,SAAAC,iBAAAA,CAAAA,CACEC,CAAAA,aAAAA,CAAAA,CAAAA,iCACAR,IAAKS,CAAAA,gBAAAA,CAAiB,QAAST,IAAKU,CAAAA,0BAAAA,CAA2BC,KAAKX,IACrE,CAAA,CAAA,EAED,GAAAK,GAAA,wBAAAC,KAAA,UAAAM,oBAAAA,CAAAA,CACEJ,CAAAA,aAAAA,CAAAA,CAAAA,oCACAR,IAAAA,CAAKa,oBAAoB,OAASb,CAAAA,IAAAA,CAAKU,2BACxC,EACD,GAAAL,GAAA,gBAAAC,KAAA,UAAAQ,YAAAA,CAAAA,kBACE,GAAId,IAAAA,CAAKC,kBAAmB,CACZD,IAAAA,CAAKe,iBAAiB,yBAC9BC,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GACZA,CAAUC,CAAAA,SAAAA,CAAYlB,OAAKC,iBAAiB,EAAA,CAE/C,EACF,CAED,GAAAI,GAAA,8BAAAC,KAAA,UAAAI,0BAAAA,CAAAA,kBACEV,IAAKC,CAAAA,iBAAAA,CAAAA,CAAqBD,KAAKC,iBACjBD,CAAAA,IAAAA,CAAKe,iBAAiB,yBAC9BC,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GACZA,CAAUC,CAAAA,SAAAA,CAAYlB,OAAKC,iBAAiB,EAAA,CAE/C,EAWM,GAAAI,GAAA,UAAAC,KAAA,UAAAa,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8PAIGC,CAAAA,CAAS,CACf,sBAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,EAOjC,CAAA,KAAAlB,GAAA,UAAAmB,GAAA,CAtDM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAID,MAXmCC,IASSC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkCnC,CAAAoC,CAAAA,SAAAA,CAAA,wBAAA,EAT3DpC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAe+B,EAAA,CAD3BM,CAAAA,CAAc,sBACFrC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",i=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n background-color: var(--nile-sidebar-menu-background-color);\n --min-width: 80px;\n min-width: var(--min-width);\n width: max-content;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n flex-direction: column;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .submenu__box {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding: var(--nile-spacing-lg) var(--nile-spacing-none);\n }\n\n .sidemenu__items-list {\n display:flex;\n flex-direction: column;\n gap: var(--nile-spacing-md);\n }\n\n .footer {\n display:flex;\n flex-direction: column;\n gap: var(--nile-spacing-md);\n }\n\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-sidebar-menu.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-sidebar-menu.css.cjs.js","sources":["../../../src/nile-sidebar-menu/nile-sidebar-menu.css.ts"],"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 * SidebarMenu CSS\n */\nexport const styles = css`\n :host {\n background-color: var(--nile-sidebar-menu-background-color);\n --min-width: 80px;\n min-width: var(--min-width);\n width: max-content;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n flex-direction: column;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .submenu__box {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n padding: var(--nile-spacing-lg) var(--nile-spacing-none);\n }\n\n .sidemenu__items-list {\n display:flex;\n flex-direction: column;\n gap: var(--nile-spacing-md);\n }\n\n .footer {\n display:flex;\n flex-direction: column;\n gap: var(--nile-spacing-md);\n }\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import{css as n}from"lit";const i=n`
|
|
2
|
+
:host {
|
|
3
|
+
background-color: var(--nile-sidebar-menu-background-color);
|
|
4
|
+
--min-width: 80px;
|
|
5
|
+
min-width: var(--min-width);
|
|
6
|
+
width: max-content;
|
|
7
|
+
height: 100%;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
display: flex;
|
|
10
|
+
padding: var(--nile-spacing-none) var(--nile-spacing-xl);
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
13
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
14
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.submenu__box {
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
justify-content: space-between;
|
|
22
|
+
height: 100%;
|
|
23
|
+
padding: var(--nile-spacing-lg) var(--nile-spacing-none);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.sidemenu__items-list {
|
|
27
|
+
display:flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
gap: var(--nile-spacing-md);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.footer {
|
|
33
|
+
display:flex;
|
|
34
|
+
flex-direction: column;
|
|
35
|
+
gap: var(--nile-spacing-md);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
`;export{i as s};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import{__decorate as s}from"tslib";import{html as e}from"lit";import{property as t,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-sidebar-menu.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{classMap as o}from"lit/directives/class-map.js";let a=class extends l{constructor(){super(...arguments),this.sidemenucollapsed=!1}static get styles(){return[r]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleSidebarMenuCollapsed.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleSidebarMenuCollapsed)}firstUpdated(){if(this.sidemenucollapsed){this.querySelectorAll("nile-sidebar-menu-items").forEach((s=>{s.collapsed=this.sidemenucollapsed}))}}handleSidebarMenuCollapsed(){this.sidemenucollapsed=!this.sidemenucollapsed;this.querySelectorAll("nile-sidebar-menu-items").forEach((s=>{s.collapsed=this.sidemenucollapsed}))}render(){return e`
|
|
2
|
+
<slot name="header" class="header"></slot>
|
|
3
|
+
<div class="submenu__box">
|
|
4
|
+
<slot
|
|
5
|
+
class=${o({"sidemenu__items-list":!0})}
|
|
6
|
+
>
|
|
7
|
+
</slot>
|
|
8
|
+
<slot name="footer" part="footer" class="footer"></slot>
|
|
9
|
+
</div>
|
|
10
|
+
`}};s([t({type:Boolean,reflect:!0})],a.prototype,"sidemenucollapsed",void 0),a=s([i("nile-sidebar-menu")],a);export{a as N};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-sidebar-menu-items.cjs.js","tslib","lit","lit/decorators.js","./nile-sidebar-menu-items.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileSidebarMenuItemsCjsJs){_export("NileSidebarMenuItems",_nileSidebarMenuItemsCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSidebarMenuItemsCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileSidebarMenuItems}from"./nile-sidebar-menu-items.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-sidebar-menu-items.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-sidebar-menu-items.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var e,i,s,t,r,o,l,m,_templateObject,_templateObject2,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;t=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileSidebarMenuItemsCssCjsJs){o=_nileSidebarMenuItemsCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){m=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.iconValue="",_this.active=!1,_this.collapsed=!1;return _this;}_inherits(a,_l);return _createClass(a,[{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n class=","\n >\n ","\n <slot\n class=","\n ></slot>\n </div>\n "])),m({"nile__sidebar-menu-item":!0,"hide-sidebar-menu-items":this.collapsed}),this.iconValue?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-icon\n name=\"","\"\n aria-label=\"","\"\n size=\"24\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n ></nile-icon>"])),this.iconValue,this.iconValue):"",m({"hide-items":this.collapsed}));}}],[{key:"styles",get:function get(){return[o];}}]);}(l));e([s()],a.prototype,"iconValue",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0),e([t()],a.prototype,"collapsed",void 0),_export("N",a=e([r("nile-sidebar-menu-items")],a));}};});
|
|
2
|
+
//# sourceMappingURL=nile-sidebar-menu-items.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-sidebar-menu-items.cjs.js","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts"],"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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-menu-items.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-menu-items component.\n *\n * @tag nile-sidebar-menu-items\n *\n */\n@customElement('nile-sidebar-menu-items')\nexport class NileSidebarMenuItems extends NileElement {\n /**\n * The styles for nile-sidebar-menu-items\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property() iconValue = ''; // name of the icon we are using\n @property({ type: Boolean, reflect: true }) active = false;\n\n @state() collapsed = false;\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n public render(): TemplateResult {\n return html`\n <div\n class=${classMap({\n 'nile__sidebar-menu-item': true,\n 'hide-sidebar-menu-items': this.collapsed,\n })}\n >\n ${this.iconValue\n ? html`<nile-icon\n name=\"${this.iconValue}\"\n aria-label=\"${this.iconValue}\"\n size=\"24\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n ></nile-icon>`\n : ``}\n <slot\n class=${classMap({\n 'hide-items': this.collapsed,\n })}\n ></slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileSidebarMenuItems;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-sidebar-menu-items': NileSidebarMenuItems;\n }\n}\n"],"names":["NileSidebarMenuItems","a","this","iconValue","active","collapsed","_this","_inherits","_l","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","get","styles","NileElement","__decorate","property","prototype","type","Boolean","reflect","state","_export","customElement"],"mappings":"gzGAyBaA,4BAAN,SAAAC,EAAA,qEASOC,EAAAA,KAAAA,CAAAC,UAAY,EACoBD,CAAAA,KAAAA,CAAME,QAAG,CAE5CF,CAAAA,KAAAA,CAASG,WAAG,CAmCtB,QAAAC,KAAA,EA1CQC,SAAA,CAAAN,CAAA,CAAAO,EAAA,SAAAC,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,CAgBA,SAAAC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uIAECC,CAAAA,CAAS,CACf,yBAAA,CAAA,CAA2B,CAC3B,CAAA,yBAAA,CAA2Bd,IAAKG,CAAAA,SAAAA,CAAAA,CAAAA,CAGhCH,IAAAA,CAAKC,UACHU,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,yNACMb,IAAKC,CAAAA,SAAAA,CACCD,IAAKC,CAAAA,SAAAA,EAIrB,EAAA,CAEMa,CAAS,CAAA,CACf,aAAcd,IAAKG,CAAAA,SAAAA,CAAAA,CAAAA,EAK5B,CAAA,KAAAK,GAAA,UAAAQ,GAAA,CAvCM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAcM,MArBiCC,CAAAA,GAS5BC,CAAA,CAAA,CAAXC,CAA0BtB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuB,SAAA,CAAA,WAAA,CAAA,IAAA,EACiBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEE,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB1B,CAAAuB,CAAAA,SAAAA,CAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAElDF,CAAA,CAAA,CAARM,KAA0B3B,CAAAuB,CAAAA,SAAAA,CAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAAAK,OAAA,KAZhB5B,CAAoBqB,CAAAA,CAAAA,CAAA,CADhCQ,CAAAA,CAAc,4BACF7B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",n=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n --min-width: 280px;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile__sidebar-menu-item {\n display: flex;\n align-items: center;\n padding: var(--nile-spacing-md);\n gap: var(--nile-spacing-xl);\n min-width: var(--min-width);\n width: max-content;\n box-sizing: border-box;\n\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-4);\n font-weight: var(--nile-font-weight-medium);\n line-height: var(--nile-line-height-medium);\n }\n\n .nile__sidebar-menu-item:hover {\n background-color: var(--nile-colors-neutral-100);\n border-radius: var(--nile-radius-sm);\n }\n\n .hide-sidebar-menu-items{\n min-width:48px;\n }\n\n .hide-items {\n display: none;\n }\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-sidebar-menu-items.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-sidebar-menu-items.css.cjs.js","sources":["../../../src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts"],"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 * SidebarMenuItems CSS\n */\nexport const styles = css`\n :host {\n --min-width: 280px;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .nile__sidebar-menu-item {\n display: flex;\n align-items: center;\n padding: var(--nile-spacing-md);\n gap: var(--nile-spacing-xl);\n min-width: var(--min-width);\n width: max-content;\n box-sizing: border-box;\n\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-4);\n font-weight: var(--nile-font-weight-medium);\n line-height: var(--nile-line-height-medium);\n }\n\n .nile__sidebar-menu-item:hover {\n background-color: var(--nile-colors-neutral-100);\n border-radius: var(--nile-radius-sm);\n }\n\n .hide-sidebar-menu-items{\n min-width:48px;\n }\n\n .hide-items {\n display: none;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import{css as i}from"lit";const n=i`
|
|
2
|
+
:host {
|
|
3
|
+
--min-width: 280px;
|
|
4
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
5
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
6
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.nile__sidebar-menu-item {
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
padding: var(--nile-spacing-md);
|
|
13
|
+
gap: var(--nile-spacing-xl);
|
|
14
|
+
min-width: var(--min-width);
|
|
15
|
+
width: max-content;
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
|
|
18
|
+
font-family: var(--nile-font-family-serif);
|
|
19
|
+
font-size: var(--nile-type-scale-4);
|
|
20
|
+
font-weight: var(--nile-font-weight-medium);
|
|
21
|
+
line-height: var(--nile-line-height-medium);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.nile__sidebar-menu-item:hover {
|
|
25
|
+
background-color: var(--nile-colors-neutral-100);
|
|
26
|
+
border-radius: var(--nile-radius-sm);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.hide-sidebar-menu-items{
|
|
30
|
+
min-width:48px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.hide-items {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
`;export{n as s};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import{__decorate as e}from"tslib";import{html as i}from"lit";import{property as s,state as t,customElement as r}from"lit/decorators.js";import{s as o}from"./nile-sidebar-menu-items.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{classMap as m}from"lit/directives/class-map.js";let a=class extends l{constructor(){super(...arguments),this.iconValue="",this.active=!1,this.collapsed=!1}static get styles(){return[o]}render(){return i`
|
|
2
|
+
<div
|
|
3
|
+
class=${m({"nile__sidebar-menu-item":!0,"hide-sidebar-menu-items":this.collapsed})}
|
|
4
|
+
>
|
|
5
|
+
${this.iconValue?i`<nile-icon
|
|
6
|
+
name="${this.iconValue}"
|
|
7
|
+
aria-label="${this.iconValue}"
|
|
8
|
+
size="24"
|
|
9
|
+
method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
|
|
10
|
+
></nile-icon>`:""}
|
|
11
|
+
<slot
|
|
12
|
+
class=${m({"hide-items":this.collapsed})}
|
|
13
|
+
></slot>
|
|
14
|
+
</div>
|
|
15
|
+
`}};e([s()],a.prototype,"iconValue",void 0),e([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0),e([t()],a.prototype,"collapsed",void 0),a=e([r("nile-sidebar-menu-items")],a);export{a as N};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-sidebar-wrapper.cjs.js","tslib","lit","lit/decorators.js","./nile-sidebar-wrapper.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";return{setters:[function(_nileSidebarWrapperCjsJs){_export("NileSidebarWrapper",_nileSidebarWrapperCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSidebarWrapperCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileSidebarWrapper}from"./nile-sidebar-wrapper.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-sidebar-wrapper.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-sidebar-wrapper.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var t,e,s,i,r,o,l,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSidebarWrapperCssCjsJs){r=_nileSidebarWrapperCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.overlaysidebar=!1,_this.placement="left",_this.isopen=!1;return _this;}_inherits(n,_o);return _createClass(n,[{key:"render",value:function render(){return console.log(this.isopen),e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n class=","\n >\n <slot\n name=\"sidebar-content\"\n class=","\n >\n </slot>\n <slot\n name=\"body-content\"\n class=","\n >\n </slot>\n </div>\n "])),l({"wrapper-box":!0,"wrapper-box--right":"right"===this.placement&&!this.overlaysidebar}),l({"sidebar-content":!0,"sidebar__content--overlay":this.overlaysidebar,"sidebar__content--overlay--right":"right"===this.placement,"sidebar__content--overlay--left":"left"===this.placement,"sidebar__content--overlay-open-left":this.isopen&&"left"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-closed-left":!this.isopen&&"left"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-open-right":this.isopen&&"right"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-closed-right":!this.isopen&&"right"===this.placement&&this.overlaysidebar}),l({"body-content":!0,"body__content--overlay":this.overlaysidebar&&this.isopen}));}}],[{key:"styles",get:function get(){return[r];}}]);}(o));t([s({type:Boolean,reflect:!0})],n.prototype,"overlaysidebar",void 0),t([s({reflect:!0})],n.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],n.prototype,"isopen",void 0),_export("N",n=t([i("nile-sidebar-wrapper")],n));}};});
|
|
2
|
+
//# sourceMappingURL=nile-sidebar-wrapper.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-sidebar-wrapper.cjs.js","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"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 {\n LitElement,\n html,\n CSSResultArray,\n TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n /**\n * The styles for nile-sidebar-wrapper\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n @property({ type: Boolean, reflect: true }) isopen = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n public render(): TemplateResult {\n console.log(this.isopen);\n\n return html`\n <div\n class=${classMap({\n 'wrapper-box': true,\n 'wrapper-box--right':\n this.placement === 'right' && !this.overlaysidebar,\n })}\n >\n <slot\n name=\"sidebar-content\"\n class=${classMap({\n 'sidebar-content': true,\n 'sidebar__content--overlay': this.overlaysidebar,\n 'sidebar__content--overlay--right': this.placement === 'right',\n 'sidebar__content--overlay--left': this.placement === 'left',\n 'sidebar__content--overlay-open-left':\n this.isopen && this.placement === 'left' && this.overlaysidebar,\n 'sidebar__content--overlay-closed-left':\n !this.isopen && this.placement === 'left' && this.overlaysidebar,\n 'sidebar__content--overlay-open-right':\n this.isopen && this.placement === 'right'&& this.overlaysidebar,\n 'sidebar__content--overlay-closed-right':\n !this.isopen && this.placement === 'right' && this.overlaysidebar,\n })}\n >\n </slot>\n <slot\n name=\"body-content\"\n class=${classMap({\n 'body-content': true,\n 'body__content--overlay': this.overlaysidebar && this.isopen,\n })}\n >\n </slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-sidebar-wrapper': NileSidebarWrapper;\n }\n}\n"],"names":["NileSidebarWrapper","_o","n","constructor","this","overlaysidebar","placement","isopen","_this","_inherits","_createClass","key","value","render","console","log","html","_templateObject","_taggedTemplateLiteral","classMap","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"6vGAyBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCASuCC,EAAAA,KAAAA,CAAcC,gBAAG,CAChCD,CAAAA,KAAAA,CAASE,UAAqB,MACfF,CAAAA,KAAAA,CAAMG,QAAG,CAoDtD,QAAAC,KAAA,EA1DQC,SAAA,CAAAP,CAAA,CAAAD,EAAA,SAAAS,YAAA,CAAAR,CAAA,GAAAS,GAAA,UAAAC,KAAA,CAgBA,SAAAC,MAAAA,CAAAA,CAGL,CAAA,MAFAC,CAAAA,QAAQC,GAAIX,CAAAA,IAAAA,CAAKG,QAEVS,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,yQAECC,CAAAA,CAAS,CACf,aAAe,CAAA,CAAA,CAAA,CACf,qBACqB,OAAnBf,GAAAA,IAAAA,CAAKE,YAA0BF,IAAKC,CAAAA,cAAAA,CAAAA,CAAAA,CAK9Bc,CAAS,CAAA,CACf,mBAAmB,CACnB,CAAA,2BAAA,CAA6Bf,KAAKC,cAClC,CAAA,kCAAA,CAAuD,UAAnBD,IAAKE,CAAAA,SAAAA,CACzC,kCAAsD,MAAnBF,GAAAA,IAAAA,CAAKE,UACxC,qCACEF,CAAAA,IAAAA,CAAKG,QAA6B,MAAnBH,GAAAA,IAAAA,CAAKE,WAAwBF,IAAKC,CAAAA,cAAAA,CACnD,yCACGD,IAAKG,CAAAA,MAAAA,EAA6B,SAAnBH,IAAKE,CAAAA,SAAAA,EAAwBF,KAAKC,cACpD,CAAA,sCAAA,CACED,KAAKG,MAA6B,EAAA,OAAA,GAAnBH,KAAKE,SAAwBF,EAAAA,IAAAA,CAAKC,eACnD,wCACGD,CAAAA,CAAAA,IAAAA,CAAKG,QAA6B,OAAnBH,GAAAA,IAAAA,CAAKE,WAAyBF,IAAKC,CAAAA,cAAAA,CAAAA,CAAAA,CAM/Cc,CAAAA,CAAS,CACf,cAAgB,CAAA,CAAA,CAAA,CAChB,wBAA0Bf,CAAAA,IAAAA,CAAKC,gBAAkBD,IAAKG,CAAAA,MAAAA,CAAAA,CAAAA,CAM/D,EAAA,KAAAI,GAAA,UAAAS,GAAA,CAvDM,SAAAA,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAcM,MArB+BC,IASMC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA+B3B,CAAA4B,CAAAA,SAAAA,CAAA,qBAAA,EACtCL,CAAAA,CAAAA,CAAAA,CAAA,CAA5BC,CAAS,CAAA,CAAEG,SAAS,CAA6C3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4B,SAAA,CAAA,WAAA,CAAA,IAAA,IACtBL,CAAA,CAAA,CAA3CC,EAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB3B,CAAA4B,CAAAA,SAAAA,CAAA,aAAA,EAXhD5B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAkBuB,EAAA,CAD9BM,CAAAA,CAAc,yBACF7B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .wrapper-box {\n display: flex;\n height: 100vh;\n width: 100%;\n }\n\n .wrapper-box--right {\n flex-direction: row-reverse;\n }\n\n .sidebar-content {\n display: flex;\n height: 100%;\n }\n\n .body-content {\n display: flex;\n height: 100%;\n background-color: var(--nile-colors-red-500);\n }\n\n .sidebar__content--overlay {\n position: absolute;\n z-index: 1000;\n }\n\n .sidebar__content--overlay--right {\n right: 0;\n }\n\n .sidebar__content--overlay--left {\n left: 0;\n }\n\n .body__content--overlay {\n position: absolute;\n left: 0;\n opacity:0.5;\n background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n }\n\n /* For left side */\n .sidebar__content--overlay-open-left {\n animation: slide-in-left 0.3s ease-in-out forwards;\n }\n\n .sidebar__content--overlay-closed-left {\n animation: slide-out-left 0.3s ease-in-out forwards;\n }\n\n @keyframes slide-in-left {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n @keyframes slide-out-left {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(-100%);\n }\n }\n\n /* For right side */\n .sidebar__content--overlay-open-right {\n animation: slide-in-right 0.3s ease-in-out forwards;\n }\n\n .sidebar__content--overlay-closed-right {\n animation: slide-out-right 0.3s ease-in-out forwards;\n }\n\n @keyframes slide-in-right {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n }\n\n @keyframes slide-out-right {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-sidebar-wrapper.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-sidebar-wrapper.css.cjs.js","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"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 * SidebarWrapper CSS\n */\nexport const styles = css`\n :host {\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .wrapper-box {\n display: flex;\n height: 100vh;\n width: 100%;\n }\n\n .wrapper-box--right {\n flex-direction: row-reverse;\n }\n\n .sidebar-content {\n display: flex;\n height: 100%;\n }\n\n .body-content {\n display: flex;\n height: 100%;\n background-color: var(--nile-colors-red-500);\n }\n\n .sidebar__content--overlay {\n position: absolute;\n z-index: 1000;\n }\n\n .sidebar__content--overlay--right {\n right: 0;\n }\n\n .sidebar__content--overlay--left {\n left: 0;\n }\n\n .body__content--overlay {\n position: absolute;\n left: 0;\n opacity:0.5;\n background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n }\n\n /* For left side */\n .sidebar__content--overlay-open-left {\n animation: slide-in-left 0.3s ease-in-out forwards;\n }\n\n .sidebar__content--overlay-closed-left {\n animation: slide-out-left 0.3s ease-in-out forwards;\n }\n\n @keyframes slide-in-left {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n @keyframes slide-out-left {\n 0% {\n transform: translateX(0);\n }\n\n 100% {\n transform: translateX(-100%);\n }\n }\n\n /* For right side */\n .sidebar__content--overlay-open-right {\n animation: slide-in-right 0.3s ease-in-out forwards;\n }\n\n .sidebar__content--overlay-closed-right {\n animation: slide-out-right 0.3s ease-in-out forwards;\n }\n\n @keyframes slide-in-right {\n 0% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(0);\n }\n }\n\n @keyframes slide-out-right {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import{css as e}from"lit";const t=e`
|
|
2
|
+
:host {
|
|
3
|
+
display: block;
|
|
4
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
5
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
6
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.wrapper-box {
|
|
10
|
+
display: flex;
|
|
11
|
+
height: 100vh;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.wrapper-box--right {
|
|
16
|
+
flex-direction: row-reverse;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.sidebar-content {
|
|
20
|
+
display: flex;
|
|
21
|
+
height: 100%;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.body-content {
|
|
25
|
+
display: flex;
|
|
26
|
+
height: 100%;
|
|
27
|
+
background-color: var(--nile-colors-red-500);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.sidebar__content--overlay {
|
|
31
|
+
position: absolute;
|
|
32
|
+
z-index: 1000;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.sidebar__content--overlay--right {
|
|
36
|
+
right: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.sidebar__content--overlay--left {
|
|
40
|
+
left: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.body__content--overlay {
|
|
44
|
+
position: absolute;
|
|
45
|
+
left: 0;
|
|
46
|
+
opacity:0.5;
|
|
47
|
+
background-color:var(--nile-sidebar-wrapper-overlay-background-color);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/* For left side */
|
|
51
|
+
.sidebar__content--overlay-open-left {
|
|
52
|
+
animation: slide-in-left 0.3s ease-in-out forwards;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.sidebar__content--overlay-closed-left {
|
|
56
|
+
animation: slide-out-left 0.3s ease-in-out forwards;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@keyframes slide-in-left {
|
|
60
|
+
0% {
|
|
61
|
+
transform: translateX(-100%);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
100% {
|
|
65
|
+
transform: translateX(0);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@keyframes slide-out-left {
|
|
70
|
+
0% {
|
|
71
|
+
transform: translateX(0);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
100% {
|
|
75
|
+
transform: translateX(-100%);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/* For right side */
|
|
80
|
+
.sidebar__content--overlay-open-right {
|
|
81
|
+
animation: slide-in-right 0.3s ease-in-out forwards;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.sidebar__content--overlay-closed-right {
|
|
85
|
+
animation: slide-out-right 0.3s ease-in-out forwards;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@keyframes slide-in-right {
|
|
89
|
+
0% {
|
|
90
|
+
transform: translateX(100%);
|
|
91
|
+
}
|
|
92
|
+
100% {
|
|
93
|
+
transform: translateX(0);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@keyframes slide-out-right {
|
|
98
|
+
0% {
|
|
99
|
+
transform: translateX(0);
|
|
100
|
+
}
|
|
101
|
+
100% {
|
|
102
|
+
transform: translateX(100%);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
`;export{t as s};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{s as r}from"./nile-sidebar-wrapper.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{classMap as l}from"lit/directives/class-map.js";let n=class extends o{constructor(){super(...arguments),this.overlaysidebar=!1,this.placement="left",this.isopen=!1}static get styles(){return[r]}render(){return console.log(this.isopen),e`
|
|
2
|
+
<div
|
|
3
|
+
class=${l({"wrapper-box":!0,"wrapper-box--right":"right"===this.placement&&!this.overlaysidebar})}
|
|
4
|
+
>
|
|
5
|
+
<slot
|
|
6
|
+
name="sidebar-content"
|
|
7
|
+
class=${l({"sidebar-content":!0,"sidebar__content--overlay":this.overlaysidebar,"sidebar__content--overlay--right":"right"===this.placement,"sidebar__content--overlay--left":"left"===this.placement,"sidebar__content--overlay-open-left":this.isopen&&"left"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-closed-left":!this.isopen&&"left"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-open-right":this.isopen&&"right"===this.placement&&this.overlaysidebar,"sidebar__content--overlay-closed-right":!this.isopen&&"right"===this.placement&&this.overlaysidebar})}
|
|
8
|
+
>
|
|
9
|
+
</slot>
|
|
10
|
+
<slot
|
|
11
|
+
name="body-content"
|
|
12
|
+
class=${l({"body-content":!0,"body__content--overlay":this.overlaysidebar&&this.isopen})}
|
|
13
|
+
>
|
|
14
|
+
</slot>
|
|
15
|
+
</div>
|
|
16
|
+
`}};t([s({type:Boolean,reflect:!0})],n.prototype,"overlaysidebar",void 0),t([s({reflect:!0})],n.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],n.prototype,"isopen",void 0),n=t([i("nile-sidebar-wrapper")],n);export{n as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-1c49c014.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-slide-toggle.cjs.js","tslib","./nile-slide-toggle.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","lit/decorators.js"],function(_export,_context){"use strict";var e,l,i,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture005CjsJs){e=_fixture005CjsJs.f;l=_fixture005CjsJs.a;},function(_litStaticHtmlJs){},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){i=_lit.html;},function(_litDirectivesUnsafeHtmlJs){},function(_nileSlideToggleCjsJs){},function(_tslib){},function(_nileSlideToggleCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){}],execute:function execute(){describe("NileSlideToggle",function(){it("should default to unchecked",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var t;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return e(i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-slide-toggle></nile-slide-toggle>"]))));case 2:t=_context2.sent;l(t.isChecked).to.be["false"];case 4:case"end":return _context2.stop();}},_callee);}))),it("should toggle isChecked property when clicked",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var t,s;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return e(i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-slide-toggle></nile-slide-toggle>"]))));case 2:t=_context3.sent;s=t.shadowRoot.querySelector("input");s.click(),l(t.isChecked).to.be["true"],s.click(),l(t.isChecked).to.be["false"];case 5:case"end":return _context3.stop();}},_callee2);}))),it("should display the label and sublabel",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var t,s,o;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return e(i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-slide-toggle label=\"Test Label\" sublabel=\"Test Sublabel\"></nile-slide-toggle>"]))));case 2:t=_context4.sent;s=t.shadowRoot.querySelector(".nile-slide-toggle__label span");o=t.shadowRoot.querySelector(".nile-slide-toggle__sublabel");l(s.textContent).to.equal("Test Label"),l(o.textContent).to.equal("Test Sublabel");case 6:case"end":return _context4.stop();}},_callee3);}))),it("should apply disabled class when disabled",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var t;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return e(i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-slide-toggle disabled></nile-slide-toggle>"]))));case 2:t=_context5.sent.shadowRoot.querySelector(".nile-slide-toggle");l(t.classList.contains("nile-slide--disabled")).to.be["true"];case 4:case"end":return _context5.stop();}},_callee4);}))),it("should emit a change event with correct detail when toggled",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var t,s,o;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return e(i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-slide-toggle></nile-slide-toggle>"]))));case 2:t=_context6.sent;s=null;t.addEventListener("change",function(e){s=e.detail;});o=t.shadowRoot.querySelector("input");o.click(),l(s).to.deep.contain({checked:!0,value:!0}),o.click(),l(s).to.deep.contain({checked:!1,value:!1});case 7:case"end":return _context6.stop();}},_callee5);}))),it("should show help text when provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var t;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return e(i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-slide-toggle help-text=\"Help text here\"></nile-slide-toggle>"]))));case 2:t=_context7.sent.shadowRoot.querySelector("nile-form-help-text");l(t).to.exist,l(t===null||t===void 0?void 0:t.textContent).to.equal("Help text here");case 4:case"end":return _context7.stop();}},_callee6);}))),it("should show error message when provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var t;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return e(i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-slide-toggle error-message=\"Error message here\"></nile-slide-toggle>"]))));case 2:t=_context8.sent.shadowRoot.querySelector("nile-form-error-message");l(t).to.exist,l(t===null||t===void 0?void 0:t.textContent).to.equal("Error message here");case 4:case"end":return _context8.stop();}},_callee7);})));});}};});
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["../fixture-54600b35.cjs.js","lit/static-html.js","lit/html.js","lit/directive-helpers.js","lit","lit/directives/unsafe-html.js","./nile-slide-toggle.cjs.js","tslib","./nile-slide-toggle.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","lit/decorators.js"],function(_export,_context){"use strict";var e,l,i,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7;function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}return{setters:[function(_fixture005CjsJs){e=_fixture005CjsJs.f;l=_fixture005CjsJs.a;},function(_litStaticHtmlJs){},function(_litHtmlJs){},function(_litDirectiveHelpersJs){},function(_lit){i=_lit.html;},function(_litDirectivesUnsafeHtmlJs){},function(_nileSlideToggleCjsJs){},function(_tslib){},function(_nileSlideToggleCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){}],execute:function execute(){describe("NileSlideToggle",function(){it("should default to unchecked",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var t;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return e(i(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-slide-toggle></nile-slide-toggle>"]))));case 2:t=_context2.sent;l(t.isChecked).to.be["false"];case 4:case"end":return _context2.stop();}},_callee);}))),it("should toggle isChecked property when clicked",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){var t,s;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.next=2;return e(i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-slide-toggle></nile-slide-toggle>"]))));case 2:t=_context3.sent;s=t.shadowRoot.querySelector("input");s.click(),l(t.isChecked).to.be["true"],s.click(),l(t.isChecked).to.be["false"];case 5:case"end":return _context3.stop();}},_callee2);}))),it("should display the label and sublabel",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var t,s,o;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return e(i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-slide-toggle label=\"Test Label\" sublabel=\"Test Sublabel\"></nile-slide-toggle>"]))));case 2:t=_context4.sent;s=t.shadowRoot.querySelector(".nile-slide-toggle__label span");o=t.shadowRoot.querySelector(".nile-slide-toggle__sublabel");l(s.textContent).to.equal("Test Label"),l(o.textContent).to.equal("Test Sublabel");case 6:case"end":return _context4.stop();}},_callee3);}))),it("should apply disabled class when disabled",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var t;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:_context5.next=2;return e(i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-slide-toggle disabled></nile-slide-toggle>"]))));case 2:t=_context5.sent.shadowRoot.querySelector(".nile-slide-toggle");l(t.classList.contains("nile-slide--disabled")).to.be["true"];case 4:case"end":return _context5.stop();}},_callee4);}))),it("should emit a change event with correct detail when toggled",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){var t,s,o;return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:_context6.next=2;return e(i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-slide-toggle></nile-slide-toggle>"]))));case 2:t=_context6.sent;s=null;t.addEventListener("change",function(e){s=e.detail;});o=t.shadowRoot.querySelector("input");o.click(),l(s).to.deep.contain({checked:!0,value:!0}),o.click(),l(s).to.deep.contain({checked:!1,value:!1});case 7:case"end":return _context6.stop();}},_callee5);}))),it("should show help text when provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){var t;return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:_context7.next=2;return e(i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-slide-toggle help-text=\"Help text here\"></nile-slide-toggle>"]))));case 2:t=_context7.sent.shadowRoot.querySelector("nile-form-help-text");l(t).to.exist,l(t===null||t===void 0?void 0:t.textContent).to.equal("Help text here");case 4:case"end":return _context7.stop();}},_callee6);}))),it("should show error message when provided",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(){var t;return _regeneratorRuntime().wrap(function _callee7$(_context8){while(1)switch(_context8.prev=_context8.next){case 0:_context8.next=2;return e(i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-slide-toggle error-message=\"Error message here\"></nile-slide-toggle>"]))));case 2:t=_context8.sent.shadowRoot.querySelector("nile-form-error-message");l(t).to.exist,l(t===null||t===void 0?void 0:t.textContent).to.equal("Error message here");case 4:case"end":return _context8.stop();}},_callee7);})));});}};});
|
|
2
2
|
//# sourceMappingURL=nile-slide-toggle.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{f as e,a as l}from"../fixture-
|
|
1
|
+
import{f as e,a as l}from"../fixture-9871e8a9.esm.js";import"lit/static-html.js";import"lit/html.js";import"lit/directive-helpers.js";import{html as i}from"lit";import"lit/directives/unsafe-html.js";import"./nile-slide-toggle.esm.js";import"tslib";import"./nile-slide-toggle.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/class-map.js";import"lit/decorators.js";describe("NileSlideToggle",(()=>{it("should default to unchecked",(async()=>{const t=await e(i`<nile-slide-toggle></nile-slide-toggle>`);l(t.isChecked).to.be.false})),it("should toggle isChecked property when clicked",(async()=>{const t=await e(i`<nile-slide-toggle></nile-slide-toggle>`),s=t.shadowRoot.querySelector("input");s.click(),l(t.isChecked).to.be.true,s.click(),l(t.isChecked).to.be.false})),it("should display the label and sublabel",(async()=>{const t=await e(i`<nile-slide-toggle label="Test Label" sublabel="Test Sublabel"></nile-slide-toggle>`),s=t.shadowRoot.querySelector(".nile-slide-toggle__label span"),o=t.shadowRoot.querySelector(".nile-slide-toggle__sublabel");l(s.textContent).to.equal("Test Label"),l(o.textContent).to.equal("Test Sublabel")})),it("should apply disabled class when disabled",(async()=>{const t=(await e(i`<nile-slide-toggle disabled></nile-slide-toggle>`)).shadowRoot.querySelector(".nile-slide-toggle");l(t.classList.contains("nile-slide--disabled")).to.be.true})),it("should emit a change event with correct detail when toggled",(async()=>{const t=await e(i`<nile-slide-toggle></nile-slide-toggle>`);let s=null;t.addEventListener("change",(e=>{s=e.detail}));const o=t.shadowRoot.querySelector("input");o.click(),l(s).to.deep.contain({checked:!0,value:!0}),o.click(),l(s).to.deep.contain({checked:!1,value:!1})})),it("should show help text when provided",(async()=>{const t=(await e(i`<nile-slide-toggle help-text="Help text here"></nile-slide-toggle>`)).shadowRoot.querySelector("nile-form-help-text");l(t).to.exist,l(t?.textContent).to.equal("Help text here")})),it("should show error message when provided",(async()=>{const t=(await e(i`<nile-slide-toggle error-message="Error message here"></nile-slide-toggle>`)).shadowRoot.querySelector("nile-form-error-message");l(t).to.exist,l(t?.textContent).to.equal("Error message here")}))}));
|