@aquera/nile-elements 1.1.3-beta-1.2 → 1.1.3-beta-1.4
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 +9 -0
- package/demo/index.html +16 -314
- package/demo/nxtgen.css +7 -2
- package/dist/{fixture-3bfb4490.cjs.js → fixture-5b79f853.cjs.js} +2 -2
- package/dist/{fixture-3bfb4490.cjs.js.map → fixture-5b79f853.cjs.js.map} +1 -1
- package/dist/{fixture-ba65262e.esm.js → fixture-90b199c4.esm.js} +2 -2
- package/dist/{fixture-8edec91c.esm.js → fixture-9871e8a9.esm.js} +1 -1
- package/dist/{fixture-d1470b58.cjs.js → fixture-c1d78368.cjs.js} +2 -2
- package/dist/{fixture-d1470b58.cjs.js.map → fixture-c1d78368.cjs.js.map} +1 -1
- package/dist/{fixture-985bba12.esm.js → fixture-cf7bfcf5.esm.js} +1 -1
- package/dist/{fixture-e3592de4.cjs.js → fixture-dbd66009.cjs.js} +4 -4
- 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 +698 -1272
- 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/nile-auto-complete.test.cjs.js +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.css.cjs.js +1 -1
- package/dist/nile-button/nile-button.css.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.css.esm.js +66 -12
- 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/nile-calendar.test.cjs.js +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/nile-chip.test.cjs.js +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/nile-dropdown.test.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.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-grid/nile-grid.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.css.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.css.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.css.esm.js +8 -4
- package/dist/nile-grid/nile-grid.esm.js +6 -6
- package/dist/nile-grid/nile-grid.types.cjs.js +2 -0
- package/dist/nile-grid/nile-grid.types.cjs.js.map +1 -0
- package/dist/nile-grid/nile-grid.types.esm.js +1 -0
- package/dist/nile-grid/nile-grid.utils.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.utils.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.utils.esm.js +1 -1
- package/dist/nile-grid-body/nile-grid-body.cjs.js +1 -1
- package/dist/nile-grid-body/nile-grid-body.cjs.js.map +1 -1
- package/dist/nile-grid-body/nile-grid-body.css.cjs.js +1 -1
- package/dist/nile-grid-body/nile-grid-body.css.cjs.js.map +1 -1
- package/dist/nile-grid-body/nile-grid-body.css.esm.js +0 -4
- package/dist/nile-grid-body/nile-grid-body.esm.js +3 -3
- package/dist/nile-grid-cell-item/nile-grid-cell-item.cjs.js +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.cjs.js.map +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.css.cjs.js +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.css.cjs.js.map +1 -1
- package/dist/nile-grid-cell-item/nile-grid-cell-item.css.esm.js +18 -3
- package/dist/nile-grid-cell-item/nile-grid-cell-item.esm.js +3 -3
- package/dist/nile-grid-head/nile-grid-head.cjs.js +1 -1
- package/dist/nile-grid-head/nile-grid-head.cjs.js.map +1 -1
- package/dist/nile-grid-head/nile-grid-head.css.cjs.js +1 -1
- package/dist/nile-grid-head/nile-grid-head.css.cjs.js.map +1 -1
- package/dist/nile-grid-head/nile-grid-head.css.esm.js +1 -1
- package/dist/nile-grid-head/nile-grid-head.esm.js +3 -3
- package/dist/nile-grid-head-item/nile-grid-head-item.cjs.js +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.cjs.js.map +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.css.cjs.js +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.css.cjs.js.map +1 -1
- package/dist/nile-grid-head-item/nile-grid-head-item.css.esm.js +20 -5
- package/dist/nile-grid-head-item/nile-grid-head-item.esm.js +4 -3
- package/dist/nile-grid-row/nile-grid-row.cjs.js +1 -1
- package/dist/nile-grid-row/nile-grid-row.cjs.js.map +1 -1
- package/dist/nile-grid-row/nile-grid-row.css.cjs.js +1 -1
- package/dist/nile-grid-row/nile-grid-row.css.cjs.js.map +1 -1
- package/dist/nile-grid-row/nile-grid-row.css.esm.js +17 -5
- package/dist/nile-grid-row/nile-grid-row.esm.js +4 -5
- 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-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.test.cjs.js +1 -1
- package/dist/nile-link/nile-link.test.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/nile-popover.test.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.test.esm.js +1 -1
- 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/nile-select.test.cjs.js +1 -1
- package/dist/nile-select/nile-select.test.esm.js +1 -1
- package/dist/nile-sidebar/index.cjs.js.map +1 -1
- package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js.map +1 -1
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js.map +1 -1
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js.map +1 -1
- 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-stepper/index.cjs.js +1 -1
- package/dist/nile-stepper/index.esm.js +1 -1
- package/dist/nile-stepper/nile-stepper.cjs.js +1 -1
- package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -1
- package/dist/nile-stepper/nile-stepper.esm.js +3 -3
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.esm.js +2 -2
- 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-table-body/index.cjs.js +1 -1
- package/dist/nile-table-body/index.esm.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.esm.js +3 -3
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +0 -4
- 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-vertical-stepper-item/nile-vertical-stepper-item.cjs.js +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js.map +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.esm.js +7 -7
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +1 -1
- 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/src/index.d.ts +4 -17
- package/dist/src/index.js +4 -17
- package/dist/src/index.js.map +1 -1
- 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-badge/__snapshots__/nile-badge.test.snap.js +17 -0
- package/dist/src/nile-button/nile-button.css.js +66 -12
- package/dist/src/nile-button/nile-button.css.js.map +1 -1
- package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js +310 -0
- 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-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-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/nile-grid.css.js +6 -2
- package/dist/src/nile-grid/nile-grid.css.js.map +1 -1
- package/dist/src/nile-grid/nile-grid.d.ts +9 -3
- package/dist/src/nile-grid/nile-grid.js +96 -20
- package/dist/src/nile-grid/nile-grid.js.map +1 -1
- package/dist/src/nile-grid/nile-grid.types.d.ts +3 -0
- package/dist/src/nile-grid/nile-grid.types.js +2 -0
- package/dist/src/nile-grid/nile-grid.types.js.map +1 -0
- package/dist/src/nile-grid/nile-grid.utils.d.ts +3 -2
- package/dist/src/nile-grid/nile-grid.utils.js +223 -81
- package/dist/src/nile-grid/nile-grid.utils.js.map +1 -1
- 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-grid-body/nile-grid-body.css.js +0 -4
- package/dist/src/nile-grid-body/nile-grid-body.css.js.map +1 -1
- package/dist/src/nile-grid-body/nile-grid-body.js +1 -1
- package/dist/src/nile-grid-body/nile-grid-body.js.map +1 -1
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.css.js +17 -2
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.css.js.map +1 -1
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.d.ts +0 -3
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.js +1 -11
- package/dist/src/nile-grid-cell-item/nile-grid-cell-item.js.map +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.css.js +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.css.js.map +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.js +1 -1
- package/dist/src/nile-grid-head/nile-grid-head.js.map +1 -1
- package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js +18 -3
- package/dist/src/nile-grid-head-item/nile-grid-head-item.css.js.map +1 -1
- package/dist/src/nile-grid-head-item/nile-grid-head-item.d.ts +3 -2
- package/dist/src/nile-grid-head-item/nile-grid-head-item.js +14 -11
- package/dist/src/nile-grid-head-item/nile-grid-head-item.js.map +1 -1
- package/dist/src/nile-grid-row/nile-grid-row.css.js +17 -5
- package/dist/src/nile-grid-row/nile-grid-row.css.js.map +1 -1
- package/dist/src/nile-grid-row/nile-grid-row.d.ts +4 -1
- package/dist/src/nile-grid-row/nile-grid-row.js +19 -4
- package/dist/src/nile-grid-row/nile-grid-row.js.map +1 -1
- 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-input/__snapshots__/nile-input.test.snap.js +75 -0
- package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js +22 -0
- package/dist/src/nile-sidebar/index.d.ts +1 -1
- package/dist/src/nile-stepper/nile-stepper.d.ts +1 -0
- package/dist/src/nile-stepper/nile-stepper.js +61 -40
- package/dist/src/nile-stepper/nile-stepper.js.map +1 -1
- package/dist/src/nile-stepper-item/nile-stepper-item.d.ts +3 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.js +14 -2
- package/dist/src/nile-stepper-item/nile-stepper-item.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.js +2 -1
- package/dist/src/nile-table-body/nile-table-body.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-table-header-item/nile-table-header-item.css.js +0 -4
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.d.ts +3 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js +14 -2
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +1 -0
- package/dist/src/nile-virtual-select/nile-virtual-select.js +18 -13
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- 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-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 +3 -20
- package/src/index.ts +4 -18
- package/src/nile-button/nile-button.css.ts +66 -12
- package/src/nile-grid/nile-grid.css.ts +6 -2
- package/src/nile-grid/nile-grid.ts +124 -21
- package/src/nile-grid/nile-grid.types.ts +1 -0
- package/src/nile-grid/nile-grid.utils.ts +353 -98
- package/src/nile-grid-body/nile-grid-body.css.ts +0 -4
- package/src/nile-grid-body/nile-grid-body.ts +2 -2
- package/src/nile-grid-cell-item/nile-grid-cell-item.css.ts +17 -2
- package/src/nile-grid-cell-item/nile-grid-cell-item.ts +3 -11
- package/src/nile-grid-head/nile-grid-head.css.ts +1 -1
- package/src/nile-grid-head/nile-grid-head.ts +2 -2
- package/src/nile-grid-head-item/nile-grid-head-item.css.ts +18 -3
- package/src/nile-grid-head-item/nile-grid-head-item.ts +8 -16
- package/src/nile-grid-row/nile-grid-row.css.ts +17 -5
- package/src/nile-grid-row/nile-grid-row.ts +9 -6
- package/src/nile-sidebar/index.ts +133 -0
- package/src/nile-sidebar/logo.svg +1 -0
- package/src/nile-sidebar-menu/index.ts +1 -0
- package/src/nile-sidebar-menu/nile-sidebar-menu.css.ts +52 -0
- package/src/nile-sidebar-menu/nile-sidebar-menu.ts +97 -0
- package/src/nile-sidebar-menu-items/index.ts +1 -0
- package/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts +50 -0
- package/src/nile-sidebar-menu-items/nile-sidebar-menu-items.ts +81 -0
- package/src/nile-sidebar-wrapper/index.ts +1 -0
- package/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts +119 -0
- package/src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts +97 -0
- package/src/nile-stepper/nile-stepper.ts +56 -39
- package/src/nile-stepper/stepper-utils.ts +49 -0
- package/src/nile-stepper-item/nile-stepper-item.ts +6 -3
- package/src/nile-table-body/nile-table-body.ts +2 -1
- package/src/nile-table-header-item/nile-table-header-item.css.ts +0 -4
- package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.ts +6 -3
- package/src/nile-virtual-select/nile-virtual-select.ts +8 -2
- package/vscode-html-custom-data.json +89 -382
- package/dist/axe.min-140df6c2.cjs.js +0 -2
- package/dist/axe.min-140df6c2.cjs.js.map +0 -1
- package/dist/axe.min-591c52c3.esm.js +0 -1
- package/dist/css-tag-3c4464f5.esm.js +0 -6
- package/dist/css-tag-b6258454.cjs.js +0 -6
- package/dist/css-tag-b6258454.cjs.js.map +0 -1
- package/dist/fixture-e3592de4.cjs.js.map +0 -1
- package/dist/flow-3e83b6f4.esm.js +0 -17
- package/dist/flow-ca47f938.cjs.js +0 -14
- package/dist/flow-ca47f938.cjs.js.map +0 -1
- package/dist/lit-html-21bc9a48.cjs.js +0 -6
- package/dist/lit-html-21bc9a48.cjs.js.map +0 -1
- package/dist/lit-html-82603fd0.esm.js +0 -6
- package/dist/nile-icon/icons/svg/ng-link-external-02.cjs.js +0 -2
- package/dist/nile-icon/icons/svg/ng-link-external-02.cjs.js.map +0 -1
- package/dist/nile-icon/icons/svg/ng-link-external-02.esm.js +0 -1
- package/dist/nile-side-bar/index.cjs.js +0 -2
- package/dist/nile-side-bar/index.cjs.js.map +0 -1
- package/dist/nile-side-bar/index.esm.js +0 -1
- package/dist/nile-side-bar/nile-side-bar.cjs.js +0 -2
- package/dist/nile-side-bar/nile-side-bar.cjs.js.map +0 -1
- package/dist/nile-side-bar/nile-side-bar.css.cjs.js +0 -2
- package/dist/nile-side-bar/nile-side-bar.css.cjs.js.map +0 -1
- package/dist/nile-side-bar/nile-side-bar.css.esm.js +0 -100
- package/dist/nile-side-bar/nile-side-bar.esm.js +0 -1
- package/dist/nile-side-bar-action/index.cjs.js +0 -2
- package/dist/nile-side-bar-action/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-action/index.esm.js +0 -1
- package/dist/nile-side-bar-action/nile-side-bar-action.cjs.js +0 -2
- package/dist/nile-side-bar-action/nile-side-bar-action.cjs.js.map +0 -1
- package/dist/nile-side-bar-action/nile-side-bar-action.css.cjs.js +0 -2
- package/dist/nile-side-bar-action/nile-side-bar-action.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-action/nile-side-bar-action.css.esm.js +0 -51
- package/dist/nile-side-bar-action/nile-side-bar-action.esm.js +0 -34
- package/dist/nile-side-bar-action-menu/index.cjs.js +0 -2
- package/dist/nile-side-bar-action-menu/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-action-menu/index.esm.js +0 -1
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.cjs.js +0 -2
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.cjs.js.map +0 -1
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.css.cjs.js +0 -2
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.css.esm.js +0 -61
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.esm.js +0 -40
- package/dist/nile-side-bar-action-menu-item/index.cjs.js +0 -2
- package/dist/nile-side-bar-action-menu-item/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-action-menu-item/index.esm.js +0 -1
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.cjs.js +0 -2
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.cjs.js.map +0 -1
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.cjs.js +0 -2
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.esm.js +0 -128
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.esm.js +0 -36
- package/dist/nile-side-bar-content/index.cjs.js +0 -2
- package/dist/nile-side-bar-content/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-content/index.esm.js +0 -1
- package/dist/nile-side-bar-content/nile-side-bar-content.cjs.js +0 -2
- package/dist/nile-side-bar-content/nile-side-bar-content.cjs.js.map +0 -1
- package/dist/nile-side-bar-content/nile-side-bar-content.css.cjs.js +0 -2
- package/dist/nile-side-bar-content/nile-side-bar-content.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-content/nile-side-bar-content.css.esm.js +0 -5
- package/dist/nile-side-bar-content/nile-side-bar-content.esm.js +0 -3
- package/dist/nile-side-bar-expand/index.cjs.js +0 -2
- package/dist/nile-side-bar-expand/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-expand/index.esm.js +0 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js +0 -2
- package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js.map +0 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.css.cjs.js +0 -2
- package/dist/nile-side-bar-expand/nile-side-bar-expand.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.css.esm.js +0 -33
- package/dist/nile-side-bar-expand/nile-side-bar-expand.esm.js +0 -6
- package/dist/nile-side-bar-footer/index.cjs.js +0 -2
- package/dist/nile-side-bar-footer/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer/index.esm.js +0 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.cjs.js +0 -2
- package/dist/nile-side-bar-footer/nile-side-bar-footer.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js +0 -2
- package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.css.esm.js +0 -40
- package/dist/nile-side-bar-footer/nile-side-bar-footer.esm.js +0 -5
- package/dist/nile-side-bar-footer-icon/index.cjs.js +0 -2
- package/dist/nile-side-bar-footer-icon/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-icon/index.esm.js +0 -1
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.cjs.js +0 -2
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.cjs.js +0 -2
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.esm.js +0 -5
- package/dist/nile-side-bar-footer-icon/nile-side-bar-footer-icon.esm.js +0 -3
- package/dist/nile-side-bar-footer-item/index.cjs.js +0 -2
- package/dist/nile-side-bar-footer-item/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-item/index.esm.js +0 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js +0 -2
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js +0 -2
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.esm.js +0 -72
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.esm.js +0 -7
- package/dist/nile-side-bar-footer-text/index.cjs.js +0 -2
- package/dist/nile-side-bar-footer-text/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-text/index.esm.js +0 -1
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.cjs.js +0 -2
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.css.cjs.js +0 -2
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.css.esm.js +0 -29
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.esm.js +0 -6
- package/dist/nile-side-bar-group/index.cjs.js +0 -2
- package/dist/nile-side-bar-group/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-group/index.esm.js +0 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.cjs.js +0 -2
- package/dist/nile-side-bar-group/nile-side-bar-group.cjs.js.map +0 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.css.cjs.js +0 -2
- package/dist/nile-side-bar-group/nile-side-bar-group.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.css.esm.js +0 -48
- package/dist/nile-side-bar-group/nile-side-bar-group.esm.js +0 -12
- package/dist/nile-side-bar-group-item/index.cjs.js +0 -2
- package/dist/nile-side-bar-group-item/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item/index.esm.js +0 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.cjs.js +0 -2
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js +0 -2
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.esm.js +0 -54
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.esm.js +0 -37
- package/dist/nile-side-bar-group-item-content/index.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-content/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-content/index.esm.js +0 -1
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.esm.js +0 -5
- package/dist/nile-side-bar-group-item-content/nile-side-bar-group-item-content.esm.js +0 -3
- package/dist/nile-side-bar-group-item-icon/index.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-icon/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-icon/index.esm.js +0 -1
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.esm.js +0 -31
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.esm.js +0 -11
- package/dist/nile-side-bar-group-item-text/index.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-text/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-text/index.esm.js +0 -1
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.cjs.js +0 -2
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.esm.js +0 -24
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.esm.js +0 -1
- package/dist/nile-side-bar-header/index.cjs.js +0 -2
- package/dist/nile-side-bar-header/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-header/index.esm.js +0 -1
- package/dist/nile-side-bar-header/nile-side-bar-header.cjs.js +0 -2
- package/dist/nile-side-bar-header/nile-side-bar-header.cjs.js.map +0 -1
- package/dist/nile-side-bar-header/nile-side-bar-header.css.cjs.js +0 -2
- package/dist/nile-side-bar-header/nile-side-bar-header.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-header/nile-side-bar-header.css.esm.js +0 -52
- package/dist/nile-side-bar-header/nile-side-bar-header.esm.js +0 -6
- package/dist/nile-side-bar-logo/index.cjs.js +0 -2
- package/dist/nile-side-bar-logo/index.cjs.js.map +0 -1
- package/dist/nile-side-bar-logo/index.esm.js +0 -1
- package/dist/nile-side-bar-logo/nile-side-bar-logo.cjs.js +0 -2
- package/dist/nile-side-bar-logo/nile-side-bar-logo.cjs.js.map +0 -1
- package/dist/nile-side-bar-logo/nile-side-bar-logo.css.cjs.js +0 -2
- package/dist/nile-side-bar-logo/nile-side-bar-logo.css.cjs.js.map +0 -1
- package/dist/nile-side-bar-logo/nile-side-bar-logo.css.esm.js +0 -35
- package/dist/nile-side-bar-logo/nile-side-bar-logo.esm.js +0 -4
- package/dist/scopedElementsWrapper-abad3c53.cjs.js +0 -2
- package/dist/scopedElementsWrapper-abad3c53.cjs.js.map +0 -1
- package/dist/scopedElementsWrapper-ef11f868.esm.js +0 -1
- package/dist/sinon-esm-283dcc9b.cjs.js +0 -2
- package/dist/sinon-esm-283dcc9b.cjs.js.map +0 -1
- package/dist/sinon-esm-abe9b0ec.esm.js +0 -1
- package/dist/src/nile-icon/icons/svg/ng-link-external-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-link-external-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-link-external-02.js.map +0 -1
- package/dist/src/nile-side-bar/index.d.ts +0 -1
- package/dist/src/nile-side-bar/index.js +0 -2
- package/dist/src/nile-side-bar/index.js.map +0 -1
- package/dist/src/nile-side-bar/nile-side-bar.css.d.ts +0 -12
- package/dist/src/nile-side-bar/nile-side-bar.css.js +0 -112
- package/dist/src/nile-side-bar/nile-side-bar.css.js.map +0 -1
- package/dist/src/nile-side-bar/nile-side-bar.d.ts +0 -40
- package/dist/src/nile-side-bar/nile-side-bar.js +0 -67
- package/dist/src/nile-side-bar/nile-side-bar.js.map +0 -1
- package/dist/src/nile-side-bar-action/index.d.ts +0 -1
- package/dist/src/nile-side-bar-action/index.js +0 -2
- package/dist/src/nile-side-bar-action/index.js.map +0 -1
- package/dist/src/nile-side-bar-action/nile-side-bar-action.css.d.ts +0 -3
- package/dist/src/nile-side-bar-action/nile-side-bar-action.css.js +0 -54
- package/dist/src/nile-side-bar-action/nile-side-bar-action.css.js.map +0 -1
- package/dist/src/nile-side-bar-action/nile-side-bar-action.d.ts +0 -75
- package/dist/src/nile-side-bar-action/nile-side-bar-action.js +0 -338
- package/dist/src/nile-side-bar-action/nile-side-bar-action.js.map +0 -1
- package/dist/src/nile-side-bar-action-menu/index.d.ts +0 -1
- package/dist/src/nile-side-bar-action-menu/index.js +0 -2
- package/dist/src/nile-side-bar-action-menu/index.js.map +0 -1
- package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.d.ts +0 -12
- package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.js +0 -73
- package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.js.map +0 -1
- package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.d.ts +0 -49
- package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.js +0 -223
- package/dist/src/nile-side-bar-action-menu/nile-side-bar-action-menu.js.map +0 -1
- package/dist/src/nile-side-bar-action-menu-item/index.d.ts +0 -1
- package/dist/src/nile-side-bar-action-menu-item/index.js +0 -2
- package/dist/src/nile-side-bar-action-menu-item/index.js.map +0 -1
- package/dist/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.d.ts +0 -12
- package/dist/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.js +0 -140
- package/dist/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.js.map +0 -1
- package/dist/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.d.ts +0 -64
- package/dist/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.js +0 -198
- package/dist/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.js.map +0 -1
- package/dist/src/nile-side-bar-content/index.d.ts +0 -1
- package/dist/src/nile-side-bar-content/index.js +0 -2
- package/dist/src/nile-side-bar-content/index.js.map +0 -1
- package/dist/src/nile-side-bar-content/nile-side-bar-content.css.d.ts +0 -12
- package/dist/src/nile-side-bar-content/nile-side-bar-content.css.js +0 -17
- package/dist/src/nile-side-bar-content/nile-side-bar-content.css.js.map +0 -1
- package/dist/src/nile-side-bar-content/nile-side-bar-content.d.ts +0 -32
- package/dist/src/nile-side-bar-content/nile-side-bar-content.js +0 -43
- package/dist/src/nile-side-bar-content/nile-side-bar-content.js.map +0 -1
- package/dist/src/nile-side-bar-expand/index.d.ts +0 -1
- package/dist/src/nile-side-bar-expand/index.js +0 -2
- package/dist/src/nile-side-bar-expand/index.js.map +0 -1
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.css.d.ts +0 -12
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.css.js +0 -45
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.css.js.map +0 -1
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.d.ts +0 -21
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.js +0 -55
- package/dist/src/nile-side-bar-expand/nile-side-bar-expand.js.map +0 -1
- package/dist/src/nile-side-bar-footer/index.d.ts +0 -1
- package/dist/src/nile-side-bar-footer/index.js +0 -2
- package/dist/src/nile-side-bar-footer/index.js.map +0 -1
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.css.d.ts +0 -6
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.css.js +0 -46
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.css.js.map +0 -1
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.d.ts +0 -26
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.js +0 -37
- package/dist/src/nile-side-bar-footer/nile-side-bar-footer.js.map +0 -1
- package/dist/src/nile-side-bar-footer-icon/index.d.ts +0 -1
- package/dist/src/nile-side-bar-footer-icon/index.js +0 -2
- package/dist/src/nile-side-bar-footer-icon/index.js.map +0 -1
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.d.ts +0 -12
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.js +0 -17
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.js.map +0 -1
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.d.ts +0 -32
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.js +0 -43
- package/dist/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.js.map +0 -1
- package/dist/src/nile-side-bar-footer-item/index.d.ts +0 -1
- package/dist/src/nile-side-bar-footer-item/index.js +0 -2
- package/dist/src/nile-side-bar-footer-item/index.js.map +0 -1
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.d.ts +0 -3
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.js +0 -75
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.js.map +0 -1
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.d.ts +0 -27
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.js +0 -46
- package/dist/src/nile-side-bar-footer-item/nile-side-bar-footer-item.js.map +0 -1
- package/dist/src/nile-side-bar-footer-text/index.d.ts +0 -1
- package/dist/src/nile-side-bar-footer-text/index.js +0 -2
- package/dist/src/nile-side-bar-footer-text/index.js.map +0 -1
- package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.d.ts +0 -3
- package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.js +0 -32
- package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.js.map +0 -1
- package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.d.ts +0 -30
- package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.js +0 -53
- package/dist/src/nile-side-bar-footer-text/nile-side-bar-footer-text.js.map +0 -1
- package/dist/src/nile-side-bar-group/index.d.ts +0 -1
- package/dist/src/nile-side-bar-group/index.js +0 -2
- package/dist/src/nile-side-bar-group/index.js.map +0 -1
- package/dist/src/nile-side-bar-group/nile-side-bar-group.css.d.ts +0 -6
- package/dist/src/nile-side-bar-group/nile-side-bar-group.css.js +0 -54
- package/dist/src/nile-side-bar-group/nile-side-bar-group.css.js.map +0 -1
- package/dist/src/nile-side-bar-group/nile-side-bar-group.d.ts +0 -42
- package/dist/src/nile-side-bar-group/nile-side-bar-group.js +0 -76
- package/dist/src/nile-side-bar-group/nile-side-bar-group.js.map +0 -1
- package/dist/src/nile-side-bar-group-item/index.d.ts +0 -1
- package/dist/src/nile-side-bar-group-item/index.js +0 -2
- package/dist/src/nile-side-bar-group-item/index.js.map +0 -1
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.d.ts +0 -12
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.js +0 -66
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.css.js.map +0 -1
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.d.ts +0 -54
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.js +0 -143
- package/dist/src/nile-side-bar-group-item/nile-side-bar-group-item.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-content/index.d.ts +0 -1
- package/dist/src/nile-side-bar-group-item-content/index.js +0 -2
- package/dist/src/nile-side-bar-group-item-content/index.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.d.ts +0 -12
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.js +0 -17
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.d.ts +0 -32
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.js +0 -43
- package/dist/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-icon/index.d.ts +0 -1
- package/dist/src/nile-side-bar-group-item-icon/index.js +0 -2
- package/dist/src/nile-side-bar-group-item-icon/index.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.d.ts +0 -3
- package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.js +0 -34
- package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.d.ts +0 -40
- package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.js +0 -89
- package/dist/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-text/index.d.ts +0 -1
- package/dist/src/nile-side-bar-group-item-text/index.js +0 -2
- package/dist/src/nile-side-bar-group-item-text/index.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.d.ts +0 -6
- package/dist/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.js +0 -30
- package/dist/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.js.map +0 -1
- package/dist/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.d.ts +0 -30
- package/dist/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.js +0 -42
- package/dist/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.js.map +0 -1
- package/dist/src/nile-side-bar-header/index.d.ts +0 -1
- package/dist/src/nile-side-bar-header/index.js +0 -2
- package/dist/src/nile-side-bar-header/index.js.map +0 -1
- package/dist/src/nile-side-bar-header/nile-side-bar-header.css.d.ts +0 -12
- package/dist/src/nile-side-bar-header/nile-side-bar-header.css.js +0 -64
- package/dist/src/nile-side-bar-header/nile-side-bar-header.css.js.map +0 -1
- package/dist/src/nile-side-bar-header/nile-side-bar-header.d.ts +0 -32
- package/dist/src/nile-side-bar-header/nile-side-bar-header.js +0 -46
- package/dist/src/nile-side-bar-header/nile-side-bar-header.js.map +0 -1
- package/dist/src/nile-side-bar-logo/index.d.ts +0 -1
- package/dist/src/nile-side-bar-logo/index.js +0 -2
- package/dist/src/nile-side-bar-logo/index.js.map +0 -1
- package/dist/src/nile-side-bar-logo/nile-side-bar-logo.css.d.ts +0 -12
- package/dist/src/nile-side-bar-logo/nile-side-bar-logo.css.js +0 -47
- package/dist/src/nile-side-bar-logo/nile-side-bar-logo.css.js.map +0 -1
- package/dist/src/nile-side-bar-logo/nile-side-bar-logo.d.ts +0 -34
- package/dist/src/nile-side-bar-logo/nile-side-bar-logo.js +0 -53
- package/dist/src/nile-side-bar-logo/nile-side-bar-logo.js.map +0 -1
- package/dist/src/nile-side-bar-menu/index.d.ts +0 -1
- package/dist/src/nile-side-bar-menu/index.js +0 -2
- package/dist/src/nile-side-bar-menu/index.js.map +0 -1
- package/dist/src/nile-side-bar-menu/nile-side-bar-menu.css.d.ts +0 -12
- package/dist/src/nile-side-bar-menu/nile-side-bar-menu.css.js +0 -17
- package/dist/src/nile-side-bar-menu/nile-side-bar-menu.css.js.map +0 -1
- package/dist/src/nile-side-bar-menu/nile-side-bar-menu.d.ts +0 -32
- package/dist/src/nile-side-bar-menu/nile-side-bar-menu.js +0 -43
- package/dist/src/nile-side-bar-menu/nile-side-bar-menu.js.map +0 -1
- package/dist/src/nile-side-bar-menu-item/index.d.ts +0 -1
- package/dist/src/nile-side-bar-menu-item/index.js +0 -2
- package/dist/src/nile-side-bar-menu-item/index.js.map +0 -1
- package/dist/src/nile-side-bar-menu-item/nile-side-bar-menu-item.css.d.ts +0 -12
- package/dist/src/nile-side-bar-menu-item/nile-side-bar-menu-item.css.js +0 -17
- package/dist/src/nile-side-bar-menu-item/nile-side-bar-menu-item.css.js.map +0 -1
- package/dist/src/nile-side-bar-menu-item/nile-side-bar-menu-item.d.ts +0 -32
- package/dist/src/nile-side-bar-menu-item/nile-side-bar-menu-item.js +0 -43
- package/dist/src/nile-side-bar-menu-item/nile-side-bar-menu-item.js.map +0 -1
- package/dist/src/nile-table-row-content/index.d.ts +0 -1
- package/dist/src/nile-table-row-content/index.js +0 -2
- package/dist/src/nile-table-row-content/index.js.map +0 -1
- package/dist/src/nile-table-row-content/nile-table-row-content.css.d.ts +0 -12
- package/dist/src/nile-table-row-content/nile-table-row-content.css.js +0 -30
- package/dist/src/nile-table-row-content/nile-table-row-content.css.js.map +0 -1
- package/dist/src/nile-table-row-content/nile-table-row-content.d.ts +0 -32
- package/dist/src/nile-table-row-content/nile-table-row-content.js +0 -46
- package/dist/src/nile-table-row-content/nile-table-row-content.js.map +0 -1
- package/dist/src/nile-test/index.d.ts +0 -1
- package/dist/src/nile-test/index.js +0 -2
- package/dist/src/nile-test/index.js.map +0 -1
- package/dist/src/nile-test/nile-test.css.d.ts +0 -12
- package/dist/src/nile-test/nile-test.css.js +0 -17
- package/dist/src/nile-test/nile-test.css.js.map +0 -1
- package/dist/src/nile-test/nile-test.d.ts +0 -32
- package/dist/src/nile-test/nile-test.js +0 -43
- package/dist/src/nile-test/nile-test.js.map +0 -1
- package/dist/src/nile-tooltip/nile-tooltip-utils.d.ts +0 -18
- package/dist/src/nile-tooltip/nile-tooltip-utils.js +0 -216
- package/dist/src/nile-tooltip/nile-tooltip-utils.js.map +0 -1
- package/dist/src/nile-tooltip/nile-tooltip.test.d.ts +0 -1
- package/dist/src/nile-tooltip/nile-tooltip.test.js +0 -148
- package/dist/src/nile-tooltip/nile-tooltip.test.js.map +0 -1
- package/dist/virtualize-73f68d08.esm.js +0 -22
- package/dist/virtualize-eb33a9a0.cjs.js +0 -18
- package/dist/virtualize-eb33a9a0.cjs.js.map +0 -1
- package/src/nile-side-bar/index.ts +0 -1
- package/src/nile-side-bar/nile-side-bar.css.ts +0 -114
- package/src/nile-side-bar/nile-side-bar.ts +0 -66
- package/src/nile-side-bar-action/index.ts +0 -1
- package/src/nile-side-bar-action/nile-side-bar-action.css.ts +0 -55
- package/src/nile-side-bar-action/nile-side-bar-action.ts +0 -367
- package/src/nile-side-bar-action-menu/index.ts +0 -1
- package/src/nile-side-bar-action-menu/nile-side-bar-action-menu.css.ts +0 -75
- package/src/nile-side-bar-action-menu/nile-side-bar-action-menu.ts +0 -239
- package/src/nile-side-bar-action-menu-item/index.ts +0 -1
- package/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.css.ts +0 -142
- package/src/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.ts +0 -203
- package/src/nile-side-bar-content/index.ts +0 -1
- package/src/nile-side-bar-content/nile-side-bar-content.css.ts +0 -19
- package/src/nile-side-bar-content/nile-side-bar-content.ts +0 -54
- package/src/nile-side-bar-expand/index.ts +0 -1
- package/src/nile-side-bar-expand/nile-side-bar-expand.css.ts +0 -47
- package/src/nile-side-bar-expand/nile-side-bar-expand.ts +0 -55
- package/src/nile-side-bar-footer/index.ts +0 -1
- package/src/nile-side-bar-footer/nile-side-bar-footer.css.ts +0 -47
- package/src/nile-side-bar-footer/nile-side-bar-footer.ts +0 -42
- package/src/nile-side-bar-footer-icon/index.ts +0 -1
- package/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.css.ts +0 -19
- package/src/nile-side-bar-footer-icon/nile-side-bar-footer-icon.ts +0 -54
- package/src/nile-side-bar-footer-item/index.ts +0 -1
- package/src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts +0 -76
- package/src/nile-side-bar-footer-item/nile-side-bar-footer-item.ts +0 -45
- package/src/nile-side-bar-footer-text/index.ts +0 -1
- package/src/nile-side-bar-footer-text/nile-side-bar-footer-text.css.ts +0 -33
- package/src/nile-side-bar-footer-text/nile-side-bar-footer-text.ts +0 -51
- package/src/nile-side-bar-group/index.ts +0 -1
- package/src/nile-side-bar-group/nile-side-bar-group.css.ts +0 -55
- package/src/nile-side-bar-group/nile-side-bar-group.ts +0 -74
- package/src/nile-side-bar-group-item/index.ts +0 -1
- package/src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts +0 -68
- package/src/nile-side-bar-group-item/nile-side-bar-group-item.ts +0 -146
- package/src/nile-side-bar-group-item-content/index.ts +0 -1
- package/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.css.ts +0 -19
- package/src/nile-side-bar-group-item-content/nile-side-bar-group-item-content.ts +0 -54
- package/src/nile-side-bar-group-item-icon/index.ts +0 -1
- package/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.css.ts +0 -35
- package/src/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.ts +0 -97
- package/src/nile-side-bar-group-item-text/index.ts +0 -1
- package/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.css.ts +0 -31
- package/src/nile-side-bar-group-item-text/nile-side-bar-group-item-text.ts +0 -49
- package/src/nile-side-bar-header/index.ts +0 -1
- package/src/nile-side-bar-header/nile-side-bar-header.css.ts +0 -66
- package/src/nile-side-bar-header/nile-side-bar-header.ts +0 -57
- package/src/nile-side-bar-logo/index.ts +0 -1
- package/src/nile-side-bar-logo/nile-side-bar-logo.css.ts +0 -49
- package/src/nile-side-bar-logo/nile-side-bar-logo.ts +0 -52
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-vertical-stepper-item.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.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 {LitElement, nothing, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-vertical-stepper-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile vertical-stepper-item component.\n *\n * @tag nile-vertical-stepper-item\n *\n */\n@customElement('nile-vertical-stepper-item')\nexport class NileVerticalStepperItem extends NileElement {\n\t/* Properties passed directly */\n\t@property({attribute: true, reflect: true}) title: string = '';\n\t@property({attribute: true, reflect: true}) subtitle: string = '';\n\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'lg' = 'lg';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/**\n\t * The styles for nile-vertical-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\tif (this.isLast) this.style.setProperty('--vertical-stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isCurrent;\n\t\tconst isComplete = this.isComplete;\n\n\t\tlet showCompletedIcon=false;\n\t\tif(isComplete && !isCurrent || this.completedStepValue==this.value) showCompletedIcon=true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\n\t\tlet iconSize = this.size == 'sm'?14:this.size == 'lg'?16:20;\n\t\treturn html`\n\t\t\t<div \n\t\t\tpart=\"item\"\n\t\t\tclass=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--default':!isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div part=\"connector\" class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div part=\"bulletin\" class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div part=\"bulletin-icon\" class=\"${classMap({ 'stepper__bulletin--icon':true, 'stepper__bulletin__icon--active':isCurrent })}\">${this.getSvg()}</div>`\n\t\t\t\t\t\t\t: html`<div part=\"bulletin-dot\" class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div part=\"line-container\" class=\"stepper__item__line__container\">\n\t\t\t\t\t\t${this.isLast?nothing : html`<div part=\"line\" class=\"${classMap({ 'stepper__item__line':true, 'stepper__item__line--active':suffixStepperLineActive })}\"></div>`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div part=\"content\" class=\"stepper__item__content\">\n\t\t\t\t\t<div part=\"title\" class=\"${classMap({ 'stepper__content__title':true, \"stepper__content__title--alone\": !this.subtitle, 'stepper__content__title--active':isCurrent })}\">${this.title}</div>\n\t\t\t\t\t<div part=\"subtitle\" class=\"${classMap({ 'stepper__content__subtitle':true, \"stepper__content__subtitle--alone\": !this.title, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\tgetSvg():TemplateResult{\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'lg' ? 24 : 28;\n\t\treturn html`\n\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t`\n\t}\n\n\n\t/* #endregion */\n}\n\nexport default NileVerticalStepperItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-vertical-stepper-item': NileVerticalStepperItem;\n }\n}"],"names":["NileVerticalStepperItem","o","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_ref","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","_templateObject2","getSvg","_templateObject3","nothing","_templateObject4","stepper__item__line","stepper__content__title","stepper__content__subtitle","iconSize","_templateObject5","__decorate","get","styles","NileElement","property","attribute","reflect","prototype","state","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"nile-vertical-stepper-item.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.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 {LitElement, nothing, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-vertical-stepper-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n\n/**\n * Nile vertical-stepper-item component.\n *\n * @tag nile-vertical-stepper-item\n *\n */\n@customElement('nile-vertical-stepper-item')\nexport class NileVerticalStepperItem extends NileElement {\n\t/* Properties passed directly */\n\t@property({attribute: true, reflect: true}) title: string = '';\n\t@property({attribute: true, reflect: true}) subtitle: string = '';\n\t@property({attribute: true, reflect: true}) completed: boolean = false;\n\t@property({attribute: true, reflect: true}) current: boolean = false;\n\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'lg' = 'lg';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private isManualMode = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/**\n\t * The styles for nile-vertical-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\tif (this.isLast) this.style.setProperty('--vertical-stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isManualMode ? this.current : this.isCurrent;\n\t\tconst isComplete = this.isManualMode ? this.completed : this.isComplete;\n\n\t\tlet showCompletedIcon=false;\n\t\tif(isComplete && !isCurrent || this.completedStepValue==this.value) showCompletedIcon=true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\n\t\tlet iconSize = this.size == 'sm'?14:this.size == 'lg'?16:20;\n\t\treturn html`\n\t\t\t<div \n\t\t\tpart=\"item\"\n\t\t\tclass=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--default':!isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div part=\"connector\" class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div part=\"bulletin\" class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div part=\"bulletin-icon\" class=\"${classMap({ 'stepper__bulletin--icon':true, 'stepper__bulletin__icon--active':isCurrent })}\">${this.getSvg()}</div>`\n\t\t\t\t\t\t\t: html`<div part=\"bulletin-dot\" class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div part=\"line-container\" class=\"stepper__item__line__container\">\n\t\t\t\t\t\t${this.isLast?nothing : html`<div part=\"line\" class=\"${classMap({ 'stepper__item__line':true, 'stepper__item__line--active':suffixStepperLineActive })}\"></div>`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div part=\"content\" class=\"stepper__item__content\">\n\t\t\t\t\t<div part=\"title\" class=\"${classMap({ 'stepper__content__title':true, \"stepper__content__title--alone\": !this.subtitle, 'stepper__content__title--active':isCurrent })}\">${this.title}</div>\n\t\t\t\t\t<div part=\"subtitle\" class=\"${classMap({ 'stepper__content__subtitle':true, \"stepper__content__subtitle--alone\": !this.title, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\tgetSvg():TemplateResult{\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'lg' ? 24 : 28;\n\t\treturn html`\n\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t`\n\t}\n\n\n\t/* #endregion */\n}\n\nexport default NileVerticalStepperItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-vertical-stepper-item': NileVerticalStepperItem;\n }\n}\n"],"names":["NileVerticalStepperItem","_o","n","this","title","subtitle","completed","current","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","isManualMode","haveFlex","_this","_inherits","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","_templateObject2","getSvg","_templateObject3","nothing","_templateObject4","stepper__item__line","stepper__content__title","stepper__content__subtitle","iconSize","_templateObject5","get","styles","NileElement","__decorate","property","attribute","reflect","prototype","state","customElement"],"mappings":"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"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{property as s,state as l,customElement as r}from"lit/decorators.js";import{s as p}from"./nile-vertical-stepper-item.css.esm.js";import{N as
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{property as s,state as l,customElement as r}from"lit/decorators.js";import{s as p}from"./nile-vertical-stepper-item.css.esm.js";import{N as o}from"../internal/nile-element.esm.js";import{classMap as _}from"lit/directives/class-map.js";let n=class extends o{constructor(){super(...arguments),this.title="",this.subtitle="",this.completed=!1,this.current=!1,this.contentBelow=!1,this.size="lg",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.isManualMode=!1,this.haveFlex=!0}static get styles(){return[p]}render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");const t=this.isManualMode?this.current:this.isCurrent,s=this.isManualMode?this.completed:this.isComplete;let l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);let r=!1;return s&&(r=!0,this.calculatedCompletedStepValue==this.value&&(r=!1)),"sm"==this.size||this.size,e`
|
|
2
2
|
<div
|
|
3
3
|
part="item"
|
|
4
|
-
class="${
|
|
4
|
+
class="${_({stepper__item:!0,"stepper__item--selected":t,"stepper__item--default":!t,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size})}">
|
|
5
5
|
<div part="connector" class="stepper-item__connector-content">
|
|
6
6
|
<div part="bulletin" class="stepper__item__bulletin">
|
|
7
|
-
${l?e`<div part="bulletin-icon" class="${
|
|
7
|
+
${l?e`<div part="bulletin-icon" class="${_({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t})}">${this.getSvg()}</div>`:e`<div part="bulletin-dot" class="${_({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})}"></div>`}
|
|
8
8
|
</div>
|
|
9
9
|
<div part="line-container" class="stepper__item__line__container">
|
|
10
|
-
${this.isLast?i:e`<div part="line" class="${
|
|
10
|
+
${this.isLast?i:e`<div part="line" class="${_({stepper__item__line:!0,"stepper__item__line--active":r})}"></div>`}
|
|
11
11
|
</div>
|
|
12
12
|
</div>
|
|
13
13
|
<div part="content" class="stepper__item__content">
|
|
14
|
-
<div part="title" class="${
|
|
15
|
-
<div part="subtitle" class="${
|
|
14
|
+
<div part="title" class="${_({stepper__content__title:!0,"stepper__content__title--alone":!this.subtitle,"stepper__content__title--active":t})}">${this.title}</div>
|
|
15
|
+
<div part="subtitle" class="${_({stepper__content__subtitle:!0,"stepper__content__subtitle--alone":!this.title,"stepper__content__subtitle--active":t})}">${this.subtitle}</div>
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
|
18
18
|
`}getSvg(){let t="sm"==this.size?20:"lg"==this.size?24:28;return e`
|
|
19
19
|
<svg width="${t}" height="${t}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
20
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
|
|
21
21
|
</svg>
|
|
22
|
-
`}};t([s({attribute:!0,reflect:!0})],
|
|
22
|
+
`}};t([s({attribute:!0,reflect:!0})],n.prototype,"title",void 0),t([s({attribute:!0,reflect:!0})],n.prototype,"subtitle",void 0),t([s({attribute:!0,reflect:!0})],n.prototype,"completed",void 0),t([s({attribute:!0,reflect:!0})],n.prototype,"current",void 0),t([l()],n.prototype,"contentBelow",void 0),t([l()],n.prototype,"size",void 0),t([l()],n.prototype,"icon",void 0),t([l()],n.prototype,"isFirst",void 0),t([l()],n.prototype,"isLast",void 0),t([l()],n.prototype,"isComplete",void 0),t([l()],n.prototype,"isCurrent",void 0),t([l()],n.prototype,"isManualMode",void 0),t([l()],n.prototype,"currentStepValue",void 0),t([l()],n.prototype,"completedStepValue",void 0),t([l()],n.prototype,"calculatedCompletedStepValue",void 0),t([l()],n.prototype,"value",void 0),t([l()],n.prototype,"haveFlex",void 0),n=t([r("nile-vertical-stepper-item")],n);export{n as N};
|
|
@@ -2,5 +2,5 @@ System.register(["tslib","lit","lit/decorators.js","./nile-virtual-select.css.cj
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2021 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/_export("t",_=/*#__PURE__*/function(){function _(i,_ref){var _this=this;var s=_ref.target,n=_ref.config,o=_ref.callback,c=_ref.skipInitial;_classCallCheck(this,_);this.t=new Set(),this.o=!1,this.i=!1,this.h=i,null!==s&&this.t.add(s!==null&&s!==void 0?s:i),this.l=n,this.o=c!==null&&c!==void 0?c:this.o,this.callback=o,window.ResizeObserver?(this.u=new ResizeObserver(function(i){_this.handleChanges(i),_this.h.requestUpdate();}),i.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.");}return _createClass(_,[{key:"handleChanges",value:function handleChanges(i){var _this$callback;this.value=(_this$callback=this.callback)===null||_this$callback===void 0?void 0:_this$callback.call(this,i,this.u);}},{key:"hostConnected",value:function hostConnected(){var _iterator=_createForOfIteratorHelper(this.t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i=_step.value;this.observe(_i);}}catch(err){_iterator.e(err);}finally{_iterator.f();}}},{key:"hostDisconnected",value:function hostDisconnected(){this.disconnect();}},{key:"hostUpdated",value:function(){var _hostUpdated=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:!this.o&&this.i&&this.handleChanges([]),this.i=!1;case 1:case"end":return _context2.stop();}},_callee,this);}));function hostUpdated(){return _hostUpdated.apply(this,arguments);}return hostUpdated;}()},{key:"observe",value:function observe(i){this.t.add(i),this.u.observe(i,this.l),this.i=!0,this.h.requestUpdate();}},{key:"unobserve",value:function unobserve(i){this.t["delete"](i),this.u.unobserve(i);}},{key:"disconnect",value:function disconnect(){this.u.disconnect();}}]);}());_export("N",x=/*#__PURE__*/function(_u){function x(){var _this2;_classCallCheck(this,x);_this2=_callSuper(this,x,arguments),_this2.formControlController=new p(_assertThisInitialized(_this2),{assumeInteractionOn:["nile-blur","nile-input"]}),_this2.hasSlotController=new h(_assertThisInitialized(_this2),"help-text","label"),_this2.hasFocus=!1,_this2.displayLabel="",_this2.selectedOptions=[],_this2.oldValue="",_this2.scrolling=!1,_this2.name="",_this2.data=[],_this2.originalOptionItems=[],_this2.value="",_this2.defaultValue="",_this2.size="medium",_this2.placeholder="Select...",_this2.autoResize=!1,_this2.searchValue="",_this2.searchEnabled=!1,_this2.internalSearchPlaceHolder="Search...",_this2.disableLocalSearch=!1,_this2.optionsLoading=!1,_this2.loading=!1,_this2.multiple=!1,_this2.helpText="",_this2.errorMessage="",_this2.warning=!1,_this2.error=!1,_this2.success=!1,_this2.disabled=!1,_this2.clearable=!1,_this2.open=!1,_this2.hoist=!1,_this2.filled=!1,_this2.pill=!1,_this2.label="",_this2.placement="bottom",_this2.form="",_this2.required=!1,_this2.showNoResults=!1,_this2.noResultsMessage="No results found",_this2.showSelected=!1,_this2.blockValueChange=!1,_this2.noWidthSync=!1,_this2.maxOptionsVisible=3,_this2.oldMaxOptionsVisible=1,_this2.showListbox=!1,_this2.handleDocumentMouseDown=function(i){if(!_this2.open)return;var s=i.composedPath(),n=s.includes(_assertThisInitialized(_this2)),o=_this2.popup&&s.includes(_this2.popup);n||o||_this2.hide();},_this2.handleWindowError=function(i){var _i$error;(((_i$error=i.error)===null||_i$error===void 0?void 0:_i$error.message)||i.message||"").includes("Cannot read properties of null (reading 'insertBefore')")&&i.preventDefault();},_this2.resizeController=new _(_assertThisInitialized(_this2),{callback:function callback(i){var _iterator2=_createForOfIteratorHelper(i),_step2;try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var _s=_step2.value;_s.target.classList.contains("select__tags")&&_this2.calculateTotalWidthOfTags();}}catch(err){_iterator2.e(err);}finally{_iterator2.f();}}});return _this2;}_inherits(x,_u);return _createClass(x,[{key:"validity",get:function get(){var _this$valueInput;return(_this$valueInput=this.valueInput)===null||_this$valueInput===void 0?void 0:_this$valueInput.validity;}},{key:"validationMessage",get:function get(){var _this$valueInput$vali,_this$valueInput2;return(_this$valueInput$vali=(_this$valueInput2=this.valueInput)===null||_this$valueInput2===void 0?void 0:_this$valueInput2.validationMessage)!==null&&_this$valueInput$vali!==void 0?_this$valueInput$vali:"";}},{key:"connectedCallback",value:function connectedCallback(){var _this3=this;_superPropGet(x,"connectedCallback",this,3)([]),this.initializeComponent(),this.setupEventListeners(),this.updateComplete.then(function(){_this3.value&&_this3.data.length>0&&_this3.selectionChanged();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeOpenListeners(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0);}},{key:"updated",value:function updated(i){if(i.has("value")&&this.selectionChanged(),i.has("autoResize")){var _this$shadowRoot;var _i2=(_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector(".select__tags");this.autoResize&&_i2?this.resizeController.observe(_i2):_i2&&this.resizeController.unobserve(_i2);}}},{key:"initializeComponent",value:function initializeComponent(){this.open=!1,this.emit("nile-init");}},{key:"getDisplayText",value:function getDisplayText(i){var _this$renderItemConfi;return(_this$renderItemConfi=this.renderItemConfig)!==null&&_this$renderItemConfi!==void 0&&_this$renderItemConfi.getDisplayText?this.renderItemConfig.getDisplayText(i):(i===null||i===void 0?void 0:i.label)||(i===null||i===void 0?void 0:i.name)||(i===null||i===void 0?void 0:i.toString())||"";}},{key:"getItemValue",value:function getItemValue(i){var _this$renderItemConfi2;return(_this$renderItemConfi2=this.renderItemConfig)!==null&&_this$renderItemConfi2!==void 0&&_this$renderItemConfi2.getValue?this.renderItemConfig.getValue(i):(i===null||i===void 0?void 0:i.value)||i;}},{key:"getSearchText",value:function getSearchText(i){var _this$renderItemConfi3;return(_this$renderItemConfi3=this.renderItemConfig)!==null&&_this$renderItemConfi3!==void 0&&_this$renderItemConfi3.getSearchText?this.renderItemConfig.getSearchText(i):this.getDisplayText(i);}},{key:"setupEventListeners",value:function setupEventListeners(){this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowError=this.handleWindowError.bind(this);}},{key:"addOpenListeners",value:function addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),window.addEventListener("error",this.handleWindowError);}},{key:"removeOpenListeners",value:function removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("error",this.handleWindowError);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleDocumentFocusIn",value:function handleDocumentFocusIn(i){if(!this.open)return;var s=i.composedPath(),n=s.includes(this),o=this.popup&&s.includes(this.popup);n||o||this.hide();}},{key:"handleDocumentKeyDown",value:function handleDocumentKeyDown(i){this.shouldIgnoreKeyPress(i)||(this.isEscapeKey(i)&&this.handleEscapeKey(i),this.isEnterOrSpaceKey(i)&&this.handleEnterOrSpaceKey(i));}},{key:"shouldIgnoreKeyPress",value:function shouldIgnoreKeyPress(i){var s=i.target,n=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");return n||o;}},{key:"isEscapeKey",value:function isEscapeKey(i){return"Escape"===i.key&&this.open;}},{key:"handleEscapeKey",value:function handleEscapeKey(i){i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0});}},{key:"isEnterOrSpaceKey",value:function isEnterOrSpaceKey(i){return"Enter"===i.key||" "===i.key;}},{key:"handleEnterOrSpaceKey",value:function handleEnterOrSpaceKey(i){i.preventDefault(),i.stopImmediatePropagation(),this.open?this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})):this.show();}},{key:"handleFooterClick",value:function handleFooterClick(i){i.stopPropagation(),i.preventDefault();}},{key:"toggleShowSelected",value:function toggleShowSelected(i){var _this$selectedOptions,_this4=this;if(i.stopPropagation(),i.preventDefault(),0!==((_this$selectedOptions=this.selectedOptions)===null||_this$selectedOptions===void 0?void 0:_this$selectedOptions.length)){if(this.showSelected=!this.showSelected,this.showSelected){var _i3=Array.isArray(this.value)?this.value:[this.value];this.data=this.originalOptionItems.filter(function(s){var n=_this4.getItemValue(s);return _i3.some(function(i){return String(i)===String(n);});});}else this.data=_toConsumableArray(this.originalOptionItems);this.requestUpdate(),this.resetScrollPosition();}}},{key:"unSelectAll",value:function unSelectAll(){this.showSelected=!1,this.value=this.multiple?[]:"",this.data=_toConsumableArray(this.originalOptionItems),this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.resetScrollPosition();}},{key:"handleLabelClick",value:function handleLabelClick(){this.displayInput.focus(),this.hide();}},{key:"handleComboboxMouseDown",value:function handleComboboxMouseDown(i){this.shouldIgnoreComboboxClick(i)||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open);}},{key:"shouldIgnoreComboboxClick",value:function shouldIgnoreComboboxClick(i){var s=i.composedPath().some(function(i){return i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase();});return this.disabled||s;}},{key:"handleComboboxKeyDown",value:function handleComboboxKeyDown(i){this.isEnterOrSpaceKey(i)&&(i.preventDefault(),this.open=!this.open);}},{key:"handleClearClick",value:function handleClearClick(i){i.stopPropagation(),this.clearSelection();}},{key:"clearSelection",value:function clearSelection(){var _this5=this;this.value,this.value=this.multiple?[]:"",this.selectionChanged(),this.updateComplete.then(function(){_this5.nileInput({value:_this5.value,name:_this5.name}),_this5.nileChange({value:_this5.value,name:_this5.name}),_this5.emit("nile-clear");});}},{key:"handleClearMouseDown",value:function handleClearMouseDown(i){i.stopPropagation();}},{key:"handleOptionClick",value:function handleOptionClick(i){var s=i.target.closest("nile-option");if(this.shouldBlockValueChange(s))return;var n=this.value;this.oldValue=n,s&&!s.disabled&&this.handleOptionSelection(s);}},{key:"shouldBlockValueChange",value:function shouldBlockValueChange(i){return!(!this.blockValueChange||!i)&&(this.emit("nile-block-change",{value:i===null||i===void 0?void 0:i.value,name:this.name}),this.hide(),!0);}},{key:"handleOptionSelection",value:function handleOptionSelection(i){var _this6=this;var s=i.value;this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then(function(){return _this6.displayInput.focus({preventScroll:!0});}),this.value!==this.oldValue&&this.updateComplete.then(function(){_this6.nileInput({value:_this6.value,name:_this6.name}),_this6.nileChange({value:_this6.value,name:_this6.name});}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}));}},{key:"setSelectedOptions",value:function setSelectedOptions(i){this.value=i,this.selectionChanged();}},{key:"toggleOptionSelection",value:function toggleOptionSelection(i){var s=Array.isArray(this.value)?this.value:[];s.includes(i)?this.value=s.filter(function(s){return s!==i;}):this.value=[].concat(_toConsumableArray(s),[i]),this.selectionChanged();}},{key:"handleTagRemove",value:function handleTagRemove(i,s){i.stopPropagation(),this.disabled||(this.removeTagFromSelection(s),this.emitTagRemovalEvent(s));}},{key:"removeTagFromSelection",value:function removeTagFromSelection(i){var s=this.value;Array.isArray(s)||(s=s?[s]:[]);var n=s.filter(function(s){return s!==i.value;});this.value=n,this.selectionChanged();}},{key:"emitTagRemovalEvent",value:function emitTagRemovalEvent(i){var _this7=this;this.updateComplete.then(function(){_this7.nileInput({value:_this7.value,name:_this7.name}),_this7.nileChange({value:_this7.value,name:_this7.name}),_this7.emit("nile-tag-remove",{value:_this7.value,name:_this7.name,removedtagvalue:i.value});});}},{key:"selectionChanged",value:function selectionChanged(){var _this$renderItemConfi4;var i=this.originalOptionItems.length>0?this.originalOptionItems:this.data;if(this.selectedOptions=b.createVirtualOptionsFromValues(this.value,i,this.getDisplayText.bind(this),(_this$renderItemConfi4=this.renderItemConfig)===null||_this$renderItemConfi4===void 0?void 0:_this$renderItemConfi4.getValue),this.multiple)this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected";else{var _this$selectedOptions2;var _i4=Array.isArray(this.value)?this.value[0]:this.value,_s2=(_this$selectedOptions2=this.selectedOptions[0])===null||_this$selectedOptions2===void 0?void 0:_this$selectedOptions2.getTextLabel();this.displayLabel=_s2||(_i4!==null&&_i4!==void 0?_i4:"");}this.updateValidity(),0===this.selectedOptions.length&&(this.showSelected=!1),this.calculateTotalWidthOfTags();}},{key:"handleSearchFocus",value:function handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown);}},{key:"handleSearchBlur",value:function handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown);}},{key:"handleSearchChange",value:function handleSearchChange(i){var _this8=this;this.searchValue=i.detail.value,this.emit("nile-search",{query:this.searchValue,name:this.name}),this.disableLocalSearch||(this.filterVirtualOptions(this.searchValue),this.resetScrollPosition(),this.updateComplete.then(function(){var _this8$shadowRoot;var i=(_this8$shadowRoot=_this8.shadowRoot)===null||_this8$shadowRoot===void 0?void 0:_this8$shadowRoot.querySelector(".virtualized");i&&(_this8.data.length<=5?i.classList.add("no-scroll"):i.classList.remove("no-scroll"));}));}},{key:"handleScroll",value:function handleScroll(i){var _this9=this;if(this.showSelected)return;var s=i.target;this.emit("nile-scroll",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout(function(){_this9.scrolling&&(_this9.scrolling=!1);},300);Math.ceil(s.scrollTop)>=Math.floor(s.scrollHeight-s.offsetHeight)&&!this.searchValue&&this.emit("nile-scroll-end",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name,isAtBottom:!0});}},{key:"filterVirtualOptions",value:function filterVirtualOptions(i){var _this$renderItemConfi5;var s=y.filterVirtualOptions(i,this.originalOptionItems,this.data,this.getDisplayText.bind(this),(_this$renderItemConfi5=this.renderItemConfig)===null||_this$renderItemConfi5===void 0?void 0:_this$renderItemConfi5.getSearchText);this.data=s.filteredItems,this.showNoResults=s.showNoResults,this.showSelected=!1,this.requestUpdate();}},{key:"handleInvalid",value:function handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i);}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange());}},{key:"handleValueChange",value:function handleValueChange(){this.selectionChanged(),this.requestUpdate();}},{key:"handleDataChange",value:function handleDataChange(){this.data.length>0&&this.open&&!this.showSelected&&!this.searchValue&&(this.originalOptionItems=_toConsumableArray(this.data)),this.selectionChanged(),this.optionsLoading||this.loading||0!==this.data.length?this.data.length>0&&(this.showNoResults=!1):this.showNoResults=!0,this.requestUpdate();}},{key:"handleRenderItemConfigChange",value:function handleRenderItemConfigChange(){this.value&&this.data.length>0&&(this.selectionChanged(),this.requestUpdate());}},{key:"handleOptionsLoadingChange",value:function handleOptionsLoadingChange(){this.optionsLoading||0!==this.data.length||(this.showNoResults=!0),this.requestUpdate();}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(this.open&&!this.disabled)){_context3.next=6;break;}_context3.next=3;return this.handleOpen();case 3:this.showListbox=!0;_context3.next=9;break;case 6:_context3.next=8;return this.handleClose();case 8:this.showListbox=!1;case 9:case"end":return _context3.stop();}},_callee2,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"handleOpen",value:function(){var _handleOpen=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _this$data;var _g,i,s;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:this.emit("nile-show",{value:this.value,name:this.name});this.addOpenListeners();this.showNoResults=!((_this$data=this.data)!==null&&_this$data!==void 0&&_this$data.length);_context4.next=5;return r(this);case 5:this.popup.active=!0;_g=g(this,"select.show",{dir:"ltr"}),i=_g.keyframes,s=_g.options;_context4.next=9;return l(this.popup.popup,i,s);case 9:this.initializeOriginalItems();this.filterVirtualOptions(this.searchValue);this.resetScrollPosition();this.emit("nile-after-show",{value:this.value,name:this.name});case 13:case"end":return _context4.stop();}},_callee3,this);}));function handleOpen(){return _handleOpen.apply(this,arguments);}return handleOpen;}()},{key:"handleClose",value:function(){var _handleClose=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _g2,i,s;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:this.emit("nile-hide",{value:this.value,name:this.name});this.removeOpenListeners();_context5.next=4;return r(this);case 4:_g2=g(this,"select.hide",{dir:"ltr"}),i=_g2.keyframes,s=_g2.options;_context5.next=7;return l(this.popup.popup,i,s);case 7:this.popup.active=!1;this.searchValue="";this.emit("nile-after-hide",{value:this.value,name:this.name});case 10:case"end":return _context5.stop();}},_callee4,this);}));function handleClose(){return _handleClose.apply(this,arguments);}return handleClose;}()},{key:"initializeOriginalItems",value:function initializeOriginalItems(){this.data.length>0&&(this.originalOptionItems=_toConsumableArray(this.data));}},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:if(!(!this.open&&!this.disabled)){_context6.next=2;break;}return _context6.abrupt("return",(this.open=!0,v(this,"nile-after-show")));case 2:this.open=!1;case 3:case"end":return _context6.stop();}},_callee5,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:if(!(this.open&&!this.disabled)){_context7.next=2;break;}return _context7.abrupt("return",(this.open=!1,v(this,"nile-after-hide")));case 2:this.open=!1;case 3:case"end":return _context7.stop();}},_callee6,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"checkValidity",value:function checkValidity(){return this.valueInput.checkValidity();}},{key:"getForm",value:function getForm(){return this.formControlController.getForm();}},{key:"reportValidity",value:function reportValidity(){return this.valueInput.reportValidity();}},{key:"setCustomValidity",value:function setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController.updateValidity();}},{key:"focus",value:function focus(i){this.displayInput.focus(i);}},{key:"blur",value:function blur(){this.displayInput.blur();}},{key:"onInputChange",value:function onInputChange(i){i.stopPropagation();}},{key:"render",value:function render(){var i=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var n=this.hasSlotController.test("label-suffix"),o=this.hasSlotController.test("custom-select"),c=!!this.label||!!i,e=this.clearable&&!this.disabled&&this.value.length>0,t=!!this.placeholder&&0===this.value.length,r=!!this.helpText,l=!!this.errorMessage;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"form-control\"\n class=","\n >\n ","\n ","\n </div>\n "])),j({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":c,"form-control--has-help-text":r}),this.renderLabel(c,n),this.renderFormControlInput(o,e,t,r,l));}},{key:"renderLabel",value:function renderLabel(i,n){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <label\n id=\"label\"\n part=\"form-control-label\"\n class=\"form-control__label\"\n aria-hidden=","\n @click=","\n >\n <slot name=\"label\">","</slot>\n </label>\n\n ","\n "])),i?"false":"true",this.handleLabelClick,this.label,n?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"");}},{key:"renderFormControlInput",value:function renderFormControlInput(i,n,o,c,e){return s(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <div part=\"form-control-input\" class=\"form-control-input\">\n ","\n ","\n </div>\n "])),this.renderPopup(i,n,o),this.renderHelpText(c,e));}},{key:"renderPopup",value:function renderPopup(i,n,o){return s(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-popup\n class=","\n placement=","\n strategy=","\n distance=\"6\"\n flip\n shift\n sync=","\n auto-size=\"vertical\"\n auto-size-padding=\"10\"\n >\n ","\n ","\n ","\n </nile-popup>\n "])),j({select:!0,"select--warning":this.warning,"select--error":this.error,"select--success":this.success,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":o,"select--top":"top"===this.placement,"select--bottom":"bottom"===this.placement,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size}),this.placement,this.hoist?"fixed":"absolute",f(this.noWidthSync?void 0:"width"),this.renderCustomSelect(i),this.renderCombobox(i,n),this.showListbox?this.renderListbox():s(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""]))));}},{key:"renderCustomSelect",value:function renderCustomSelect(i){return i?s(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<slot\n slot=\"anchor\"\n name=\"custom-select\"\n class=\"custom-select\"\n @keydown=","\n @mousedown=","\n ></slot>"])),this.handleComboboxKeyDown,this.handleComboboxMouseDown):s(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""])));}},{key:"renderCombobox",value:function renderCombobox(i,n){return s(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <div\n part=\"combobox\"\n class=","\n slot=\"anchor\"\n @keydown=","\n @mousedown=","\n >\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n </div>\n "])),j({select__combobox:!0,"select__hide-default":i}),this.handleComboboxKeyDown,this.handleComboboxMouseDown,this.renderPrefix(),this.renderDisplayInput(),this.renderTags(),this.renderValueInput(),this.renderClearButton(n),this.renderSuffix(),this.renderExpandIcon());}},{key:"renderPrefix",value:function renderPrefix(){return s(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <slot\n part=\"prefix\"\n name=\"prefix\"\n class=","\n ></slot>\n "])),j({select__prefix:!0,multiple:this.multiple}));}},{key:"renderDisplayInput",value:function renderDisplayInput(){return s(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <input\n part=\"display-input\"\n class=\"select__display-input\"\n type=\"text\"\n placeholder=","\n .disabled=","\n .value=","\n autocomplete=\"off\"\n spellcheck=\"false\"\n autocapitalize=\"off\"\n readonly\n aria-controls=\"listbox\"\n aria-expanded=","\n aria-haspopup=\"listbox\"\n aria-labelledby=\"label\"\n aria-disabled=","\n aria-describedby=\"help-text\"\n role=\"combobox\"\n tabindex=\"0\"\n />\n "])),this.placeholder,this.disabled,this.displayLabel,this.open?"true":"false",this.disabled?"true":"false");}},{key:"renderTags",value:function renderTags(){var _this10=this;return this.multiple?s(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n <div part=\"tags\" class=\"select__tags\">\n ","\n </div>\n "])),this.selectedOptions.map(function(i,n){if(n<_this10.maxOptionsVisible||_this10.maxOptionsVisible<=0){var _o={select__invisible:n+1>_this10.oldMaxOptionsVisible&&_this10.maxOptionsVisible===1/0};return s(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n <nile-tag\n class=","\n part=\"tag\"\n exportparts=\"\n base:tag__base,\n content:tag__content,\n remove-button:tag__remove-button,\n remove-button__base:tag__remove-button__base\n \"\n ?pill=","\n size=","\n removable\n @nile-remove=","\n >\n ","\n </nile-tag>\n "])),j(_o),_this10.pill,_this10.size,function(s){return _this10.handleTagRemove(s,i);},i.getTextLabel());}return n===_this10.maxOptionsVisible?s(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n <span class=\"select__tags-count\"\n >+"," More\n </span>\n "])),_this10.selectedOptions.length-n):null;})):s(_templateObject15||(_templateObject15=_taggedTemplateLiteral([""])));}},{key:"renderValueInput",value:function renderValueInput(){var _this11=this;return s(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n <input\n class=\"select__value-input\"\n type=\"text\"\n ?disabled=","\n ?required=","\n .value=","\n tabindex=\"-1\"\n aria-hidden=\"true\"\n @focus=","\n @invalid=","\n />\n "])),this.disabled,this.required,Array.isArray(this.value)?this.value.join(", "):this.value,function(){return _this11.focus();},this.handleInvalid);}},{key:"renderClearButton",value:function renderClearButton(i){return i?s(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n <button\n part=\"clear-button\"\n class=\"select__clear\"\n type=\"button\"\n aria-label=\"clearEntry\"\n @mousedown=","\n @click=","\n tabindex=\"-1\"\n >\n <slot name=\"clear-icon\">\n <nile-icon name=\"var(--nile-icon-close, var(--ng-icon-x-close))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" library=\"system\"></nile-icon>\n </slot>\n </button>\n "])),this.handleClearMouseDown,this.handleClearClick):s(_templateObject18||(_templateObject18=_taggedTemplateLiteral([""])));}},{key:"renderSuffix",value:function renderSuffix(){return s(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n <slot\n part=\"suffix\"\n name=\"suffix\"\n class=","\n ></slot>\n "])),j({select__suffix:!0}));}},{key:"renderExpandIcon",value:function renderExpandIcon(){return s(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n <slot\n name=\"expand-icon\"\n part=\"expand-icon\"\n class=\"select__expand-icon\"\n >\n <nile-icon library=\"system\" name=\"var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n </slot>\n "])));}},{key:"renderListbox",value:function renderListbox(){return s(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n <div\n id=\"listbox\"\n role=\"listbox\"\n aria-expanded=","\n aria-multiselectable=","\n aria-labelledby=\"label\"\n part=\"listbox\"\n class=\"select__listbox ","\"\n tabindex=\"-1\"\n @mouseup=","\n >\n ","\n ","\n ","\n ","\n </div>\n "])),this.open?"true":"false",this.multiple?"true":"false",this.searchEnabled?"select__search-enabled ":"",this.handleOptionClick,this.renderSearch(),this.renderLoader(),this.getVirtualizedContent(),this.renderFooter());}},{key:"renderSearch",value:function renderSearch(){return this.searchEnabled?s(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n <div part=\"search\" class=\"select__search\">\n <nile-input\n size=\"small\"\n clearable\n .value=","\n placeholder=\"","\"\n @nile-input=","\n @nile-focus=","\n @nile-change=\"","\"\n >\n <nile-icon name=\"var(--nile-icon-search, var(--ng-icon-search-lg))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" slot=\"suffix\"> </nile-icon>\n </nile-input>\n </div>\n "])),this.searchValue,this.internalSearchPlaceHolder,this.handleSearchChange,this.handleSearchFocus,this.onInputChange):s(_templateObject23||(_templateObject23=_taggedTemplateLiteral([""])));}},{key:"renderLoader",value:function renderLoader(){return this.loading?s(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n <span part=\"loader\" class=\"virtual-select-loader\">\n <nile-loader size=\"sm\"></nile-loader>\n </span>\n "]))):this.optionsLoading?s(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n <span part=\"loader\" class=\"select__loader\">\n <nile-icon\n class=\"select__loader--icon\"\n name=\"button-loading-blue\"\n ></nile-icon>\n </span>\n "]))):s(_templateObject26||(_templateObject26=_taggedTemplateLiteral([""])));}},{key:"renderFooter",value:function renderFooter(){return this.multiple?s(_templateObject27||(_templateObject27=_taggedTemplateLiteral(["\n <div\n part=\"footer\"\n class=\"select__footer ","\"\n @click=\"","\"\n >\n <span\n @click=\"","\"\n style=\"cursor: pointer;\"\n >\n <nile-checkbox\n ?disabled=\"","\"\n ?checked=\"","\"\n >\n Show Selected</nile-checkbox\n >\n </span>\n ","\n </div>\n "])),this.loading?"loading":"",this.handleFooterClick,this.toggleShowSelected,0===this.selectedOptions.length,this.showSelected,0!==this.selectedOptions.length?s(_templateObject28||(_templateObject28=_taggedTemplateLiteral(["\n <span\n class=\"select__clear\"\n @click=\"","\"\n >\n Clear All\n </span>\n "])),this.unSelectAll):""):s(_templateObject29||(_templateObject29=_taggedTemplateLiteral([""])));}},{key:"renderHelpText",value:function renderHelpText(i,n){return s(_templateObject30||(_templateObject30=_taggedTemplateLiteral(["\n ","\n ","\n "])),i?s(_templateObject31||(_templateObject31=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",n?s(_templateObject32||(_templateObject32=_taggedTemplateLiteral(["\n <nile-form-error-message\n >","</nile-form-error-message\n >\n "])),this.errorMessage):"");}},{key:"getVirtualizedContent",value:function getVirtualizedContent(){var _this$renderItemConfi6,_this$renderItemConfi7;return w.getVirtualizedContent(this.data,this.searchEnabled,this.getDisplayText.bind(this),this.value,this.multiple,(_this$renderItemConfi6=this.renderItemConfig)===null||_this$renderItemConfi6===void 0?void 0:_this$renderItemConfi6.getDisplayText,(_this$renderItemConfi7=this.renderItemConfig)===null||_this$renderItemConfi7===void 0?void 0:_this$renderItemConfi7.getValue,this.showNoResults,this.noResultsMessage,this.optionsLoading||this.loading,this.handleScroll.bind(this));}},{key:"nileInput",value:function nileInput(i){this.emit("nile-input",i);}},{key:"nileChange",value:function nileChange(i){this.emit("nile-change",i);}},{key:"updateValidity",value:function updateValidity(){var _this12=this;this.updateComplete.then(function(){_this12.formControlController.updateValidity();});}},{key:"calculateWidthOfSelectTagsDiv",value:function calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){var _i5=this.shadowRoot.querySelector(".select__tags");if(_i5){return _i5.offsetWidth-70;}}return null;}},{key:"calculateTotalWidthOfTags",value:function calculateTotalWidthOfTags(){var _this13=this;this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.maxOptionsVisible=1/0,setTimeout(function(){var i=[];if(_this13.shadowRoot){_this13.shadowRoot.querySelectorAll("nile-tag").forEach(function(s){s instanceof HTMLElement&&i.push(s.offsetWidth);});}if(_this13.value.length!==i.length)return;var s=_this13.calculateWidthOfSelectTagsDiv();if(!s)return;var n=0,o=0;for(var _c=0;_c<i.length;_c++)if(n+=i[_c],n>s){o=_c;break;}_this13.maxOptionsVisible=o;},1);}},{key:"resetScrollPosition",value:function resetScrollPosition(){var _this14=this;this.updateComplete.then(function(){if(_this14.virtualizedContainer&&_this14.virtualizedContainer.isConnected){var _this14$shadowRoot;_this14.virtualizedContainer.scrollTop=0;var _i6=(_this14$shadowRoot=_this14.shadowRoot)===null||_this14$shadowRoot===void 0?void 0:_this14$shadowRoot.querySelector(".select__listbox");_i6&&_i6.isConnected&&(_i6.scrollTop=0);var _s3=_this14.virtualizedContainer.querySelector("lit-virtualizer");_s3&&_s3.isConnected&&(_s3.scrollTop=0);}});}}]);}(u));x.styles=t,i([n(".select")],x.prototype,"popup",void 0),i([n(".select__display-input")],x.prototype,"displayInput",void 0),i([n(".select__value-input")],x.prototype,"valueInput",void 0),i([n(".virtualized")],x.prototype,"virtualizedContainer",void 0),i([o()],x.prototype,"hasFocus",void 0),i([o()],x.prototype,"displayLabel",void 0),i([o()],x.prototype,"selectedOptions",void 0),i([o()],x.prototype,"oldValue",void 0),i([c()],x.prototype,"name",void 0),i([c({type:Array})],x.prototype,"data",void 0),i([o()],x.prototype,"originalOptionItems",void 0),i([c({converter:{fromAttribute:function fromAttribute(i){return i.split(" ");},toAttribute:function toAttribute(i){return i.join(" ");}}})],x.prototype,"value",void 0),i([a()],x.prototype,"defaultValue",void 0),i([c()],x.prototype,"size",void 0),i([c()],x.prototype,"placeholder",void 0),i([c({type:Boolean})],x.prototype,"autoResize",void 0),i([o()],x.prototype,"searchValue",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"searchEnabled",void 0),i([c({attribute:"internal-search-placeholder"})],x.prototype,"internalSearchPlaceHolder",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"disableLocalSearch",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"optionsLoading",void 0),i([c({type:Boolean,reflect:!0,attribute:!0})],x.prototype,"loading",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"multiple",void 0),i([c({attribute:"help-text",reflect:!0})],x.prototype,"helpText",void 0),i([c({attribute:"error-message",reflect:!0})],x.prototype,"errorMessage",void 0),i([c({type:Boolean})],x.prototype,"warning",void 0),i([c({type:Boolean})],x.prototype,"error",void 0),i([c({type:Boolean})],x.prototype,"success",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"clearable",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"open",void 0),i([c({type:Boolean})],x.prototype,"hoist",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"filled",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"pill",void 0),i([c()],x.prototype,"label",void 0),i([c({reflect:!0})],x.prototype,"placement",void 0),i([c({reflect:!0})],x.prototype,"form",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"required",void 0),i([c({type:Boolean})],x.prototype,"showNoResults",void 0),i([c({type:String})],x.prototype,"noResultsMessage",void 0),i([c({type:Boolean})],x.prototype,"showSelected",void 0),i([c({attribute:!1})],x.prototype,"renderItemConfig",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"blockValueChange",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"noWidthSync",void 0),i([c({attribute:"max-options-visible",type:Number})],x.prototype,"maxOptionsVisible",void 0),i([o()],x.prototype,"oldMaxOptionsVisible",void 0),i([o()],x.prototype,"showListbox",void 0),i([d("disabled",{waitUntilFirstUpdate:!0})],x.prototype,"handleDisabledChange",null),i([d("value",{waitUntilFirstUpdate:!0})],x.prototype,"handleValueChange",null),i([d("data",{waitUntilFirstUpdate:!0})],x.prototype,"handleDataChange",null),i([d("renderItemConfig",{waitUntilFirstUpdate:!0})],x.prototype,"handleRenderItemConfigChange",null),i([d("optionsLoading",{waitUntilFirstUpdate:!0})],x.prototype,"handleOptionsLoadingChange",null),i([d("open",{waitUntilFirstUpdate:!0})],x.prototype,"handleOpenChange",null),_export("N",x=i([e("nile-virtual-select")],x)),m("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),m("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});}};});
|
|
5
|
+
*/_export("t",_=/*#__PURE__*/function(){function _(i,_ref){var _this=this;var s=_ref.target,n=_ref.config,o=_ref.callback,c=_ref.skipInitial;_classCallCheck(this,_);this.t=new Set(),this.o=!1,this.i=!1,this.h=i,null!==s&&this.t.add(s!==null&&s!==void 0?s:i),this.l=n,this.o=c!==null&&c!==void 0?c:this.o,this.callback=o,window.ResizeObserver?(this.u=new ResizeObserver(function(i){_this.handleChanges(i),_this.h.requestUpdate();}),i.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.");}return _createClass(_,[{key:"handleChanges",value:function handleChanges(i){var _this$callback;this.value=(_this$callback=this.callback)===null||_this$callback===void 0?void 0:_this$callback.call(this,i,this.u);}},{key:"hostConnected",value:function hostConnected(){var _iterator=_createForOfIteratorHelper(this.t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i=_step.value;this.observe(_i);}}catch(err){_iterator.e(err);}finally{_iterator.f();}}},{key:"hostDisconnected",value:function hostDisconnected(){this.disconnect();}},{key:"hostUpdated",value:function(){var _hostUpdated=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:!this.o&&this.i&&this.handleChanges([]),this.i=!1;case 1:case"end":return _context2.stop();}},_callee,this);}));function hostUpdated(){return _hostUpdated.apply(this,arguments);}return hostUpdated;}()},{key:"observe",value:function observe(i){this.t.add(i),this.u.observe(i,this.l),this.i=!0,this.h.requestUpdate();}},{key:"unobserve",value:function unobserve(i){this.t["delete"](i),this.u.unobserve(i);}},{key:"disconnect",value:function disconnect(){this.u.disconnect();}}]);}());_export("N",x=/*#__PURE__*/function(_u){function x(){var _this2;_classCallCheck(this,x);_this2=_callSuper(this,x,arguments),_this2.formControlController=new p(_assertThisInitialized(_this2),{assumeInteractionOn:["nile-blur","nile-input"]}),_this2.hasSlotController=new h(_assertThisInitialized(_this2),"help-text","label"),_this2.hasFocus=!1,_this2.displayLabel="",_this2.selectedOptions=[],_this2.oldValue="",_this2.scrolling=!1,_this2.name="",_this2.data=[],_this2.originalOptionItems=[],_this2.value="",_this2.defaultValue="",_this2.size="medium",_this2.placeholder="Select...",_this2.autoResize=!1,_this2.searchValue="",_this2.searchEnabled=!1,_this2.internalSearchPlaceHolder="Search...",_this2.disableLocalSearch=!1,_this2.optionsLoading=!1,_this2.loading=!1,_this2.multiple=!1,_this2.helpText="",_this2.errorMessage="",_this2.warning=!1,_this2.error=!1,_this2.success=!1,_this2.disabled=!1,_this2.clearable=!1,_this2.open=!1,_this2.hoist=!1,_this2.filled=!1,_this2.pill=!1,_this2.label="",_this2.placement="bottom",_this2.form="",_this2.required=!1,_this2.showNoResults=!1,_this2.noResultsMessage="No results found",_this2.showSelected=!1,_this2.blockValueChange=!1,_this2.noWidthSync=!1,_this2.maxOptionsVisible=3,_this2.oldMaxOptionsVisible=1,_this2.showListbox=!1,_this2.handleDocumentMouseDown=function(i){if(!_this2.open)return;var s=i.composedPath(),n=s.includes(_assertThisInitialized(_this2)),o=_this2.popup&&s.includes(_this2.popup);n||o||_this2.hide();},_this2.handleWindowError=function(i){var _i$error;(((_i$error=i.error)===null||_i$error===void 0?void 0:_i$error.message)||i.message||"").includes("Cannot read properties of null (reading 'insertBefore')")&&i.preventDefault();},_this2.resizeController=new _(_assertThisInitialized(_this2),{callback:function callback(i){var _iterator2=_createForOfIteratorHelper(i),_step2;try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var _s=_step2.value;_s.target.classList.contains("select__tags")&&_this2.calculateTotalWidthOfTags();}}catch(err){_iterator2.e(err);}finally{_iterator2.f();}}});return _this2;}_inherits(x,_u);return _createClass(x,[{key:"validity",get:function get(){var _this$valueInput;return(_this$valueInput=this.valueInput)===null||_this$valueInput===void 0?void 0:_this$valueInput.validity;}},{key:"validationMessage",get:function get(){var _this$valueInput$vali,_this$valueInput2;return(_this$valueInput$vali=(_this$valueInput2=this.valueInput)===null||_this$valueInput2===void 0?void 0:_this$valueInput2.validationMessage)!==null&&_this$valueInput$vali!==void 0?_this$valueInput$vali:"";}},{key:"connectedCallback",value:function connectedCallback(){var _this3=this;_superPropGet(x,"connectedCallback",this,3)([]),this.initializeComponent(),this.setupEventListeners(),this.updateComplete.then(function(){_this3.value&&_this3.data.length>0&&_this3.selectionChanged();});}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeOpenListeners(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0);}},{key:"updated",value:function updated(i){if(i.has("value")&&this.selectionChanged(),i.has("autoResize")){var _this$shadowRoot;var _i2=(_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector(".select__tags");this.autoResize&&_i2?this.resizeController.observe(_i2):_i2&&this.resizeController.unobserve(_i2);}}},{key:"initializeComponent",value:function initializeComponent(){this.open=!1,this.emit("nile-init");}},{key:"getDisplayText",value:function getDisplayText(i){var _this$renderItemConfi;return(_this$renderItemConfi=this.renderItemConfig)!==null&&_this$renderItemConfi!==void 0&&_this$renderItemConfi.getDisplayText?this.renderItemConfig.getDisplayText(i):(i===null||i===void 0?void 0:i.label)||(i===null||i===void 0?void 0:i.name)||(i===null||i===void 0?void 0:i.toString())||"";}},{key:"getItemValue",value:function getItemValue(i){var _this$renderItemConfi2;return(_this$renderItemConfi2=this.renderItemConfig)!==null&&_this$renderItemConfi2!==void 0&&_this$renderItemConfi2.getValue?this.renderItemConfig.getValue(i):(i===null||i===void 0?void 0:i.value)||i;}},{key:"getSearchText",value:function getSearchText(i){var _this$renderItemConfi3;return(_this$renderItemConfi3=this.renderItemConfig)!==null&&_this$renderItemConfi3!==void 0&&_this$renderItemConfi3.getSearchText?this.renderItemConfig.getSearchText(i):this.getDisplayText(i);}},{key:"setupEventListeners",value:function setupEventListeners(){this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowError=this.handleWindowError.bind(this);}},{key:"addOpenListeners",value:function addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),window.addEventListener("error",this.handleWindowError);}},{key:"removeOpenListeners",value:function removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("error",this.handleWindowError);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleDocumentFocusIn",value:function handleDocumentFocusIn(i){if(!this.open)return;var s=i.composedPath(),n=s.includes(this),o=this.popup&&s.includes(this.popup);n||o||this.hide();}},{key:"handleDocumentKeyDown",value:function handleDocumentKeyDown(i){this.shouldIgnoreKeyPress(i)||(this.isEscapeKey(i)&&this.handleEscapeKey(i),this.isEnterOrSpaceKey(i)&&this.handleEnterOrSpaceKey(i));}},{key:"shouldIgnoreKeyPress",value:function shouldIgnoreKeyPress(i){var s=i.target,n=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");return n||o;}},{key:"isEscapeKey",value:function isEscapeKey(i){return"Escape"===i.key&&this.open;}},{key:"handleEscapeKey",value:function handleEscapeKey(i){i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0});}},{key:"isEnterOrSpaceKey",value:function isEnterOrSpaceKey(i){return"Enter"===i.key||" "===i.key;}},{key:"handleEnterOrSpaceKey",value:function handleEnterOrSpaceKey(i){i.preventDefault(),i.stopImmediatePropagation(),this.open?this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})):this.show();}},{key:"handleFooterClick",value:function handleFooterClick(i){i.stopPropagation(),i.preventDefault();}},{key:"toggleShowSelected",value:function toggleShowSelected(i){var _this$selectedOptions,_this4=this;if(i.stopPropagation(),i.preventDefault(),0!==((_this$selectedOptions=this.selectedOptions)===null||_this$selectedOptions===void 0?void 0:_this$selectedOptions.length)){if(this.showSelected=!this.showSelected,this.showSelected){var _i3=Array.isArray(this.value)?this.value:[this.value];this.data=this.originalOptionItems.filter(function(s){var n=_this4.getItemValue(s);return _i3.some(function(i){return String(i)===String(n);});});}else this.data=_toConsumableArray(this.originalOptionItems);this.requestUpdate(),this.repaintOptionsContainer();}}},{key:"unSelectAll",value:function unSelectAll(){this.showSelected=!1,this.value=this.multiple?[]:"",this.data=_toConsumableArray(this.originalOptionItems),this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.resetScrollPosition();}},{key:"handleLabelClick",value:function handleLabelClick(){this.displayInput.focus(),this.hide();}},{key:"handleComboboxMouseDown",value:function handleComboboxMouseDown(i){this.shouldIgnoreComboboxClick(i)||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open);}},{key:"shouldIgnoreComboboxClick",value:function shouldIgnoreComboboxClick(i){var s=i.composedPath().some(function(i){return i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase();});return this.disabled||s;}},{key:"handleComboboxKeyDown",value:function handleComboboxKeyDown(i){this.isEnterOrSpaceKey(i)&&(i.preventDefault(),this.open=!this.open);}},{key:"handleClearClick",value:function handleClearClick(i){i.stopPropagation(),this.clearSelection();}},{key:"clearSelection",value:function clearSelection(){var _this5=this;this.value,this.value=this.multiple?[]:"",this.selectionChanged(),this.updateComplete.then(function(){_this5.nileInput({value:_this5.value,name:_this5.name}),_this5.nileChange({value:_this5.value,name:_this5.name}),_this5.emit("nile-clear");});}},{key:"handleClearMouseDown",value:function handleClearMouseDown(i){i.stopPropagation();}},{key:"handleOptionClick",value:function handleOptionClick(i){var s=i.target.closest("nile-option");if(this.shouldBlockValueChange(s))return;var n=this.value;this.oldValue=n,s&&!s.disabled&&this.handleOptionSelection(s);}},{key:"shouldBlockValueChange",value:function shouldBlockValueChange(i){return!(!this.blockValueChange||!i)&&(this.emit("nile-block-change",{value:i===null||i===void 0?void 0:i.value,name:this.name}),this.hide(),!0);}},{key:"handleOptionSelection",value:function handleOptionSelection(i){var _this6=this;var s=i.value;this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then(function(){return _this6.displayInput.focus({preventScroll:!0});}),this.value!==this.oldValue&&this.updateComplete.then(function(){_this6.nileInput({value:_this6.value,name:_this6.name}),_this6.nileChange({value:_this6.value,name:_this6.name});}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}));}},{key:"setSelectedOptions",value:function setSelectedOptions(i){this.value=i,this.selectionChanged();}},{key:"toggleOptionSelection",value:function toggleOptionSelection(i){var s=Array.isArray(this.value)?this.value:[];s.includes(i)?this.value=s.filter(function(s){return s!==i;}):this.value=[].concat(_toConsumableArray(s),[i]),this.selectionChanged();}},{key:"handleTagRemove",value:function handleTagRemove(i,s){i.stopPropagation(),this.disabled||(this.removeTagFromSelection(s),this.emitTagRemovalEvent(s));}},{key:"removeTagFromSelection",value:function removeTagFromSelection(i){var s=this.value;Array.isArray(s)||(s=s?[s]:[]);var n=s.filter(function(s){return s!==i.value;});this.value=n,this.selectionChanged();}},{key:"emitTagRemovalEvent",value:function emitTagRemovalEvent(i){var _this7=this;this.updateComplete.then(function(){_this7.nileInput({value:_this7.value,name:_this7.name}),_this7.nileChange({value:_this7.value,name:_this7.name}),_this7.emit("nile-tag-remove",{value:_this7.value,name:_this7.name,removedtagvalue:i.value});});}},{key:"selectionChanged",value:function selectionChanged(){var _this$renderItemConfi4;var i=this.originalOptionItems.length>0?this.originalOptionItems:this.data;if(this.selectedOptions=b.createVirtualOptionsFromValues(this.value,i,this.getDisplayText.bind(this),(_this$renderItemConfi4=this.renderItemConfig)===null||_this$renderItemConfi4===void 0?void 0:_this$renderItemConfi4.getValue),this.multiple)this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected";else{var _this$selectedOptions2;var _i4=Array.isArray(this.value)?this.value[0]:this.value,_s2=(_this$selectedOptions2=this.selectedOptions[0])===null||_this$selectedOptions2===void 0?void 0:_this$selectedOptions2.getTextLabel();this.displayLabel=_s2||(_i4!==null&&_i4!==void 0?_i4:"");}this.updateValidity(),0===this.selectedOptions.length&&(this.showSelected=!1,this.filterVirtualOptions(""),this.repaintOptionsContainer()),this.calculateTotalWidthOfTags();}},{key:"handleSearchFocus",value:function handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown);}},{key:"handleSearchBlur",value:function handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown);}},{key:"handleSearchChange",value:function handleSearchChange(i){this.searchValue=i.detail.value,this.emit("nile-search",{query:this.searchValue,name:this.name}),this.disableLocalSearch||(this.filterVirtualOptions(this.searchValue),this.repaintOptionsContainer());}},{key:"repaintOptionsContainer",value:function repaintOptionsContainer(){var _this8=this;this.resetScrollPosition(),this.updateComplete.then(function(){var _this8$shadowRoot;var i=(_this8$shadowRoot=_this8.shadowRoot)===null||_this8$shadowRoot===void 0?void 0:_this8$shadowRoot.querySelector(".virtualized");i&&(_this8.data.length<=5?i.classList.add("no-scroll"):i.classList.remove("no-scroll"));});}},{key:"handleScroll",value:function handleScroll(i){var _this9=this;if(this.showSelected)return;var s=i.target;this.emit("nile-scroll",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout(function(){_this9.scrolling&&(_this9.scrolling=!1);},300);Math.ceil(s.scrollTop)>=Math.floor(s.scrollHeight-s.offsetHeight)&&!this.searchValue&&this.emit("nile-scroll-end",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name,isAtBottom:!0});}},{key:"filterVirtualOptions",value:function filterVirtualOptions(i){var _this$renderItemConfi5;var s=y.filterVirtualOptions(i,this.originalOptionItems,this.data,this.getDisplayText.bind(this),(_this$renderItemConfi5=this.renderItemConfig)===null||_this$renderItemConfi5===void 0?void 0:_this$renderItemConfi5.getSearchText);this.data=s.filteredItems,this.showNoResults=s.showNoResults,this.showSelected=!1,this.requestUpdate();}},{key:"handleInvalid",value:function handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i);}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange());}},{key:"handleValueChange",value:function handleValueChange(){this.selectionChanged(),this.requestUpdate();}},{key:"handleDataChange",value:function handleDataChange(){this.data.length>0&&this.open&&!this.showSelected&&!this.searchValue&&(this.originalOptionItems=_toConsumableArray(this.data)),this.selectionChanged(),this.optionsLoading||this.loading||0!==this.data.length?this.data.length>0&&(this.showNoResults=!1):this.showNoResults=!0,this.requestUpdate();}},{key:"handleRenderItemConfigChange",value:function handleRenderItemConfigChange(){this.value&&this.data.length>0&&(this.selectionChanged(),this.requestUpdate());}},{key:"handleOptionsLoadingChange",value:function handleOptionsLoadingChange(){this.optionsLoading||0!==this.data.length||(this.showNoResults=!0),this.requestUpdate();}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!(this.open&&!this.disabled)){_context3.next=6;break;}_context3.next=3;return this.handleOpen();case 3:this.showListbox=!0;_context3.next=9;break;case 6:_context3.next=8;return this.handleClose();case 8:this.showListbox=!1;case 9:case"end":return _context3.stop();}},_callee2,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"handleOpen",value:function(){var _handleOpen=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _this$data;var _g,i,s;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:this.emit("nile-show",{value:this.value,name:this.name});this.addOpenListeners();this.showNoResults=!((_this$data=this.data)!==null&&_this$data!==void 0&&_this$data.length);_context4.next=5;return r(this);case 5:this.popup.active=!0;_g=g(this,"select.show",{dir:"ltr"}),i=_g.keyframes,s=_g.options;_context4.next=9;return l(this.popup.popup,i,s);case 9:this.initializeOriginalItems();this.filterVirtualOptions(this.searchValue);this.resetScrollPosition();this.emit("nile-after-show",{value:this.value,name:this.name});case 13:case"end":return _context4.stop();}},_callee3,this);}));function handleOpen(){return _handleOpen.apply(this,arguments);}return handleOpen;}()},{key:"handleClose",value:function(){var _handleClose=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _g2,i,s;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:this.emit("nile-hide",{value:this.value,name:this.name});this.removeOpenListeners();_context5.next=4;return r(this);case 4:_g2=g(this,"select.hide",{dir:"ltr"}),i=_g2.keyframes,s=_g2.options;_context5.next=7;return l(this.popup.popup,i,s);case 7:this.popup.active=!1;this.searchValue="";this.emit("nile-after-hide",{value:this.value,name:this.name});case 10:case"end":return _context5.stop();}},_callee4,this);}));function handleClose(){return _handleClose.apply(this,arguments);}return handleClose;}()},{key:"initializeOriginalItems",value:function initializeOriginalItems(){this.data.length>0&&(this.originalOptionItems=_toConsumableArray(this.data));}},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(){return _regeneratorRuntime().wrap(function _callee5$(_context6){while(1)switch(_context6.prev=_context6.next){case 0:if(!(!this.open&&!this.disabled)){_context6.next=2;break;}return _context6.abrupt("return",(this.open=!0,v(this,"nile-after-show")));case 2:this.open=!1;case 3:case"end":return _context6.stop();}},_callee5,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(){return _regeneratorRuntime().wrap(function _callee6$(_context7){while(1)switch(_context7.prev=_context7.next){case 0:if(!(this.open&&!this.disabled)){_context7.next=2;break;}return _context7.abrupt("return",(this.open=!1,v(this,"nile-after-hide")));case 2:this.open=!1;case 3:case"end":return _context7.stop();}},_callee6,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"checkValidity",value:function checkValidity(){return this.valueInput.checkValidity();}},{key:"getForm",value:function getForm(){return this.formControlController.getForm();}},{key:"reportValidity",value:function reportValidity(){return this.valueInput.reportValidity();}},{key:"setCustomValidity",value:function setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController.updateValidity();}},{key:"focus",value:function focus(i){this.displayInput.focus(i);}},{key:"blur",value:function blur(){this.displayInput.blur();}},{key:"onInputChange",value:function onInputChange(i){i.stopPropagation();}},{key:"render",value:function render(){var i=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var n=this.hasSlotController.test("label-suffix"),o=this.hasSlotController.test("custom-select"),c=!!this.label||!!i,e=this.clearable&&!this.disabled&&this.value.length>0,t=!!this.placeholder&&0===this.value.length,r=!!this.helpText,l=!!this.errorMessage;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"form-control\"\n class=","\n >\n ","\n ","\n </div>\n "])),j({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":c,"form-control--has-help-text":r}),this.renderLabel(c,n),this.renderFormControlInput(o,e,t,r,l));}},{key:"renderLabel",value:function renderLabel(i,n){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <label\n id=\"label\"\n part=\"form-control-label\"\n class=\"form-control__label\"\n aria-hidden=","\n @click=","\n >\n <slot name=\"label\">","</slot>\n </label>\n\n ","\n "])),i?"false":"true",this.handleLabelClick,this.label,n?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"");}},{key:"renderFormControlInput",value:function renderFormControlInput(i,n,o,c,e){return s(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n <div part=\"form-control-input\" class=\"form-control-input\">\n ","\n ","\n </div>\n "])),this.renderPopup(i,n,o),this.renderHelpText(c,e));}},{key:"renderPopup",value:function renderPopup(i,n,o){return s(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <nile-popup\n class=","\n placement=","\n strategy=","\n distance=\"6\"\n flip\n shift\n sync=","\n auto-size=\"vertical\"\n auto-size-padding=\"10\"\n >\n ","\n ","\n ","\n </nile-popup>\n "])),j({select:!0,"select--warning":this.warning,"select--error":this.error,"select--success":this.success,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":o,"select--top":"top"===this.placement,"select--bottom":"bottom"===this.placement,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size}),this.placement,this.hoist?"fixed":"absolute",f(this.noWidthSync?void 0:"width"),this.renderCustomSelect(i),this.renderCombobox(i,n),this.showListbox?this.renderListbox():s(_templateObject6||(_templateObject6=_taggedTemplateLiteral([""]))));}},{key:"renderCustomSelect",value:function renderCustomSelect(i){return i?s(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<slot\n slot=\"anchor\"\n name=\"custom-select\"\n class=\"custom-select\"\n @keydown=","\n @mousedown=","\n ></slot>"])),this.handleComboboxKeyDown,this.handleComboboxMouseDown):s(_templateObject8||(_templateObject8=_taggedTemplateLiteral([""])));}},{key:"renderCombobox",value:function renderCombobox(i,n){return s(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n <div\n part=\"combobox\"\n class=","\n slot=\"anchor\"\n @keydown=","\n @mousedown=","\n >\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n </div>\n "])),j({select__combobox:!0,"select__hide-default":i}),this.handleComboboxKeyDown,this.handleComboboxMouseDown,this.renderPrefix(),this.renderDisplayInput(),this.renderTags(),this.renderValueInput(),this.renderClearButton(n),this.renderSuffix(),this.renderExpandIcon());}},{key:"renderPrefix",value:function renderPrefix(){return s(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n <slot\n part=\"prefix\"\n name=\"prefix\"\n class=","\n ></slot>\n "])),j({select__prefix:!0,multiple:this.multiple}));}},{key:"renderDisplayInput",value:function renderDisplayInput(){return s(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n <input\n part=\"display-input\"\n class=\"select__display-input\"\n type=\"text\"\n placeholder=","\n .disabled=","\n .value=","\n autocomplete=\"off\"\n spellcheck=\"false\"\n autocapitalize=\"off\"\n readonly\n aria-controls=\"listbox\"\n aria-expanded=","\n aria-haspopup=\"listbox\"\n aria-labelledby=\"label\"\n aria-disabled=","\n aria-describedby=\"help-text\"\n role=\"combobox\"\n tabindex=\"0\"\n />\n "])),this.placeholder,this.disabled,this.displayLabel,this.open?"true":"false",this.disabled?"true":"false");}},{key:"renderTags",value:function renderTags(){var _this10=this;return this.multiple?s(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n <div part=\"tags\" class=\"select__tags\">\n ","\n </div>\n "])),this.selectedOptions.map(function(i,n){if(n<_this10.maxOptionsVisible||_this10.maxOptionsVisible<=0){var _o={select__invisible:n+1>_this10.oldMaxOptionsVisible&&_this10.maxOptionsVisible===1/0};return s(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n <nile-tag\n class=","\n part=\"tag\"\n exportparts=\"\n base:tag__base,\n content:tag__content,\n remove-button:tag__remove-button,\n remove-button__base:tag__remove-button__base\n \"\n ?pill=","\n size=","\n removable\n @nile-remove=","\n >\n ","\n </nile-tag>\n "])),j(_o),_this10.pill,_this10.size,function(s){return _this10.handleTagRemove(s,i);},i.getTextLabel());}return n===_this10.maxOptionsVisible?s(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n <span class=\"select__tags-count\"\n >+"," More\n </span>\n "])),_this10.selectedOptions.length-n):null;})):s(_templateObject15||(_templateObject15=_taggedTemplateLiteral([""])));}},{key:"renderValueInput",value:function renderValueInput(){var _this11=this;return s(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n <input\n class=\"select__value-input\"\n type=\"text\"\n ?disabled=","\n ?required=","\n .value=","\n tabindex=\"-1\"\n aria-hidden=\"true\"\n @focus=","\n @invalid=","\n />\n "])),this.disabled,this.required,Array.isArray(this.value)?this.value.join(", "):this.value,function(){return _this11.focus();},this.handleInvalid);}},{key:"renderClearButton",value:function renderClearButton(i){return i?s(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n <button\n part=\"clear-button\"\n class=\"select__clear\"\n type=\"button\"\n aria-label=\"clearEntry\"\n @mousedown=","\n @click=","\n tabindex=\"-1\"\n >\n <slot name=\"clear-icon\">\n <nile-icon name=\"var(--nile-icon-close, var(--ng-icon-x-close))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" library=\"system\"></nile-icon>\n </slot>\n </button>\n "])),this.handleClearMouseDown,this.handleClearClick):s(_templateObject18||(_templateObject18=_taggedTemplateLiteral([""])));}},{key:"renderSuffix",value:function renderSuffix(){return s(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n <slot\n part=\"suffix\"\n name=\"suffix\"\n class=","\n ></slot>\n "])),j({select__suffix:!0}));}},{key:"renderExpandIcon",value:function renderExpandIcon(){return s(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n <slot\n name=\"expand-icon\"\n part=\"expand-icon\"\n class=\"select__expand-icon\"\n >\n <nile-icon library=\"system\" name=\"var(--nile-icon-arrow-down, var(--ng-icon-chevron-down))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"></nile-icon>\n </slot>\n "])));}},{key:"renderListbox",value:function renderListbox(){return s(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n <div\n id=\"listbox\"\n role=\"listbox\"\n aria-expanded=","\n aria-multiselectable=","\n aria-labelledby=\"label\"\n part=\"listbox\"\n class=\"select__listbox ","\"\n tabindex=\"-1\"\n @mouseup=","\n >\n ","\n ","\n ","\n ","\n </div>\n "])),this.open?"true":"false",this.multiple?"true":"false",this.searchEnabled?"select__search-enabled ":"",this.handleOptionClick,this.renderSearch(),this.renderLoader(),this.getVirtualizedContent(),this.renderFooter());}},{key:"renderSearch",value:function renderSearch(){return this.searchEnabled?s(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n <div part=\"search\" class=\"select__search\">\n <nile-input\n size=\"small\"\n clearable\n .value=","\n placeholder=\"","\"\n @nile-input=","\n @nile-focus=","\n @nile-change=\"","\"\n >\n <nile-icon name=\"var(--nile-icon-search, var(--ng-icon-search-lg))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" slot=\"suffix\"> </nile-icon>\n </nile-input>\n </div>\n "])),this.searchValue,this.internalSearchPlaceHolder,this.handleSearchChange,this.handleSearchFocus,this.onInputChange):s(_templateObject23||(_templateObject23=_taggedTemplateLiteral([""])));}},{key:"renderLoader",value:function renderLoader(){return this.loading?s(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n <span part=\"loader\" class=\"virtual-select-loader\">\n <nile-loader size=\"sm\"></nile-loader>\n </span>\n "]))):this.optionsLoading?s(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n <span part=\"loader\" class=\"select__loader\">\n <nile-icon\n class=\"select__loader--icon\"\n name=\"button-loading-blue\"\n ></nile-icon>\n </span>\n "]))):s(_templateObject26||(_templateObject26=_taggedTemplateLiteral([""])));}},{key:"renderFooter",value:function renderFooter(){return this.multiple?s(_templateObject27||(_templateObject27=_taggedTemplateLiteral(["\n <div\n part=\"footer\"\n class=\"select__footer ","\"\n @click=\"","\"\n >\n <span\n @click=\"","\"\n style=\"cursor: pointer;\"\n >\n <nile-checkbox\n ?disabled=\"","\"\n ?checked=\"","\"\n >\n Show Selected</nile-checkbox\n >\n </span>\n ","\n </div>\n "])),this.loading?"loading":"",this.handleFooterClick,this.toggleShowSelected,0===this.selectedOptions.length,this.showSelected,0!==this.selectedOptions.length?s(_templateObject28||(_templateObject28=_taggedTemplateLiteral(["\n <span\n class=\"select__clear\"\n @click=\"","\"\n >\n Clear All\n </span>\n "])),this.unSelectAll):""):s(_templateObject29||(_templateObject29=_taggedTemplateLiteral([""])));}},{key:"renderHelpText",value:function renderHelpText(i,n){return s(_templateObject30||(_templateObject30=_taggedTemplateLiteral(["\n ","\n ","\n "])),i?s(_templateObject31||(_templateObject31=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",n?s(_templateObject32||(_templateObject32=_taggedTemplateLiteral(["\n <nile-form-error-message\n >","</nile-form-error-message\n >\n "])),this.errorMessage):"");}},{key:"getVirtualizedContent",value:function getVirtualizedContent(){var _this$renderItemConfi6,_this$renderItemConfi7;return w.getVirtualizedContent(this.data,this.searchEnabled,this.getDisplayText.bind(this),this.value,this.multiple,(_this$renderItemConfi6=this.renderItemConfig)===null||_this$renderItemConfi6===void 0?void 0:_this$renderItemConfi6.getDisplayText,(_this$renderItemConfi7=this.renderItemConfig)===null||_this$renderItemConfi7===void 0?void 0:_this$renderItemConfi7.getValue,this.showNoResults,this.noResultsMessage,this.optionsLoading||this.loading,this.handleScroll.bind(this));}},{key:"nileInput",value:function nileInput(i){this.emit("nile-input",i);}},{key:"nileChange",value:function nileChange(i){this.emit("nile-change",i);}},{key:"updateValidity",value:function updateValidity(){var _this12=this;this.updateComplete.then(function(){_this12.formControlController.updateValidity();});}},{key:"calculateWidthOfSelectTagsDiv",value:function calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){var _i5=this.shadowRoot.querySelector(".select__tags");if(_i5){return _i5.offsetWidth-70;}}return null;}},{key:"calculateTotalWidthOfTags",value:function calculateTotalWidthOfTags(){var _this13=this;this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.maxOptionsVisible=1/0,setTimeout(function(){var i=[];if(_this13.shadowRoot){_this13.shadowRoot.querySelectorAll("nile-tag").forEach(function(s){s instanceof HTMLElement&&i.push(s.offsetWidth);});}if(_this13.value.length!==i.length)return;var s=_this13.calculateWidthOfSelectTagsDiv();if(!s)return;var n=0,o=0;for(var _c=0;_c<i.length;_c++)if(n+=i[_c],n>s){o=_c;break;}_this13.maxOptionsVisible=o;},1);}},{key:"resetScrollPosition",value:function resetScrollPosition(){var _this14=this;this.updateComplete.then(function(){if(_this14.virtualizedContainer&&_this14.virtualizedContainer.isConnected){var _this14$shadowRoot;_this14.virtualizedContainer.scrollTop=0;var _i6=(_this14$shadowRoot=_this14.shadowRoot)===null||_this14$shadowRoot===void 0?void 0:_this14$shadowRoot.querySelector(".select__listbox");_i6&&_i6.isConnected&&(_i6.scrollTop=0);var _s3=_this14.virtualizedContainer.querySelector("lit-virtualizer");_s3&&_s3.isConnected&&(_s3.scrollTop=0);}});}}]);}(u));x.styles=t,i([n(".select")],x.prototype,"popup",void 0),i([n(".select__display-input")],x.prototype,"displayInput",void 0),i([n(".select__value-input")],x.prototype,"valueInput",void 0),i([n(".virtualized")],x.prototype,"virtualizedContainer",void 0),i([o()],x.prototype,"hasFocus",void 0),i([o()],x.prototype,"displayLabel",void 0),i([o()],x.prototype,"selectedOptions",void 0),i([o()],x.prototype,"oldValue",void 0),i([c()],x.prototype,"name",void 0),i([c({type:Array})],x.prototype,"data",void 0),i([o()],x.prototype,"originalOptionItems",void 0),i([c({converter:{fromAttribute:function fromAttribute(i){return i.split(" ");},toAttribute:function toAttribute(i){return i.join(" ");}}})],x.prototype,"value",void 0),i([a()],x.prototype,"defaultValue",void 0),i([c()],x.prototype,"size",void 0),i([c()],x.prototype,"placeholder",void 0),i([c({type:Boolean})],x.prototype,"autoResize",void 0),i([o()],x.prototype,"searchValue",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"searchEnabled",void 0),i([c({attribute:"internal-search-placeholder"})],x.prototype,"internalSearchPlaceHolder",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"disableLocalSearch",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"optionsLoading",void 0),i([c({type:Boolean,reflect:!0,attribute:!0})],x.prototype,"loading",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"multiple",void 0),i([c({attribute:"help-text",reflect:!0})],x.prototype,"helpText",void 0),i([c({attribute:"error-message",reflect:!0})],x.prototype,"errorMessage",void 0),i([c({type:Boolean})],x.prototype,"warning",void 0),i([c({type:Boolean})],x.prototype,"error",void 0),i([c({type:Boolean})],x.prototype,"success",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"clearable",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"open",void 0),i([c({type:Boolean})],x.prototype,"hoist",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"filled",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"pill",void 0),i([c()],x.prototype,"label",void 0),i([c({reflect:!0})],x.prototype,"placement",void 0),i([c({reflect:!0})],x.prototype,"form",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"required",void 0),i([c({type:Boolean})],x.prototype,"showNoResults",void 0),i([c({type:String})],x.prototype,"noResultsMessage",void 0),i([c({type:Boolean})],x.prototype,"showSelected",void 0),i([c({attribute:!1})],x.prototype,"renderItemConfig",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"blockValueChange",void 0),i([c({type:Boolean,reflect:!0})],x.prototype,"noWidthSync",void 0),i([c({attribute:"max-options-visible",type:Number})],x.prototype,"maxOptionsVisible",void 0),i([o()],x.prototype,"oldMaxOptionsVisible",void 0),i([o()],x.prototype,"showListbox",void 0),i([d("disabled",{waitUntilFirstUpdate:!0})],x.prototype,"handleDisabledChange",null),i([d("value",{waitUntilFirstUpdate:!0})],x.prototype,"handleValueChange",null),i([d("data",{waitUntilFirstUpdate:!0})],x.prototype,"handleDataChange",null),i([d("renderItemConfig",{waitUntilFirstUpdate:!0})],x.prototype,"handleRenderItemConfigChange",null),i([d("optionsLoading",{waitUntilFirstUpdate:!0})],x.prototype,"handleOptionsLoadingChange",null),i([d("open",{waitUntilFirstUpdate:!0})],x.prototype,"handleOpenChange",null),_export("N",x=i([e("nile-virtual-select")],x)),m("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),m("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});}};});
|
|
6
6
|
//# sourceMappingURL=nile-virtual-select.cjs.js.map
|