@aquera/nile-elements 1.6.1 → 1.6.3
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 +14 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1150 -624
- package/dist/internal/accessibility/a11y.custom-value.enum.cjs.js +2 -0
- package/dist/internal/accessibility/a11y.custom-value.enum.cjs.js.map +1 -0
- package/dist/internal/accessibility/a11y.custom-value.enum.esm.js +1 -0
- package/dist/internal/accessibility/a11y.property.enum.cjs.js +2 -0
- package/dist/internal/accessibility/a11y.property.enum.cjs.js.map +1 -0
- package/dist/internal/accessibility/a11y.property.enum.esm.js +1 -0
- package/dist/internal/accessibility/a11y.role.enum.cjs.js +2 -0
- package/dist/internal/accessibility/a11y.role.enum.cjs.js.map +1 -0
- package/dist/internal/accessibility/a11y.role.enum.esm.js +1 -0
- package/dist/internal/accessibility/a11y.state.enum.cjs.js +2 -0
- package/dist/internal/accessibility/a11y.state.enum.cjs.js.map +1 -0
- package/dist/internal/accessibility/a11y.state.enum.esm.js +1 -0
- package/dist/internal/accessibility/accessibility.const.cjs.js +2 -0
- package/dist/internal/accessibility/accessibility.const.cjs.js.map +1 -0
- package/dist/internal/accessibility/accessibility.const.esm.js +1 -0
- package/dist/internal/accessibility/role.enum.cjs.js +2 -0
- package/dist/internal/accessibility/role.enum.cjs.js.map +1 -0
- package/dist/internal/accessibility/role.enum.esm.js +1 -0
- package/dist/internal/enum.cjs.js +1 -1
- package/dist/internal/enum.cjs.js.map +1 -1
- package/dist/internal/enum.esm.js +1 -1
- package/dist/internal/nile-element.cjs.js +1 -1
- package/dist/internal/nile-element.cjs.js.map +1 -1
- package/dist/internal/nile-element.esm.js +1 -1
- package/dist/nile-accordion/index.cjs.js +1 -1
- package/dist/nile-accordion/index.esm.js +1 -1
- package/dist/nile-accordion/nile-accordion.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordion.cjs.js.map +1 -1
- package/dist/nile-accordion/nile-accordion.esm.js +2 -2
- package/dist/nile-auto-complete/index.cjs.js +1 -1
- package/dist/nile-auto-complete/index.esm.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.esm.js +1 -1
- package/dist/nile-avatar/index.cjs.js +1 -1
- package/dist/nile-avatar/index.esm.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.esm.js +3 -1
- 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 +2 -2
- package/dist/nile-breadcrumb/index.cjs.js +1 -1
- package/dist/nile-breadcrumb/index.esm.js +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js.map +1 -1
- package/dist/nile-breadcrumb/nile-breadcrumb.esm.js +1 -1
- package/dist/nile-breadcrumb-item/index.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/index.esm.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +4 -4
- 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-button-filter/index.cjs.js +1 -1
- package/dist/nile-button-filter/index.esm.js +1 -1
- package/dist/nile-button-filter/nile-button-filter.cjs.js +1 -1
- package/dist/nile-button-filter/nile-button-filter.cjs.js.map +1 -1
- package/dist/nile-button-filter/nile-button-filter.esm.js +7 -7
- package/dist/nile-button-toggle/index.cjs.js +1 -1
- package/dist/nile-button-toggle/index.esm.js +1 -1
- package/dist/nile-button-toggle/nile-button-toggle.cjs.js +1 -1
- package/dist/nile-button-toggle/nile-button-toggle.cjs.js.map +1 -1
- package/dist/nile-button-toggle/nile-button-toggle.esm.js +2 -2
- package/dist/nile-button-toggle-group/index.cjs.js +1 -1
- package/dist/nile-button-toggle-group/index.esm.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js.map +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.esm.js +1 -1
- package/dist/nile-calendar/index.cjs.js +1 -1
- package/dist/nile-calendar/index.esm.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.esm.js +4 -4
- package/dist/nile-card/index.cjs.js +1 -1
- package/dist/nile-card/index.esm.js +1 -1
- package/dist/nile-card/nile-card.cjs.js +1 -1
- package/dist/nile-card/nile-card.cjs.js.map +1 -1
- package/dist/nile-card/nile-card.esm.js +2 -2
- package/dist/nile-carousel/index.cjs.js +1 -1
- package/dist/nile-carousel/index.esm.js +1 -1
- package/dist/nile-carousel/nile-carousel-item/index.cjs.js +1 -1
- package/dist/nile-carousel/nile-carousel-item/index.esm.js +1 -1
- package/dist/nile-carousel/nile-carousel-item/nile-carousel-item.cjs.js +1 -1
- package/dist/nile-carousel/nile-carousel-item/nile-carousel-item.cjs.js.map +1 -1
- package/dist/nile-carousel/nile-carousel-item/nile-carousel-item.esm.js +2 -2
- package/dist/nile-carousel/nile-carousel.cjs.js +1 -1
- package/dist/nile-carousel/nile-carousel.cjs.js.map +1 -1
- package/dist/nile-carousel/nile-carousel.esm.js +1 -1
- package/dist/nile-checkbox/index.cjs.js +1 -1
- package/dist/nile-checkbox/index.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.css.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js.map +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.esm.js +4 -0
- package/dist/nile-checkbox/nile-checkbox.esm.js +3 -3
- package/dist/nile-checkbox-group/index.cjs.js +2 -0
- package/dist/nile-checkbox-group/index.cjs.js.map +1 -0
- package/dist/nile-checkbox-group/index.esm.js +1 -0
- package/dist/nile-checkbox-group/nile-checkbox-group.cjs.js +2 -0
- package/dist/nile-checkbox-group/nile-checkbox-group.cjs.js.map +1 -0
- package/dist/nile-checkbox-group/nile-checkbox-group.css.cjs.js +2 -0
- package/dist/nile-checkbox-group/nile-checkbox-group.css.cjs.js.map +1 -0
- package/dist/nile-checkbox-group/nile-checkbox-group.css.esm.js +68 -0
- package/dist/nile-checkbox-group/nile-checkbox-group.esm.js +56 -0
- package/dist/nile-chip/index.cjs.js +1 -1
- package/dist/nile-chip/index.esm.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.esm.js +2 -2
- package/dist/nile-circular-progressbar/index.cjs.js +1 -1
- package/dist/nile-circular-progressbar/index.esm.js +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.cjs.js +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.cjs.js.map +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.esm.js +2 -2
- package/dist/nile-code-editor/index.cjs.js +1 -1
- package/dist/nile-code-editor/index.esm.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.esm.js +1 -1
- package/dist/nile-content-editor/index.cjs.js +1 -1
- package/dist/nile-content-editor/index.esm.js +1 -1
- package/dist/nile-content-editor/nile-content-editor.cjs.js +1 -1
- package/dist/nile-content-editor/nile-content-editor.cjs.js.map +1 -1
- package/dist/nile-content-editor/nile-content-editor.esm.js +5 -5
- package/dist/nile-date-picker/index.cjs.js +1 -1
- package/dist/nile-date-picker/index.esm.js +1 -1
- package/dist/nile-date-picker/nile-date-picker.cjs.js +1 -1
- package/dist/nile-date-picker/nile-date-picker.cjs.js.map +1 -1
- package/dist/nile-date-picker/nile-date-picker.esm.js +1 -1
- package/dist/nile-detail/index.cjs.js +1 -1
- package/dist/nile-detail/index.esm.js +1 -1
- package/dist/nile-detail/nile-detail.cjs.js +1 -1
- package/dist/nile-detail/nile-detail.cjs.js.map +1 -1
- package/dist/nile-detail/nile-detail.esm.js +2 -2
- 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 +2 -2
- package/dist/nile-divider/index.cjs.js +1 -1
- package/dist/nile-divider/index.esm.js +1 -1
- package/dist/nile-divider/nile-divider.cjs.js +1 -1
- package/dist/nile-divider/nile-divider.cjs.js.map +1 -1
- package/dist/nile-divider/nile-divider.esm.js +2 -2
- 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-dropdown/index.cjs.js +1 -1
- package/dist/nile-dropdown/index.esm.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.cjs.js.map +1 -1
- package/dist/nile-dropdown/nile-dropdown.esm.js +1 -1
- package/dist/nile-empty-state/index.cjs.js +1 -1
- package/dist/nile-empty-state/index.esm.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.esm.js +2 -2
- package/dist/nile-file-preview/index.cjs.js +1 -1
- package/dist/nile-file-preview/index.esm.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.cjs.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.cjs.js.map +1 -1
- package/dist/nile-file-preview/nile-file-preview.esm.js +1 -1
- package/dist/nile-file-upload/index.cjs.js +1 -1
- package/dist/nile-file-upload/index.esm.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.cjs.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.cjs.js.map +1 -1
- package/dist/nile-file-upload/nile-file-upload.esm.js +2 -2
- package/dist/nile-filter-chip/index.cjs.js +1 -1
- package/dist/nile-filter-chip/index.esm.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.cjs.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.cjs.js.map +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.esm.js +2 -2
- package/dist/nile-floating-panel/index.cjs.js +1 -1
- package/dist/nile-floating-panel/index.esm.js +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.cjs.js +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.cjs.js.map +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.esm.js +1 -1
- package/dist/nile-form-group/index.cjs.js +1 -1
- package/dist/nile-form-group/index.esm.js +1 -1
- package/dist/nile-form-group/nile-form-group.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.cjs.js.map +1 -1
- package/dist/nile-form-group/nile-form-group.esm.js +2 -2
- package/dist/nile-format-date/index.cjs.js +1 -1
- package/dist/nile-format-date/index.esm.js +1 -1
- package/dist/nile-format-date/nile-format-date.cjs.js +1 -1
- package/dist/nile-format-date/nile-format-date.cjs.js.map +1 -1
- package/dist/nile-format-date/nile-format-date.esm.js +1 -1
- package/dist/nile-grid/index.cjs.js +1 -1
- package/dist/nile-grid/index.esm.js +1 -1
- package/dist/nile-grid/nile-grid-body/index.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-body/index.esm.js +1 -1
- package/dist/nile-grid/nile-grid-body/nile-grid-body.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-body/nile-grid-body.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid-body/nile-grid-body.esm.js +2 -2
- package/dist/nile-grid/nile-grid-cell-item/index.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-cell-item/index.esm.js +1 -1
- package/dist/nile-grid/nile-grid-cell-item/nile-grid-cell-item.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-cell-item/nile-grid-cell-item.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid-cell-item/nile-grid-cell-item.esm.js +2 -2
- package/dist/nile-grid/nile-grid-head/index.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-head/index.esm.js +1 -1
- package/dist/nile-grid/nile-grid-head/nile-grid-head.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-head/nile-grid-head.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid-head/nile-grid-head.esm.js +2 -2
- package/dist/nile-grid/nile-grid-head-item/index.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-head-item/index.esm.js +1 -1
- package/dist/nile-grid/nile-grid-head-item/nile-grid-head-item.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-head-item/nile-grid-head-item.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid-head-item/nile-grid-head-item.esm.js +3 -3
- package/dist/nile-grid/nile-grid-row/index.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-row/index.esm.js +1 -1
- package/dist/nile-grid/nile-grid-row/nile-grid-row.cjs.js +1 -1
- package/dist/nile-grid/nile-grid-row/nile-grid-row.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid-row/nile-grid-row.esm.js +2 -2
- package/dist/nile-grid/nile-grid.cjs.js +1 -1
- package/dist/nile-grid/nile-grid.cjs.js.map +1 -1
- package/dist/nile-grid/nile-grid.esm.js +2 -2
- package/dist/nile-hero/index.cjs.js +1 -1
- package/dist/nile-hero/index.esm.js +1 -1
- package/dist/nile-hero/nile-hero.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.cjs.js.map +1 -1
- package/dist/nile-hero/nile-hero.esm.js +2 -2
- package/dist/nile-hero-header/index.cjs.js +1 -1
- package/dist/nile-hero-header/index.esm.js +1 -1
- package/dist/nile-hero-header/nile-hero-header.cjs.js +1 -1
- package/dist/nile-hero-header/nile-hero-header.cjs.js.map +1 -1
- package/dist/nile-hero-header/nile-hero-header.esm.js +2 -2
- package/dist/nile-icon/icons/svg/folder_delete.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/folder_delete.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/folder_delete.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/layers-three-02.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/layers-three-02.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/layers-three-02.esm.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/nile-inline-edit/index.cjs.js +1 -1
- package/dist/nile-inline-edit/index.esm.js +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.cjs.js +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.cjs.js.map +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.esm.js +2 -2
- package/dist/nile-inline-sidebar/index.cjs.js +1 -1
- package/dist/nile-inline-sidebar/index.esm.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.esm.js +3 -3
- package/dist/nile-inline-sidebar-group/index.cjs.js +1 -1
- package/dist/nile-inline-sidebar-group/index.esm.js +1 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.cjs.js +1 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.esm.js +3 -3
- package/dist/nile-inline-sidebar-item/index.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/index.esm.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.esm.js +3 -3
- 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 +1 -1
- package/dist/nile-link/index.cjs.js +1 -1
- package/dist/nile-link/index.esm.js +1 -1
- package/dist/nile-link/nile-link.cjs.js +1 -1
- package/dist/nile-link/nile-link.cjs.js.map +1 -1
- package/dist/nile-link/nile-link.esm.js +3 -3
- package/dist/nile-list/index.cjs.js +1 -1
- package/dist/nile-list/index.esm.js +1 -1
- package/dist/nile-list/nile-list.cjs.js +1 -1
- package/dist/nile-list/nile-list.cjs.js.map +1 -1
- package/dist/nile-list/nile-list.esm.js +1 -1
- package/dist/nile-list-item/index.cjs.js +1 -1
- package/dist/nile-list-item/index.esm.js +1 -1
- package/dist/nile-list-item/nile-list-item.cjs.js +1 -1
- package/dist/nile-list-item/nile-list-item.cjs.js.map +1 -1
- package/dist/nile-list-item/nile-list-item.esm.js +2 -2
- package/dist/nile-lite-tooltip/index.cjs.js +1 -1
- package/dist/nile-lite-tooltip/index.esm.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js.map +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.esm.js +1 -1
- package/dist/nile-menu/index.cjs.js +1 -1
- package/dist/nile-menu/index.esm.js +1 -1
- package/dist/nile-menu/nile-menu.cjs.js +1 -1
- package/dist/nile-menu/nile-menu.cjs.js.map +1 -1
- package/dist/nile-menu/nile-menu.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 +5 -5
- package/dist/nile-option-group/index.cjs.js +1 -1
- package/dist/nile-option-group/index.esm.js +1 -1
- package/dist/nile-option-group/nile-option-group.cjs.js +1 -1
- package/dist/nile-option-group/nile-option-group.cjs.js.map +1 -1
- package/dist/nile-option-group/nile-option-group.esm.js +2 -2
- package/dist/nile-otp-input/index.cjs.js +2 -0
- package/dist/nile-otp-input/index.cjs.js.map +1 -0
- package/dist/nile-otp-input/index.esm.js +1 -0
- package/dist/nile-otp-input/nile-otp-input.cjs.js +2 -0
- package/dist/nile-otp-input/nile-otp-input.cjs.js.map +1 -0
- package/dist/nile-otp-input/nile-otp-input.css.cjs.js +2 -0
- package/dist/nile-otp-input/nile-otp-input.css.cjs.js.map +1 -0
- package/dist/nile-otp-input/nile-otp-input.css.esm.js +257 -0
- package/dist/nile-otp-input/nile-otp-input.enum.cjs.js +2 -0
- package/dist/nile-otp-input/nile-otp-input.enum.cjs.js.map +1 -0
- package/dist/nile-otp-input/nile-otp-input.enum.esm.js +1 -0
- package/dist/nile-otp-input/nile-otp-input.esm.js +103 -0
- package/dist/nile-page-header/index.cjs.js +1 -1
- package/dist/nile-page-header/index.esm.js +1 -1
- package/dist/nile-page-header/nile-page-header.cjs.js +1 -1
- package/dist/nile-page-header/nile-page-header.cjs.js.map +1 -1
- package/dist/nile-page-header/nile-page-header.esm.js +2 -2
- package/dist/nile-pagination/index.cjs.js +1 -1
- package/dist/nile-pagination/index.esm.js +1 -1
- package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
- package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
- package/dist/nile-pagination/nile-pagination.css.cjs.js +1 -1
- package/dist/nile-pagination/nile-pagination.css.cjs.js.map +1 -1
- package/dist/nile-pagination/nile-pagination.css.esm.js +7 -0
- package/dist/nile-pagination/nile-pagination.esm.js +1 -1
- package/dist/nile-popover/index.cjs.js +1 -1
- package/dist/nile-popover/index.esm.js +1 -1
- package/dist/nile-popover/nile-popover.cjs.js +2 -2
- package/dist/nile-popover/nile-popover.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.esm.js +3 -3
- package/dist/nile-popup/index.cjs.js +1 -1
- package/dist/nile-popup/index.esm.js +1 -1
- package/dist/nile-popup/nile-popup.cjs.js +1 -1
- package/dist/nile-popup/nile-popup.cjs.js.map +1 -1
- package/dist/nile-popup/nile-popup.esm.js +2 -2
- package/dist/nile-progress-bar/index.cjs.js +1 -1
- package/dist/nile-progress-bar/index.esm.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.esm.js +2 -2
- package/dist/nile-qr-code/index.cjs.js +1 -1
- package/dist/nile-qr-code/index.esm.js +1 -1
- package/dist/nile-qr-code/nile-qr-code.cjs.js +1 -1
- package/dist/nile-qr-code/nile-qr-code.cjs.js.map +1 -1
- package/dist/nile-qr-code/nile-qr-code.esm.js +2 -2
- package/dist/nile-radio/index.cjs.js +1 -1
- package/dist/nile-radio/index.esm.js +1 -1
- package/dist/nile-radio/nile-radio.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.cjs.js.map +1 -1
- package/dist/nile-radio/nile-radio.css.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.css.cjs.js.map +1 -1
- package/dist/nile-radio/nile-radio.css.esm.js +4 -0
- package/dist/nile-radio/nile-radio.esm.js +2 -2
- package/dist/nile-radio-group/index.cjs.js +1 -1
- package/dist/nile-radio-group/index.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 +2 -2
- package/dist/nile-rich-text-editor/nile-rich-text-editor.cjs.js +1 -1
- package/dist/nile-rich-text-editor/nile-rich-text-editor.cjs.js.map +1 -1
- package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js +1 -1
- package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js.map +1 -1
- package/dist/nile-rich-text-editor/nile-rich-text-editor.css.esm.js +8 -6
- package/dist/nile-rich-text-editor/nile-rich-text-editor.esm.js +1 -1
- package/dist/nile-section-message/index.cjs.js +1 -1
- package/dist/nile-section-message/index.esm.js +1 -1
- package/dist/nile-section-message/nile-section-message.cjs.js +1 -1
- package/dist/nile-section-message/nile-section-message.cjs.js.map +1 -1
- package/dist/nile-section-message/nile-section-message.esm.js +2 -2
- 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.css.cjs.js +1 -1
- package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.css.esm.js +21 -2
- package/dist/nile-select/nile-select.esm.js +33 -25
- package/dist/nile-select/portal-utils.cjs.js +1 -1
- package/dist/nile-select/portal-utils.cjs.js.map +1 -1
- package/dist/nile-select/portal-utils.esm.js +1 -1
- package/dist/nile-side-bar/index.cjs.js +1 -1
- package/dist/nile-side-bar/index.esm.js +1 -1
- package/dist/nile-side-bar/nile-side-bar.cjs.js +1 -1
- package/dist/nile-side-bar/nile-side-bar.cjs.js.map +1 -1
- package/dist/nile-side-bar/nile-side-bar.esm.js +2 -2
- package/dist/nile-side-bar-action/index.cjs.js +1 -1
- package/dist/nile-side-bar-action/index.esm.js +1 -1
- package/dist/nile-side-bar-action/nile-side-bar-action.cjs.js +1 -1
- package/dist/nile-side-bar-action/nile-side-bar-action.cjs.js.map +1 -1
- package/dist/nile-side-bar-action/nile-side-bar-action.esm.js +3 -3
- package/dist/nile-side-bar-action-menu/index.cjs.js +1 -1
- package/dist/nile-side-bar-action-menu/index.esm.js +1 -1
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.cjs.js +1 -1
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.cjs.js.map +1 -1
- package/dist/nile-side-bar-action-menu/nile-side-bar-action-menu.esm.js +2 -2
- package/dist/nile-side-bar-action-menu-item/index.cjs.js +1 -1
- package/dist/nile-side-bar-action-menu-item/index.esm.js +1 -1
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.cjs.js +1 -1
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.cjs.js.map +1 -1
- package/dist/nile-side-bar-action-menu-item/nile-side-bar-action-menu-item.esm.js +1 -1
- package/dist/nile-side-bar-expand/index.cjs.js +1 -1
- package/dist/nile-side-bar-expand/index.esm.js +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js.map +1 -1
- package/dist/nile-side-bar-expand/nile-side-bar-expand.esm.js +2 -2
- package/dist/nile-side-bar-footer/index.cjs.js +1 -1
- package/dist/nile-side-bar-footer/index.esm.js +1 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.cjs.js +1 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.cjs.js.map +1 -1
- package/dist/nile-side-bar-footer/nile-side-bar-footer.esm.js +2 -2
- package/dist/nile-side-bar-footer-item/index.cjs.js +1 -1
- package/dist/nile-side-bar-footer-item/index.esm.js +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js.map +1 -1
- package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.esm.js +1 -1
- package/dist/nile-side-bar-footer-text/index.cjs.js +1 -1
- package/dist/nile-side-bar-footer-text/index.esm.js +1 -1
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.cjs.js +1 -1
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.cjs.js.map +1 -1
- package/dist/nile-side-bar-footer-text/nile-side-bar-footer-text.esm.js +3 -3
- package/dist/nile-side-bar-group/index.cjs.js +1 -1
- package/dist/nile-side-bar-group/index.esm.js +1 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.cjs.js +1 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.cjs.js.map +1 -1
- package/dist/nile-side-bar-group/nile-side-bar-group.esm.js +2 -2
- package/dist/nile-side-bar-group-item/index.cjs.js +1 -1
- package/dist/nile-side-bar-group-item/index.esm.js +1 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.cjs.js +1 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.cjs.js.map +1 -1
- package/dist/nile-side-bar-group-item/nile-side-bar-group-item.esm.js +2 -2
- package/dist/nile-side-bar-group-item-icon/index.cjs.js +1 -1
- package/dist/nile-side-bar-group-item-icon/index.esm.js +1 -1
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.cjs.js +1 -1
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.cjs.js.map +1 -1
- package/dist/nile-side-bar-group-item-icon/nile-side-bar-group-item-icon.esm.js +2 -2
- package/dist/nile-side-bar-group-item-text/index.cjs.js +1 -1
- package/dist/nile-side-bar-group-item-text/index.esm.js +1 -1
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.cjs.js +1 -1
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.cjs.js.map +1 -1
- package/dist/nile-side-bar-group-item-text/nile-side-bar-group-item-text.esm.js +1 -1
- package/dist/nile-side-bar-header/index.cjs.js +1 -1
- package/dist/nile-side-bar-header/index.esm.js +1 -1
- package/dist/nile-side-bar-header/nile-side-bar-header.cjs.js +1 -1
- package/dist/nile-side-bar-header/nile-side-bar-header.cjs.js.map +1 -1
- package/dist/nile-side-bar-header/nile-side-bar-header.esm.js +2 -2
- package/dist/nile-side-bar-logo/index.cjs.js +1 -1
- package/dist/nile-side-bar-logo/index.esm.js +1 -1
- package/dist/nile-side-bar-logo/nile-side-bar-logo.cjs.js +1 -1
- package/dist/nile-side-bar-logo/nile-side-bar-logo.cjs.js.map +1 -1
- package/dist/nile-side-bar-logo/nile-side-bar-logo.esm.js +2 -2
- package/dist/nile-side-bar-panel/index.cjs.js +1 -1
- package/dist/nile-side-bar-panel/index.esm.js +1 -1
- package/dist/nile-side-bar-panel/nile-side-bar-panel.cjs.js +1 -1
- package/dist/nile-side-bar-panel/nile-side-bar-panel.cjs.js.map +1 -1
- package/dist/nile-side-bar-panel/nile-side-bar-panel.esm.js +2 -2
- package/dist/nile-skeleton-loader/index.cjs.js +1 -1
- package/dist/nile-skeleton-loader/index.esm.js +1 -1
- package/dist/nile-skeleton-loader/nile-skeleton-loader.cjs.js +1 -1
- package/dist/nile-skeleton-loader/nile-skeleton-loader.cjs.js.map +1 -1
- package/dist/nile-skeleton-loader/nile-skeleton-loader.esm.js +2 -2
- package/dist/nile-slide-toggle/index.cjs.js +1 -1
- package/dist/nile-slide-toggle/index.esm.js +1 -1
- 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 +2 -2
- package/dist/nile-slider/index.cjs.js +1 -1
- package/dist/nile-slider/index.esm.js +1 -1
- package/dist/nile-slider/nile-slider.cjs.js +1 -1
- package/dist/nile-slider/nile-slider.cjs.js.map +1 -1
- package/dist/nile-slider/nile-slider.esm.js +3 -3
- package/dist/nile-split-panel/index.cjs.js +1 -1
- package/dist/nile-split-panel/index.esm.js +1 -1
- package/dist/nile-split-panel/nile-split-panel.cjs.js +1 -1
- package/dist/nile-split-panel/nile-split-panel.cjs.js.map +1 -1
- package/dist/nile-split-panel/nile-split-panel.esm.js +2 -2
- package/dist/nile-stepper/index.cjs.js +1 -1
- package/dist/nile-stepper/index.esm.js +1 -1
- package/dist/nile-stepper/nile-stepper.cjs.js +1 -1
- package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -1
- package/dist/nile-stepper/nile-stepper.esm.js +3 -3
- package/dist/nile-stepper-item/index.cjs.js +1 -1
- package/dist/nile-stepper-item/index.esm.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.esm.js +1 -1
- package/dist/nile-switcher/index.cjs.js +1 -1
- package/dist/nile-switcher/index.esm.js +1 -1
- package/dist/nile-switcher/nile-switcher.cjs.js +1 -1
- package/dist/nile-switcher/nile-switcher.cjs.js.map +1 -1
- package/dist/nile-switcher/nile-switcher.esm.js +23 -23
- 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.esm.js +1 -1
- package/dist/nile-tab-panel/index.cjs.js +1 -1
- package/dist/nile-tab-panel/index.esm.js +1 -1
- package/dist/nile-tab-panel/nile-tab-panel.cjs.js +1 -1
- package/dist/nile-tab-panel/nile-tab-panel.cjs.js.map +1 -1
- package/dist/nile-tab-panel/nile-tab-panel.esm.js +3 -3
- package/dist/nile-table/index.cjs.js +1 -1
- package/dist/nile-table/index.esm.js +1 -1
- package/dist/nile-table/nile-table.cjs.js +1 -1
- package/dist/nile-table/nile-table.cjs.js.map +1 -1
- package/dist/nile-table/nile-table.esm.js +1 -1
- package/dist/nile-table-body/index.cjs.js +1 -1
- package/dist/nile-table-body/index.esm.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.esm.js +3 -3
- package/dist/nile-table-cell-item/index.cjs.js +1 -1
- package/dist/nile-table-cell-item/index.esm.js +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js.map +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.esm.js +5 -5
- package/dist/nile-table-header-item/index.cjs.js +1 -1
- package/dist/nile-table-header-item/index.esm.js +1 -1
- 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.esm.js +1 -1
- package/dist/nile-table-row/index.cjs.js +1 -1
- package/dist/nile-table-row/index.esm.js +1 -1
- 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 +2 -2
- 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/index.cjs.js +1 -1
- package/dist/nile-textarea/index.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 +2 -2
- package/dist/nile-title/index.cjs.js +1 -1
- package/dist/nile-title/index.esm.js +1 -1
- package/dist/nile-title/nile-title.cjs.js +1 -1
- package/dist/nile-title/nile-title.cjs.js.map +1 -1
- package/dist/nile-title/nile-title.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/nile-toolbar/index.cjs.js +1 -1
- package/dist/nile-toolbar/index.esm.js +1 -1
- package/dist/nile-toolbar/nile-toolbar.cjs.js +1 -1
- package/dist/nile-toolbar/nile-toolbar.cjs.js.map +1 -1
- package/dist/nile-toolbar/nile-toolbar.esm.js +2 -2
- package/dist/nile-tooltip/index.cjs.js +1 -1
- package/dist/nile-tooltip/index.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.esm.js +2 -2
- package/dist/nile-tree/index.cjs.js +1 -1
- package/dist/nile-tree/index.esm.js +1 -1
- package/dist/nile-tree/nile-tree.cjs.js +1 -1
- package/dist/nile-tree/nile-tree.cjs.js.map +1 -1
- package/dist/nile-tree/nile-tree.esm.js +1 -1
- package/dist/nile-tree-item/index.cjs.js +1 -1
- package/dist/nile-tree-item/index.esm.js +1 -1
- package/dist/nile-tree-item/nile-tree-item.cjs.js +1 -1
- package/dist/nile-tree-item/nile-tree-item.cjs.js.map +1 -1
- package/dist/nile-tree-item/nile-tree-item.esm.js +1 -1
- package/dist/nile-vertical-stepper-item/index.cjs.js +1 -1
- package/dist/nile-vertical-stepper-item/index.esm.js +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js.map +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.esm.js +7 -7
- package/dist/nile-virtual-select/index.cjs.js +1 -1
- package/dist/nile-virtual-select/index.esm.js +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +3 -3
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +3 -3
- 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/internal/accessibility/a11y.custom-value.enum.d.ts +69 -0
- package/dist/src/internal/accessibility/a11y.custom-value.enum.js +71 -0
- package/dist/src/internal/accessibility/a11y.custom-value.enum.js.map +1 -0
- package/dist/src/internal/accessibility/a11y.property.enum.d.ts +33 -0
- package/dist/src/internal/accessibility/a11y.property.enum.js +35 -0
- package/dist/src/internal/accessibility/a11y.property.enum.js.map +1 -0
- package/dist/src/internal/accessibility/a11y.role.enum.d.ts +50 -0
- package/dist/src/internal/accessibility/a11y.role.enum.js +52 -0
- package/dist/src/internal/accessibility/a11y.role.enum.js.map +1 -0
- package/dist/src/internal/accessibility/a11y.state.enum.d.ts +17 -0
- package/dist/src/internal/accessibility/a11y.state.enum.js +19 -0
- package/dist/src/internal/accessibility/a11y.state.enum.js.map +1 -0
- package/dist/src/internal/accessibility/accessibility.const.d.ts +8 -0
- package/dist/src/internal/accessibility/accessibility.const.js +9 -0
- package/dist/src/internal/accessibility/accessibility.const.js.map +1 -0
- package/dist/src/internal/accessibility/role.enum.d.ts +3 -0
- package/dist/src/internal/accessibility/role.enum.js +5 -0
- package/dist/src/internal/accessibility/role.enum.js.map +1 -0
- package/dist/src/internal/enum.d.ts +21 -0
- package/dist/src/internal/enum.js +23 -1
- package/dist/src/internal/enum.js.map +1 -1
- package/dist/src/internal/nile-element.d.ts +52 -0
- package/dist/src/internal/nile-element.js +45 -0
- package/dist/src/internal/nile-element.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.js +2 -0
- package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
- package/dist/src/nile-badge/nile-badge.d.ts +1 -0
- package/dist/src/nile-badge/nile-badge.js +12 -1
- package/dist/src/nile-badge/nile-badge.js.map +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.css.js +4 -0
- package/dist/src/nile-checkbox/nile-checkbox.css.js.map +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.d.ts +2 -0
- package/dist/src/nile-checkbox/nile-checkbox.js +5 -0
- package/dist/src/nile-checkbox/nile-checkbox.js.map +1 -1
- package/dist/src/nile-checkbox-group/index.d.ts +1 -0
- package/dist/src/nile-checkbox-group/index.js +2 -0
- package/dist/src/nile-checkbox-group/index.js.map +1 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.css.d.ts +1 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.css.js +70 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.css.js.map +1 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.d.ts +84 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.js +355 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.js.map +1 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.test.d.ts +2 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.test.js +671 -0
- package/dist/src/nile-checkbox-group/nile-checkbox-group.test.js.map +1 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.d.ts +2 -0
- package/dist/src/nile-floating-panel/nile-floating-panel.js +12 -1
- package/dist/src/nile-floating-panel/nile-floating-panel.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/folder_delete.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/folder_delete.js +5 -0
- package/dist/src/nile-icon/icons/svg/folder_delete.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/index.d.ts +1 -0
- package/dist/src/nile-icon/icons/svg/index.js +1 -0
- package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/layers-three-02.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/layers-three-02.js +1 -1
- package/dist/src/nile-icon/icons/svg/layers-three-02.js.map +1 -1
- package/dist/src/nile-link/nile-link.d.ts +2 -1
- package/dist/src/nile-link/nile-link.js +18 -1
- package/dist/src/nile-link/nile-link.js.map +1 -1
- package/dist/src/nile-otp-input/index.d.ts +1 -0
- package/dist/src/nile-otp-input/index.js +2 -0
- package/dist/src/nile-otp-input/index.js.map +1 -0
- package/dist/src/nile-otp-input/nile-otp-input.css.d.ts +12 -0
- package/dist/src/nile-otp-input/nile-otp-input.css.js +269 -0
- package/dist/src/nile-otp-input/nile-otp-input.css.js.map +1 -0
- package/dist/src/nile-otp-input/nile-otp-input.d.ts +156 -0
- package/dist/src/nile-otp-input/nile-otp-input.enum.d.ts +26 -0
- package/dist/src/nile-otp-input/nile-otp-input.enum.js +32 -0
- package/dist/src/nile-otp-input/nile-otp-input.enum.js.map +1 -0
- package/dist/src/nile-otp-input/nile-otp-input.js +762 -0
- package/dist/src/nile-otp-input/nile-otp-input.js.map +1 -0
- package/dist/src/nile-otp-input/nile-otp-input.test.d.ts +1 -0
- package/dist/src/nile-otp-input/nile-otp-input.test.js +493 -0
- package/dist/src/nile-otp-input/nile-otp-input.test.js.map +1 -0
- package/dist/src/nile-pagination/nile-pagination.css.js +7 -0
- package/dist/src/nile-pagination/nile-pagination.css.js.map +1 -1
- package/dist/src/nile-radio/nile-radio.css.js +4 -0
- package/dist/src/nile-radio/nile-radio.css.js.map +1 -1
- package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js +8 -6
- package/dist/src/nile-rich-text-editor/nile-rich-text-editor.css.js.map +1 -1
- package/dist/src/nile-rich-text-editor/nile-rich-text-editor.d.ts +2 -0
- package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js +43 -0
- package/dist/src/nile-rich-text-editor/nile-rich-text-editor.js.map +1 -1
- package/dist/src/nile-rich-text-editor/nile-rte-link.test.js +6 -5
- package/dist/src/nile-rich-text-editor/nile-rte-link.test.js.map +1 -1
- package/dist/src/nile-select/nile-select.css.js +21 -2
- package/dist/src/nile-select/nile-select.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +4 -0
- package/dist/src/nile-select/nile-select.js +42 -24
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-select/portal-utils.d.ts +2 -0
- package/dist/src/nile-select/portal-utils.js +36 -3
- package/dist/src/nile-select/portal-utils.js.map +1 -1
- package/dist/src/version.js +2 -2
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -2
- package/plop-templates/lit/index.ts.hbs +1 -1
- package/plop-templates/lit/lit.css.ts.hbs +1 -1
- package/plop-templates/lit/lit.ts.hbs +1 -1
- package/src/index.ts +3 -1
- package/src/internal/accessibility/a11y.custom-value.enum.ts +69 -0
- package/src/internal/accessibility/a11y.property.enum.ts +33 -0
- package/src/internal/accessibility/a11y.role.enum.ts +50 -0
- package/src/internal/accessibility/a11y.state.enum.ts +17 -0
- package/src/internal/accessibility/accessibility.const.ts +9 -0
- package/src/internal/accessibility/role.enum.ts +3 -0
- package/src/internal/enum.ts +23 -1
- package/src/internal/nile-element.ts +99 -0
- package/src/nile-avatar/nile-avatar.ts +2 -0
- package/src/nile-badge/nile-badge.ts +13 -1
- package/src/nile-checkbox/nile-checkbox.css.ts +4 -0
- package/src/nile-checkbox/nile-checkbox.ts +3 -0
- package/src/nile-checkbox-group/index.ts +1 -0
- package/src/nile-checkbox-group/nile-checkbox-group.css.ts +70 -0
- package/src/nile-checkbox-group/nile-checkbox-group.test.ts +769 -0
- package/src/nile-checkbox-group/nile-checkbox-group.ts +351 -0
- package/src/nile-floating-panel/nile-floating-panel.ts +10 -1
- package/src/nile-icon/icons/svg/folder_delete.ts +5 -0
- package/src/nile-icon/icons/svg/index.ts +1 -0
- package/src/nile-icon/icons/svg/layers-three-02.ts +1 -1
- package/src/nile-link/nile-link.ts +21 -2
- package/src/nile-otp-input/index.ts +1 -0
- package/src/nile-otp-input/nile-otp-input.css.ts +271 -0
- package/src/nile-otp-input/nile-otp-input.enum.ts +30 -0
- package/src/nile-otp-input/nile-otp-input.test.ts +732 -0
- package/src/nile-otp-input/nile-otp-input.ts +835 -0
- package/src/nile-pagination/nile-pagination.css.ts +7 -0
- package/src/nile-radio/nile-radio.css.ts +4 -0
- package/src/nile-rich-text-editor/nile-rich-text-editor.css.ts +8 -6
- package/src/nile-rich-text-editor/nile-rich-text-editor.ts +43 -0
- package/src/nile-rich-text-editor/nile-rte-link.test.ts +6 -5
- package/src/nile-select/nile-select.css.ts +21 -2
- package/src/nile-select/nile-select.ts +44 -24
- package/src/nile-select/portal-utils.ts +46 -3
- package/vscode-html-custom-data.json +281 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-qr-code.cjs.js","sources":["../../../src/nile-qr-code/nile-qr-code.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 { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { styles } from './nile-qr-code.css.js';\nimport { generateQR, ErrorCorrectionLevel } from './nile-qr-code-utils.js';\nimport NileElement from '../internal/nile-element.js';\n\n/**\n * Nile QR Code component.\n *\n \n * @tag nile-qr-code\n *\n * @csspart base - The canvas element used to draw the QR code.\n *\n * @fires nile-qr-image-error - Emitted when the center image fails to load.\n *\n * @example\n \n *\n \n */\n@customElement('nile-qr-code')\nexport class NileQrCode extends NileElement {\n\n /**\n * The styles for QR Code.\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n // -------------------------------------------------------------------------\n // Properties\n // -------------------------------------------------------------------------\n\n /**\n * The QR code's value — the text or URL to encode.\n */\n @property({ type: String, reflect: true })\n value = '';\n\n /**\n * The size of the QR code, in pixels.\n */\n @property({ type: Number, reflect: true })\n size = 128;\n\n /**\n * The fill color. This can be any valid CSS color, but not a CSS custom property.\n */\n @property({ type: String, reflect: true })\n fill = 'black';\n\n /**\n * The background color. This can be any valid CSS color or `'transparent'`.\n * It cannot be a CSS custom property.\n */\n @property({ type: String, reflect: true })\n background = 'white';\n\n /**\n * The edge radius of each module. Must be between 0 and 0.5.\n * Use this to create a rounded effect.\n */\n @property({ type: Number, reflect: true })\n radius = 0;\n\n /**\n * The level of error correction to use.\n * - `'L'` — Low (~7%)\n * - `'M'` — Medium (~15%)\n * - `'Q'` — Quartile (~25%)\n * - `'H'` — High (~30%)\n *\n * When using an image overlay, `'H'` is recommended so the QR remains scannable.\n */\n @property({ attribute: 'error-correction', reflect: true })\n errorCorrection: ErrorCorrectionLevel = 'H';\n\n /**\n * The label for assistive devices to announce.\n * If unspecified, the `value` will be used instead.\n */\n @property({ type: String, reflect: true })\n label = '';\n\n /**\n * URL of an image to overlay in the center of the QR code (e.g. a logo).\n * The image is drawn on top of the QR modules, so use `error-correction=\"H\"`\n * to ensure the code remains scannable.\n */\n @property({ type: String, reflect: true })\n image = '';\n\n /**\n * Size of the center image as a fraction of the overall QR code size\n * (0.1 – 0.4). Defaults to 0.25 (25% of the QR code).\n */\n @property({ attribute: 'image-size', type: Number, reflect: true })\n imageSize = 0.25;\n\n /**\n * Padding around the center image in pixels. Creates a clear area\n * between the image and the surrounding QR modules.\n */\n @property({ attribute: 'image-padding', type: Number, reflect: true })\n imagePadding = 4;\n\n /**\n * Optional border radius for the center image in pixels.\n * Set to a high value for a circular mask.\n */\n @property({ attribute: 'image-radius', type: Number, reflect: true })\n imageRadius = 4;\n\n /**\n * Apply a linear gradient to the QR modules instead of a flat color.\n * Format: `\"direction, color1, color2[, ...]\"` where direction is an\n * angle in degrees (e.g. `\"135, #6366f1, #ec4899\"`).\n * When set, this overrides the `fill` property for module rendering.\n */\n @property({ attribute: 'fill-gradient', type: String, reflect: true })\n fillGradient = '';\n\n // -------------------------------------------------------------------------\n // Internal state\n // -------------------------------------------------------------------------\n\n private _loadedImage: HTMLImageElement | null = null;\n\n private _imageLoadPromise: Promise<void> | null = null;\n\n // -------------------------------------------------------------------------\n // Refs\n // -------------------------------------------------------------------------\n\n @query('canvas')\n private canvas!: HTMLCanvasElement;\n\n // -------------------------------------------------------------------------\n // Lifecycle\n // -------------------------------------------------------------------------\n\n protected override updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n\n if (changedProperties.has('image')) {\n this._loadedImage = null;\n this._imageLoadPromise = null;\n if (this.image) {\n this.loadImage(this.image);\n return;\n }\n }\n\n const relevantProps: (keyof NileQrCode)[] = [\n 'value', 'size', 'fill', 'background', 'radius', 'errorCorrection',\n 'imageSize', 'imagePadding', 'imageRadius', 'fillGradient',\n ];\n\n const needsRedraw = relevantProps.some(p => changedProperties.has(p));\n if (needsRedraw) {\n this.drawQrCode();\n }\n }\n\n // -------------------------------------------------------------------------\n // Rendering\n // -------------------------------------------------------------------------\n\n public render(): TemplateResult {\n const ariaLabel = this.label || this.value || 'QR Code';\n\n return html`\n <canvas\n part=\"base\"\n role=\"img\"\n aria-label=${ariaLabel}\n width=${this.size}\n height=${this.size}\n ></canvas>\n `;\n }\n\n // -------------------------------------------------------------------------\n // Public methods\n // -------------------------------------------------------------------------\n\n /**\n * Downloads the QR code as a PNG image.\n * @param filename - The name of the downloaded file (defaults to `'qr-code.png'`).\n */\n public download(filename = 'qr-code.png'): void {\n if (!this.canvas) return;\n const link = document.createElement('a');\n link.download = filename;\n link.href = this.canvas.toDataURL('image/png');\n link.click();\n }\n\n /**\n * Returns the QR code canvas content as a data URL.\n * @param type - MIME type (defaults to `'image/png'`).\n */\n public toDataURL(type = 'image/png'): string {\n if (!this.canvas) return '';\n return this.canvas.toDataURL(type);\n }\n\n // -------------------------------------------------------------------------\n // Private methods\n // -------------------------------------------------------------------------\n\n private loadImage(src: string): void {\n const img = new Image();\n img.crossOrigin = 'anonymous';\n\n this._imageLoadPromise = new Promise<void>((resolve) => {\n img.onload = () => {\n this._loadedImage = img;\n this._imageLoadPromise = null;\n this.drawQrCode();\n resolve();\n };\n img.onerror = () => {\n this._loadedImage = null;\n this._imageLoadPromise = null;\n this.emit('nile-qr-image-error', { src });\n this.drawQrCode();\n resolve();\n };\n });\n\n img.src = src;\n }\n\n private drawQrCode(): void {\n if (!this.canvas) return;\n\n const ctx = this.canvas.getContext('2d');\n if (!ctx) return;\n\n const { size, fill, background, radius: rawRadius, errorCorrection, value } = this;\n\n const clampedRadius = Math.max(0, Math.min(0.5, rawRadius));\n\n const matrix = generateQR(value, errorCorrection);\n const moduleCount = matrix.length;\n const moduleSize = size / moduleCount;\n\n ctx.clearRect(0, 0, size, size);\n\n if (background && background !== 'transparent') {\n ctx.fillStyle = background;\n ctx.fillRect(0, 0, size, size);\n }\n\n const imgFraction = Math.max(0.1, Math.min(0.4, this.imageSize));\n const imgPixelSize = this._loadedImage ? size * imgFraction : 0;\n const padTotal = this._loadedImage ? this.imagePadding * 2 : 0;\n const exclusionSize = imgPixelSize + padTotal;\n const exclusionStart = (size - exclusionSize) / 2;\n const exclusionEnd = exclusionStart + exclusionSize;\n\n const useFill = this.resolveModuleFill(ctx, size);\n ctx.fillStyle = useFill;\n\n for (let row = 0; row < moduleCount; row++) {\n for (let col = 0; col < moduleCount; col++) {\n if (matrix[row][col] !== 1) continue;\n\n const x = col * moduleSize;\n const y = row * moduleSize;\n\n if (this._loadedImage) {\n const modRight = x + moduleSize;\n const modBottom = y + moduleSize;\n if (x >= exclusionStart && modRight <= exclusionEnd &&\n y >= exclusionStart && modBottom <= exclusionEnd) {\n continue;\n }\n }\n\n if (clampedRadius > 0) {\n this.drawRoundedModule(ctx, x, y, moduleSize, moduleSize, clampedRadius * moduleSize);\n } else {\n ctx.fillRect(x, y, moduleSize, moduleSize);\n }\n }\n }\n\n if (this._loadedImage) {\n this.drawCenterImage(ctx, size, imgPixelSize);\n }\n }\n\n /**\n * Returns the fill style for QR modules — either a gradient or the flat fill color.\n */\n private resolveModuleFill(ctx: CanvasRenderingContext2D, size: number): string | CanvasGradient {\n if (!this.fillGradient) return this.fill;\n\n const parts = this.fillGradient.split(',').map(s => s.trim());\n if (parts.length < 3) return this.fill;\n\n const angleDeg = parseFloat(parts[0]);\n if (Number.isNaN(angleDeg)) return this.fill;\n\n const angleRad = (angleDeg * Math.PI) / 180;\n const cx = size / 2;\n const cy = size / 2;\n const len = size / 2;\n const x0 = cx - Math.cos(angleRad) * len;\n const y0 = cy - Math.sin(angleRad) * len;\n const x1 = cx + Math.cos(angleRad) * len;\n const y1 = cy + Math.sin(angleRad) * len;\n\n const gradient = ctx.createLinearGradient(x0, y0, x1, y1);\n const colors = parts.slice(1);\n for (let i = 0; i < colors.length; i++) {\n gradient.addColorStop(i / (colors.length - 1), colors[i]);\n }\n return gradient;\n }\n\n private drawCenterImage(ctx: CanvasRenderingContext2D, size: number, imgPixelSize: number): void {\n if (!this._loadedImage) return;\n\n const x = (size - imgPixelSize) / 2;\n const y = (size - imgPixelSize) / 2;\n const r = Math.min(this.imageRadius, imgPixelSize / 2);\n\n const pad = this.imagePadding;\n if (pad > 0 && this.background && this.background !== 'transparent') {\n ctx.fillStyle = this.background;\n const bx = x - pad;\n const by = y - pad;\n const bw = imgPixelSize + pad * 2;\n const bh = imgPixelSize + pad * 2;\n const br = r + pad * 0.5;\n this.drawRoundedRect(ctx, bx, by, bw, bh, br);\n ctx.fill();\n }\n\n ctx.save();\n this.clipRoundedRect(ctx, x, y, imgPixelSize, imgPixelSize, r);\n ctx.drawImage(this._loadedImage, x, y, imgPixelSize, imgPixelSize);\n ctx.restore();\n }\n\n private drawRoundedModule(\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n r: number\n ): void {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n ctx.fill();\n }\n\n private drawRoundedRect(\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n r: number\n ): void {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n }\n\n private clipRoundedRect(\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n r: number\n ): void {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n ctx.clip();\n }\n}\n\nexport default NileQrCode;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-qr-code': NileQrCode;\n }\n}\n"],"names":["NileQrCode","h","constructor","this","value","size","fill","background","radius","errorCorrection","label","image","imageSize","imagePadding","imageRadius","fillGradient","_loadedImage","_imageLoadPromise","_this","_inherits","_o","_createClass","key","updated","changedProperties","super","has","loadImage","some","p","drawQrCode","render","ariaLabel","html","_templateObject","_taggedTemplateLiteral","download","filename","arguments","length","undefined","canvas","link","document","createElement","href","toDataURL","click","type","src","_this2","img","Image","crossOrigin","Promise","resolve","onload","onerror","emit","ctx","getContext","clampedRadius","rawRadius","Math","max","min","matrix","generateQR","moduleCount","moduleSize","clearRect","fillStyle","fillRect","imgFraction","imgPixelSize","exclusionSize","exclusionStart","exclusionEnd","useFill","resolveModuleFill","row","col","x","y","drawRoundedModule","drawCenterImage","parts","split","map","s","trim","angleDeg","parseFloat","Number","isNaN","angleRad","PI","cx","cy","len","x0","cos","y0","sin","x1","y1","gradient","createLinearGradient","colors","slice","i","addColorStop","r","pad","bx","by","bw","bh","br","drawRoundedRect","save","clipRoundedRect","drawImage","restore","w","beginPath","moveTo","lineTo","arcTo","closePath","clip","__decorate","get","styles","NileElement","property","String","reflect","prototype","attribute","query","_export","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"nile-qr-code.cjs.js","sources":["../../../src/nile-qr-code/nile-qr-code.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 { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { styles } from './nile-qr-code.css.js';\nimport { generateQR, ErrorCorrectionLevel } from './nile-qr-code-utils.js';\nimport NileElement from '../internal/nile-element.js';\n\n/**\n * Nile QR Code component.\n *\n \n * @tag nile-qr-code\n *\n * @csspart base - The canvas element used to draw the QR code.\n *\n * @fires nile-qr-image-error - Emitted when the center image fails to load.\n *\n * @example\n \n *\n \n */\n@customElement('nile-qr-code')\nexport class NileQrCode extends NileElement {\n\n /**\n * The styles for QR Code.\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n // -------------------------------------------------------------------------\n // Properties\n // -------------------------------------------------------------------------\n\n /**\n * The QR code's value — the text or URL to encode.\n */\n @property({ type: String, reflect: true })\n value = '';\n\n /**\n * The size of the QR code, in pixels.\n */\n @property({ type: Number, reflect: true })\n size = 128;\n\n /**\n * The fill color. This can be any valid CSS color, but not a CSS custom property.\n */\n @property({ type: String, reflect: true })\n fill = 'black';\n\n /**\n * The background color. This can be any valid CSS color or `'transparent'`.\n * It cannot be a CSS custom property.\n */\n @property({ type: String, reflect: true })\n background = 'white';\n\n /**\n * The edge radius of each module. Must be between 0 and 0.5.\n * Use this to create a rounded effect.\n */\n @property({ type: Number, reflect: true })\n radius = 0;\n\n /**\n * The level of error correction to use.\n * - `'L'` — Low (~7%)\n * - `'M'` — Medium (~15%)\n * - `'Q'` — Quartile (~25%)\n * - `'H'` — High (~30%)\n *\n * When using an image overlay, `'H'` is recommended so the QR remains scannable.\n */\n @property({ attribute: 'error-correction', reflect: true })\n errorCorrection: ErrorCorrectionLevel = 'H';\n\n /**\n * The label for assistive devices to announce.\n * If unspecified, the `value` will be used instead.\n */\n @property({ type: String, reflect: true })\n label = '';\n\n /**\n * URL of an image to overlay in the center of the QR code (e.g. a logo).\n * The image is drawn on top of the QR modules, so use `error-correction=\"H\"`\n * to ensure the code remains scannable.\n */\n @property({ type: String, reflect: true })\n image = '';\n\n /**\n * Size of the center image as a fraction of the overall QR code size\n * (0.1 – 0.4). Defaults to 0.25 (25% of the QR code).\n */\n @property({ attribute: 'image-size', type: Number, reflect: true })\n imageSize = 0.25;\n\n /**\n * Padding around the center image in pixels. Creates a clear area\n * between the image and the surrounding QR modules.\n */\n @property({ attribute: 'image-padding', type: Number, reflect: true })\n imagePadding = 4;\n\n /**\n * Optional border radius for the center image in pixels.\n * Set to a high value for a circular mask.\n */\n @property({ attribute: 'image-radius', type: Number, reflect: true })\n imageRadius = 4;\n\n /**\n * Apply a linear gradient to the QR modules instead of a flat color.\n * Format: `\"direction, color1, color2[, ...]\"` where direction is an\n * angle in degrees (e.g. `\"135, #6366f1, #ec4899\"`).\n * When set, this overrides the `fill` property for module rendering.\n */\n @property({ attribute: 'fill-gradient', type: String, reflect: true })\n fillGradient = '';\n\n // -------------------------------------------------------------------------\n // Internal state\n // -------------------------------------------------------------------------\n\n private _loadedImage: HTMLImageElement | null = null;\n\n private _imageLoadPromise: Promise<void> | null = null;\n\n // -------------------------------------------------------------------------\n // Refs\n // -------------------------------------------------------------------------\n\n @query('canvas')\n private canvas!: HTMLCanvasElement;\n\n // -------------------------------------------------------------------------\n // Lifecycle\n // -------------------------------------------------------------------------\n\n protected override updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n\n if (changedProperties.has('image')) {\n this._loadedImage = null;\n this._imageLoadPromise = null;\n if (this.image) {\n this.loadImage(this.image);\n return;\n }\n }\n\n const relevantProps: (keyof NileQrCode)[] = [\n 'value', 'size', 'fill', 'background', 'radius', 'errorCorrection',\n 'imageSize', 'imagePadding', 'imageRadius', 'fillGradient',\n ];\n\n const needsRedraw = relevantProps.some(p => changedProperties.has(p));\n if (needsRedraw) {\n this.drawQrCode();\n }\n }\n\n // -------------------------------------------------------------------------\n // Rendering\n // -------------------------------------------------------------------------\n\n public render(): TemplateResult {\n const ariaLabel = this.label || this.value || 'QR Code';\n\n return html`\n <canvas\n part=\"base\"\n role=\"img\"\n aria-label=${ariaLabel}\n width=${this.size}\n height=${this.size}\n ></canvas>\n `;\n }\n\n // -------------------------------------------------------------------------\n // Public methods\n // -------------------------------------------------------------------------\n\n /**\n * Downloads the QR code as a PNG image.\n * @param filename - The name of the downloaded file (defaults to `'qr-code.png'`).\n */\n public download(filename = 'qr-code.png'): void {\n if (!this.canvas) return;\n const link = document.createElement('a');\n link.download = filename;\n link.href = this.canvas.toDataURL('image/png');\n link.click();\n }\n\n /**\n * Returns the QR code canvas content as a data URL.\n * @param type - MIME type (defaults to `'image/png'`).\n */\n public toDataURL(type = 'image/png'): string {\n if (!this.canvas) return '';\n return this.canvas.toDataURL(type);\n }\n\n // -------------------------------------------------------------------------\n // Private methods\n // -------------------------------------------------------------------------\n\n private loadImage(src: string): void {\n const img = new Image();\n img.crossOrigin = 'anonymous';\n\n this._imageLoadPromise = new Promise<void>((resolve) => {\n img.onload = () => {\n this._loadedImage = img;\n this._imageLoadPromise = null;\n this.drawQrCode();\n resolve();\n };\n img.onerror = () => {\n this._loadedImage = null;\n this._imageLoadPromise = null;\n this.emit('nile-qr-image-error', { src });\n this.drawQrCode();\n resolve();\n };\n });\n\n img.src = src;\n }\n\n private drawQrCode(): void {\n if (!this.canvas) return;\n\n const ctx = this.canvas.getContext('2d');\n if (!ctx) return;\n\n const { size, fill, background, radius: rawRadius, errorCorrection, value } = this;\n\n const clampedRadius = Math.max(0, Math.min(0.5, rawRadius));\n\n const matrix = generateQR(value, errorCorrection);\n const moduleCount = matrix.length;\n const moduleSize = size / moduleCount;\n\n ctx.clearRect(0, 0, size, size);\n\n if (background && background !== 'transparent') {\n ctx.fillStyle = background;\n ctx.fillRect(0, 0, size, size);\n }\n\n const imgFraction = Math.max(0.1, Math.min(0.4, this.imageSize));\n const imgPixelSize = this._loadedImage ? size * imgFraction : 0;\n const padTotal = this._loadedImage ? this.imagePadding * 2 : 0;\n const exclusionSize = imgPixelSize + padTotal;\n const exclusionStart = (size - exclusionSize) / 2;\n const exclusionEnd = exclusionStart + exclusionSize;\n\n const useFill = this.resolveModuleFill(ctx, size);\n ctx.fillStyle = useFill;\n\n for (let row = 0; row < moduleCount; row++) {\n for (let col = 0; col < moduleCount; col++) {\n if (matrix[row][col] !== 1) continue;\n\n const x = col * moduleSize;\n const y = row * moduleSize;\n\n if (this._loadedImage) {\n const modRight = x + moduleSize;\n const modBottom = y + moduleSize;\n if (x >= exclusionStart && modRight <= exclusionEnd &&\n y >= exclusionStart && modBottom <= exclusionEnd) {\n continue;\n }\n }\n\n if (clampedRadius > 0) {\n this.drawRoundedModule(ctx, x, y, moduleSize, moduleSize, clampedRadius * moduleSize);\n } else {\n ctx.fillRect(x, y, moduleSize, moduleSize);\n }\n }\n }\n\n if (this._loadedImage) {\n this.drawCenterImage(ctx, size, imgPixelSize);\n }\n }\n\n /**\n * Returns the fill style for QR modules — either a gradient or the flat fill color.\n */\n private resolveModuleFill(ctx: CanvasRenderingContext2D, size: number): string | CanvasGradient {\n if (!this.fillGradient) return this.fill;\n\n const parts = this.fillGradient.split(',').map(s => s.trim());\n if (parts.length < 3) return this.fill;\n\n const angleDeg = parseFloat(parts[0]);\n if (Number.isNaN(angleDeg)) return this.fill;\n\n const angleRad = (angleDeg * Math.PI) / 180;\n const cx = size / 2;\n const cy = size / 2;\n const len = size / 2;\n const x0 = cx - Math.cos(angleRad) * len;\n const y0 = cy - Math.sin(angleRad) * len;\n const x1 = cx + Math.cos(angleRad) * len;\n const y1 = cy + Math.sin(angleRad) * len;\n\n const gradient = ctx.createLinearGradient(x0, y0, x1, y1);\n const colors = parts.slice(1);\n for (let i = 0; i < colors.length; i++) {\n gradient.addColorStop(i / (colors.length - 1), colors[i]);\n }\n return gradient;\n }\n\n private drawCenterImage(ctx: CanvasRenderingContext2D, size: number, imgPixelSize: number): void {\n if (!this._loadedImage) return;\n\n const x = (size - imgPixelSize) / 2;\n const y = (size - imgPixelSize) / 2;\n const r = Math.min(this.imageRadius, imgPixelSize / 2);\n\n const pad = this.imagePadding;\n if (pad > 0 && this.background && this.background !== 'transparent') {\n ctx.fillStyle = this.background;\n const bx = x - pad;\n const by = y - pad;\n const bw = imgPixelSize + pad * 2;\n const bh = imgPixelSize + pad * 2;\n const br = r + pad * 0.5;\n this.drawRoundedRect(ctx, bx, by, bw, bh, br);\n ctx.fill();\n }\n\n ctx.save();\n this.clipRoundedRect(ctx, x, y, imgPixelSize, imgPixelSize, r);\n ctx.drawImage(this._loadedImage, x, y, imgPixelSize, imgPixelSize);\n ctx.restore();\n }\n\n private drawRoundedModule(\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n r: number\n ): void {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n ctx.fill();\n }\n\n private drawRoundedRect(\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n r: number\n ): void {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n }\n\n private clipRoundedRect(\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n r: number\n ): void {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n ctx.clip();\n }\n}\n\nexport default NileQrCode;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-qr-code': NileQrCode;\n }\n}\n"],"names":["NileQrCode","l","constructor","this","value","size","fill","background","radius","errorCorrection","label","image","imageSize","imagePadding","imageRadius","fillGradient","_loadedImage","_imageLoadPromise","_this","_inherits","_o","_createClass","key","updated","changedProperties","super","has","loadImage","some","p","drawQrCode","render","ariaLabel","html","_templateObject","_taggedTemplateLiteral","download","filename","arguments","length","undefined","canvas","link","document","createElement","href","toDataURL","click","type","src","_this2","img","Image","crossOrigin","Promise","resolve","onload","onerror","emit","ctx","getContext","clampedRadius","rawRadius","Math","max","min","matrix","generateQR","moduleCount","moduleSize","clearRect","fillStyle","fillRect","imgFraction","imgPixelSize","exclusionSize","exclusionStart","exclusionEnd","useFill","resolveModuleFill","row","col","x","y","drawRoundedModule","drawCenterImage","parts","split","map","s","trim","angleDeg","parseFloat","Number","isNaN","angleRad","PI","cx","cy","len","x0","cos","y0","sin","x1","y1","gradient","createLinearGradient","colors","slice","i","addColorStop","r","pad","bx","by","bw","bh","br","drawRoundedRect","save","clipRoundedRect","drawImage","restore","w","h","beginPath","moveTo","lineTo","arcTo","closePath","clip","__decorate","get","styles","NileElement","property","String","reflect","prototype","attribute","query","_export","customElement"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as e,query as r,customElement as s}from"lit/decorators.js";import{s as a}from"./nile-qr-code.css.esm.js";import{g as n}from"./nile-qr-code-utils.esm.js";import{N as o}from"../internal/nile-element.esm.js";let
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as e,query as r,customElement as s}from"lit/decorators.js";import{s as a}from"./nile-qr-code.css.esm.js";import{g as n}from"./nile-qr-code-utils.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let l=class extends o{constructor(){super(...arguments),this.value="",this.size=128,this.fill="black",this.background="white",this.radius=0,this.errorCorrection="H",this.label="",this.image="",this.imageSize=.25,this.imagePadding=4,this.imageRadius=4,this.fillGradient="",this._loadedImage=null,this._imageLoadPromise=null}static get styles(){return[a]}updated(t){if(super.updated(t),t.has("image")&&(this._loadedImage=null,this._imageLoadPromise=null,this.image))return void this.loadImage(this.image);["value","size","fill","background","radius","errorCorrection","imageSize","imagePadding","imageRadius","fillGradient"].some((i=>t.has(i)))&&this.drawQrCode()}render(){const t=this.label||this.value||"QR Code";return i`
|
|
2
2
|
<canvas
|
|
3
3
|
part="base"
|
|
4
4
|
role="img"
|
|
@@ -6,4 +6,4 @@ import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as
|
|
|
6
6
|
width=${this.size}
|
|
7
7
|
height=${this.size}
|
|
8
8
|
></canvas>
|
|
9
|
-
`}download(t="qr-code.png"){if(!this.canvas)return;const i=document.createElement("a");i.download=t,i.href=this.canvas.toDataURL("image/png"),i.click()}toDataURL(t="image/png"){return this.canvas?this.canvas.toDataURL(t):""}loadImage(t){const i=new Image;i.crossOrigin="anonymous",this._imageLoadPromise=new Promise((e=>{i.onload=()=>{this._loadedImage=i,this._imageLoadPromise=null,this.drawQrCode(),e()},i.onerror=()=>{this._loadedImage=null,this._imageLoadPromise=null,this.emit("nile-qr-image-error",{src:t}),this.drawQrCode(),e()}})),i.src=t}drawQrCode(){if(!this.canvas)return;const t=this.canvas.getContext("2d");if(!t)return;const{size:i,fill:e,background:r,radius:s,errorCorrection:a,value:o}=this,
|
|
9
|
+
`}download(t="qr-code.png"){if(!this.canvas)return;const i=document.createElement("a");i.download=t,i.href=this.canvas.toDataURL("image/png"),i.click()}toDataURL(t="image/png"){return this.canvas?this.canvas.toDataURL(t):""}loadImage(t){const i=new Image;i.crossOrigin="anonymous",this._imageLoadPromise=new Promise((e=>{i.onload=()=>{this._loadedImage=i,this._imageLoadPromise=null,this.drawQrCode(),e()},i.onerror=()=>{this._loadedImage=null,this._imageLoadPromise=null,this.emit("nile-qr-image-error",{src:t}),this.drawQrCode(),e()}})),i.src=t}drawQrCode(){if(!this.canvas)return;const t=this.canvas.getContext("2d");if(!t)return;const{size:i,fill:e,background:r,radius:s,errorCorrection:a,value:o}=this,l=Math.max(0,Math.min(.5,s)),h=n(o,a),d=h.length,c=i/d;t.clearRect(0,0,i,i),r&&"transparent"!==r&&(t.fillStyle=r,t.fillRect(0,0,i,i));const u=Math.max(.1,Math.min(.4,this.imageSize)),m=this._loadedImage?i*u:0,f=m+(this._loadedImage?2*this.imagePadding:0),g=(i-f)/2,p=g+f,b=this.resolveModuleFill(t,i);t.fillStyle=b;for(let i=0;i<d;i++)for(let e=0;e<d;e++){if(1!==h[i][e])continue;const r=e*c,s=i*c;if(this._loadedImage){if(r>=g&&r+c<=p&&s>=g&&s+c<=p)continue}l>0?this.drawRoundedModule(t,r,s,c,c,l*c):t.fillRect(r,s,c,c)}this._loadedImage&&this.drawCenterImage(t,i,m)}resolveModuleFill(t,i){if(!this.fillGradient)return this.fill;const e=this.fillGradient.split(",").map((t=>t.trim()));if(e.length<3)return this.fill;const r=parseFloat(e[0]);if(Number.isNaN(r))return this.fill;const s=r*Math.PI/180,a=i/2,n=i/2,o=i/2,l=a-Math.cos(s)*o,h=n-Math.sin(s)*o,d=a+Math.cos(s)*o,c=n+Math.sin(s)*o,u=t.createLinearGradient(l,h,d,c),m=e.slice(1);for(let t=0;t<m.length;t++)u.addColorStop(t/(m.length-1),m[t]);return u}drawCenterImage(t,i,e){if(!this._loadedImage)return;const r=(i-e)/2,s=(i-e)/2,a=Math.min(this.imageRadius,e/2),n=this.imagePadding;if(n>0&&this.background&&"transparent"!==this.background){t.fillStyle=this.background;const i=r-n,o=s-n,l=e+2*n,h=e+2*n,d=a+.5*n;this.drawRoundedRect(t,i,o,l,h,d),t.fill()}t.save(),this.clipRoundedRect(t,r,s,e,e,a),t.drawImage(this._loadedImage,r,s,e,e),t.restore()}drawRoundedModule(t,i,e,r,s,a){t.beginPath(),t.moveTo(i+a,e),t.lineTo(i+r-a,e),t.arcTo(i+r,e,i+r,e+a,a),t.lineTo(i+r,e+s-a),t.arcTo(i+r,e+s,i+r-a,e+s,a),t.lineTo(i+a,e+s),t.arcTo(i,e+s,i,e+s-a,a),t.lineTo(i,e+a),t.arcTo(i,e,i+a,e,a),t.closePath(),t.fill()}drawRoundedRect(t,i,e,r,s,a){t.beginPath(),t.moveTo(i+a,e),t.lineTo(i+r-a,e),t.arcTo(i+r,e,i+r,e+a,a),t.lineTo(i+r,e+s-a),t.arcTo(i+r,e+s,i+r-a,e+s,a),t.lineTo(i+a,e+s),t.arcTo(i,e+s,i,e+s-a,a),t.lineTo(i,e+a),t.arcTo(i,e,i+a,e,a),t.closePath()}clipRoundedRect(t,i,e,r,s,a){t.beginPath(),t.moveTo(i+a,e),t.lineTo(i+r-a,e),t.arcTo(i+r,e,i+r,e+a,a),t.lineTo(i+r,e+s-a),t.arcTo(i+r,e+s,i+r-a,e+s,a),t.lineTo(i+a,e+s),t.arcTo(i,e+s,i,e+s-a,a),t.lineTo(i,e+a),t.arcTo(i,e,i+a,e,a),t.closePath(),t.clip()}};t([e({type:String,reflect:!0})],l.prototype,"value",void 0),t([e({type:Number,reflect:!0})],l.prototype,"size",void 0),t([e({type:String,reflect:!0})],l.prototype,"fill",void 0),t([e({type:String,reflect:!0})],l.prototype,"background",void 0),t([e({type:Number,reflect:!0})],l.prototype,"radius",void 0),t([e({attribute:"error-correction",reflect:!0})],l.prototype,"errorCorrection",void 0),t([e({type:String,reflect:!0})],l.prototype,"label",void 0),t([e({type:String,reflect:!0})],l.prototype,"image",void 0),t([e({attribute:"image-size",type:Number,reflect:!0})],l.prototype,"imageSize",void 0),t([e({attribute:"image-padding",type:Number,reflect:!0})],l.prototype,"imagePadding",void 0),t([e({attribute:"image-radius",type:Number,reflect:!0})],l.prototype,"imageRadius",void 0),t([e({attribute:"fill-gradient",type:String,reflect:!0})],l.prototype,"fillGradient",void 0),t([r("canvas")],l.prototype,"canvas",void 0),l=t([s("nile-qr-code")],l);export{l as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./nile-radio.cjs.js","tslib","lit","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioCjsJs){_export("NileRadio",_nileRadioCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileRadioCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
|
|
1
|
+
System.register(["./nile-radio.cjs.js","tslib","lit","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioCjsJs){_export("NileRadio",_nileRadioCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileRadioCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{N as NileRadio}from"./nile-radio.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-radio.css.esm.js";import"lit/directives/class-map.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";
|
|
1
|
+
export{N as NileRadio}from"./nile-radio.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-radio.css.esm.js";import"lit/directives/class-map.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";
|
|
@@ -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","lit","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var i,s,t,e,h,
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var i,s,t,e,a,h,l,r,o,_templateObject,_templateObject2,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;e=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){h=_nileRadioCssCjsJs.s;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){r=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1,_this.islabelborder=!1,_this.allowUncheck=!1;return _this;}_inherits(n,_o);return _createClass(n,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(n,"connectedCallback",this,3)([]),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy");}},{key:"addEventListeners",value:function addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus);}},{key:"removeEventListeners",value:function removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus);}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleClick",value:function handleClick(){this.allowUncheck&&!this.disabled?this.checked=!this.checked:this.disabled||(this.checked=!0);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"setInitialAttributes",value:function setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleCheckedChange",value:function handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.disabled?this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled?(this.setAttribute("tabindex","-1"),this.matches(":focus")&&this.blur()):this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <span\n part=\"base\"\n class=","\n >\n <span part=\"","\" class=\"radio__control\">\n ","\n </span>\n\n <slot part=\"label\" class=\"radio__label\"></slot>\n </span>\n "])),l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder}),"control"+(this.checked?" control--checked":""),this.checked?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"radio__checked-icon\"></span> "]))):"");}}]);}(o));n.styles=h,i([t({type:Boolean})],n.prototype,"checked",void 0),i([e()],n.prototype,"hasFocus",void 0),i([t()],n.prototype,"value",void 0),i([t({reflect:!0})],n.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"islabelborder",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"allowUncheck",void 0),i([r("checked")],n.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],n.prototype,"handleDisabledChange",null),_export("N",n=i([a("nile-radio")],n));}};});
|
|
2
2
|
//# sourceMappingURL=nile-radio.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-radio.cjs.js","sources":["../../../src/nile-radio/nile-radio.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, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n static styles: CSSResultGroup = styles;\n\n @property({type:Boolean}) checked = false;\n @state() protected hasFocus = false;\n\n /** The radio's value. When selected, the radio group will receive this value. */\n @property() value: string = '';\n\n /** The radio's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Disables the radio. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The radio's labelborder. */\n @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n \n @property({ type: Boolean, reflect: true }) allowUncheck = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleBlur = this.handleBlur.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n\n this.setInitialAttributes();\n this.addEventListeners();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n this.removeEventListeners();\n this.emit('nile-destroy');\n }\n\n private addEventListeners() {\n this.addEventListener('blur', this.handleBlur);\n this.addEventListener('click', this.handleClick);\n this.addEventListener('focus', this.handleFocus);\n }\n\n private removeEventListeners() {\n this.removeEventListener('blur', this.handleBlur);\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('focus', this.handleFocus);\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur')\n }\n\n private handleClick() {\n\n if(this.allowUncheck && !this.disabled) {\n this.checked = !this.checked;\n } else if (!this.disabled) {\n this.checked = true;\n }\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus')\n }\n\n private setInitialAttributes() {\n this.setAttribute('role', 'radio');\n this.setAttribute('tabindex', '-1');\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('checked')\n handleCheckedChange() {\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n if (this.disabled) {\n this.setAttribute('tabindex', '-1');\n } else {\n this.setAttribute('tabindex', this.checked ? '0' : '-1');\n }\n \n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\nhandleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n if (this.disabled) {\n this.setAttribute('tabindex', '-1');\n \n if (this.matches(':focus')) {\n (this as HTMLElement).blur();\n }\n } else {\n this.setAttribute('tabindex', this.checked ? '0' : '-1');\n }\n}\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n radio: true,\n 'radio--checked': this.checked,\n 'radio--disabled': this.disabled,\n 'radio--focused': this.hasFocus,\n 'radio--medium': this.size === 'medium',\n 'radio__label_border':this.islabelborder\n })}\n >\n <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n ${this.checked\n ? html` <span class=\"radio__checked-icon\"></span> `\n : ''}\n </span>\n\n <slot part=\"label\" class=\"radio__label\"></slot>\n </span>\n `;\n }\n}\n\nexport default NileRadio;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-radio': NileRadio;\n }\n}\n"],"names":["NileRadio","d","this","checked","hasFocus","value","size","disabled","islabelborder","allowUncheck","_this","_inherits","_o","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","setAttribute","handleCheckedChange","handleDisabledChange","matches","blur","render","html","_templateObject","_taggedTemplateLiteral","classMap","radio","radio__label_border","_templateObject2","NileElement","styles","__decorate","property","type","Boolean","prototype","state","reflect","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"nile-radio.cjs.js","sources":["../../../src/nile-radio/nile-radio.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, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n static styles: CSSResultGroup = styles;\n\n @property({type:Boolean}) checked = false;\n @state() protected hasFocus = false;\n\n /** The radio's value. When selected, the radio group will receive this value. */\n @property() value: string = '';\n\n /** The radio's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Disables the radio. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The radio's labelborder. */\n @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n \n @property({ type: Boolean, reflect: true }) allowUncheck = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleBlur = this.handleBlur.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n\n this.setInitialAttributes();\n this.addEventListeners();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n this.removeEventListeners();\n this.emit('nile-destroy');\n }\n\n private addEventListeners() {\n this.addEventListener('blur', this.handleBlur);\n this.addEventListener('click', this.handleClick);\n this.addEventListener('focus', this.handleFocus);\n }\n\n private removeEventListeners() {\n this.removeEventListener('blur', this.handleBlur);\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('focus', this.handleFocus);\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur')\n }\n\n private handleClick() {\n\n if(this.allowUncheck && !this.disabled) {\n this.checked = !this.checked;\n } else if (!this.disabled) {\n this.checked = true;\n }\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus')\n }\n\n private setInitialAttributes() {\n this.setAttribute('role', 'radio');\n this.setAttribute('tabindex', '-1');\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n @watch('checked')\n handleCheckedChange() {\n this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n if (this.disabled) {\n this.setAttribute('tabindex', '-1');\n } else {\n this.setAttribute('tabindex', this.checked ? '0' : '-1');\n }\n \n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\nhandleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n if (this.disabled) {\n this.setAttribute('tabindex', '-1');\n \n if (this.matches(':focus')) {\n (this as HTMLElement).blur();\n }\n } else {\n this.setAttribute('tabindex', this.checked ? '0' : '-1');\n }\n}\n\n render() {\n return html`\n <span\n part=\"base\"\n class=${classMap({\n radio: true,\n 'radio--checked': this.checked,\n 'radio--disabled': this.disabled,\n 'radio--focused': this.hasFocus,\n 'radio--medium': this.size === 'medium',\n 'radio__label_border':this.islabelborder\n })}\n >\n <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n ${this.checked\n ? html` <span class=\"radio__checked-icon\"></span> `\n : ''}\n </span>\n\n <slot part=\"label\" class=\"radio__label\"></slot>\n </span>\n `;\n }\n}\n\nexport default NileRadio;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-radio': NileRadio;\n }\n}\n"],"names":["NileRadio","_o","n","this","checked","hasFocus","value","size","disabled","islabelborder","allowUncheck","_this","_inherits","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","setAttribute","handleCheckedChange","handleDisabledChange","matches","blur","render","html","_templateObject","_taggedTemplateLiteral","classMap","radio","radio__label_border","_templateObject2","NileElement","styles","__decorate","property","type","Boolean","prototype","state","reflect","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host(:focus-visible) {\n outline: 0px;\n }\n\n .radio {\n display: inline-flex;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n vertical-align: middle;\n cursor: pointer;\n margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n align-items: center;\n }\n\n .radio--medium {\n --toggle-size: 14px;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n }\n\n .radio__checked-icon {\n display: var(--nile-display-inline-flex, var(--ng-display-block));\n width: var(--nile-radio-inner-width, var(--ng-width-2));\n height: var(--nile-radio-inner-width, var(--ng-height-8px));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n }\n\n .radio__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--nile-radio-outer-width, var(--ng-width-4));\n height: var(--nile-radio-outer-height, var(--ng-height-16px));\n border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n color: transparent;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n }\n\n .radio__input {\n position: absolute;\n opacity: 0;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n pointer-events: none;\n }\n\n /* Hover */\n .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-neutral));\n background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked */\n .radio--checked .radio__control {\n color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-bg-brand-solid));\n background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n }\n\n /* Checked + hover */\n .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-bg-brand-solid-hover));\n background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\n }\n\n /* Checked + hover */\n .radio__checked-icon:hover {\n background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked + focus */\n :host(:focus-visible) .radio__control {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n }\n\n .radio__control:focus-visible {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 2px;\n }\n\n /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .radio__control {\n outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n}\n\n /* Disabled */\n .radio--disabled {\n \n cursor: not-allowed;\n }\n\n .radio--disabled .radio__checked-icon {\n background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-disabled-subtle)); // for v2\n }\n\n .radio--disabled .radio__control {\n background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));\n }\n\n /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n .radio:not(.radio--checked) svg circle {\n opacity: 0;\n }\n\n .radio__label {\n display: inline-block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n user-select: none;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n .radio__label_border {\n padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n }\n"]))));}};});
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host(:focus-visible) {\n outline: 0px;\n }\n\n .radio {\n display: inline-flex;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n vertical-align: middle;\n cursor: pointer;\n margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n align-items: center;\n }\n\n .radio--medium {\n --toggle-size: 14px;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n }\n\n .radio__checked-icon {\n display: var(--nile-display-inline-flex, var(--ng-display-block));\n width: var(--nile-radio-inner-width, var(--ng-width-2));\n height: var(--nile-radio-inner-width, var(--ng-height-8px));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n }\n\n .radio__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--nile-radio-outer-width, var(--ng-width-4));\n height: var(--nile-radio-outer-height, var(--ng-height-16px));\n border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n color: transparent;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n }\n\n .radio__input {\n position: absolute;\n opacity: 0;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n pointer-events: none;\n }\n\n /* Hover */\n .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-neutral));\n background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked */\n .radio--checked .radio__control {\n color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-bg-brand-solid));\n background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n }\n\n /* Checked + hover */\n .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-bg-brand-solid-hover));\n background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\n }\n\n /* Checked + hover */\n .radio__checked-icon:hover {\n background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked + focus */\n :host(:focus-visible) .radio__control {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n }\n\n .radio__control:focus-visible {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 2px;\n }\n\n /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .radio__control {\n outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n}\n\n /* Disabled */\n .radio--disabled {\n \n cursor: not-allowed;\n }\n\n .radio--disabled .radio__checked-icon {\n background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-disabled-subtle)); // for v2\n }\n\n .radio--disabled .radio__control {\n background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));\n }\n\n .radio--disabled .radio__label {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n }\n\n /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n .radio:not(.radio--checked) svg circle {\n opacity: 0;\n }\n\n .radio__label {\n display: inline-block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n user-select: none;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n .radio__label_border {\n padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-radio.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-radio.css.cjs.js","sources":["../../../src/nile-radio/nile-radio.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n :host {\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host(:focus-visible) {\n outline: 0px;\n }\n\n .radio {\n display: inline-flex;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n vertical-align: middle;\n cursor: pointer;\n margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n align-items: center;\n }\n\n .radio--medium {\n --toggle-size: 14px;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n }\n\n .radio__checked-icon {\n display: var(--nile-display-inline-flex, var(--ng-display-block));\n width: var(--nile-radio-inner-width, var(--ng-width-2));\n height: var(--nile-radio-inner-width, var(--ng-height-8px));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n }\n\n .radio__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--nile-radio-outer-width, var(--ng-width-4));\n height: var(--nile-radio-outer-height, var(--ng-height-16px));\n border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n color: transparent;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n }\n\n .radio__input {\n position: absolute;\n opacity: 0;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n pointer-events: none;\n }\n\n /* Hover */\n .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-neutral));\n background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked */\n .radio--checked .radio__control {\n color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-bg-brand-solid));\n background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n }\n\n /* Checked + hover */\n .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-bg-brand-solid-hover));\n background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\n }\n\n /* Checked + hover */\n .radio__checked-icon:hover {\n background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked + focus */\n :host(:focus-visible) .radio__control {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n }\n\n .radio__control:focus-visible {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 2px;\n }\n\n /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .radio__control {\n outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n}\n\n /* Disabled */\n .radio--disabled {\n \n cursor: not-allowed;\n }\n\n .radio--disabled .radio__checked-icon {\n background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-disabled-subtle)); // for v2\n }\n\n .radio--disabled .radio__control {\n background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));\n }\n\n /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n .radio:not(.radio--checked) svg circle {\n opacity: 0;\n }\n\n .radio__label {\n display: inline-block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n user-select: none;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n .radio__label_border {\n padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
1
|
+
{"version":3,"file":"nile-radio.css.cjs.js","sources":["../../../src/nile-radio/nile-radio.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n :host {\n display: block;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host(:focus-visible) {\n outline: 0px;\n }\n\n .radio {\n display: inline-flex;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n vertical-align: middle;\n cursor: pointer;\n margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n align-items: center;\n }\n\n .radio--medium {\n --toggle-size: 14px;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n }\n\n .radio__checked-icon {\n display: var(--nile-display-inline-flex, var(--ng-display-block));\n width: var(--nile-radio-inner-width, var(--ng-width-2));\n height: var(--nile-radio-inner-width, var(--ng-height-8px));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n }\n\n .radio__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--nile-radio-outer-width, var(--ng-width-4));\n height: var(--nile-radio-outer-height, var(--ng-height-16px));\n border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n color: transparent;\n transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n }\n\n .radio__input {\n position: absolute;\n opacity: 0;\n padding: var(--nile-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-none, var(--ng-spacing-none));\n pointer-events: none;\n }\n\n /* Hover */\n .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-neutral));\n background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked */\n .radio--checked .radio__control {\n color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-bg-brand-solid));\n background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n }\n\n /* Checked + hover */\n .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-bg-brand-solid-hover));\n background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\n }\n\n /* Checked + hover */\n .radio__checked-icon:hover {\n background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n }\n\n /* Checked + focus */\n :host(:focus-visible) .radio__control {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n }\n\n .radio__control:focus-visible {\n outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n outline-offset: 2px;\n }\n\n /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .radio__control {\n outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n outline-offset: 1px;\n}\n\n /* Disabled */\n .radio--disabled {\n \n cursor: not-allowed;\n }\n\n .radio--disabled .radio__checked-icon {\n background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-disabled-subtle)); // for v2\n }\n\n .radio--disabled .radio__control {\n background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));\n }\n\n .radio--disabled .radio__label {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n }\n\n /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n .radio:not(.radio--checked) svg circle {\n opacity: 0;\n }\n\n .radio__label {\n display: inline-block;\n color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n user-select: none;\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n .radio__label_border {\n padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -116,6 +116,10 @@ import{css as r}from"lit";const o=r`
|
|
|
116
116
|
border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
+
.radio--disabled .radio__label {
|
|
120
|
+
color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
|
|
121
|
+
}
|
|
122
|
+
|
|
119
123
|
/* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
|
|
120
124
|
.radio:not(.radio--checked) svg circle {
|
|
121
125
|
opacity: 0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__decorate as i}from"tslib";import{html as s}from"lit";import{property as t,state as e,customElement as
|
|
1
|
+
import{__decorate as i}from"tslib";import{html as s}from"lit";import{property as t,state as e,customElement as a}from"lit/decorators.js";import{s as h}from"./nile-radio.css.esm.js";import{classMap as l}from"lit/directives/class-map.js";import{w as r}from"../internal/watch.esm.js";import{N as o}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let n=class extends o{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.value="",this.size="medium",this.disabled=!1,this.islabelborder=!1,this.allowUncheck=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init")}disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy")}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleClick(){this.allowUncheck&&!this.disabled?this.checked=!this.checked:this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.disabled?this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled?(this.setAttribute("tabindex","-1"),this.matches(":focus")&&this.blur()):this.setAttribute("tabindex",this.checked?"0":"-1")}render(){return s`
|
|
2
2
|
<span
|
|
3
3
|
part="base"
|
|
4
4
|
class=${l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder})}
|
|
@@ -9,4 +9,4 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{property as
|
|
|
9
9
|
|
|
10
10
|
<slot part="label" class="radio__label"></slot>
|
|
11
11
|
</span>
|
|
12
|
-
`}};
|
|
12
|
+
`}};n.styles=h,i([t({type:Boolean})],n.prototype,"checked",void 0),i([e()],n.prototype,"hasFocus",void 0),i([t()],n.prototype,"value",void 0),i([t({reflect:!0})],n.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"islabelborder",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"allowUncheck",void 0),i([r("checked")],n.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],n.prototype,"handleDisabledChange",null),n=i([a("nile-radio")],n);export{n as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["./nile-radio-group.cjs.js","tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioGroupCjsJs){_export("NileRadioGroup",_nileRadioGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function execute(){}};});
|
|
1
|
+
System.register(["./nile-radio-group.cjs.js","tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioGroupCjsJs){_export("NileRadioGroup",_nileRadioGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function execute(){}};});
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{N as NileRadioGroup}from"./nile-radio-group.esm.js";import"tslib";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/slot.esm.js";import"lit";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"./nile-radio-group.css.esm.js";
|
|
1
|
+
export{N as NileRadioGroup}from"./nile-radio-group.esm.js";import"tslib";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/slot.esm.js";import"lit";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"./nile-radio-group.css.esm.js";
|
|
@@ -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","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,o,r,a,h,n,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;s=_litDecoratorsJs.state;l=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.islabelborder=!1,_this.allowUncheckGroup=!1;return _this;}_inherits(c,_n);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,this.allowUncheckGroup||i.forEach(function(t){t.checked=t===e;}),this.allowUncheckGroup||this.value===s?this.allowUncheckGroup&&(this.emit("change",{value:this.value,checked:e.checked}),this.emit("input")):(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"updated",value:function updated(t){_superPropGet(c,"updated",this,3)([t]),t.has("allowUncheckGroup")&&this.allowUncheckGroup&&this.getAllRadios().forEach(function(t){t.allowUncheck=!0;});}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _e$find,_this4=this;if(this.disabled)return;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var e=this.getAllRadios().filter(function(t){return!t.disabled;}),i=(_e$find=e.find(function(t){return t.checked;}))!==null&&_e$find!==void 0?_e$find:e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=e[o].value,e[o].checked=!0,this.hasButtonGroup?e[o].shadowRoot.querySelector("button").focus():(e[o].tabIndex=0,e[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){if(this.disabled)return;var t=this.getAllRadios(),e=t.find(function(t){return t.checked;})||t[0];e&&e.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();if(t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);}),this.disabled)return void t.forEach(function(t){return t.tabIndex=-1;});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),t.length>0&&!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <slot\n @click=","\n @keydown=","\n @slotchange=","\n role=\"presentation\"\n ></slot>\n "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <fieldset\n part=\"form-control\"\n class=","\n role=\"radiogroup\"\n aria-labelledby=\"label\"\n aria-describedby=\"help-text\"\n aria-errormessage=\"error-message\"\n >\n <label\n part=\"form-control-label\"\n id=\"label\"\n class=\"form-control__label\"\n aria-hidden=","\n @click=","\n >\n <slot name=\"label\">","</slot>\n </label>\n\n ","\n\n <div part=\"form-control-input\" class=\"form-control-input\">\n <div class=\"visually-hidden\">\n <label class=\"radio-group__validation\">\n <input\n type=\"text\"\n class=\"radio-group__validation-input\"\n ?required=","\n tabindex=\"-1\"\n hidden\n />\n </label>\n </div>\n\n ","\n </div>\n\n ","\n\n ","\n\n </fieldset>\n "])),e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":s,"form-control--has-help-text":l}),s?"false":"true",this.handleLabelClick,this.label,i?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.hasButtonGroup?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n "])),r):a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <div part=\"options-base\" class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",r),l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <nile-form-help-text>","</nile-form-help-text>\n "])),this.helpText):"",o?a(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-form-error-message\n >","</nile-form-error-message\n >\n "])),this.errorMessage):"");}}]);}(n));c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text",reflect:!0})],c.prototype,"helpText",void 0),t([l({attribute:"error-message",reflect:!0})],c.prototype,"errorMessage",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"islabelborder",void 0),t([l({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"allowUncheckGroup",void 0),t([h("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([h("value")],c.prototype,"handleValueChange",null),_export("N",c=t([o("nile-radio-group")],c));}};});
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,l,o,r,a,n,h,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;s=_litDecoratorsJs.state;l=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_h){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.islabelborder=!1,_this.allowUncheckGroup=!1;return _this;}_inherits(c,_h);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var i=t.target.closest("nile-radio"),e=this.getAllRadios(),s=this.value;i.disabled||this.disabled||(this.value=i.value,this.allowUncheckGroup||e.forEach(function(t){t.checked=t===i;}),this.allowUncheckGroup||this.value===s?this.allowUncheckGroup&&(this.emit("change",{value:this.value,checked:i.checked}),this.emit("input")):(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"updated",value:function updated(t){_superPropGet(c,"updated",this,3)([t]),t.has("allowUncheckGroup")&&this.allowUncheckGroup&&this.getAllRadios().forEach(function(t){t.allowUncheck=!0;});}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _i$find,_this4=this;if(this.disabled)return;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var i=this.getAllRadios().filter(function(t){return!t.disabled;}),e=(_i$find=i.find(function(t){return t.checked;}))!==null&&_i$find!==void 0?_i$find:i[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=i.indexOf(e)+s;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].tabIndex=0,i[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){if(this.disabled)return;var t=this.getAllRadios(),i=t.find(function(t){return t.checked;})||t[0];i&&i.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();if(t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);}),this.disabled)return void t.forEach(function(t){return t.tabIndex=-1;});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),t.length>0&&!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var e=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <slot\n @click=","\n @keydown=","\n @slotchange=","\n role=\"presentation\"\n ></slot>\n "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n <fieldset\n part=\"form-control\"\n class=","\n role=\"radiogroup\"\n aria-labelledby=\"label\"\n aria-describedby=\"help-text\"\n aria-errormessage=\"error-message\"\n >\n <label\n part=\"form-control-label\"\n id=\"label\"\n class=\"form-control__label\"\n aria-hidden=","\n @click=","\n >\n <slot name=\"label\">","</slot>\n </label>\n\n ","\n\n <div part=\"form-control-input\" class=\"form-control-input\">\n <div class=\"visually-hidden\">\n <label class=\"radio-group__validation\">\n <input\n type=\"text\"\n class=\"radio-group__validation-input\"\n ?required=","\n tabindex=\"-1\"\n hidden\n />\n </label>\n </div>\n\n ","\n </div>\n\n ","\n\n ","\n\n </fieldset>\n "])),i({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":s,"form-control--has-help-text":l}),s?"false":"true",this.handleLabelClick,this.label,e?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.hasButtonGroup?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n "])),r):a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <div part=\"options-base\" class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",r),l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n <nile-form-help-text>","</nile-form-help-text>\n "])),this.helpText):"",o?a(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n <nile-form-error-message\n >","</nile-form-error-message\n >\n "])),this.errorMessage):"");}}]);}(h));c.styles=d,t([e("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text",reflect:!0})],c.prototype,"helpText",void 0),t([l({attribute:"error-message",reflect:!0})],c.prototype,"errorMessage",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"islabelborder",void 0),t([l({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"allowUncheckGroup",void 0),t([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),_export("N",c=t([o("nile-radio-group")],c));}};});
|
|
2
2
|
//# sourceMappingURL=nile-radio-group.cjs.js.map
|