@aquera/nile-elements 0.0.67 → 0.0.68
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/filenames.txt +1 -1
- package/demo/index.html +2 -1
- package/demo/variables.css +46 -0
- package/demo/variables_v2.css +11 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.iife.js +442 -270
- package/dist/nile-badge/index.cjs.js +1 -1
- package/dist/nile-badge/index.esm.js +1 -1
- package/dist/nile-badge/nile-badge.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.cjs.js.map +1 -1
- package/dist/nile-badge/nile-badge.esm.js +1 -1
- package/dist/nile-button/index.cjs.js +1 -1
- package/dist/nile-button/index.esm.js +1 -1
- package/dist/nile-button/nile-button.cjs.js +1 -1
- package/dist/nile-button/nile-button.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.esm.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.cjs.js.map +1 -1
- package/dist/nile-checkbox/nile-checkbox.esm.js +2 -2
- package/dist/nile-chip/nile-chip.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.esm.js +1 -1
- package/dist/nile-dialog/index.cjs.js +1 -1
- package/dist/nile-dialog/index.esm.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.esm.js +1 -1
- package/dist/nile-drawer/index.cjs.js +1 -1
- package/dist/nile-drawer/index.esm.js +1 -1
- package/dist/nile-drawer/nile-drawer.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.cjs.js.map +1 -1
- package/dist/nile-drawer/nile-drawer.esm.js +1 -1
- package/dist/nile-error-notification/nile-error-notification.cjs.js +1 -1
- package/dist/nile-error-notification/nile-error-notification.cjs.js.map +1 -1
- package/dist/nile-error-notification/nile-error-notification.esm.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.cjs.js.map +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.esm.js +1 -1
- package/dist/nile-icon/icons/svg/alert-circle.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/alert-circle.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/alert-circle.esm.js +1 -0
- package/dist/nile-icon/icons/svg/arrow-narrow-left.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/arrow-narrow-left.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/arrow-narrow-left.esm.js +1 -0
- package/dist/nile-icon/icons/svg/book-closed.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/book-closed.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/book-closed.esm.js +1 -0
- package/dist/nile-icon/icons/svg/box.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/box.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/box.esm.js +1 -0
- package/dist/nile-icon/icons/svg/check.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/check.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/check.esm.js +1 -0
- package/dist/nile-icon/icons/svg/chevron-left-double.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/chevron-left-double.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/chevron-left-double.esm.js +1 -0
- package/dist/nile-icon/icons/svg/chevron-selector-vertical.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/chevron-selector-vertical.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/chevron-selector-vertical.esm.js +1 -0
- package/dist/nile-icon/icons/svg/clock-check.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/clock-check.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/clock-check.esm.js +1 -0
- package/dist/nile-icon/icons/svg/clock-rewind.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/clock-rewind.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/clock-rewind.esm.js +1 -0
- package/dist/nile-icon/icons/svg/clock.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/clock.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/clock.esm.js +1 -0
- package/dist/nile-icon/icons/svg/cloud-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/cloud-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/cloud-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/copy-06.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/copy-06.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/copy-06.esm.js +1 -0
- package/dist/nile-icon/icons/svg/dataflow-03.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/dataflow-03.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/dataflow-03.esm.js +1 -0
- package/dist/nile-icon/icons/svg/dataflow-04.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/dataflow-04.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/dataflow-04.esm.js +1 -0
- package/dist/nile-icon/icons/svg/dotpoints-02.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/dotpoints-02.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/dotpoints-02.esm.js +1 -0
- package/dist/nile-icon/icons/svg/dots-vertical.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/dots-vertical.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/dots-vertical.esm.js +1 -0
- package/dist/nile-icon/icons/svg/download-02.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/download-02.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/download-02.esm.js +1 -0
- package/dist/nile-icon/icons/svg/edit-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/edit-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/edit-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/expand-06.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/expand-06.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/expand-06.esm.js +1 -0
- package/dist/nile-icon/icons/svg/eye-off.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/eye-off.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/eye-off.esm.js +1 -0
- package/dist/nile-icon/icons/svg/file-06.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/file-06.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/file-06.esm.js +1 -0
- package/dist/nile-icon/icons/svg/file-shield-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/file-shield-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/file-shield-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/globe-03.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/globe-03.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/globe-03.esm.js +1 -0
- package/dist/nile-icon/icons/svg/grid-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/grid-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/grid-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/help-circle.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/help-circle.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/help-circle.esm.js +1 -0
- package/dist/nile-icon/icons/svg/index.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/index.esm.js +1 -1
- package/dist/nile-icon/icons/svg/layout-alt-02.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/layout-alt-02.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/layout-alt-02.esm.js +1 -0
- package/dist/nile-icon/icons/svg/layout-alt-03.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/layout-alt-03.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/layout-alt-03.esm.js +1 -0
- package/dist/nile-icon/icons/svg/marker-pin-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/marker-pin-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/marker-pin-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/play-circle.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/play-circle.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/play-circle.esm.js +1 -0
- package/dist/nile-icon/icons/svg/refresh-cw-03.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/refresh-cw-03.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/refresh-cw-03.esm.js +1 -0
- package/dist/nile-icon/icons/svg/search-lg.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/search-lg.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/search-lg.esm.js +1 -0
- package/dist/nile-icon/icons/svg/server-03.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/server-03.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/server-03.esm.js +1 -0
- package/dist/nile-icon/icons/svg/stop-circle.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/stop-circle.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/stop-circle.esm.js +1 -0
- package/dist/nile-icon/icons/svg/user-circle.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/user-circle.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/user-circle.esm.js +1 -0
- package/dist/nile-icon/icons/svg/x-circle.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/x-circle.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/x-circle.esm.js +1 -0
- package/dist/nile-icon/index.cjs.js +1 -1
- package/dist/nile-icon/index.cjs.js.map +1 -1
- package/dist/nile-icon/index.esm.js +9 -4
- package/dist/nile-icon-button/index.cjs.js +1 -1
- package/dist/nile-icon-button/index.esm.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
- package/dist/nile-icon-button/nile-icon-button.esm.js +12 -12
- package/dist/nile-input/index.cjs.js +1 -1
- package/dist/nile-input/index.esm.js +1 -1
- package/dist/nile-input/nile-input.cjs.js +1 -1
- package/dist/nile-input/nile-input.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.esm.js +2 -2
- package/dist/nile-menu-item/index.cjs.js +1 -1
- package/dist/nile-menu-item/index.esm.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
- package/dist/nile-menu-item/nile-menu-item.esm.js +1 -1
- package/dist/nile-option/index.cjs.js +1 -1
- package/dist/nile-option/index.esm.js +1 -1
- package/dist/nile-option/nile-option.cjs.js +1 -1
- package/dist/nile-option/nile-option.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.esm.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.cjs.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.cjs.js.map +1 -1
- package/dist/nile-radio-group/nile-radio-group.esm.js +1 -1
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +1 -1
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +11 -10
- package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js.map +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.esm.js +1 -1
- package/dist/nile-stepper/index.cjs.js +2 -0
- package/dist/nile-stepper/index.cjs.js.map +1 -0
- package/dist/nile-stepper/index.esm.js +1 -0
- package/dist/nile-stepper/nile-stepper.cjs.js +2 -0
- package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -0
- package/dist/nile-stepper/nile-stepper.css.cjs.js +2 -0
- package/dist/nile-stepper/nile-stepper.css.cjs.js.map +1 -0
- package/dist/nile-stepper/nile-stepper.css.esm.js +7 -0
- package/dist/nile-stepper/nile-stepper.esm.js +5 -0
- package/dist/nile-stepper-item/index.cjs.js +2 -0
- package/dist/nile-stepper-item/index.cjs.js.map +1 -0
- package/dist/nile-stepper-item/index.esm.js +1 -0
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js +6 -0
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -0
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js +2 -0
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map +1 -0
- package/dist/nile-stepper-item/nile-stepper-item.css.esm.js +110 -0
- package/dist/nile-stepper-item/nile-stepper-item.esm.js +36 -0
- package/dist/nile-tab/index.cjs.js +1 -1
- package/dist/nile-tab/index.esm.js +1 -1
- package/dist/nile-tab/nile-tab.cjs.js +1 -1
- package/dist/nile-tab/nile-tab.cjs.js.map +1 -1
- package/dist/nile-tab/nile-tab.esm.js +1 -1
- package/dist/nile-tab-group/index.cjs.js +1 -1
- package/dist/nile-tab-group/index.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.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 +2 -2
- package/dist/nile-table-header-item/nile-table-header-item.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map +1 -1
- 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 +10 -2
- package/dist/nile-table-header-item/nile-table-header-item.esm.js +18 -14
- package/dist/nile-table-row/nile-table-row.cjs.js +1 -1
- package/dist/nile-table-row/nile-table-row.cjs.js.map +1 -1
- package/dist/nile-table-row/nile-table-row.esm.js +6 -1
- package/dist/nile-tag/index.cjs.js +1 -1
- package/dist/nile-tag/index.esm.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.esm.js +1 -1
- package/dist/nile-textarea/nile-textarea.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.cjs.js.map +1 -1
- package/dist/nile-textarea/nile-textarea.esm.js +1 -1
- package/dist/nile-toast/index.cjs.js +1 -1
- package/dist/nile-toast/index.esm.js +1 -1
- package/dist/nile-toast/nile-toast.cjs.js +1 -1
- package/dist/nile-toast/nile-toast.cjs.js.map +1 -1
- package/dist/nile-toast/nile-toast.esm.js +2 -2
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.d.ts +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.js +5 -5
- package/dist/src/nile-checkbox/nile-checkbox.js.map +1 -1
- package/dist/src/nile-chip/nile-chip.js +2 -2
- package/dist/src/nile-chip/nile-chip.js.map +1 -1
- package/dist/src/nile-error-notification/nile-error-notification.js +1 -1
- package/dist/src/nile-error-notification/nile-error-notification.js.map +1 -1
- package/dist/src/nile-form-help-text/nile-form-help-text.js +3 -3
- package/dist/src/nile-form-help-text/nile-form-help-text.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/alert-circle.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/alert-circle.js +5 -0
- package/dist/src/nile-icon/icons/svg/alert-circle.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/arrow-narrow-left.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/arrow-narrow-left.js +5 -0
- package/dist/src/nile-icon/icons/svg/arrow-narrow-left.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/book-closed.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/book-closed.js +5 -0
- package/dist/src/nile-icon/icons/svg/book-closed.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/box.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/box.js +5 -0
- package/dist/src/nile-icon/icons/svg/box.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/check.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/check.js +5 -0
- package/dist/src/nile-icon/icons/svg/check.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/chevron-left-double.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/chevron-left-double.js +5 -0
- package/dist/src/nile-icon/icons/svg/chevron-left-double.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/chevron-selector-vertical.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/chevron-selector-vertical.js +5 -0
- package/dist/src/nile-icon/icons/svg/chevron-selector-vertical.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/clock-check.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/clock-check.js +5 -0
- package/dist/src/nile-icon/icons/svg/clock-check.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/clock-rewind.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/clock-rewind.js +5 -0
- package/dist/src/nile-icon/icons/svg/clock-rewind.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/clock.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/clock.js +5 -0
- package/dist/src/nile-icon/icons/svg/clock.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/cloud-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/cloud-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/cloud-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/copy-06.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/copy-06.js +5 -0
- package/dist/src/nile-icon/icons/svg/copy-06.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/dataflow-03.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/dataflow-03.js +5 -0
- package/dist/src/nile-icon/icons/svg/dataflow-03.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/dataflow-04.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/dataflow-04.js +5 -0
- package/dist/src/nile-icon/icons/svg/dataflow-04.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/dotpoints-02.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/dotpoints-02.js +5 -0
- package/dist/src/nile-icon/icons/svg/dotpoints-02.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/dots-vertical.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/dots-vertical.js +5 -0
- package/dist/src/nile-icon/icons/svg/dots-vertical.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/download-02.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/download-02.js +5 -0
- package/dist/src/nile-icon/icons/svg/download-02.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/edit-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/edit-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/edit-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/expand-06.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/expand-06.js +5 -0
- package/dist/src/nile-icon/icons/svg/expand-06.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/eye-off.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/eye-off.js +5 -0
- package/dist/src/nile-icon/icons/svg/eye-off.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/file-06.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/file-06.js +5 -0
- package/dist/src/nile-icon/icons/svg/file-06.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/file-shield-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/file-shield-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/file-shield-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/globe-03.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/globe-03.js +5 -0
- package/dist/src/nile-icon/icons/svg/globe-03.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/grid-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/grid-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/grid-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/help-circle.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/help-circle.js +5 -0
- package/dist/src/nile-icon/icons/svg/help-circle.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/index.d.ts +35 -0
- package/dist/src/nile-icon/icons/svg/index.js +35 -0
- package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/layout-alt-02.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/layout-alt-02.js +5 -0
- package/dist/src/nile-icon/icons/svg/layout-alt-02.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/layout-alt-03.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/layout-alt-03.js +5 -0
- package/dist/src/nile-icon/icons/svg/layout-alt-03.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/marker-pin-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/marker-pin-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/marker-pin-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/play-circle.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/play-circle.js +5 -0
- package/dist/src/nile-icon/icons/svg/play-circle.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/refresh-cw-03.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/refresh-cw-03.js +5 -0
- package/dist/src/nile-icon/icons/svg/refresh-cw-03.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/search-lg.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/search-lg.js +5 -0
- package/dist/src/nile-icon/icons/svg/search-lg.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/server-03.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/server-03.js +5 -0
- package/dist/src/nile-icon/icons/svg/server-03.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/stop-circle.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/stop-circle.js +5 -0
- package/dist/src/nile-icon/icons/svg/stop-circle.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/user-circle.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/user-circle.js +5 -0
- package/dist/src/nile-icon/icons/svg/user-circle.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/x-circle.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/x-circle.js +5 -0
- package/dist/src/nile-icon/icons/svg/x-circle.js.map +1 -0
- package/dist/src/nile-icon/index.d.ts +1 -0
- package/dist/src/nile-icon/index.js +10 -0
- package/dist/src/nile-icon/index.js.map +1 -1
- package/dist/src/nile-input/nile-input.d.ts +0 -2
- package/dist/src/nile-input/nile-input.js +2 -4
- package/dist/src/nile-input/nile-input.js.map +1 -1
- package/dist/src/nile-radio-group/nile-radio-group.js +2 -2
- package/dist/src/nile-radio-group/nile-radio-group.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +1 -0
- package/dist/src/nile-select/nile-select.js +27 -19
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-slide-toggle/nile-slide-toggle.js +2 -2
- package/dist/src/nile-slide-toggle/nile-slide-toggle.js.map +1 -1
- package/dist/src/nile-stepper/index.d.ts +1 -0
- package/dist/src/nile-stepper/index.js +2 -0
- package/dist/src/nile-stepper/index.js.map +1 -0
- package/dist/src/nile-stepper/nile-stepper.css.d.ts +12 -0
- package/dist/src/nile-stepper/nile-stepper.css.js +19 -0
- package/dist/src/nile-stepper/nile-stepper.css.js.map +1 -0
- package/dist/src/nile-stepper/nile-stepper.d.ts +41 -0
- package/dist/src/nile-stepper/nile-stepper.js +135 -0
- package/dist/src/nile-stepper/nile-stepper.js.map +1 -0
- package/dist/src/nile-stepper-item/index.d.ts +1 -0
- package/dist/src/nile-stepper-item/index.js +2 -0
- package/dist/src/nile-stepper-item/index.js.map +1 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.css.d.ts +12 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js +122 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js.map +1 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.d.ts +46 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.js +161 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.js.map +1 -0
- package/dist/src/nile-tab-group/nile-tab-group.css.js +1 -1
- package/dist/src/nile-tab-group/nile-tab-group.css.js.map +1 -1
- package/dist/src/nile-tab-group/nile-tab-group.js +1 -1
- package/dist/src/nile-tab-group/nile-tab-group.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.d.ts +0 -2
- package/dist/src/nile-table-body/nile-table-body.js +4 -33
- package/dist/src/nile-table-body/nile-table-body.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js +8 -0
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.d.ts +1 -0
- package/dist/src/nile-table-header-item/nile-table-header-item.js +29 -17
- package/dist/src/nile-table-header-item/nile-table-header-item.js.map +1 -1
- package/dist/src/nile-table-row/nile-table-row.d.ts +1 -0
- package/dist/src/nile-table-row/nile-table-row.js +18 -1
- package/dist/src/nile-table-row/nile-table-row.js.map +1 -1
- package/dist/src/nile-textarea/nile-textarea.d.ts +0 -2
- package/dist/src/nile-textarea/nile-textarea.js +3 -4
- package/dist/src/nile-textarea/nile-textarea.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/index.ts +3 -1
- package/src/nile-checkbox/nile-checkbox.ts +3 -2
- package/src/nile-chip/nile-chip.ts +2 -2
- package/src/nile-error-notification/nile-error-notification.ts +1 -1
- package/src/nile-form-help-text/nile-form-help-text.ts +3 -3
- package/src/nile-icon/icons/svg/alert-circle.ts +5 -0
- package/src/nile-icon/icons/svg/arrow-narrow-left.ts +5 -0
- package/src/nile-icon/icons/svg/book-closed.ts +5 -0
- package/src/nile-icon/icons/svg/box.ts +5 -0
- package/src/nile-icon/icons/svg/check.ts +5 -0
- package/src/nile-icon/icons/svg/chevron-left-double.ts +5 -0
- package/src/nile-icon/icons/svg/chevron-selector-vertical.ts +5 -0
- package/src/nile-icon/icons/svg/clock-check.ts +5 -0
- package/src/nile-icon/icons/svg/clock-rewind.ts +5 -0
- package/src/nile-icon/icons/svg/clock.ts +5 -0
- package/src/nile-icon/icons/svg/cloud-01.ts +5 -0
- package/src/nile-icon/icons/svg/copy-06.ts +5 -0
- package/src/nile-icon/icons/svg/dataflow-03.ts +5 -0
- package/src/nile-icon/icons/svg/dataflow-04.ts +5 -0
- package/src/nile-icon/icons/svg/dotpoints-02.ts +5 -0
- package/src/nile-icon/icons/svg/dots-vertical.ts +5 -0
- package/src/nile-icon/icons/svg/download-02.ts +5 -0
- package/src/nile-icon/icons/svg/edit-01.ts +5 -0
- package/src/nile-icon/icons/svg/expand-06.ts +5 -0
- package/src/nile-icon/icons/svg/eye-off.ts +5 -0
- package/src/nile-icon/icons/svg/file-06.ts +5 -0
- package/src/nile-icon/icons/svg/file-shield-01.ts +5 -0
- package/src/nile-icon/icons/svg/globe-03.ts +5 -0
- package/src/nile-icon/icons/svg/grid-01.ts +5 -0
- package/src/nile-icon/icons/svg/help-circle.ts +5 -0
- package/src/nile-icon/icons/svg/index.ts +36 -1
- package/src/nile-icon/icons/svg/layout-alt-02.ts +5 -0
- package/src/nile-icon/icons/svg/layout-alt-03.ts +5 -0
- package/src/nile-icon/icons/svg/marker-pin-01.ts +5 -0
- package/src/nile-icon/icons/svg/play-circle.ts +5 -0
- package/src/nile-icon/icons/svg/refresh-cw-03.ts +5 -0
- package/src/nile-icon/icons/svg/search-lg.ts +5 -0
- package/src/nile-icon/icons/svg/server-03.ts +5 -0
- package/src/nile-icon/icons/svg/stop-circle.ts +5 -0
- package/src/nile-icon/icons/svg/user-circle.ts +5 -0
- package/src/nile-icon/icons/svg/x-circle.ts +5 -0
- package/src/nile-icon/index.ts +9 -0
- package/src/nile-input/nile-input.ts +2 -4
- package/src/nile-radio-group/nile-radio-group.ts +2 -2
- package/src/nile-select/nile-select.ts +26 -20
- package/src/nile-slide-toggle/nile-slide-toggle.ts +2 -2
- package/src/nile-stepper/index.ts +1 -0
- package/src/nile-stepper/nile-stepper.css.ts +21 -0
- package/src/nile-stepper/nile-stepper.ts +127 -0
- package/src/nile-stepper-item/index.ts +1 -0
- package/src/nile-stepper-item/nile-stepper-item.css.ts +123 -0
- package/src/nile-stepper-item/nile-stepper-item.ts +138 -0
- package/src/nile-tab-group/nile-tab-group.css.ts +1 -1
- package/src/nile-tab-group/nile-tab-group.ts +1 -1
- package/src/nile-table-body/nile-table-body.ts +4 -39
- package/src/nile-table-header-item/nile-table-header-item.css.ts +8 -0
- package/src/nile-table-header-item/nile-table-header-item.ts +27 -18
- package/src/nile-table-row/nile-table-row.ts +21 -1
- package/src/nile-textarea/nile-textarea.ts +2 -4
@@ -1,4 +1,4 @@
|
|
1
|
-
import{__decorate as i}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";import{query as e,state as o,customElement as n}from"lit/decorators.js";import{s as t}from"./nile-select.css.esm.js";import"../nile-icon/index.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-tag/nile-tag.esm.js";import{s as c,a as l}from"../internal/animate.esm.js";import{classMap as m}from"lit/directives/class-map.js";import{d as r}from"../internal/default-value.esm.js";import{F as p}from"../internal/form.esm.js";import{s as a,g as v}from"../utilities/animation-registry.esm.js";import{H as g}from"../internal/slot.esm.js";import{s as h}from"../internal/scroll.esm.js";import{w as j}from"../internal/event.esm.js";import{w as d}from"../internal/watch.esm.js";import{N as u}from"../internal/nile-element.esm.js";import{unsafeHTML as f}from"lit/directives/unsafe-html.js";import{ifDefined as b}from"lit/directives/if-defined.js";import{n as w}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table-1.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-01.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"lit/static-html.js";import"../internal/offset.esm.js";let y=class extends u{constructor(){super(...arguments),this.formControlController=new p(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new g(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.blockValueChange=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.oldMaxOptionsVisible=1,this.showNoResults=!1,this.noResultsMessage="No results found"}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleFooterClick(i){i.stopPropagation(),i.preventDefault()}toggleShowSelected(i){if(i.stopPropagation(),i.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected=!1,i.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name})}handleDocumentKeyDown(i){const s=i.target,e=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");if(!e&&!o){if("Escape"===i.key&&this.open&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===i.key||" "===i.key&&""===this.typeToSelectString)return i.preventDefault(),i.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(i.key)){const s=this.getAllOptions(),e=s.indexOf(this.currentOption);let o=Math.max(0,e);if(i.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===i.key?(o=e+1,o>s.length-1&&(o=0)):"ArrowUp"===i.key?(o=e-1,o<0&&(o=s.length-1)):"Home"===i.key?o=0:"End"===i.key&&(o=s.length-1),this.setCurrentOption(s[o])}if(1===i.key.length||"Backspace"===i.key){const s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if("Backspace"===i.key)return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===i.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(const i of s){if(i.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(i);break}}}}}handleDocumentMouseDown(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(i){const s=i.composedPath().some((i=>i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase()));this.disabled||s||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.stopPropagation(),this.handleDocumentKeyDown(i)}handleClearClick(i){i.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){const s=i.target.closest("nile-option");if(this.blockValueChange&&s)return this.emit("nile-block-change",{value:s?.value,name:this.name}),void this.hide();const e=this.value;if(this.oldValue=e,s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==e&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}}handleDefaultSlotChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value],e=[];customElements.get("nile-option")?(i.forEach((i=>e.push(i.value))),this.setSelectedOptions(i.filter((i=>s.map(String).includes(i.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(i,s){if(i.stopPropagation(),!this.disabled){this.toggleOptionSelection(s,!1);this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})}))}}getAllOptions(){const i=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&i.sort(((i,s)=>{let e=this.oldValue.indexOf(i.value),o=this.oldValue.indexOf(s.value);return-1===e&&(e=1/0),-1===o&&(o=1/0),e<o?-1:e>o?1:0})),i}getOptionPrefix(i){const s=i.shadowRoot?.querySelector('slot[name="prefix"]');if(!s)return"";const e=s.assignedNodes(),o=[];return e.forEach((i=>{i instanceof HTMLElement?o.push(i.outerHTML):i.nodeType===Node.TEXT_NODE&&o.push(i.textContent||"")})),o.join("")}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(i){this.getAllOptions().forEach((i=>{i.current=!1,i.tabIndex=-1})),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){const s=this.getAllOptions(),e=Array.isArray(i)?i:[i];s.forEach((i=>i.selected=!1)),e.length&&e.forEach((i=>i.selected=!0)),this.selectionChanged()}toggleOptionSelection(i,s){i.selected=!0===s||!1===s?s:!i.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((i=>i.selected)),this.multiple){if(this.value=this.selectedOptions.map((i=>i.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected",0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(i){this.searchValue=i.detail.value,0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}filterOptions(i){const s=this.getAllOptions(),e=i.toLowerCase();let o=[];return s.forEach((i=>{const s=i.getTextLabel().toLowerCase(),n=(i.value||"").toLowerCase();s.includes(e)||n.includes(e)?(i.hidden=!1,o.push(i)):i.hidden=!0})),o}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(i.filter((i=>s.includes(i.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),await c(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:i,options:s}=v(this,"select.show",{dir:"ltr"});await l(this.popup.popup,i,s),this.currentOption&&h(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.searchValue="",this.filterOptions(this.searchValue),this.removeOpenListeners(),await c(this);const{keyframes:i,options:s}=v(this,"select.hide",{dir:"ltr"});await l(this.popup.popup,i,s),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,j(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,j(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController.updateValidity()}focus(i){this.displayInput.focus(i)}blur(){this.displayInput.blur()}onInputChange(i){i.stopPropagation()}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const i=this.shadowRoot.querySelector("div.select__tags");if(i instanceof HTMLElement){return i.offsetWidth-70}}}calculateTotalWidthOfTags(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.maxOptionsVisible=1/0,setTimeout((()=>{let i=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((s=>{s instanceof HTMLElement&&i.push(s.offsetWidth)}))}if(this.value.length!==i.length)return;const s=this.calculateWidthOfSelectTagsDiv();if(!s)return;let e=0,o=0;for(let n=0;n<i.length;n++)if(e+=i[n],e>s){o=n;break}this.maxOptionsVisible=o}),1)}render(){const i=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=this.hasSlotController.test("label-suffix"),o=this.hasSlotController.test("custom-select"),n=!!this.label||!!i,t=this.clearable&&!this.disabled&&this.value.length>0,c=this.placeholder&&0===this.value.length,l=!!this.helpText,r=!!this.errorMessage,p=this.selectedOptions[0]?this.getOptionPrefix(this.selectedOptions[0]):"";return s`
|
1
|
+
import{__decorate as i}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";import{query as e,state as o,customElement as n}from"lit/decorators.js";import{s as t}from"./nile-select.css.esm.js";import"../nile-icon/index.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-tag/nile-tag.esm.js";import{s as c,a as l}from"../internal/animate.esm.js";import{classMap as m}from"lit/directives/class-map.js";import{d as r}from"../internal/default-value.esm.js";import{F as p}from"../internal/form.esm.js";import{s as a,g as v}from"../utilities/animation-registry.esm.js";import{H as g}from"../internal/slot.esm.js";import{s as h}from"../internal/scroll.esm.js";import{w as j}from"../internal/event.esm.js";import{w as d}from"../internal/watch.esm.js";import{N as u}from"../internal/nile-element.esm.js";import{unsafeHTML as f}from"lit/directives/unsafe-html.js";import{ifDefined as b}from"lit/directives/if-defined.js";import{n as w}from"../property-09139d3c.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart-square-03.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/basic.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/check.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database-1.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/dots-vertical.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download-02.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-01.esm.js";import"../nile-icon/icons/svg/edit-1.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help-circle.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play-circle.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh-cw-03.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-lg.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings-1.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop-circle.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table-1.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-01.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-03.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-circle.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user-square.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-01.esm.js";import"../nile-icon/icons/svg/users-02.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-orchestration.esm.js";import"../nile-icon/icons/svg/workflow-section.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/icons/svg/x-circle.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"lit/static-html.js";import"../internal/offset.esm.js";let y=class extends u{constructor(){super(...arguments),this.formControlController=new p(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new g(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.multiple=!1,this.helpText="",this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.oldMaxOptionsVisible=1,this.showNoResults=!1,this.noResultsMessage="No results found"}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleFooterClick(i){i.stopPropagation(),i.preventDefault()}toggleShowSelected(i){if(i.stopPropagation(),i.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected=!1,i.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name})}handleDocumentKeyDown(i){const s=i.target,e=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");if(!e&&!o){if("Escape"===i.key&&this.open&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===i.key||" "===i.key&&""===this.typeToSelectString)return i.preventDefault(),i.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(i.key)){const s=this.getAllOptions(),e=s.indexOf(this.currentOption);let o=Math.max(0,e);if(i.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===i.key?(o=e+1,o>s.length-1&&(o=0)):"ArrowUp"===i.key?(o=e-1,o<0&&(o=s.length-1)):"Home"===i.key?o=0:"End"===i.key&&(o=s.length-1),this.setCurrentOption(s[o])}if(1===i.key.length||"Backspace"===i.key){const s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if("Backspace"===i.key)return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===i.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(const i of s){if(i.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(i);break}}}}}handleDocumentMouseDown(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(i){const s=i.composedPath().some((i=>i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase()));this.disabled||s||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.stopPropagation(),this.handleDocumentKeyDown(i)}handleClearClick(i){i.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){const s=i.target.closest("nile-option");if(this.blockValueChange&&s)return this.emit("nile-block-change",{value:s?.value,name:this.name}),void this.hide();const e=this.value;if(this.oldValue=e,s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==e&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}}handleDefaultSlotChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value],e=[];customElements.get("nile-option")?(i.forEach((i=>e.push(i.value))),this.setSelectedOptions(i.filter((i=>s.map(String).includes(i.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(i,s){if(i.stopPropagation(),!this.disabled){this.toggleOptionSelection(s,!1);this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})}))}}getAllOptions(){const i=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&i.sort(((i,s)=>{let e=this.oldValue.indexOf(i.value),o=this.oldValue.indexOf(s.value);return-1===e&&(e=1/0),-1===o&&(o=1/0),e<o?-1:e>o?1:0})),i}getOptionPrefix(i){const s=i.shadowRoot?.querySelector('slot[name="prefix"]');if(!s)return"";const e=s.assignedNodes(),o=[];return e.forEach((i=>{i instanceof HTMLElement?o.push(i.outerHTML):i.nodeType===Node.TEXT_NODE&&o.push(i.textContent||"")})),o.join("")}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(i){this.getAllOptions().forEach((i=>{i.current=!1,i.tabIndex=-1})),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){const s=this.getAllOptions(),e=Array.isArray(i)?i:[i];s.forEach((i=>i.selected=!1)),e.length&&e.forEach((i=>i.selected=!0)),this.selectionChanged()}toggleOptionSelection(i,s){i.selected=!0===s||!1===s?s:!i.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((i=>i.selected)),this.multiple){if(this.value=this.selectedOptions.map((i=>i.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected",0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(i){if(this.searchValue=i.detail.value,!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}filterOptions(i){const s=this.getAllOptions(),e=i.toLowerCase();let o=[];return s.forEach((i=>{const s=i.getTextLabel().toLowerCase(),n=(i.value||"").toLowerCase();s.includes(e)||n.includes(e)?(i.hidden=!1,o.push(i)):i.hidden=!0})),o}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(i.filter((i=>s.includes(i.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),this.showNoResults=!this.getAllOptions()?.length,await c(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:i,options:s}=v(this,"select.show",{dir:"ltr"});await l(this.popup.popup,i,s),this.currentOption&&h(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.searchValue="",this.filterOptions(this.searchValue),this.removeOpenListeners(),await c(this);const{keyframes:i,options:s}=v(this,"select.hide",{dir:"ltr"});await l(this.popup.popup,i,s),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,j(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,j(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController.updateValidity()}focus(i){this.displayInput.focus(i)}blur(){this.displayInput.blur()}onInputChange(i){i.stopPropagation()}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const i=this.shadowRoot.querySelector("div.select__tags");if(i instanceof HTMLElement){return i.offsetWidth-70}}}calculateTotalWidthOfTags(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.maxOptionsVisible=1/0,setTimeout((()=>{let i=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((s=>{s instanceof HTMLElement&&i.push(s.offsetWidth)}))}if(this.value.length!==i.length)return;const s=this.calculateWidthOfSelectTagsDiv();if(!s)return;let e=0,o=0;for(let n=0;n<i.length;n++)if(e+=i[n],e>s){o=n;break}this.maxOptionsVisible=o}),1)}render(){const i=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=this.hasSlotController.test("label-suffix"),o=this.hasSlotController.test("custom-select"),n=!!this.label||!!i,t=this.clearable&&!this.disabled&&this.value.length>0,c=this.placeholder&&0===this.value.length,l=!!this.helpText,r=!!this.errorMessage,p=this.selectedOptions[0]?this.getOptionPrefix(this.selectedOptions[0]):"";return s`
|
2
2
|
<div
|
3
3
|
part="form-control"
|
4
4
|
class=${m({"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":n,"form-control--has-help-text":l})}
|
@@ -157,14 +157,6 @@ import{__decorate as i}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";
|
|
157
157
|
@mouseup=${this.handleOptionClick}
|
158
158
|
@slotchange=${this.handleDefaultSlotChange}
|
159
159
|
>
|
160
|
-
${this.optionsLoading?s`
|
161
|
-
<span class="select__loader">
|
162
|
-
<nile-icon
|
163
|
-
class="select__loader--icon"
|
164
|
-
name="button-loading-blue"
|
165
|
-
></nile-icon>
|
166
|
-
</span>
|
167
|
-
`:""}
|
168
160
|
${this.searchEnabled?s` <div class="select__search">
|
169
161
|
<nile-input
|
170
162
|
size="small"
|
@@ -178,6 +170,15 @@ import{__decorate as i}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";
|
|
178
170
|
<nile-icon name="search" slot="suffix"> </nile-icon>
|
179
171
|
</nile-input>
|
180
172
|
</div>`:""}
|
173
|
+
${this.optionsLoading?s`
|
174
|
+
<span class="select__loader">
|
175
|
+
<nile-icon
|
176
|
+
class="select__loader--icon"
|
177
|
+
name="button-loading-blue"
|
178
|
+
></nile-icon>
|
179
|
+
</span>
|
180
|
+
`:""}
|
181
|
+
|
181
182
|
<div
|
182
183
|
class="select__options ${this.searchEnabled?"select__options__search-enabled":""}"
|
183
184
|
>
|
@@ -222,4 +223,4 @@ import{__decorate as i}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";
|
|
222
223
|
>
|
223
224
|
`:""}
|
224
225
|
</div>
|
225
|
-
`}};y.styles=t,i([e(".select")],y.prototype,"popup",void 0),i([e(".select__combobox")],y.prototype,"combobox",void 0),i([e(".select__display-input")],y.prototype,"displayInput",void 0),i([e(".select__value-input")],y.prototype,"valueInput",void 0),i([e(".select__listbox")],y.prototype,"listbox",void 0),i([o()],y.prototype,"hasFocus",void 0),i([o()],y.prototype,"displayLabel",void 0),i([o()],y.prototype,"currentOption",void 0),i([o()],y.prototype,"selectedOptions",void 0),i([o()],y.prototype,"oldValue",void 0),i([w()],y.prototype,"name",void 0),i([w({converter:{fromAttribute:i=>i.split(" "),toAttribute:i=>i.join(" ")}})],y.prototype,"value",void 0),i([r()],y.prototype,"defaultValue",void 0),i([w()],y.prototype,"size",void 0),i([w()],y.prototype,"placeholder",void 0),i([o()],y.prototype,"searchValue",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"searchEnabled",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"blockValueChange",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"optionsLoading",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"noWidthSync",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"multiple",void 0),i([w({attribute:"help-text"})],y.prototype,"helpText",void 0),i([w({attribute:"error-message"})],y.prototype,"errorMessage",void 0),i([w({type:Boolean})],y.prototype,"warning",void 0),i([w({type:Boolean})],y.prototype,"error",void 0),i([w({type:Boolean})],y.prototype,"success",void 0),i([w({attribute:"max-options-visible",type:Number})],y.prototype,"maxOptionsVisible",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),i([w({type:Boolean})],y.prototype,"clearable",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([w({type:Boolean})],y.prototype,"hoist",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"filled",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"pill",void 0),i([w()],y.prototype,"label",void 0),i([w({reflect:!0})],y.prototype,"placement",void 0),i([w({reflect:!0})],y.prototype,"form",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"required",void 0),i([w({type:Boolean})],y.prototype,"showSelected",void 0),i([o()],y.prototype,"oldMaxOptionsVisible",void 0),i([w({type:Boolean})],y.prototype,"showNoResults",void 0),i([w({type:String})],y.prototype,"noResultsMessage",void 0),i([d("disabled",{waitUntilFirstUpdate:!0})],y.prototype,"handleDisabledChange",null),i([d("value",{waitUntilFirstUpdate:!0})],y.prototype,"handleValueChange",null),i([d("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),y=i([n("nile-select")],y),a("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),a("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{y as N};
|
226
|
+
`}};y.styles=t,i([e(".select")],y.prototype,"popup",void 0),i([e(".select__combobox")],y.prototype,"combobox",void 0),i([e(".select__display-input")],y.prototype,"displayInput",void 0),i([e(".select__value-input")],y.prototype,"valueInput",void 0),i([e(".select__listbox")],y.prototype,"listbox",void 0),i([o()],y.prototype,"hasFocus",void 0),i([o()],y.prototype,"displayLabel",void 0),i([o()],y.prototype,"currentOption",void 0),i([o()],y.prototype,"selectedOptions",void 0),i([o()],y.prototype,"oldValue",void 0),i([w()],y.prototype,"name",void 0),i([w({converter:{fromAttribute:i=>i.split(" "),toAttribute:i=>i.join(" ")}})],y.prototype,"value",void 0),i([r()],y.prototype,"defaultValue",void 0),i([w()],y.prototype,"size",void 0),i([w()],y.prototype,"placeholder",void 0),i([o()],y.prototype,"searchValue",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"searchEnabled",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"blockValueChange",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"disableLocalSearch",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"optionsLoading",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"noWidthSync",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"multiple",void 0),i([w({attribute:"help-text",reflect:!0})],y.prototype,"helpText",void 0),i([w({attribute:"error-message",reflect:!0})],y.prototype,"errorMessage",void 0),i([w({type:Boolean})],y.prototype,"warning",void 0),i([w({type:Boolean})],y.prototype,"error",void 0),i([w({type:Boolean})],y.prototype,"success",void 0),i([w({attribute:"max-options-visible",type:Number})],y.prototype,"maxOptionsVisible",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),i([w({type:Boolean})],y.prototype,"clearable",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([w({type:Boolean})],y.prototype,"hoist",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"filled",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"pill",void 0),i([w()],y.prototype,"label",void 0),i([w({reflect:!0})],y.prototype,"placement",void 0),i([w({reflect:!0})],y.prototype,"form",void 0),i([w({type:Boolean,reflect:!0})],y.prototype,"required",void 0),i([w({type:Boolean})],y.prototype,"showSelected",void 0),i([o()],y.prototype,"oldMaxOptionsVisible",void 0),i([w({type:Boolean})],y.prototype,"showNoResults",void 0),i([w({type:String})],y.prototype,"noResultsMessage",void 0),i([d("disabled",{waitUntilFirstUpdate:!0})],y.prototype,"handleDisabledChange",null),i([d("value",{waitUntilFirstUpdate:!0})],y.prototype,"handleValueChange",null),i([d("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),y=i([n("nile-select")],y),a("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),a("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{y as N};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","./nile-slide-toggle.css.cjs.js","../internal/nile-element.cjs.js","../custom-element-9087bdd5.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,s,t,i,l,r,_templateObject,_templateObject2,_templateObject3,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.x;},function(_nileSlideToggleCssCjsJs){t=_nileSlideToggleCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_customElement003CjsJs){l=_customElement003CjsJs.e;},function(_property002CjsJs){r=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_i){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.label="",_this.sublabel="",_this.isChecked=!1,_this.helpText="",_this.errorMessage="";return _this;}_inherits(o,_i);return _createClass(o,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(o.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(o.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"toggleValue",value:function toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}));}},{key:"render",value:function render(){var e=!!this.helpText,t=!!this.errorMessage;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"nile-slide-toggle\">\n <label class=\"nile-slide-toggle__switch\">\n <input\n type=\"checkbox\"\n .checked=","\n @change=","\n />\n <span class=\"nile-slide-toggle__slider\"></span>\n </label>\n <span class=\"nile-slide-toggle__label\">\n <span>","</span>\n <span class=\"nile-slide-toggle__sublabel\">","</span>\n </span>\n </div>\n ","\n ","\n "])),this.isChecked,this.toggleValue,this.label,this.sublabel,e?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",t?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <nile-form-error-message\n >","</nile-form-error-message\n >\n "])),this.errorMessage):"");}}]);}(i));o.styles=t,e([r({type:String})],o.prototype,"label",void 0),e([r({type:String})],o.prototype,"sublabel",void 0),e([r({type:Boolean,reflect:!0})],o.prototype,"isChecked",void 0),e([r({attribute:"help-text"})],o.prototype,"helpText",void 0),e([r({attribute:"error-message"})],o.prototype,"errorMessage",void 0),_export("N",o=e([l("nile-slide-toggle")],o));}};});
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","./nile-slide-toggle.css.cjs.js","../internal/nile-element.cjs.js","../custom-element-9087bdd5.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var e,s,t,i,l,r,_templateObject,_templateObject2,_templateObject3,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.x;},function(_nileSlideToggleCssCjsJs){t=_nileSlideToggleCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;},function(_customElement003CjsJs){l=_customElement003CjsJs.e;},function(_property002CjsJs){r=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_i){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.label="",_this.sublabel="",_this.isChecked=!1,_this.helpText="",_this.errorMessage="";return _this;}_inherits(o,_i);return _createClass(o,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(o.prototype),"connectedCallback",this).call(this),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(o.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"toggleValue",value:function toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}));}},{key:"render",value:function render(){var e=!!this.helpText,t=!!this.errorMessage;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"nile-slide-toggle\">\n <label class=\"nile-slide-toggle__switch\">\n <input\n type=\"checkbox\"\n .checked=","\n @change=","\n />\n <span class=\"nile-slide-toggle__slider\"></span>\n </label>\n <span class=\"nile-slide-toggle__label\">\n <span>","</span>\n <span class=\"nile-slide-toggle__sublabel\">","</span>\n </span>\n </div>\n ","\n ","\n "])),this.isChecked,this.toggleValue,this.label,this.sublabel,e?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",t?s(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n <nile-form-error-message\n >","</nile-form-error-message\n >\n "])),this.errorMessage):"");}}]);}(i));o.styles=t,e([r({type:String})],o.prototype,"label",void 0),e([r({type:String})],o.prototype,"sublabel",void 0),e([r({type:Boolean,reflect:!0})],o.prototype,"isChecked",void 0),e([r({attribute:"help-text",reflect:!0})],o.prototype,"helpText",void 0),e([r({attribute:"error-message",reflect:!0})],o.prototype,"errorMessage",void 0),_export("N",o=e([l("nile-slide-toggle")],o));}};});
|
2
2
|
//# sourceMappingURL=nile-slide-toggle.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-slide-toggle.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"sourcesContent":["import { CSSResultGroup } from 'lit';\nimport { LitElement, html, property, customElement } from 'lit-element';\nimport styles from './nile-slide-toggle.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends NileElement {\n public static styles: CSSResultGroup = styles;\n\n @property({ type: String }) label = '';\n @property({ type: String }) sublabel = '';\n\n @property({ type: Boolean, reflect: true }) isChecked = false;\n\n @property({ attribute: 'help-text' }) helpText = '';\n\n @property({ attribute: 'error-message' }) errorMessage = '';\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n }\n\n toggleValue() {\n this.isChecked = !this.isChecked;\n this.dispatchEvent(\n new CustomEvent('change', { detail: { checked: this.isChecked } })\n );\n }\n\n public render() {\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n\n return html`\n <div class=\"nile-slide-toggle\">\n <label class=\"nile-slide-toggle__switch\">\n <input\n type=\"checkbox\"\n .checked=${this.isChecked}\n @change=${this.toggleValue}\n />\n <span class=\"nile-slide-toggle__slider\"></span>\n </label>\n <span class=\"nile-slide-toggle__label\">\n <span>${this.label}</span>\n <span class=\"nile-slide-toggle__sublabel\">${this.sublabel}</span>\n </span>\n </div>\n ${hasHelpText\n ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n : ``}\n ${hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``}\n `;\n }\n}\n"],"names":["NileSlideToggle","o","this","label","sublabel","isChecked","helpText","errorMessage","_this","_inherits","_i","_createClass","key","value","connectedCallback","super","emit","disconnectedCallback","toggleValue","dispatchEvent","CustomEvent","detail","checked","render","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","NileElement","styles","__decorate","property","type","String","prototype","Boolean","reflect","attribute","customElement"],"mappings":"0yIAMaA,4BAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,MAAG,EACRD,CAAAA,KAAAA,CAAQE,QAAG,CAAA,EAAA,CAEKF,KAAAA,CAASG,SAAG,CAAA,CAAA,CAAA,
|
1
|
+
{"version":3,"file":"nile-slide-toggle.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"sourcesContent":["import { CSSResultGroup } from 'lit';\nimport { LitElement, html, property, customElement } from 'lit-element';\nimport styles from './nile-slide-toggle.css';\nimport NileElement from '../internal/nile-element';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends NileElement {\n public static styles: CSSResultGroup = styles;\n\n @property({ type: String }) label = '';\n @property({ type: String }) sublabel = '';\n\n @property({ type: Boolean, reflect: true }) isChecked = false;\n\n @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n }\n\n toggleValue() {\n this.isChecked = !this.isChecked;\n this.dispatchEvent(\n new CustomEvent('change', { detail: { checked: this.isChecked } })\n );\n }\n\n public render() {\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n\n return html`\n <div class=\"nile-slide-toggle\">\n <label class=\"nile-slide-toggle__switch\">\n <input\n type=\"checkbox\"\n .checked=${this.isChecked}\n @change=${this.toggleValue}\n />\n <span class=\"nile-slide-toggle__slider\"></span>\n </label>\n <span class=\"nile-slide-toggle__label\">\n <span>${this.label}</span>\n <span class=\"nile-slide-toggle__sublabel\">${this.sublabel}</span>\n </span>\n </div>\n ${hasHelpText\n ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n : ``}\n ${hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``}\n `;\n }\n}\n"],"names":["NileSlideToggle","o","this","label","sublabel","isChecked","helpText","errorMessage","_this","_inherits","_i","_createClass","key","value","connectedCallback","super","emit","disconnectedCallback","toggleValue","dispatchEvent","CustomEvent","detail","checked","render","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","NileElement","styles","__decorate","property","type","String","prototype","Boolean","reflect","attribute","_export","customElement"],"mappings":"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"}
|
@@ -19,4 +19,4 @@ import{__decorate as e}from"tslib";import{x as s}from"../index-0a3007c5.esm.js";
|
|
19
19
|
>${this.errorMessage}</nile-form-error-message
|
20
20
|
>
|
21
21
|
`:""}
|
22
|
-
`}};o.styles=t,e([r({type:String})],o.prototype,"label",void 0),e([r({type:String})],o.prototype,"sublabel",void 0),e([r({type:Boolean,reflect:!0})],o.prototype,"isChecked",void 0),e([r({attribute:"help-text"})],o.prototype,"helpText",void 0),e([r({attribute:"error-message"})],o.prototype,"errorMessage",void 0),o=e([l("nile-slide-toggle")],o);export{o as N};
|
22
|
+
`}};o.styles=t,e([r({type:String})],o.prototype,"label",void 0),e([r({type:String})],o.prototype,"sublabel",void 0),e([r({type:Boolean,reflect:!0})],o.prototype,"isChecked",void 0),e([r({attribute:"help-text",reflect:!0})],o.prototype,"helpText",void 0),e([r({attribute:"error-message",reflect:!0})],o.prototype,"errorMessage",void 0),o=e([l("nile-slide-toggle")],o);export{o as N};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
System.register(["./nile-stepper.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","lit","../internal/watch.cjs.js","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperCjsJs){_export("NileStepper",_nileStepperCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileStepperCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_property002CjsJs){}],execute:function execute(){}};});
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export{N as NileStepper}from"./nile-stepper.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"./nile-stepper.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../internal/watch.esm.js";import"../property-09139d3c.esm.js";
|
@@ -0,0 +1,2 @@
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,s,i,r,n,o,_templateObject,p;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_nileStepperCssCjsJs){i=_nileStepperCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_r){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.contentBelow=!1,_this.currentStep=0,_this.completedStep=0,_this.size="md",_this.icon="tick";return _this;}_inherits(p,_r);return _createClass(p,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_get(_getPrototypeOf(p.prototype),"connectedCallback",this).call(this),this.updateComplete.then(function(){_this2.updateItems();});}},{key:"handleCurrentStepChanges",value:function handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep});}},{key:"handleCompletedStepChanges",value:function handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep});}},{key:"updateItems",value:function updateItems(){var _this3=this;var t=_toConsumableArray(this.querySelectorAll("nile-stepper-item"));if(!t.length)return;var e=t.length<3,s=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,i=this.completedStep>t.length||this.completedStep<s?s:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(function(n,o){o+1<s?(n.isComplete=!0,n.isCurrent=!1):o+1==s?(n.isComplete=o+1<=i,n.isCurrent=!0):(n.isComplete=o+1<=i,n.isCurrent=!1),0==o&&(n.isFirst=!0),o==t.length-1&&(n.isLast=!0),n.currentStepValue=s,n.calculatedCompletedStepValue=i,n.completedStepValue=r,n.icon=_this3.icon,n.value=o+1,n.contentBelow=_this3.contentBelow,0!=o&&o!=t.length-1||(n.haveFlex=e);});}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot\n\t\t\t\t@slotchange=","\n\t\t\t></slot>\n\t\t\t"])),this.updateItems);}}],[{key:"styles",get:function get(){return[i];}}]);}(r));t([o({type:Boolean,attribute:"content-below"})],p.prototype,"contentBelow",void 0),t([o({type:Number,attribute:"current-step"})],p.prototype,"currentStep",void 0),t([o({type:Number,attribute:"completed-step"})],p.prototype,"completedStep",void 0),t([o({type:String,attribute:"size"})],p.prototype,"size",void 0),t([o()],p.prototype,"icon",void 0),t([n("currentStep")],p.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],p.prototype,"handleCompletedStepChanges",null),_export("N",p=t([s("nile-stepper")],p));}};});
|
2
|
+
//# sourceMappingURL=nile-stepper.cjs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-stepper.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.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, html, property, CSSResultArray, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-stepper.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n\n/**\n * Nile stepper component.\n *\n * @tag nile-stepper\n *\n */\n@customElement('nile-stepper')\nexport class NileStepper extends NileElement {\n\n\t@property({ type: Boolean, attribute: 'content-below' }) contentBelow: boolean = false;\n\t@property({ type: Number, attribute: 'current-step' }) currentStep: number = 0;\n\t@property({ type: Number, attribute: 'completed-step' }) completedStep: number = 0;\n\t@property({ type: String, attribute: 'size' }) size: 'sm' | 'md' | 'lg' = 'md';\n\t@property() icon: string = 'tick';\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.updateComplete.then(() => {\n\t\t\tthis.updateItems();\n\t\t});\n\t}\n\n\t@watch('currentStep')\n\thandleCurrentStepChanges() {\n\t\tthis.updateItems();\n\t\tthis.emit('nile-current-change', { value: this.currentStep });\n\t}\n\n\t@watch('completedStep')\n\thandleCompletedStepChanges() {\n\t\tthis.updateItems()\n\t\tthis.emit('nile-completed-change', { value: this.completedStep });\n\t}\n\n\tprivate updateItems() {\n\t\tconst items: any = [...this.querySelectorAll('nile-stepper-item')];\n\t\tif (!items.length) return;\n\n\t\tconst haveFlex = items.length < 3;\n\n\t\tconst current = (this.currentStep == 0 || this.currentStep > items.length) ? 1 : this.currentStep;\n\t\tconst calculatedCompleted = this.completedStep > items.length ? current : this.completedStep < current ? current : this.completedStep;\n\t\tconst completed = this.completedStep > items.length ? 0 : this.completedStep;\n\n\t\titems.forEach((el: any, index: number) => {\n\t\t\t// set item is complete and is current values\n\t\t\tif (index + 1 < current) {\n\t\t\t\tel.isComplete = true;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\t\t\telse if (index + 1 == current) {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = true;\n\t\t\t}\n\t\t\telse {\n\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\telse el.isComplete = false;\n\t\t\t\tel.isCurrent = false;\n\t\t\t}\n\n\t\t\t// Set isLast and isFirst\n\t\t\tif (index == 0) el.isFirst = true;\n\t\t\tif (index == items.length - 1) el.isLast = true;\n\n\t\t\t// setting default values\n\t\t\tel.currentStepValue = current;\n\t\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\t\tel.completedStepValue = completed;\n\n\t\t\tel.icon = this.icon;\n\t\t\tel.value = index + 1;\n\t\t\tel.contentBelow = this.contentBelow\n\t\t\tif (index == 0 || index == items.length - 1) {\n\t\t\t\tel.haveFlex = haveFlex;\n\t\t\t}\n\t\t})\n\t}\n\n\t/**\n\t * The styles for nile-stepper\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\treturn html`\n\t\t\t<slot\n\t\t\t\t@slotchange=${this.updateItems}\n\t\t\t></slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepper;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper': NileStepper;\n\t}\n}"],"names":["NileStepper","_r","p","constructor","this","contentBelow","currentStep","completedStep","size","icon","_this","_inherits","_createClass","key","value","connectedCallback","super","updateComplete","then","updateItems","handleCurrentStepChanges","emit","handleCompletedStepChanges","items","_toConsumableArray","querySelectorAll","length","haveFlex","current","calculatedCompleted","completed","forEach","el","index","isComplete","isCurrent","isFirst","isLast","currentStepValue","calculatedCompletedStepValue","completedStepValue","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","type","Boolean","attribute","prototype","Number","String","watch","customElement"],"mappings":"43KAqBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAEmDC,KAAAA,CAAYC,YAAAA,CAAAA,CAAY,EAC1BD,KAAAA,CAAWE,WAAAA,CAAW,EACpBF,KAAAA,CAAaG,aAAAA,CAAW,EAClCH,KAAAA,CAAII,IAAAA,CAAuB,IAC9DJ,CAAAA,KAAAA,CAAIK,IAAW,CAAA,MA2F3B,QAAAC,KAAA,EAzFAC,SAAA,CAAAT,CAAA,CAAAD,EAAA,SAAAW,YAAA,CAAAV,CAAA,GAAAW,GAAA,qBAAAC,KAAA,UAAAC,kBAAA,CAAAA,KAAAA,MAAAA,MACCC,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAZ,IAAAA,CAAKa,eAAeC,IAAK,CAAA,UAAA,CACxBd,MAAKe,CAAAA,WAAAA,CAAAA,CAAa,EAEnB,CAAA,EAGD,GAAAN,GAAA,4BAAAC,KAAA,UAAAM,yBAAA,CACChB,CAAAA,IAAAA,CAAKe,cACLf,IAAKiB,CAAAA,IAAAA,CAAK,sBAAuB,CAAEP,KAAAA,CAAOV,IAAKE,CAAAA,WAAAA,CAAAA,CAC/C,EAGD,GAAAO,GAAA,8BAAAC,KAAA,UAAAQ,2BAAA,EACClB,IAAKe,CAAAA,WAAAA,CAAAA,CAAAA,CACLf,KAAKiB,IAAK,CAAA,uBAAA,CAAyB,CAAEP,KAAOV,CAAAA,IAAAA,CAAKG,aACjD,CAAA,CAAA,EAEO,GAAAM,GAAA,eAAAC,KAAA,UAAAK,YAAA,CAAAA,KAAAA,MAAAA,MACP,GAAMI,CAAAA,CAAa,CAAAC,kBAAA,CAAIpB,KAAKqB,gBAAiB,CAAA,mBAAA,CAAA,CAAA,CAC7C,IAAKF,CAAMG,CAAAA,MAAAA,CAAQ,OAEnB,GAAMC,CAAAA,CAAWJ,CAAAA,CAAAA,CAAMG,OAAS,CAE1BE,CAAAA,CAAAA,CAA+B,CAApBxB,EAAAA,IAAAA,CAAKE,WAAoBF,EAAAA,IAAAA,CAAKE,YAAciB,CAAMG,CAAAA,MAAAA,CAAU,CAAItB,CAAAA,IAAAA,CAAKE,WAChFuB,CAAAA,CAAAA,CAAsBzB,KAAKG,aAAgBgB,CAAAA,CAAAA,CAAMG,QAAmBtB,IAAKG,CAAAA,aAAAA,CAAgBqB,EAA/BA,CAAmDxB,CAAAA,IAAAA,CAAKG,aAClHuB,CAAAA,CAAAA,CAAY1B,IAAKG,CAAAA,aAAAA,CAAgBgB,EAAMG,MAAS,CAAA,CAAA,CAAItB,KAAKG,aAE/DgB,CAAAA,CAAAA,CAAMQ,QAAQ,SAACC,CAAAA,CAASC,CAEnBA,CAAAA,CAAAA,CAAAA,CAAQ,CAAIL,CAAAA,CAAAA,EACfI,EAAGE,UAAa,CAAA,CAAA,CAAA,CAChBF,EAAGG,SAAY,CAAA,CAAA,CAAA,EAEPF,EAAQ,CAAKL,EAAAA,CAAAA,EACiBI,CAAGE,CAAAA,UAAAA,CAArCD,CAAQ,CAAA,CAAA,EAAKJ,EAEjBG,CAAGG,CAAAA,SAAAA,CAAAA,CAAY,CAGuBH,GAAAA,CAAAA,CAAGE,UAArCD,CAAAA,CAAAA,CAAQ,GAAKJ,CAEjBG,CAAAA,CAAAA,CAAGG,SAAY,CAAA,CAAA,CAAA,CAAA,CAIH,CAATF,EAAAA,CAAAA,GAAYD,EAAGI,OAAU,CAAA,CAAA,CAAA,CAAA,CACzBH,GAASV,CAAMG,CAAAA,MAAAA,CAAS,IAAGM,CAAGK,CAAAA,MAAAA,CAAAA,CAAS,CAG3CL,CAAAA,CAAAA,CAAAA,CAAGM,gBAAmBV,CAAAA,CAAAA,CACtBI,EAAGO,4BAA+BV,CAAAA,CAAAA,CAClCG,EAAGQ,kBAAqBV,CAAAA,CAAAA,CAExBE,EAAGvB,IAAOL,CAAAA,MAAAA,CAAKK,IACfuB,CAAAA,CAAAA,CAAGlB,KAAQmB,CAAAA,CAAAA,CAAQ,EACnBD,CAAG3B,CAAAA,YAAAA,CAAeD,OAAKC,YACV,CAAA,CAAA,EAAT4B,GAAcA,CAASV,EAAAA,CAAAA,CAAMG,MAAS,CAAA,CAAA,GACzCM,CAAGL,CAAAA,QAAAA,CAAWA,EACd,EAEF,CAAA,EAMM,GAAAd,GAAA,UAAAC,KAAA,CAYA,SAAA2B,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sEAEKxC,IAAKe,CAAAA,WAAAA,EAGrB,CAAA,KAAAN,GAAA,UAAAgC,GAAA,CAlBM,SAAAA,IAAA,CAAWC,CACjB,MAAO,CAACA,EACR,EAUM,MAxFyBC,IAEyBC,EAAA,CAAxDC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,SAAW,CAAA,eAAA,CAAA,CAAA,CAAA,CAAiDpD,CAAAqD,CAAAA,SAAAA,CAAA,mBAAA,EAChCL,CAAAA,CAAAA,CAAAA,CAAA,CAAtDC,CAAAA,CAAS,CAAEC,IAAMI,CAAAA,MAAAA,CAAQF,SAAW,CAAA,cAAA,CAAA,CAAA,CAAA,CAA0CpD,EAAAqD,SAAA,CAAA,aAAA,CAAA,IAAA,EACtBL,CAAAA,CAAAA,CAAAA,CAAA,CAAxDC,CAAS,CAAA,CAAEC,IAAMI,CAAAA,MAAAA,CAAQF,UAAW,gBAA8CpD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqD,SAAA,CAAA,eAAA,CAAA,IAAA,IACpCL,CAAA,CAAA,CAA9CC,CAAS,CAAA,CAAEC,KAAMK,MAAQH,CAAAA,SAAAA,CAAW,MAA0CpD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqD,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CACnEL,CAAA,CAAA,CAAXC,KAAiCjD,CAAAqD,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAUlCL,EAAA,CADCQ,CAAAA,CAAM,aAINxD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqD,UAAA,0BAAA,CAAA,IAAA,CAAA,CAGDL,CAAA,CAAA,CADCQ,EAAM,eAINxD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAqD,SAAA,CAAA,4BAAA,CAAA,kBAzBWrD,CAAWgD,CAAAA,CAAAA,CAAA,CADvBS,CAAAA,CAAc,iBACFzD"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var s,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){s=_index001CjsJs.i;}],execute:function execute(){_export("s",t=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\twidth:100%;\n\t}\n"]))));}};});
|
2
|
+
//# sourceMappingURL=nile-stepper.css.cjs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-stepper.css.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Stepper CSS\n */\nexport const styles = css`\n\t:host {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\twidth:100%;\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{customElement as s}from"lit/decorators.js";import{s as i}from"./nile-stepper.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";let p=class extends r{constructor(){super(...arguments),this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="md",this.icon="tick"}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this.updateItems()}))}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const t=[...this.querySelectorAll("nile-stepper-item")];if(!t.length)return;const e=t.length<3,s=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,i=this.completedStep>t.length||this.completedStep<s?s:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(((n,o)=>{o+1<s?(n.isComplete=!0,n.isCurrent=!1):o+1==s?(n.isComplete=o+1<=i,n.isCurrent=!0):(n.isComplete=o+1<=i,n.isCurrent=!1),0==o&&(n.isFirst=!0),o==t.length-1&&(n.isLast=!0),n.currentStepValue=s,n.calculatedCompletedStepValue=i,n.completedStepValue=r,n.icon=this.icon,n.value=o+1,n.contentBelow=this.contentBelow,0!=o&&o!=t.length-1||(n.haveFlex=e)}))}static get styles(){return[i]}render(){return e`
|
2
|
+
<slot
|
3
|
+
@slotchange=${this.updateItems}
|
4
|
+
></slot>
|
5
|
+
`}};t([o({type:Boolean,attribute:"content-below"})],p.prototype,"contentBelow",void 0),t([o({type:Number,attribute:"current-step"})],p.prototype,"currentStep",void 0),t([o({type:Number,attribute:"completed-step"})],p.prototype,"completedStep",void 0),t([o({type:String,attribute:"size"})],p.prototype,"size",void 0),t([o()],p.prototype,"icon",void 0),t([n("currentStep")],p.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],p.prototype,"handleCompletedStepChanges",null),p=t([s("nile-stepper")],p);export{p as N};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
System.register(["./nile-stepper-item.cjs.js","tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperItemCjsJs){_export("NileStepperItem",_nileStepperItemCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileStepperItemCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function execute(){}};});
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export{N as NileStepperItem}from"./nile-stepper-item.esm.js";import"tslib";import"../index-0a3007c5.esm.js";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-stepper-item.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";
|
@@ -0,0 +1,6 @@
|
|
1
|
+
System.register(["tslib","../index-c7ad3b47.cjs.js","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,l,p,r,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,n;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(obj,key,value){key=_toPropertyKey(key);if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2017 Google LLC
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
+
*/function _(t){return o(_objectSpread(_objectSpread({},t),{},{state:!0}));}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;i=_index001CjsJs.A;},function(_litDecoratorsJs){s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_nileStepperItemCssCjsJs){p=_nileStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_r){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.title="",_this.subtitle="",_this.contentBelow=!1,_this.size="md",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.haveFlex=!0;return _this;}_inherits(n,_r);return _createClass(n,[{key:"render",value:function render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");var t=this.isCurrent,s=this.isComplete;var p=!1;(s&&!t||this.completedStepValue==this.value)&&(p=!0);var r=!1;s&&(r=!0,this.calculatedCompletedStepValue==this.value&&(r=!1));var o="sm"==this.size?14:"md"==this.size?16:20;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div class=\"","\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"","\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t","\n\t\t\t</div>\n\t\t"])),l({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--md":"md"==this.size,"stepper__item--lg":"lg"==this.size}),this.isFirst?i:e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\"/>\n\t\t\t\t\t\t"])),l({stepper__line:!0,"stepper__line--active":s||t})),p?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--icon\"><nile-icon size=\"","\" name=\"","\" color=\"white\"></nile-icon> </div>"])),o,this.icon):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div class=\"stepper__bulletin--dot\"></div>"]))),l({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow}),this.contentBelow?i:e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<div class=\"stepper__content__title\" style=\"","\">","</div>\n\t\t\t\t\t\t"])),!this.contentBelow&&this.title?"padding-left:5px;":"",this.title),this.isLast?i:e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t"])),l({stepper__line:!0,"stepper__line--active":r})),this.contentBelow?e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"stepper__content__title\">","</div>\n\t\t\t\t\t\t<div class=\"stepper__content__subtitle\">","</div>\n\t\t\t\t\t</div>\n\t\t\t\t"])),this.title,this.subtitle):i);}}],[{key:"styles",get:function get(){return[p];}}]);}(r));t([o()],n.prototype,"title",void 0),t([o()],n.prototype,"subtitle",void 0),t([_()],n.prototype,"contentBelow",void 0),t([_()],n.prototype,"size",void 0),t([_()],n.prototype,"icon",void 0),t([_()],n.prototype,"isFirst",void 0),t([_()],n.prototype,"isLast",void 0),t([_()],n.prototype,"isComplete",void 0),t([_()],n.prototype,"isCurrent",void 0),t([_()],n.prototype,"currentStepValue",void 0),t([_()],n.prototype,"completedStepValue",void 0),t([_()],n.prototype,"calculatedCompletedStepValue",void 0),t([_()],n.prototype,"value",void 0),t([_()],n.prototype,"haveFlex",void 0),_export("N",n=t([s("nile-stepper-item")],n));}};});
|
6
|
+
//# sourceMappingURL=nile-stepper-item.cjs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-stepper-item.cjs.js","sources":["../../../../node_modules/@lit/reactive-element/decorators/state.js","../../../src/nile-stepper-item/nile-stepper-item.ts"],"sourcesContent":["import{property as r}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function t(t){return r({...t,state:!0})}export{t as state};\n//# sourceMappingURL=state.js.map\n","/**\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, property, state, CSSResultArray, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-stepper-item.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile stepper-item component.\n *\n * @tag nile-stepper-item\n *\n */\n@customElement('nile-stepper-item')\nexport class NileStepperItem extends NileElement {\n\t/* Properties passed directly */\n\t@property() title: string = '';\n\t@property() subtitle: string = '';\n\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'md' | 'lg' = 'md';\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\n\t/**\n\t * The styles for nile-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\n\t\tif (!this.haveFlex) this.style.setProperty('--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\t\tlet iconSize = this.size == 'sm'?14:this.size == 'md'?16:20;\n\t\treturn html`\n\t\t\t<div class=\"${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--sm':this.size=='sm',\n\t\t\t\t'stepper__item--md':this.size=='md',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t${this.isFirst ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':isComplete || isCurrent\n\t\t\t\t\t\t\t})}\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t${showCompletedIcon ? html`<div class=\"stepper__bulletin--icon\"><nile-icon size=\"${iconSize}\" name=\"${this.icon}\" color=\"white\"></nile-icon> </div>`\n\t\t\t\t\t\t\t: html`<div class=\"stepper__bulletin--dot\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"${classMap({\n\t\t\t\t\t\t'stepper__line__container':true,\n\t\t\t\t\t\t'stepper__line--hastitle':!this.contentBelow\n\t\t\t\t\t})}\">\n\t\t\t\t\t\t${this.contentBelow?nothing:html`\n\t\t\t\t\t\t\t<div class=\"stepper__content__title\" style=\"${!this.contentBelow && this.title?'padding-left:5px;':''}\">${this.title}</div>\n\t\t\t\t\t\t`}\n\t\t\t\t\t\t${this.isLast ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':suffixStepperLineActive\n\t\t\t\t\t\t\t})}\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t${!this.contentBelow?nothing:html`\n\t\t\t\t\t<div class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div class=\"stepper__content__title\">${this.title}</div>\n\t\t\t\t\t\t<div class=\"stepper__content__subtitle\">${this.subtitle}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepperItem;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper-item': NileStepperItem;\n\t}\n}"],"names":["t","r","state","setters","_tslib","NileStepperItem","n","this","title","subtitle","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","haveFlex","_this","_inherits","_r","_createClass","key","value","render","style","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","iconSize","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","nothing","_templateObject2","stepper__line","_templateObject3","_templateObject4","stepper__line__container","_templateObject5","_templateObject6","_templateObject7","__decorate","get","styles","NileElement","property","prototype","_export","customElement"],"mappings":"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","x_google_ignoreList":[0]}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
System.register(["../index-c7ad3b47.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tcolor: var(--nile-stepper-color-text-default);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-default);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-default);\n\t\t--stepper-title-color:var(--stepper-default-text-color);\n\t\t--stepper-subtitle-color:var(--stepper-default-text-color);\n\t}\n\n\t.stepper__item--selected {\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-selected);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-selected);\n\t\t--stepper-title-color:var(--nile-stepper-color-title-selected);\n\t\t--stepper-subtitle-color:var(--nile-stepper-color-subtitle-selected);\n\t}\n\n\t.stepper__item--sm {\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--md {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:24px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:32px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-default);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-selected);\n\t}\n\n\t.stepper__item__content--below {\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--stepper-title-color);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--stepper-subtitle-color);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--bulletin-inner-color) 35%, var(--bulletin-outer-color) 35%);\n\t\tborder: 1px solid var(--bulletin-inner-color);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-stepper-color-highlight);\n\t}\n"]))));}};});
|
2
|
+
//# sourceMappingURL=nile-stepper-item.css.cjs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"nile-stepper-item.css.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit-element';\n\n/**\n * StepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tcolor: var(--nile-stepper-color-text-default);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-default);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-default);\n\t\t--stepper-title-color:var(--stepper-default-text-color);\n\t\t--stepper-subtitle-color:var(--stepper-default-text-color);\n\t}\n\n\t.stepper__item--selected {\n\t\t--bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-selected);\n\t\t--bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-selected);\n\t\t--stepper-title-color:var(--nile-stepper-color-title-selected);\n\t\t--stepper-subtitle-color:var(--nile-stepper-color-subtitle-selected);\n\t}\n\n\t.stepper__item--sm {\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--md {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:24px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--circle-height:32px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-default);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 1px solid var(--nile-stepper-color-line-selected);\n\t}\n\n\t.stepper__item__content--below {\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--stepper-title-color);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--stepper-subtitle-color);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--bulletin-inner-color) 35%, var(--bulletin-outer-color) 35%);\n\t\tborder: 1px solid var(--bulletin-inner-color);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-stepper-color-highlight);\n\t}\n`;\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|