@aquera/nile-elements 0.1.46-beta-2.5 → 0.1.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/demo/index.html +26 -14
- package/dist/{fixture-7bfb866e.cjs.js → fixture-161dee0b.cjs.js} +2 -2
- package/dist/{fixture-7bfb866e.cjs.js.map → fixture-161dee0b.cjs.js.map} +1 -1
- package/dist/{fixture-2b5b3aba.esm.js → fixture-372df3b0.esm.js} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- 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.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-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-filter-chip/nile-filter-chip.test.cjs.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
- package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.test.esm.js +1 -1
- package/dist/nile-icon/icons/svg/agent.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/agent.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/agent.esm.js +1 -1
- package/dist/nile-icon/icons/svg/api.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/api.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/api.esm.js +1 -1
- package/dist/nile-icon/icons/svg/apply-filter.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/apply-filter.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/apply-filter.esm.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropdown.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropdown.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/arrowdropdown.esm.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropup.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/arrowdropup.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/arrowdropup.esm.js +1 -1
- package/dist/nile-icon/icons/svg/database.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/database.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/database.esm.js +1 -1
- package/dist/nile-icon/icons/svg/done.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/done.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/done.esm.js +1 -1
- package/dist/nile-icon/icons/svg/dontmap.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/dontmap.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/dontmap.esm.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowleft.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowleft.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/doublearrowleft.esm.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowright.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/doublearrowright.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/doublearrowright.esm.js +1 -1
- package/dist/nile-icon/icons/svg/drag.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/drag.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/drag.esm.js +1 -1
- package/dist/nile-icon/icons/svg/expand-06.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/expand-06.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/expand-06.esm.js +1 -1
- package/dist/nile-icon/icons/svg/expand.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/expand.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/expand.esm.js +1 -1
- package/dist/nile-icon/icons/svg/integer.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/integer.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/integer.esm.js +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/pluscircle.esm.js +1 -1
- package/dist/nile-icon/icons/svg/question.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/question.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/question.esm.js +1 -1
- package/dist/nile-icon/icons/svg/resource.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/resource.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/resource.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sendescalation.esm.js +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/sendreminder.esm.js +1 -1
- package/dist/nile-icon/icons/svg/timezone.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/timezone.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/timezone.esm.js +1 -1
- package/dist/nile-icon/icons/svg/unmute.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/unmute.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/unmute.esm.js +1 -1
- package/dist/nile-icon/icons/svg/upgrade.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/upgrade.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/upgrade.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-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/agent.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/agent.js +1 -1
- package/dist/src/nile-icon/icons/svg/agent.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/api.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/api.js +1 -1
- package/dist/src/nile-icon/icons/svg/api.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/apply-filter.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/apply-filter.js +1 -1
- package/dist/src/nile-icon/icons/svg/apply-filter.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropdown.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropdown.js +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropdown.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropup.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropup.js +1 -1
- package/dist/src/nile-icon/icons/svg/arrowdropup.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/database.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/database.js +1 -1
- package/dist/src/nile-icon/icons/svg/database.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/done.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/done.js +1 -1
- package/dist/src/nile-icon/icons/svg/done.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/dontmap.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/dontmap.js +1 -1
- package/dist/src/nile-icon/icons/svg/dontmap.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowleft.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowleft.js +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowleft.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowright.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowright.js +1 -1
- package/dist/src/nile-icon/icons/svg/doublearrowright.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/drag.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/drag.js +1 -1
- package/dist/src/nile-icon/icons/svg/drag.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/expand-06.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/expand-06.js +1 -1
- package/dist/src/nile-icon/icons/svg/expand-06.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/expand.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/expand.js +1 -1
- package/dist/src/nile-icon/icons/svg/expand.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/integer.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/integer.js +1 -1
- package/dist/src/nile-icon/icons/svg/integer.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.js +1 -1
- package/dist/src/nile-icon/icons/svg/pluscircle.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/question.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/question.js +1 -1
- package/dist/src/nile-icon/icons/svg/question.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/resource.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/resource.js +1 -1
- package/dist/src/nile-icon/icons/svg/resource.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.js +1 -1
- package/dist/src/nile-icon/icons/svg/sendescalation.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.js +1 -1
- package/dist/src/nile-icon/icons/svg/sendreminder.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.js +1 -1
- package/dist/src/nile-icon/icons/svg/timezone.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.js +1 -1
- package/dist/src/nile-icon/icons/svg/unmute.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/upgrade.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/upgrade.js +1 -1
- package/dist/src/nile-icon/icons/svg/upgrade.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
- package/src/index.ts +1 -2
- package/src/nile-icon/icons/svg/agent.ts +1 -1
- package/src/nile-icon/icons/svg/api.ts +1 -1
- package/src/nile-icon/icons/svg/apply-filter.ts +1 -1
- package/src/nile-icon/icons/svg/arrowdropdown.ts +1 -1
- package/src/nile-icon/icons/svg/arrowdropup.ts +1 -1
- package/src/nile-icon/icons/svg/database.ts +1 -1
- package/src/nile-icon/icons/svg/done.ts +1 -1
- package/src/nile-icon/icons/svg/dontmap.ts +1 -1
- package/src/nile-icon/icons/svg/doublearrowleft.ts +1 -1
- package/src/nile-icon/icons/svg/doublearrowright.ts +1 -1
- package/src/nile-icon/icons/svg/drag.ts +1 -1
- package/src/nile-icon/icons/svg/expand-06.ts +1 -1
- package/src/nile-icon/icons/svg/expand.ts +1 -1
- package/src/nile-icon/icons/svg/integer.ts +1 -1
- package/src/nile-icon/icons/svg/pluscircle.ts +1 -1
- package/src/nile-icon/icons/svg/question.ts +1 -1
- package/src/nile-icon/icons/svg/resource.ts +1 -1
- package/src/nile-icon/icons/svg/sendescalation.ts +1 -1
- package/src/nile-icon/icons/svg/sendreminder.ts +1 -1
- package/src/nile-icon/icons/svg/timezone.ts +1 -1
- package/src/nile-icon/icons/svg/unmute.ts +1 -1
- package/src/nile-icon/icons/svg/upgrade.ts +1 -1
- package/vscode-html-custom-data.json +44 -134
- package/dist/nile-slider/index.cjs.js +0 -2
- package/dist/nile-slider/index.cjs.js.map +0 -1
- package/dist/nile-slider/index.esm.js +0 -1
- package/dist/nile-slider/nile-slider.cjs.js +0 -2
- package/dist/nile-slider/nile-slider.cjs.js.map +0 -1
- package/dist/nile-slider/nile-slider.css.cjs.js +0 -2
- package/dist/nile-slider/nile-slider.css.cjs.js.map +0 -1
- package/dist/nile-slider/nile-slider.css.esm.js +0 -98
- package/dist/nile-slider/nile-slider.esm.js +0 -13
- package/dist/nile-slider/nile-slider.template.cjs.js +0 -2
- package/dist/nile-slider/nile-slider.template.cjs.js.map +0 -1
- package/dist/nile-slider/nile-slider.template.esm.js +0 -34
- package/dist/nile-slider/types/nile-slider.enums.cjs.js +0 -2
- package/dist/nile-slider/types/nile-slider.enums.cjs.js.map +0 -1
- package/dist/nile-slider/types/nile-slider.enums.esm.js +0 -1
- package/dist/nile-slider/types/nile-slider.types.cjs.js +0 -2
- package/dist/nile-slider/types/nile-slider.types.cjs.js.map +0 -1
- package/dist/nile-slider/types/nile-slider.types.esm.js +0 -1
- package/dist/nile-slider/utils/nile-slider.utils.cjs.js +0 -2
- package/dist/nile-slider/utils/nile-slider.utils.cjs.js.map +0 -1
- package/dist/nile-slider/utils/nile-slider.utils.esm.js +0 -1
- package/dist/src/nile-file-preview/index.d.ts +0 -1
- package/dist/src/nile-file-preview/index.js +0 -2
- package/dist/src/nile-file-preview/index.js.map +0 -1
- package/dist/src/nile-file-preview/nile-file-preview.css.d.ts +0 -12
- package/dist/src/nile-file-preview/nile-file-preview.css.js +0 -568
- package/dist/src/nile-file-preview/nile-file-preview.css.js.map +0 -1
- package/dist/src/nile-file-preview/nile-file-preview.d.ts +0 -50
- package/dist/src/nile-file-preview/nile-file-preview.js +0 -171
- package/dist/src/nile-file-preview/nile-file-preview.js.map +0 -1
- package/dist/src/nile-file-preview/nile-file-preview.template.d.ts +0 -13
- package/dist/src/nile-file-preview/nile-file-preview.template.js +0 -210
- package/dist/src/nile-file-preview/nile-file-preview.template.js.map +0 -1
- package/dist/src/nile-file-preview/nile-file-preview.test.d.ts +0 -7
- package/dist/src/nile-file-preview/nile-file-preview.test.js +0 -30
- package/dist/src/nile-file-preview/nile-file-preview.test.js.map +0 -1
- package/dist/src/nile-file-preview/types/index.d.ts +0 -2
- package/dist/src/nile-file-preview/types/index.js +0 -3
- package/dist/src/nile-file-preview/types/index.js.map +0 -1
- package/dist/src/nile-file-preview/types/nile-file-preview.enums.d.ts +0 -28
- package/dist/src/nile-file-preview/types/nile-file-preview.enums.js +0 -33
- package/dist/src/nile-file-preview/types/nile-file-preview.enums.js.map +0 -1
- package/dist/src/nile-file-preview/types/nile-file-preview.interface.d.ts +0 -4
- package/dist/src/nile-file-preview/types/nile-file-preview.interface.js +0 -2
- package/dist/src/nile-file-preview/types/nile-file-preview.interface.js.map +0 -1
- package/dist/src/nile-file-preview/utils/index.d.ts +0 -1
- package/dist/src/nile-file-preview/utils/index.js +0 -2
- package/dist/src/nile-file-preview/utils/index.js.map +0 -1
- package/dist/src/nile-file-preview/utils/nile-file-preview.util.d.ts +0 -4
- package/dist/src/nile-file-preview/utils/nile-file-preview.util.js +0 -38
- package/dist/src/nile-file-preview/utils/nile-file-preview.util.js.map +0 -1
- package/dist/src/nile-file-upload/index.d.ts +0 -1
- package/dist/src/nile-file-upload/index.js +0 -2
- package/dist/src/nile-file-upload/index.js.map +0 -1
- package/dist/src/nile-file-upload/nile-file-upload.css.d.ts +0 -12
- package/dist/src/nile-file-upload/nile-file-upload.css.js +0 -569
- package/dist/src/nile-file-upload/nile-file-upload.css.js.map +0 -1
- package/dist/src/nile-file-upload/nile-file-upload.d.ts +0 -48
- package/dist/src/nile-file-upload/nile-file-upload.js +0 -165
- package/dist/src/nile-file-upload/nile-file-upload.js.map +0 -1
- package/dist/src/nile-file-upload/nile-file-upload.template.d.ts +0 -11
- package/dist/src/nile-file-upload/nile-file-upload.template.js +0 -171
- package/dist/src/nile-file-upload/nile-file-upload.template.js.map +0 -1
- package/dist/src/nile-file-upload/nile-file-upload.test.d.ts +0 -7
- package/dist/src/nile-file-upload/nile-file-upload.test.js +0 -30
- package/dist/src/nile-file-upload/nile-file-upload.test.js.map +0 -1
- package/dist/src/nile-file-upload/types/file-upload.enums.d.ts +0 -35
- package/dist/src/nile-file-upload/types/file-upload.enums.js +0 -42
- package/dist/src/nile-file-upload/types/file-upload.enums.js.map +0 -1
- package/dist/src/nile-file-upload/types/file-upload.type.d.ts +0 -4
- package/dist/src/nile-file-upload/types/file-upload.type.js +0 -2
- package/dist/src/nile-file-upload/types/file-upload.type.js.map +0 -1
- package/dist/src/nile-file-upload/types/index.d.ts +0 -2
- package/dist/src/nile-file-upload/types/index.js +0 -3
- package/dist/src/nile-file-upload/types/index.js.map +0 -1
- package/dist/src/nile-file-upload/utils/drag-drop.util.d.ts +0 -23
- package/dist/src/nile-file-upload/utils/drag-drop.util.js +0 -85
- package/dist/src/nile-file-upload/utils/drag-drop.util.js.map +0 -1
- package/dist/src/nile-file-upload/utils/file-validation.util.d.ts +0 -11
- package/dist/src/nile-file-upload/utils/file-validation.util.js +0 -120
- package/dist/src/nile-file-upload/utils/file-validation.util.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-activity.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-activity.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-activity.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-align-center.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-align-center.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-align-center.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-annotation-x.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-annotation-x.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-annotation-x.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-arrow-down.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-down.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-down.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-arrow-narrow-down.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-narrow-down.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-narrow-down.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-arrow-narrow-left.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-narrow-left.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-narrow-left.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-arrow-up.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-up.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-arrow-up.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-bar-chart-12.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bar-chart-12.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bar-chart-12.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-bell-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bell-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bell-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-bell-ringing-04.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bell-ringing-04.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bell-ringing-04.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-bold-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bold-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-bold-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-calendar-plus-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-calendar-plus-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-calendar-plus-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-calendar.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-calendar.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-calendar.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-check-circle.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-check-circle.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-check-circle.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-check-square-broken.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-check-square-broken.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-check-square-broken.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-chevron-down.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-down.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-down.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-chevron-left.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-left.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-left.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-chevron-right.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-right.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-right.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-chevron-selector-vertical.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-selector-vertical.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-selector-vertical.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-chevron-up-double.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-up-double.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-up-double.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-chevron-up.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-up.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-chevron-up.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-copy-03.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-copy-03.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-copy-03.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-dots-grid.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-dots-grid.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-dots-grid.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-dots-vertical.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-dots-vertical.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-dots-vertical.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-download-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-download-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-download-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-dropdown.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-dropdown.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-dropdown.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-edit-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-edit-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-edit-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-edit-05.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-edit-05.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-edit-05.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-expand-06.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-expand-06.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-expand-06.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-file-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-file-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-file-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-file-check-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-file-check-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-file-check-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-file-question-03.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-file-question-03.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-file-question-03.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-filter-lines.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-filter-lines.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-filter-lines.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-grid-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-grid-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-grid-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-help-circle.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-help-circle.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-help-circle.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-image-user-left.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-image-user-left.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-image-user-left.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-info-circle.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-info-circle.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-info-circle.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-italic-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-italic-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-italic-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-list.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-list.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-list.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-log-out-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-log-out-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-log-out-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-mail-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-mail-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-mail-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-mail-04.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-mail-04.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-mail-04.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-menu-05.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-menu-05.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-menu-05.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-message-text-square-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-message-text-square-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-message-text-square-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-minimize-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-minimize-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-minimize-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-plus.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-plus.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-plus.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-refresh-cw-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-refresh-cw-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-refresh-cw-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-rocket-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-rocket-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-rocket-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-search-lg.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-search-lg.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-search-lg.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-send-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-send-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-send-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-settings-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-settings-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-settings-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-share-04.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-share-04.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-share-04.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-share-06.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-share-06.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-share-06.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-stars-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-stars-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-stars-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-trash-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-trash-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-trash-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-trash-03.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-trash-03.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-trash-03.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-trend-up-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-trend-up-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-trend-up-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-underline-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-underline-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-underline-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-upload-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-upload-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-upload-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-upload-cloud-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-upload-cloud-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-upload-cloud-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-user-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-user-check-02-1.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-check-02-1.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-check-02-1.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-user-check-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-check-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-check-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-user-plus-02.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-plus-02.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-plus-02.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-user-right-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-right-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-user-right-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-users-01.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-users-01.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-users-01.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-x-close.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-x-close.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-x-close.js.map +0 -1
- package/dist/src/nile-icon/icons/svg/ng-x-square.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/ng-x-square.js +0 -5
- package/dist/src/nile-icon/icons/svg/ng-x-square.js.map +0 -1
- package/dist/src/nile-slider/index.d.ts +0 -1
- package/dist/src/nile-slider/index.js +0 -2
- package/dist/src/nile-slider/index.js.map +0 -1
- package/dist/src/nile-slider/nile-slider.css.d.ts +0 -12
- package/dist/src/nile-slider/nile-slider.css.js +0 -110
- package/dist/src/nile-slider/nile-slider.css.js.map +0 -1
- package/dist/src/nile-slider/nile-slider.d.ts +0 -47
- package/dist/src/nile-slider/nile-slider.js +0 -181
- package/dist/src/nile-slider/nile-slider.js.map +0 -1
- package/dist/src/nile-slider/nile-slider.template.d.ts +0 -5
- package/dist/src/nile-slider/nile-slider.template.js +0 -44
- package/dist/src/nile-slider/nile-slider.template.js.map +0 -1
- package/dist/src/nile-slider/types/nile-slider.enums.d.ts +0 -10
- package/dist/src/nile-slider/types/nile-slider.enums.js +0 -2
- package/dist/src/nile-slider/types/nile-slider.enums.js.map +0 -1
- package/dist/src/nile-slider/types/nile-slider.type.d.ts +0 -0
- package/dist/src/nile-slider/types/nile-slider.type.js +0 -2
- package/dist/src/nile-slider/types/nile-slider.type.js.map +0 -1
- package/dist/src/nile-slider/types/nile-slider.types.d.ts +0 -1
- package/dist/src/nile-slider/types/nile-slider.types.js +0 -2
- package/dist/src/nile-slider/types/nile-slider.types.js.map +0 -1
- package/dist/src/nile-slider/utils/nile-slider.utils.d.ts +0 -11
- package/dist/src/nile-slider/utils/nile-slider.utils.js +0 -86
- package/dist/src/nile-slider/utils/nile-slider.utils.js.map +0 -1
- package/dist/src/nile-virtualizer/index.d.ts +0 -1
- package/dist/src/nile-virtualizer/index.js +0 -2
- package/dist/src/nile-virtualizer/index.js.map +0 -1
- package/dist/src/nile-virtualizer/nile-virtualizer.css.d.ts +0 -12
- package/dist/src/nile-virtualizer/nile-virtualizer.css.js +0 -17
- package/dist/src/nile-virtualizer/nile-virtualizer.css.js.map +0 -1
- package/dist/src/nile-virtualizer/nile-virtualizer.d.ts +0 -34
- package/dist/src/nile-virtualizer/nile-virtualizer.js +0 -66
- package/dist/src/nile-virtualizer/nile-virtualizer.js.map +0 -1
- package/src/nile-slider/index.ts +0 -1
- package/src/nile-slider/nile-slider.css.ts +0 -112
- package/src/nile-slider/nile-slider.template.ts +0 -47
- package/src/nile-slider/nile-slider.ts +0 -177
- package/src/nile-slider/types/nile-slider.enums.ts +0 -10
- package/src/nile-slider/types/nile-slider.types.ts +0 -13
- package/src/nile-slider/utils/nile-slider.utils.ts +0 -118
@@ -1,86 +0,0 @@
|
|
1
|
-
export const getClampedPercent = (rect, x) => {
|
2
|
-
const clamped = Math.max(0, Math.min(x, rect.width));
|
3
|
-
return (clamped / rect.width) * 100;
|
4
|
-
};
|
5
|
-
export const percentToValue = (percent, nileSlider) => {
|
6
|
-
return Math.floor((percent / 100) * nileSlider.maxValue);
|
7
|
-
};
|
8
|
-
export const valueToPercent = (value, nileSlider) => {
|
9
|
-
return (value / nileSlider.maxValue) * 100;
|
10
|
-
};
|
11
|
-
export const handleSingleSlider = (e, rect, nileSlider) => {
|
12
|
-
const x = e.clientX - rect.left;
|
13
|
-
const percent = getClampedPercent(rect, x);
|
14
|
-
nileSlider.value = percentToValue(percent, nileSlider);
|
15
|
-
nileSlider.emit("nile-change" /* NileSliderEvents.NILE_CHANGE */, { value: nileSlider.value });
|
16
|
-
nileSlider.buttonOne.style.left = `${percent}%`;
|
17
|
-
nileSlider.completed.style.width = `${percent}%`;
|
18
|
-
};
|
19
|
-
export const handleRangeOne = (e, rect, nileSlider) => {
|
20
|
-
const x = e.clientX - rect.left;
|
21
|
-
const percent = getClampedPercent(rect, x);
|
22
|
-
nileSlider.rangeOneValue = percentToValue(percent, nileSlider);
|
23
|
-
nileSlider.emit("nile-button-first-change" /* NileSliderEvents.NILE_BUTTON_FIRST_CHANGE */, {
|
24
|
-
value: nileSlider.rangeOneValue,
|
25
|
-
});
|
26
|
-
if (nileSlider.rangeTwoValue > nileSlider.rangeOneValue)
|
27
|
-
nileSlider.buttonOne.style.left = `${percent}%`;
|
28
|
-
};
|
29
|
-
export const handleRangeTwo = (e, rect, nileSlider) => {
|
30
|
-
const x = e.clientX - rect.left;
|
31
|
-
const percent = getClampedPercent(rect, x);
|
32
|
-
nileSlider.rangeTwoValue = percentToValue(percent, nileSlider);
|
33
|
-
nileSlider.emit("nile-button-last-change" /* NileSliderEvents.NILE_BUTTON_LAST_CHANGE */, {
|
34
|
-
value: nileSlider.rangeTwoValue,
|
35
|
-
});
|
36
|
-
if (nileSlider.rangeTwoValue >= nileSlider.rangeOneValue)
|
37
|
-
nileSlider.buttonTwo.style.left = `${percent}%`;
|
38
|
-
};
|
39
|
-
export const getHtmlElements = (nileSlider) => {
|
40
|
-
nileSlider.range = nileSlider.renderRoot.querySelector('.range');
|
41
|
-
nileSlider.buttonOne = nileSlider.renderRoot.querySelector('.range-button');
|
42
|
-
nileSlider.buttonTwo = nileSlider.renderRoot.querySelector('.range-button-two');
|
43
|
-
nileSlider.completed = nileSlider.renderRoot.querySelector('.range-completed');
|
44
|
-
nileSlider.range.addEventListener('click', nileSlider.onMouseClick);
|
45
|
-
nileSlider.buttonOne?.addEventListener('mousedown', () => {
|
46
|
-
nileSlider.activeThumb = 'one';
|
47
|
-
addMoveListeners(nileSlider);
|
48
|
-
});
|
49
|
-
nileSlider.buttonTwo?.addEventListener('mousedown', () => {
|
50
|
-
nileSlider.activeThumb = 'two';
|
51
|
-
addMoveListeners(nileSlider);
|
52
|
-
});
|
53
|
-
};
|
54
|
-
export const addMoveListeners = (nileSlider) => {
|
55
|
-
nileSlider.range.addEventListener('mousemove', nileSlider.onMouseMove);
|
56
|
-
nileSlider.range.addEventListener('mouseup', nileSlider.onMouseUp);
|
57
|
-
};
|
58
|
-
export const removeMoveListeners = (nileSlider) => {
|
59
|
-
nileSlider.range.removeEventListener('mousemove', nileSlider.onMouseMove);
|
60
|
-
nileSlider.range.removeEventListener('mouseup', nileSlider.onMouseUp);
|
61
|
-
};
|
62
|
-
export const handleTwoThumbClick = (value, nileSlider) => {
|
63
|
-
const distToOne = Math.abs(value - nileSlider.rangeOneValue);
|
64
|
-
const distToTwo = Math.abs(value - nileSlider.rangeTwoValue);
|
65
|
-
if (distToOne <= distToTwo) {
|
66
|
-
nileSlider.rangeOneValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));
|
67
|
-
}
|
68
|
-
else {
|
69
|
-
nileSlider.rangeTwoValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));
|
70
|
-
}
|
71
|
-
const percentOne = valueToPercent(nileSlider.rangeOneValue, nileSlider);
|
72
|
-
const percentTwo = valueToPercent(nileSlider.rangeTwoValue, nileSlider);
|
73
|
-
nileSlider.buttonOne.style.left = `${percentOne}%`;
|
74
|
-
nileSlider.buttonTwo.style.left = `${percentTwo}%`;
|
75
|
-
const left = Math.min(percentOne, percentTwo);
|
76
|
-
const width = Math.abs(percentTwo - percentOne);
|
77
|
-
nileSlider.completed.style.left = `${left}%`;
|
78
|
-
nileSlider.completed.style.width = `${width}%`;
|
79
|
-
nileSlider.emit("nile-button-first-change" /* NileSliderEvents.NILE_BUTTON_FIRST_CHANGE */, {
|
80
|
-
value: nileSlider.rangeOneValue,
|
81
|
-
});
|
82
|
-
nileSlider.emit("nile-button-last-change" /* NileSliderEvents.NILE_BUTTON_LAST_CHANGE */, {
|
83
|
-
value: nileSlider.rangeTwoValue,
|
84
|
-
});
|
85
|
-
};
|
86
|
-
//# sourceMappingURL=nile-slider.utils.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-slider.utils.js","sourceRoot":"","sources":["../../../../src/nile-slider/utils/nile-slider.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import NileSlider from '../nile-slider';\nimport { NileSliderEvents } from '../types/nile-slider.enums';\n\nexport const getClampedPercent = (rect: DOMRect, x: number): number => {\n const clamped = Math.max(0, Math.min(x, rect.width));\n return (clamped / rect.width) * 100;\n};\n\nexport const percentToValue = (percent: number, nileSlider: NileSlider): number => {\n return Math.floor((percent / 100) * nileSlider.maxValue);\n};\n\nexport const valueToPercent = (value: number, nileSlider: NileSlider): number => {\n return (value / nileSlider.maxValue) * 100;\n};\n\nexport const handleSingleSlider = (\n e: MouseEvent,\n rect: DOMRect,\n nileSlider: NileSlider\n): void => {\n const x = e.clientX - rect.left;\n const percent = getClampedPercent(rect, x);\n nileSlider.value = percentToValue(percent, nileSlider);\n nileSlider.emit(NileSliderEvents.NILE_CHANGE, { value: nileSlider.value });\n nileSlider.buttonOne.style.left = `${percent}%`;\n nileSlider.completed.style.width = `${percent}%`;\n};\n\nexport const handleRangeOne = (\n e: MouseEvent,\n rect: DOMRect,\n nileSlider: NileSlider\n): void => {\n const x = e.clientX - rect.left;\n const percent = getClampedPercent(rect, x);\n nileSlider.rangeOneValue = percentToValue(percent, nileSlider);\n nileSlider.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE, {\n value: nileSlider.rangeOneValue,\n });\n if (nileSlider.rangeTwoValue > nileSlider.rangeOneValue) nileSlider.buttonOne.style.left = `${percent}%`;\n};\n\nexport const handleRangeTwo = (\n e: MouseEvent,\n rect: DOMRect,\n nileSlider: NileSlider\n): void => {\n const x = e.clientX - rect.left;\n const percent = getClampedPercent(rect, x);\n nileSlider.rangeTwoValue = percentToValue(percent, nileSlider);\n nileSlider.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE, {\n value: nileSlider.rangeTwoValue,\n });\n if (nileSlider.rangeTwoValue >= nileSlider.rangeOneValue) nileSlider.buttonTwo.style.left = `${percent}%`;\n};\n\nexport const getHtmlElements = (nileSlider: NileSlider) => {\n nileSlider.range = nileSlider.renderRoot.querySelector('.range') as HTMLElement;\n nileSlider.buttonOne = nileSlider.renderRoot.querySelector('.range-button') as HTMLElement;\n nileSlider.buttonTwo = nileSlider.renderRoot.querySelector('.range-button-two') as HTMLElement;\n nileSlider.completed = nileSlider.renderRoot.querySelector('.range-completed') as HTMLElement;\n\n nileSlider.range.addEventListener('click', nileSlider.onMouseClick);\n\n nileSlider.buttonOne?.addEventListener('mousedown', () => {\n nileSlider.activeThumb = 'one';\n addMoveListeners(nileSlider);\n });\n\n nileSlider.buttonTwo?.addEventListener('mousedown', () => {\n nileSlider.activeThumb = 'two';\n addMoveListeners(nileSlider);\n });\n};\n\nexport const addMoveListeners = (nileSlider: NileSlider): void => {\n nileSlider.range.addEventListener('mousemove', nileSlider.onMouseMove);\n nileSlider.range.addEventListener('mouseup', nileSlider.onMouseUp);\n};\n\nexport const removeMoveListeners = (nileSlider: NileSlider): void => {\n nileSlider.range.removeEventListener('mousemove', nileSlider.onMouseMove);\n nileSlider.range.removeEventListener('mouseup', nileSlider.onMouseUp);\n};\n\nexport const handleTwoThumbClick = (\n value: number,\n nileSlider: NileSlider\n): void => {\n const distToOne = Math.abs(value - nileSlider.rangeOneValue);\n const distToTwo = Math.abs(value - nileSlider.rangeTwoValue);\n\n if (distToOne <= distToTwo) {\n nileSlider.rangeOneValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));\n } else {\n nileSlider.rangeTwoValue = Math.floor(nileSlider.checkValueValidity(value, nileSlider.minValue, nileSlider.maxValue));\n }\n\n const percentOne = valueToPercent(nileSlider.rangeOneValue, nileSlider);\n const percentTwo = valueToPercent(nileSlider.rangeTwoValue, nileSlider);\n\n nileSlider.buttonOne.style.left = `${percentOne}%`;\n nileSlider.buttonTwo.style.left = `${percentTwo}%`;\n\n const left = Math.min(percentOne, percentTwo);\n const width = Math.abs(percentTwo - percentOne);\n\n nileSlider.completed.style.left = `${left}%`;\n nileSlider.completed.style.width = `${width}%`;\n\n nileSlider.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE, {\n value: nileSlider.rangeOneValue,\n });\n nileSlider.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE, {\n value: nileSlider.rangeTwoValue,\n });\n};\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
export { NileVirtualizer } from './nile-virtualizer';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtualizer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { NileVirtualizer } from './nile-virtualizer';"]}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
/**
|
8
|
-
* Virtualizer CSS
|
9
|
-
*/
|
10
|
-
export declare const styles: import("lit").CSSResult;
|
11
|
-
declare const _default: import("lit").CSSResult[];
|
12
|
-
export default _default;
|
@@ -1,17 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
import { css } from 'lit';
|
8
|
-
/**
|
9
|
-
* Virtualizer CSS
|
10
|
-
*/
|
11
|
-
export const styles = css `
|
12
|
-
:host {
|
13
|
-
|
14
|
-
}
|
15
|
-
`;
|
16
|
-
export default [styles];
|
17
|
-
//# sourceMappingURL=nile-virtualizer.css.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-virtualizer.css.js","sourceRoot":"","sources":["../../../src/nile-virtualizer/nile-virtualizer.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Virtualizer CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
import { CSSResultArray, TemplateResult } from 'lit';
|
8
|
-
import NileElement from '../internal/nile-element';
|
9
|
-
import '@lit-labs/virtualizer';
|
10
|
-
/**
|
11
|
-
* Nile virtualizer component.
|
12
|
-
*
|
13
|
-
* @tag nile-virtualizer
|
14
|
-
*
|
15
|
-
*/
|
16
|
-
export declare class NileVirtualizer extends NileElement {
|
17
|
-
/**
|
18
|
-
* The styles for nile-virtualizer
|
19
|
-
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
20
|
-
*/
|
21
|
-
static get styles(): CSSResultArray;
|
22
|
-
/**
|
23
|
-
* Render method
|
24
|
-
* @slot This is a slot test
|
25
|
-
*/
|
26
|
-
items: any[];
|
27
|
-
render(): TemplateResult;
|
28
|
-
}
|
29
|
-
export default NileVirtualizer;
|
30
|
-
declare global {
|
31
|
-
interface HTMLElementTagNameMap {
|
32
|
-
'nile-virtualizer': NileVirtualizer;
|
33
|
-
}
|
34
|
-
}
|
@@ -1,66 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
import { __decorate } from "tslib";
|
8
|
-
import { html } from 'lit';
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
10
|
-
import { styles } from './nile-virtualizer.css';
|
11
|
-
import NileElement from '../internal/nile-element';
|
12
|
-
import '@lit-labs/virtualizer';
|
13
|
-
/**
|
14
|
-
* Nile virtualizer component.
|
15
|
-
*
|
16
|
-
* @tag nile-virtualizer
|
17
|
-
*
|
18
|
-
*/
|
19
|
-
let NileVirtualizer = class NileVirtualizer extends NileElement {
|
20
|
-
constructor() {
|
21
|
-
super(...arguments);
|
22
|
-
/* #endregion */
|
23
|
-
/* #region Methods */
|
24
|
-
/**
|
25
|
-
* Render method
|
26
|
-
* @slot This is a slot test
|
27
|
-
*/
|
28
|
-
this.items = Array.from({ length: 10000 }, (_, i) => `Item ${i}`);
|
29
|
-
/* #endregion */
|
30
|
-
}
|
31
|
-
/**
|
32
|
-
* The styles for nile-virtualizer
|
33
|
-
* @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
|
34
|
-
*/
|
35
|
-
static get styles() {
|
36
|
-
return [styles];
|
37
|
-
}
|
38
|
-
render() {
|
39
|
-
return html `
|
40
|
-
<nile-table-body >
|
41
|
-
<nile-table-row>
|
42
|
-
<nile-table-header-item >First Name</nile-table-header-item>
|
43
|
-
<nile-table-header-item >Last Name</nile-table-header-item>
|
44
|
-
<nile-table-header-item >Rating</nile-table-header-item>
|
45
|
-
<nile-table-header-item >Demo</nile-table-header-item>
|
46
|
-
<nile-table-header-item>Description</nile-table-header-item>
|
47
|
-
</nile-table-row>
|
48
|
-
<nile-table-row>
|
49
|
-
<!-- <nile-table-cell-item>John</nile-table-cell-item> -->
|
50
|
-
<lit-virtualizer
|
51
|
-
.items=${this.items}
|
52
|
-
.renderItem=${(item, index) => html `<nile-table-cell style="height: 20px;">${item}</nile-table-cell>`}
|
53
|
-
style="height: 300px; overflow: auto; border: 1px solid #ccc;"
|
54
|
-
></lit-virtualizer>
|
55
|
-
|
56
|
-
</nile-table-row>
|
57
|
-
</nile-table-body>
|
58
|
-
`;
|
59
|
-
}
|
60
|
-
};
|
61
|
-
NileVirtualizer = __decorate([
|
62
|
-
customElement('nile-virtualizer')
|
63
|
-
], NileVirtualizer);
|
64
|
-
export { NileVirtualizer };
|
65
|
-
export default NileVirtualizer;
|
66
|
-
//# sourceMappingURL=nile-virtualizer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nile-virtualizer.js","sourceRoot":"","sources":["../../../src/nile-virtualizer/nile-virtualizer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAc,IAAI,EAAkC,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,uBAAuB,CAAC;AAG/B;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QASL,gBAAgB;QAEhB,qBAAqB;QAErB;;;WAGG;QAEJ,UAAK,GAAU,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QA0BnE,gBAAgB;IAClB,CAAC;IA5CC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAcM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;;kBAYG,IAAI,CAAC,KAAK;uBACL,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAA,0CAA0C,IAAI,oBAAoB;;;;;;GAMxH,CAAC;IACF,CAAC;CAGF,CAAA;AA7CY,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CA6C3B;;AAED,eAAe,eAAe,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-virtualizer.css';\nimport NileElement from '../internal/nile-element';\nimport '@lit-labs/virtualizer';\n\n\n/**\n * Nile virtualizer component.\n *\n * @tag nile-virtualizer\n *\n */\n@customElement('nile-virtualizer')\nexport class NileVirtualizer extends NileElement {\n /**\n * The styles for nile-virtualizer\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n\n\titems: any[] = Array.from({ length: 10000 }, (_, i) => `Item ${i}`);\n\n\n public render(): TemplateResult {\n return html`\n\t\t\t <nile-table-body >\n\t\t\t\t\t\t<nile-table-row>\n\t\t\t\t\t\t\t<nile-table-header-item >First Name</nile-table-header-item>\n\t\t\t\t\t\t\t<nile-table-header-item >Last Name</nile-table-header-item>\n\t\t\t\t\t\t\t<nile-table-header-item >Rating</nile-table-header-item>\n\t\t\t\t\t\t\t<nile-table-header-item >Demo</nile-table-header-item>\n\t\t\t\t\t\t\t<nile-table-header-item>Description</nile-table-header-item>\n\t\t\t\t\t\t</nile-table-row>\n\t\t\t\t\t\t<nile-table-row>\n\t\t\t\t\t\t\t<!-- <nile-table-cell-item>John</nile-table-cell-item> -->\n\t\t\t\t\t\t\t<lit-virtualizer\n\t\t\t\t\t\t\t\t .items=${this.items}\n\t\t\t\t\t\t\t\t .renderItem=${(item: any, index: number) => html`<nile-table-cell style=\"height: 20px;\">${item}</nile-table-cell>`}\n\t\t\t\t\t\t\t\t style=\"height: 300px; overflow: auto; border: 1px solid #ccc;\"\n\t\t\t\t\t\t\t ></lit-virtualizer>\n\n\t\t\t\t\t\t</nile-table-row>\n\t\t\t\t\t</nile-table-body>\n\t\t`;\n }\n\n /* #endregion */\n}\n\nexport default NileVirtualizer;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-virtualizer': NileVirtualizer;\n }\n}\n"]}
|
package/src/nile-slider/index.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export { NileSlider } from './nile-slider';
|
@@ -1,112 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2023
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
import { css } from 'lit';
|
9
|
-
|
10
|
-
/**
|
11
|
-
* Slider CSS
|
12
|
-
*/
|
13
|
-
export const styles = css`
|
14
|
-
:host {
|
15
|
-
display: block;
|
16
|
-
}
|
17
|
-
|
18
|
-
.container {
|
19
|
-
display: flex;
|
20
|
-
justify-content: center;
|
21
|
-
align-items: center;
|
22
|
-
gap: 10px;
|
23
|
-
height: 100px;
|
24
|
-
}
|
25
|
-
|
26
|
-
.align-item-center {
|
27
|
-
align-items: center;
|
28
|
-
}
|
29
|
-
|
30
|
-
slot.span {
|
31
|
-
font-size: var(--nile-font-size-micro);
|
32
|
-
margin-top: 14px;
|
33
|
-
}
|
34
|
-
|
35
|
-
.range-container {
|
36
|
-
display: flex;
|
37
|
-
flex-direction: column;
|
38
|
-
gap: var(--nile-spacing-sm);
|
39
|
-
}
|
40
|
-
|
41
|
-
.column-reverse {
|
42
|
-
flex-direction: column-reverse;
|
43
|
-
}
|
44
|
-
|
45
|
-
.label-container {
|
46
|
-
display: flex;
|
47
|
-
justify-content: space-between;
|
48
|
-
}
|
49
|
-
|
50
|
-
.label-container span {
|
51
|
-
margin: var(--nile-spacing-none);
|
52
|
-
padding: var(--nile-spacing-none);
|
53
|
-
font-size: var(--nile-font-size-micro);
|
54
|
-
}
|
55
|
-
|
56
|
-
.range {
|
57
|
-
position: relative;
|
58
|
-
width: 228px;
|
59
|
-
height: 4px;
|
60
|
-
background-color: var(--nile-colors-white-base);
|
61
|
-
border-radius: var(--nile-radius-radius-3xl);
|
62
|
-
}
|
63
|
-
|
64
|
-
.range-completed {
|
65
|
-
position: absolute;
|
66
|
-
height: 100%;
|
67
|
-
width: 0%;
|
68
|
-
background-color: var(--nile-colors-primary-600);
|
69
|
-
top: 0px;
|
70
|
-
left: 0px;
|
71
|
-
z-index: 98;
|
72
|
-
border-radius: var(--nile-radius-radius-3xl);
|
73
|
-
}
|
74
|
-
|
75
|
-
.range-button {
|
76
|
-
height: 12px;
|
77
|
-
width: 12px;
|
78
|
-
background-color: var(--nile-colors-primary-600);
|
79
|
-
position: absolute;
|
80
|
-
top: 50%;
|
81
|
-
transform: translate(-50%, -50%);
|
82
|
-
border-radius: var(--nile-radius-radius-3xl);
|
83
|
-
left: 0;
|
84
|
-
z-index: 100;
|
85
|
-
box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;
|
86
|
-
}
|
87
|
-
|
88
|
-
.range-button:hover, .range-button-two:hover {
|
89
|
-
cursor: grab;
|
90
|
-
background-color: var(--nile-colors-primary-700);
|
91
|
-
}
|
92
|
-
|
93
|
-
.range-button:active, .range-button-two:active {
|
94
|
-
cursor: grabbing;
|
95
|
-
background-color: var(--nile-colors-primary-700);
|
96
|
-
}
|
97
|
-
|
98
|
-
.range-button-two {
|
99
|
-
height: 12px;
|
100
|
-
width: 12px;
|
101
|
-
background-color: var(--nile-colors-primary-600);
|
102
|
-
position: absolute;
|
103
|
-
top: 50%;
|
104
|
-
transform: translate(-50%, -50%);
|
105
|
-
border-radius: var(--nile-radius-radius-3xl);
|
106
|
-
left: 100%;
|
107
|
-
z-index: 100;
|
108
|
-
box-shadow: rgba(0, 82, 145, 0.1) 0px 1px 2px 0px, rgba(0, 94, 166, 0.15) 0px 0px 0px 4px;
|
109
|
-
}
|
110
|
-
`;
|
111
|
-
|
112
|
-
export default [styles];
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import { TemplateResult, html } from 'lit';
|
2
|
-
import NileSlider from './nile-slider';
|
3
|
-
|
4
|
-
export const rangeSlider = (nileSlider: NileSlider): TemplateResult => {
|
5
|
-
return html`
|
6
|
-
<div>
|
7
|
-
<nile-tooltip
|
8
|
-
content=${nileSlider.rangeOneValue}
|
9
|
-
placement=${nileSlider.tooltipPosition}
|
10
|
-
>
|
11
|
-
<div id="range-one" class="range-button" part="range-button"></div>
|
12
|
-
</nile-tooltip>
|
13
|
-
<nile-tooltip
|
14
|
-
content=${nileSlider.rangeTwoValue}
|
15
|
-
placement=${nileSlider.tooltipPosition}
|
16
|
-
>
|
17
|
-
<div
|
18
|
-
id="range-two"
|
19
|
-
class="range-button-two"
|
20
|
-
part="range-button-two"
|
21
|
-
></div>
|
22
|
-
</nile-tooltip>
|
23
|
-
</div>
|
24
|
-
`;
|
25
|
-
};
|
26
|
-
|
27
|
-
export const singleSlider = (nileSlider: NileSlider): TemplateResult => {
|
28
|
-
return html`
|
29
|
-
<div>
|
30
|
-
<nile-tooltip
|
31
|
-
content=${nileSlider.value}
|
32
|
-
placement=${nileSlider.tooltipPosition}
|
33
|
-
>
|
34
|
-
<div class="range-button" part="range-button"></div>
|
35
|
-
</nile-tooltip>
|
36
|
-
</div>
|
37
|
-
`;
|
38
|
-
};
|
39
|
-
|
40
|
-
export const lableContaier = (nileSlider: NileSlider): TemplateResult => {
|
41
|
-
return html`
|
42
|
-
<div part="label-container" class="label-container">
|
43
|
-
<span>${nileSlider.labelStart}</span>
|
44
|
-
<span>${nileSlider.labelEnd}</span>
|
45
|
-
</div>
|
46
|
-
`;
|
47
|
-
}
|
@@ -1,177 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright Aquera Inc 2025
|
3
|
-
*
|
4
|
-
* This source code is licensed under the BSD-3-Clause license found in the
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
6
|
-
*/
|
7
|
-
|
8
|
-
import { styles } from './nile-slider.css';
|
9
|
-
import NileElement from '../internal/nile-element';
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
11
|
-
import { html, CSSResultArray, TemplateResult } from 'lit';
|
12
|
-
import { customElement, property } from 'lit/decorators.js';
|
13
|
-
import { TooltipPosition } from './types/nile-slider.types';
|
14
|
-
import { NileSliderEvents } from './types/nile-slider.enums';
|
15
|
-
import { rangeSlider, singleSlider, lableContaier } from './nile-slider.template';
|
16
|
-
import {
|
17
|
-
handleSingleSlider,
|
18
|
-
handleRangeOne,
|
19
|
-
handleRangeTwo,
|
20
|
-
getHtmlElements,
|
21
|
-
removeMoveListeners,
|
22
|
-
valueToPercent,
|
23
|
-
handleTwoThumbClick
|
24
|
-
} from './utils/nile-slider.utils'
|
25
|
-
|
26
|
-
/**
|
27
|
-
* Nile slider component.
|
28
|
-
*
|
29
|
-
* @tag nile-slider
|
30
|
-
*/
|
31
|
-
@customElement('nile-slider')
|
32
|
-
export class NileSlider extends NileElement {
|
33
|
-
public static get styles(): CSSResultArray {
|
34
|
-
return [styles];
|
35
|
-
}
|
36
|
-
|
37
|
-
@property({ type: Number }) value: number = 0;
|
38
|
-
@property({ type: Number }) minValue: number = 0;
|
39
|
-
@property({ type: Number }) maxValue: number = 0;
|
40
|
-
@property({ type: Number }) rangeOneValue: number = this.minValue;
|
41
|
-
@property({ type: Number }) rangeTwoValue: number = this.maxValue;
|
42
|
-
@property({ type: Boolean}) showLabel: boolean = false;
|
43
|
-
@property({ type: String }) labelStart: string = "";
|
44
|
-
@property({ type: String }) labelEnd: string = "";
|
45
|
-
@property({ type: Boolean}) rangeSlider: boolean = false;
|
46
|
-
@property({ type: String }) labelPosition: string = "top";
|
47
|
-
@property({ type: String }) tooltipPosition: TooltipPosition = "top";
|
48
|
-
|
49
|
-
public buttonOne!: HTMLElement;
|
50
|
-
public buttonTwo!: HTMLElement;
|
51
|
-
public range!: HTMLElement;
|
52
|
-
public completed!: HTMLElement;
|
53
|
-
public activeThumb: 'one' | 'two' | null = null;
|
54
|
-
|
55
|
-
connectedCallback(): void {
|
56
|
-
super.connectedCallback();
|
57
|
-
this.emit(NileSliderEvents.NILE_INIT);
|
58
|
-
}
|
59
|
-
|
60
|
-
firstUpdated(changedProps: Map<string, any>): void {
|
61
|
-
getHtmlElements(this);
|
62
|
-
|
63
|
-
if (!this.rangeSlider && changedProps.has('value')) {
|
64
|
-
this.value = this.checkValueValidity(this.value, this.minValue, this.maxValue);
|
65
|
-
const percent = valueToPercent(this.value, this);
|
66
|
-
|
67
|
-
this.buttonOne.style.left = `${percent}%`;
|
68
|
-
this.completed.style.width = `${percent}%`;
|
69
|
-
} else if (this.rangeSlider && changedProps.has('rangeOneValue') || changedProps.has('rangeTwoValue')) {
|
70
|
-
this.rangeOneValue = this.checkValueValidity(this.rangeOneValue, this.minValue, this.maxValue);
|
71
|
-
this.rangeTwoValue = this.checkValueValidity(this.rangeTwoValue, this.minValue, this.maxValue);
|
72
|
-
|
73
|
-
const percentOne = valueToPercent(this.rangeOneValue, this);
|
74
|
-
const percentTwo = valueToPercent(this.rangeTwoValue, this);
|
75
|
-
|
76
|
-
if (this.buttonOne) this.buttonOne.style.left = `${percentOne}%`;
|
77
|
-
if (this.buttonTwo) this.buttonTwo.style.left = `${percentTwo}%`;
|
78
|
-
|
79
|
-
const left = Math.min(percentOne, percentTwo);
|
80
|
-
const width = Math.abs(percentTwo - percentOne);
|
81
|
-
|
82
|
-
this.completed.style.left = `${left}%`;
|
83
|
-
this.completed.style.width = `${width}%`;
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
|
-
checkValueValidity(value: number, min: number, max: number): number {
|
88
|
-
return Math.max(min, Math.min(value, max));
|
89
|
-
}
|
90
|
-
|
91
|
-
public onMouseMove = (e: MouseEvent): void => {
|
92
|
-
const rect = this.range.getBoundingClientRect();
|
93
|
-
|
94
|
-
if (!this.rangeSlider) {
|
95
|
-
handleSingleSlider(e, rect, this);
|
96
|
-
} else {
|
97
|
-
if (this.activeThumb === 'one') {
|
98
|
-
handleRangeOne(e, rect, this);
|
99
|
-
} else if (this.activeThumb === 'two') {
|
100
|
-
handleRangeTwo(e, rect, this);
|
101
|
-
}
|
102
|
-
|
103
|
-
const start = valueToPercent(this.rangeOneValue, this);
|
104
|
-
const end = valueToPercent(this.rangeTwoValue, this);
|
105
|
-
const left = Math.min(start, end);
|
106
|
-
const width = Math.abs(end - start);
|
107
|
-
|
108
|
-
if(this.rangeTwoValue >= this.rangeOneValue) {
|
109
|
-
this.completed.style.left = `${left}%`;
|
110
|
-
this.completed.style.width = `${width}%`;
|
111
|
-
}
|
112
|
-
}
|
113
|
-
};
|
114
|
-
|
115
|
-
public onMouseUp = (): void => {
|
116
|
-
if(!this.rangeSlider) this.emit(NileSliderEvents.NILE_CHANGE_END, { value: this.value });
|
117
|
-
else {
|
118
|
-
this.emit(NileSliderEvents.NILE_BUTTON_FIRST_CHANGE_END, { value: this.rangeOneValue });
|
119
|
-
this.emit(NileSliderEvents.NILE_BUTTON_LAST_CHANGE_END, { value: this.rangeTwoValue });
|
120
|
-
}
|
121
|
-
this.activeThumb = null;
|
122
|
-
removeMoveListeners(this);
|
123
|
-
};
|
124
|
-
|
125
|
-
public onMouseClick = (e: MouseEvent): void => {
|
126
|
-
const rect = this.range.getBoundingClientRect();
|
127
|
-
const clickX = e.clientX - rect.left;
|
128
|
-
const percent = (clickX / rect.width) * 100;
|
129
|
-
const value = this.minValue + (percent / 100) * (this.maxValue - this.minValue);
|
130
|
-
|
131
|
-
if (!this.rangeSlider) {
|
132
|
-
handleSingleSlider(e, rect, this);
|
133
|
-
} else {
|
134
|
-
handleTwoThumbClick(value, this);
|
135
|
-
}
|
136
|
-
};
|
137
|
-
|
138
|
-
|
139
|
-
public render(): TemplateResult {
|
140
|
-
return html`
|
141
|
-
<div part="base" class=${classMap({
|
142
|
-
container: true,
|
143
|
-
'align-item-center': !this.showLabel
|
144
|
-
})}>
|
145
|
-
<slot class="span" name="prefix"></slot>
|
146
|
-
<div part="range-container" class=${classMap({
|
147
|
-
'range-container': true,
|
148
|
-
'column-reverse': this.labelPosition === "bottom"
|
149
|
-
})}>
|
150
|
-
${this.showLabel
|
151
|
-
? lableContaier(this)
|
152
|
-
: html``}
|
153
|
-
<div class="range" part="range">
|
154
|
-
<span class="range-completed" part="range-completed"></span>
|
155
|
-
${this.rangeSlider
|
156
|
-
? rangeSlider(this)
|
157
|
-
: singleSlider(this)}
|
158
|
-
</div>
|
159
|
-
</div>
|
160
|
-
<slot class="span" name="suffix"></slot>
|
161
|
-
</div>
|
162
|
-
`;
|
163
|
-
}
|
164
|
-
|
165
|
-
disconnectedCallback(): void {
|
166
|
-
super.disconnectedCallback();
|
167
|
-
this.emit(NileSliderEvents.NILE_DESTROY);
|
168
|
-
}
|
169
|
-
}
|
170
|
-
|
171
|
-
export default NileSlider;
|
172
|
-
|
173
|
-
declare global {
|
174
|
-
interface HTMLElementTagNameMap {
|
175
|
-
'nile-slider': NileSlider;
|
176
|
-
}
|
177
|
-
}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
export const enum NileSliderEvents {
|
2
|
-
NILE_INIT = "nile-init",
|
3
|
-
NILE_CHANGE = "nile-change",
|
4
|
-
NILE_CHANGE_END = "nile-change-end",
|
5
|
-
NILE_BUTTON_FIRST_CHANGE = "nile-button-first-change",
|
6
|
-
NILE_BUTTON_LAST_CHANGE = "nile-button-last-change",
|
7
|
-
NILE_BUTTON_FIRST_CHANGE_END = "nile-button-first-change-end",
|
8
|
-
NILE_BUTTON_LAST_CHANGE_END = "nile-button-last-change-end",
|
9
|
-
NILE_DESTROY = "nile-destroy",
|
10
|
-
}
|