@aquera/nile-elements 0.1.38-beta-1.5 → 0.1.39-beta-1.0
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 +36 -0
- package/demo/filenames.txt +1 -1
- package/demo/index.css +9 -6
- package/demo/index.html +18 -35
- package/{dist → demo}/nxtgen.css +131 -71
- package/demo/variables.css +349 -13
- package/dist/axe.min-2720cd56.esm.js +1 -0
- package/dist/axe.min-69d47269.cjs.js +2 -0
- package/dist/axe.min-69d47269.cjs.js.map +1 -0
- package/dist/{fixture-d5b55278.cjs.js → fixture-3bfb4490.cjs.js} +2 -2
- package/dist/fixture-3bfb4490.cjs.js.map +1 -0
- package/dist/{fixture-df8b52d7.esm.js → fixture-8edec91c.esm.js} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +11696 -0
- package/dist/internal/animate.cjs.js +1 -1
- package/dist/internal/animate.cjs.js.map +1 -1
- package/dist/internal/animate.esm.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
- package/dist/nile-accordion/nile-accordion.css.cjs.js +1 -1
- package/dist/nile-accordion/nile-accordion.css.cjs.js.map +1 -1
- package/dist/nile-accordion/nile-accordion.css.esm.js +23 -18
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js +3 -3
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.esm.js +5 -4
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.esm.js +39 -31
- package/dist/nile-avatar/nile-avatar.esm.js +8 -8
- package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.test.esm.js +2 -2
- 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.css.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.css.cjs.js.map +1 -1
- package/dist/nile-badge/nile-badge.css.esm.js +92 -64
- package/dist/nile-badge/nile-badge.esm.js +2 -2
- package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.test.cjs.js.map +1 -1
- package/dist/nile-badge/nile-badge.test.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.css.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js +11 -11
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +3 -3
- 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.css.cjs.js +1 -1
- package/dist/nile-button/nile-button.css.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.css.esm.js +166 -139
- package/dist/nile-button/nile-button.esm.js +2 -2
- package/dist/nile-button/nile-button.test.cjs.js +1 -1
- package/dist/nile-button/nile-button.test.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.test.esm.js +2 -2
- package/dist/nile-button-filter/nile-button-filter.css.cjs.js +1 -1
- package/dist/nile-button-filter/nile-button-filter.css.cjs.js.map +1 -1
- package/dist/nile-button-filter/nile-button-filter.css.esm.js +2 -2
- package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js +1 -1
- package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js.map +1 -1
- package/dist/nile-button-toggle/nile-button-toggle.css.esm.js +30 -24
- package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js.map +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.css.esm.js +5 -3
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.esm.js +76 -78
- package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.test.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
- package/dist/nile-card/nile-card.css.cjs.js +1 -1
- package/dist/nile-card/nile-card.css.cjs.js.map +1 -1
- package/dist/nile-card/nile-card.css.esm.js +15 -14
- package/dist/nile-card/nile-card.test.cjs.js +1 -1
- package/dist/nile-card/nile-card.test.esm.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.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 +99 -52
- package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.css.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.css.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.css.esm.js +43 -33
- package/dist/nile-chip/nile-chip.esm.js +7 -5
- package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.test.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.test.esm.js +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js.map +1 -1
- package/dist/nile-circular-progressbar/nile-circular-progressbar.css.esm.js +11 -11
- package/dist/nile-code-editor/nile-code-editor.css.cjs.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.css.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.css.esm.js +14 -9
- package/dist/nile-content-editor/nile-content-editor.css.cjs.js +1 -1
- package/dist/nile-content-editor/nile-content-editor.css.cjs.js.map +1 -1
- package/dist/nile-content-editor/nile-content-editor.css.esm.js +11 -11
- 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.css.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.css.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.css.esm.js +35 -34
- package/dist/nile-dialog/nile-dialog.esm.js +3 -3
- package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.test.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.test.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.css.cjs.js +1 -1
- package/dist/nile-divider/nile-divider.css.cjs.js.map +1 -1
- package/dist/nile-divider/nile-divider.css.esm.js +26 -7
- package/dist/nile-divider/nile-divider.esm.js +4 -3
- 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.css.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.css.cjs.js.map +1 -1
- package/dist/nile-drawer/nile-drawer.css.esm.js +13 -13
- package/dist/nile-drawer/nile-drawer.esm.js +2 -2
- package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.test.cjs.js.map +1 -1
- package/dist/nile-drawer/nile-drawer.test.esm.js +7 -7
- package/dist/nile-dropdown/nile-dropdown.css.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.css.cjs.js.map +1 -1
- package/dist/nile-dropdown/nile-dropdown.css.esm.js +4 -4
- package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
- package/dist/nile-empty-state/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.css.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.css.esm.js +37 -61
- package/dist/nile-empty-state/nile-empty-state.esm.js +28 -17
- package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
- package/dist/nile-error-message/nile-error-message.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.cjs.js.map +1 -1
- package/dist/nile-error-message/nile-error-message.css.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.css.cjs.js.map +1 -1
- package/dist/nile-error-message/nile-error-message.css.esm.js +26 -30
- package/dist/nile-error-message/nile-error-message.esm.js +6 -6
- package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
- package/dist/nile-error-notification/nile-error-notification.css.cjs.js +1 -1
- package/dist/nile-error-notification/nile-error-notification.css.cjs.js.map +1 -1
- package/dist/nile-error-notification/nile-error-notification.css.esm.js +12 -12
- package/dist/nile-file-preview/nile-file-preview.test.cjs.js +1 -1
- package/dist/nile-file-preview/nile-file-preview.test.esm.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.test.cjs.js +1 -1
- package/dist/nile-file-upload/nile-file-upload.test.esm.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.css.cjs.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.css.cjs.js.map +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.css.esm.js +15 -15
- package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
- package/dist/nile-form-error-message/nile-form-error-message.cjs.js +1 -1
- package/dist/nile-form-error-message/nile-form-error-message.cjs.js.map +1 -1
- package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js +1 -1
- package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js.map +1 -1
- package/dist/nile-form-error-message/nile-form-error-message.css.esm.js +10 -10
- package/dist/nile-form-error-message/nile-form-error-message.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.css.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.css.cjs.js.map +1 -1
- package/dist/nile-form-group/nile-form-group.css.esm.js +31 -27
- package/dist/nile-form-group/nile-form-group.esm.js +7 -5
- package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js.map +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.css.esm.js +10 -10
- package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
- package/dist/nile-hero/nile-hero.css.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.css.cjs.js.map +1 -1
- package/dist/nile-hero/nile-hero.css.esm.js +4 -4
- package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.test.esm.js +1 -1
- package/dist/nile-hero-header/nile-hero-header.css.cjs.js +1 -1
- package/dist/nile-hero-header/nile-hero-header.css.cjs.js.map +1 -1
- package/dist/nile-hero-header/nile-hero-header.css.esm.js +5 -5
- 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/ng-activity.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/ng-activity.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/ng-activity.esm.js +1 -0
- package/dist/nile-icon/index.cjs.js +1 -1
- package/dist/nile-icon/index.cjs.js.map +1 -1
- package/dist/nile-icon/index.esm.js +7 -3
- package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
- package/dist/nile-icon/nile-icon.test.cjs.js.map +1 -1
- package/dist/nile-icon/nile-icon.test.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.css.cjs.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.css.cjs.js.map +1 -1
- package/dist/nile-icon-button/nile-icon-button.css.esm.js +4 -4
- package/dist/nile-icon-button/nile-icon-button.esm.js +3 -3
- package/dist/nile-inline-edit/nile-inline-edit.css.cjs.js +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.css.cjs.js.map +1 -1
- package/dist/nile-inline-edit/nile-inline-edit.css.esm.js +21 -18
- 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.css.cjs.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.css.esm.js +115 -84
- package/dist/nile-input/nile-input.esm.js +16 -16
- package/dist/nile-input/nile-input.test.cjs.js +1 -1
- package/dist/nile-input/nile-input.test.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.test.esm.js +2 -2
- package/dist/nile-link/nile-link.css.cjs.js +1 -1
- package/dist/nile-link/nile-link.css.cjs.js.map +1 -1
- package/dist/nile-link/nile-link.css.esm.js +41 -18
- package/dist/nile-link/nile-link.test.cjs.js +1 -1
- package/dist/nile-link/nile-link.test.esm.js +1 -1
- package/dist/nile-list/nile-list.css.cjs.js +1 -1
- package/dist/nile-list/nile-list.css.cjs.js.map +1 -1
- package/dist/nile-list/nile-list.css.esm.js +4 -4
- package/dist/nile-list-item/nile-list-item.css.cjs.js +1 -1
- package/dist/nile-list-item/nile-list-item.css.cjs.js.map +1 -1
- package/dist/nile-list-item/nile-list-item.css.esm.js +13 -11
- package/dist/nile-loader/nile-loader.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.cjs.js.map +1 -1
- package/dist/nile-loader/nile-loader.css.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.css.cjs.js.map +1 -1
- package/dist/nile-loader/nile-loader.css.esm.js +10 -10
- package/dist/nile-loader/nile-loader.esm.js +7 -7
- package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.test.esm.js +1 -1
- package/dist/nile-menu/nile-menu.css.cjs.js +1 -1
- package/dist/nile-menu/nile-menu.css.cjs.js.map +1 -1
- package/dist/nile-menu/nile-menu.css.esm.js +13 -12
- 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.css.cjs.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.css.cjs.js.map +1 -1
- package/dist/nile-menu-item/nile-menu-item.css.esm.js +13 -13
- package/dist/nile-menu-item/nile-menu-item.esm.js +2 -2
- 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.css.cjs.js +1 -1
- package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.css.esm.js +28 -18
- package/dist/nile-option/nile-option.esm.js +1 -1
- package/dist/nile-page-header/nile-page-header.css.cjs.js +1 -1
- package/dist/nile-page-header/nile-page-header.css.cjs.js.map +1 -1
- package/dist/nile-page-header/nile-page-header.css.esm.js +1 -1
- package/dist/nile-popover/index.cjs.js +1 -1
- package/dist/nile-popover/index.esm.js +1 -1
- package/dist/nile-popover/nile-popover.cjs.js +3 -11
- package/dist/nile-popover/nile-popover.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.css.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.css.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.css.esm.js +16 -17
- package/dist/nile-popover/nile-popover.esm.js +7 -13
- package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
- package/dist/nile-popover/nile-popover.test.cjs.js.map +1 -1
- package/dist/nile-popover/nile-popover.test.esm.js +3 -3
- package/dist/nile-popup/nile-popup.css.cjs.js +1 -1
- package/dist/nile-popup/nile-popup.css.cjs.js.map +1 -1
- package/dist/nile-popup/nile-popup.css.esm.js +2 -2
- package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
- package/dist/nile-popup/nile-popup.test.esm.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.css.esm.js +16 -15
- package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
- package/dist/nile-radio/nile-radio.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 +48 -43
- package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.test.esm.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.css.cjs.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.css.cjs.js.map +1 -1
- package/dist/nile-radio-group/nile-radio-group.css.esm.js +10 -11
- package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
- package/dist/nile-section-message/nile-section-message.css.cjs.js +1 -1
- package/dist/nile-section-message/nile-section-message.css.cjs.js.map +1 -1
- package/dist/nile-section-message/nile-section-message.css.esm.js +28 -21
- 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 +105 -76
- package/dist/nile-select/nile-select.esm.js +2 -2
- package/dist/nile-select/nile-select.test.cjs.js +1 -1
- package/dist/nile-select/nile-select.test.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.test.esm.js +1 -1
- package/dist/nile-sidebar/index.cjs.js +1 -1
- package/dist/nile-sidebar/index.cjs.js.map +1 -1
- package/dist/nile-sidebar/index.esm.js +12 -12
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js +1 -1
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js.map +1 -1
- package/dist/nile-sidebar-menu/nile-sidebar-menu.css.esm.js +6 -6
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js +1 -1
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js.map +1 -1
- package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.esm.js +4 -4
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js +1 -1
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js.map +1 -1
- package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.esm.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js.map +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js +30 -27
- package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
- package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
- package/dist/nile-split-panel/nile-split-panel.css.cjs.js +1 -1
- package/dist/nile-split-panel/nile-split-panel.css.cjs.js.map +1 -1
- package/dist/nile-split-panel/nile-split-panel.css.esm.js +6 -6
- package/dist/nile-stepper/nile-stepper.css.cjs.js +1 -1
- package/dist/nile-stepper/nile-stepper.css.cjs.js.map +1 -1
- package/dist/nile-stepper/nile-stepper.css.esm.js +2 -2
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.esm.js +56 -45
- package/dist/nile-switcher/nile-switcher.css.cjs.js +1 -1
- package/dist/nile-switcher/nile-switcher.css.cjs.js.map +1 -1
- package/dist/nile-switcher/nile-switcher.css.esm.js +8 -8
- 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.css.cjs.js +1 -1
- package/dist/nile-tab/nile-tab.css.cjs.js.map +1 -1
- package/dist/nile-tab/nile-tab.css.esm.js +17 -17
- package/dist/nile-tab/nile-tab.esm.js +1 -1
- package/dist/nile-tab-group/index.cjs.js +1 -1
- package/dist/nile-tab-group/index.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.esm.js +19 -19
- package/dist/nile-tab-group/nile-tab-group.esm.js +2 -2
- package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
- package/dist/nile-tab-panel/nile-tab-panel.css.cjs.js +1 -1
- package/dist/nile-tab-panel/nile-tab-panel.css.cjs.js.map +1 -1
- package/dist/nile-tab-panel/nile-tab-panel.css.esm.js +3 -3
- package/dist/nile-table/nile-table.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.css.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.css.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.css.esm.js +9 -9
- package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js.map +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.css.esm.js +5 -5
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +6 -6
- package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
- package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
- package/dist/nile-table-row/nile-table-row.css.esm.js +5 -6
- 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.css.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.esm.js +39 -36
- package/dist/nile-tag/nile-tag.esm.js +4 -4
- package/dist/nile-textarea/nile-textarea.css.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.css.cjs.js.map +1 -1
- package/dist/nile-textarea/nile-textarea.css.esm.js +82 -72
- package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
- package/dist/nile-title/nile-title.css.cjs.js +1 -1
- package/dist/nile-title/nile-title.css.cjs.js.map +1 -1
- package/dist/nile-title/nile-title.css.esm.js +3 -3
- 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.css.cjs.js +1 -1
- package/dist/nile-toast/nile-toast.css.cjs.js.map +1 -1
- package/dist/nile-toast/nile-toast.css.esm.js +48 -50
- package/dist/nile-toast/nile-toast.esm.js +2 -2
- package/dist/nile-toolbar/nile-toolbar.css.cjs.js +1 -1
- package/dist/nile-toolbar/nile-toolbar.css.cjs.js.map +1 -1
- package/dist/nile-toolbar/nile-toolbar.css.esm.js +8 -8
- 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.css.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.esm.js +78 -45
- package/dist/nile-tooltip/nile-tooltip.esm.js +23 -28
- package/dist/nile-tooltip/nile-tooltip.test.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.test.esm.js +1 -1
- 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.css.cjs.js +1 -1
- package/dist/nile-tree/nile-tree.css.cjs.js.map +1 -1
- package/dist/nile-tree/nile-tree.css.esm.js +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.css.cjs.js +1 -1
- package/dist/nile-tree-item/nile-tree-item.css.cjs.js.map +1 -1
- package/dist/nile-tree-item/nile-tree-item.css.esm.js +4 -4
- package/dist/nile-tree-item/nile-tree-item.esm.js +2 -2
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.esm.js +43 -35
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-accordion/nile-accordion.css.js +21 -16
- package/dist/src/nile-accordion/nile-accordion.css.js.map +1 -1
- package/dist/src/nile-auto-complete/nile-auto-complete.d.ts +1 -0
- package/dist/src/nile-auto-complete/nile-auto-complete.js +5 -0
- package/dist/src/nile-auto-complete/nile-auto-complete.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.css.js +39 -31
- package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.d.ts +1 -1
- package/dist/src/nile-avatar/nile-avatar.js +9 -5
- package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
- package/dist/src/nile-badge/nile-badge.css.js +92 -64
- package/dist/src/nile-badge/nile-badge.css.js.map +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js +9 -9
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map +1 -1
- package/dist/src/nile-button/nile-button.css.js +164 -137
- package/dist/src/nile-button/nile-button.css.js.map +1 -1
- package/dist/src/nile-button-filter/nile-button-filter.css.js +2 -2
- package/dist/src/nile-button-filter/nile-button-filter.css.js.map +1 -1
- package/dist/src/nile-button-toggle/nile-button-toggle.css.js +28 -22
- package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -1
- package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js +3 -1
- package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js.map +1 -1
- package/dist/src/nile-calendar/nile-calendar.css.js +75 -77
- package/dist/src/nile-calendar/nile-calendar.css.js.map +1 -1
- package/dist/src/nile-card/nile-card.css.js +13 -12
- package/dist/src/nile-card/nile-card.css.js.map +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.css.js +97 -50
- package/dist/src/nile-checkbox/nile-checkbox.css.js.map +1 -1
- package/dist/src/nile-chip/nile-chip.css.js +41 -31
- package/dist/src/nile-chip/nile-chip.css.js.map +1 -1
- package/dist/src/nile-chip/nile-chip.d.ts +1 -0
- package/dist/src/nile-chip/nile-chip.js +9 -3
- package/dist/src/nile-chip/nile-chip.js.map +1 -1
- package/dist/src/nile-circular-progressbar/nile-circular-progressbar.css.js +9 -9
- package/dist/src/nile-circular-progressbar/nile-circular-progressbar.css.js.map +1 -1
- package/dist/src/nile-code-editor/nile-code-editor.css.js +12 -7
- package/dist/src/nile-code-editor/nile-code-editor.css.js.map +1 -1
- package/dist/src/nile-content-editor/nile-content-editor.css.js +11 -11
- package/dist/src/nile-content-editor/nile-content-editor.css.js.map +1 -1
- package/dist/src/nile-dialog/nile-dialog.css.js +33 -32
- package/dist/src/nile-dialog/nile-dialog.css.js.map +1 -1
- package/dist/src/nile-dialog/nile-dialog.js +1 -1
- package/dist/src/nile-dialog/nile-dialog.js.map +1 -1
- package/dist/src/nile-divider/nile-divider.css.js +24 -5
- package/dist/src/nile-divider/nile-divider.css.js.map +1 -1
- package/dist/src/nile-divider/nile-divider.d.ts +1 -0
- package/dist/src/nile-divider/nile-divider.js +7 -2
- package/dist/src/nile-divider/nile-divider.js.map +1 -1
- package/dist/src/nile-drawer/nile-drawer.css.js +11 -11
- package/dist/src/nile-drawer/nile-drawer.css.js.map +1 -1
- package/dist/src/nile-dropdown/nile-dropdown.css.js +4 -4
- package/dist/src/nile-dropdown/nile-dropdown.css.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.css.js +37 -61
- package/dist/src/nile-empty-state/nile-empty-state.css.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.d.ts +3 -0
- package/dist/src/nile-empty-state/nile-empty-state.js +28 -6
- package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
- package/dist/src/nile-error-message/nile-error-message.css.js +26 -30
- package/dist/src/nile-error-message/nile-error-message.css.js.map +1 -1
- package/dist/src/nile-error-message/nile-error-message.d.ts +4 -0
- package/dist/src/nile-error-message/nile-error-message.js +22 -2
- package/dist/src/nile-error-message/nile-error-message.js.map +1 -1
- package/dist/src/nile-error-notification/nile-error-notification.css.js +10 -10
- package/dist/src/nile-error-notification/nile-error-notification.css.js.map +1 -1
- package/dist/src/nile-filter-chip/nile-filter-chip.css.js +13 -13
- package/dist/src/nile-filter-chip/nile-filter-chip.css.js.map +1 -1
- package/dist/src/nile-form-error-message/nile-form-error-message.css.js +8 -8
- package/dist/src/nile-form-error-message/nile-form-error-message.css.js.map +1 -1
- package/dist/src/nile-form-error-message/nile-form-error-message.js +1 -1
- package/dist/src/nile-form-error-message/nile-form-error-message.js.map +1 -1
- package/dist/src/nile-form-group/nile-form-group.css.js +29 -25
- package/dist/src/nile-form-group/nile-form-group.css.js.map +1 -1
- package/dist/src/nile-form-group/nile-form-group.js +5 -3
- package/dist/src/nile-form-group/nile-form-group.js.map +1 -1
- package/dist/src/nile-form-help-text/nile-form-help-text.css.js +10 -10
- package/dist/src/nile-form-help-text/nile-form-help-text.css.js.map +1 -1
- package/dist/src/nile-hero/nile-hero.css.js +2 -2
- package/dist/src/nile-hero/nile-hero.css.js.map +1 -1
- package/dist/src/nile-hero-header/nile-hero-header.css.js +3 -3
- package/dist/src/nile-hero-header/nile-hero-header.css.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/index.d.ts +56 -1
- package/dist/src/nile-icon/icons/svg/index.js +56 -1
- package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
- package/dist/src/nile-icon/index.d.ts +2 -0
- package/dist/src/nile-icon/index.js +19 -2
- package/dist/src/nile-icon/index.js.map +1 -1
- package/dist/src/nile-icon-button/nile-icon-button.css.js +4 -4
- package/dist/src/nile-icon-button/nile-icon-button.css.js.map +1 -1
- package/dist/src/nile-icon-button/nile-icon-button.js +2 -2
- package/dist/src/nile-icon-button/nile-icon-button.js.map +1 -1
- package/dist/src/nile-inline-edit/nile-inline-edit.css.js +21 -18
- package/dist/src/nile-inline-edit/nile-inline-edit.css.js.map +1 -1
- package/dist/src/nile-input/nile-input.css.js +113 -82
- package/dist/src/nile-input/nile-input.css.js.map +1 -1
- package/dist/src/nile-input/nile-input.d.ts +1 -0
- package/dist/src/nile-input/nile-input.js +4 -0
- package/dist/src/nile-input/nile-input.js.map +1 -1
- package/dist/src/nile-link/nile-link.css.js +39 -16
- package/dist/src/nile-link/nile-link.css.js.map +1 -1
- package/dist/src/nile-list/nile-list.css.js +2 -2
- package/dist/src/nile-list/nile-list.css.js.map +1 -1
- package/dist/src/nile-list-item/nile-list-item.css.js +11 -9
- package/dist/src/nile-list-item/nile-list-item.css.js.map +1 -1
- package/dist/src/nile-loader/nile-loader.css.js +10 -10
- package/dist/src/nile-loader/nile-loader.css.js.map +1 -1
- package/dist/src/nile-loader/nile-loader.js +4 -4
- package/dist/src/nile-loader/nile-loader.js.map +1 -1
- package/dist/src/nile-menu/nile-menu.css.js +13 -12
- package/dist/src/nile-menu/nile-menu.css.js.map +1 -1
- package/dist/src/nile-menu-item/nile-menu-item.css.js +13 -13
- package/dist/src/nile-menu-item/nile-menu-item.css.js.map +1 -1
- package/dist/src/nile-option/nile-option.css.js +26 -16
- package/dist/src/nile-option/nile-option.css.js.map +1 -1
- package/dist/src/nile-page-header/nile-page-header.css.js +1 -1
- package/dist/src/nile-page-header/nile-page-header.css.js.map +1 -1
- package/dist/src/nile-popover/nile-popover.css.js +14 -15
- package/dist/src/nile-popover/nile-popover.css.js.map +1 -1
- package/dist/src/nile-popup/nile-popup.css.js +2 -2
- package/dist/src/nile-popup/nile-popup.css.js.map +1 -1
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js +14 -13
- package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map +1 -1
- package/dist/src/nile-radio/nile-radio.css.js +46 -41
- package/dist/src/nile-radio/nile-radio.css.js.map +1 -1
- package/dist/src/nile-radio-group/nile-radio-group.css.js +8 -9
- package/dist/src/nile-radio-group/nile-radio-group.css.js.map +1 -1
- package/dist/src/nile-section-message/nile-section-message.css.js +28 -21
- package/dist/src/nile-section-message/nile-section-message.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.css.js +105 -76
- package/dist/src/nile-select/nile-select.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.js +1 -1
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-sidebar/index.js +8 -8
- package/dist/src/nile-sidebar/index.js.map +1 -1
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.js +4 -4
- package/dist/src/nile-sidebar-menu/nile-sidebar-menu.css.js.map +1 -1
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js +4 -4
- package/dist/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.js.map +1 -1
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js +1 -1
- package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map +1 -1
- package/dist/src/nile-slide-toggle/nile-slide-toggle.css.js +30 -27
- package/dist/src/nile-slide-toggle/nile-slide-toggle.css.js.map +1 -1
- package/dist/src/nile-split-panel/nile-split-panel.css.js +4 -4
- package/dist/src/nile-split-panel/nile-split-panel.css.js.map +1 -1
- package/dist/src/nile-stepper/nile-stepper.css.js +2 -2
- package/dist/src/nile-stepper/nile-stepper.css.js.map +1 -1
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js +54 -43
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js.map +1 -1
- package/dist/src/nile-switcher/nile-switcher.css.js +8 -8
- package/dist/src/nile-switcher/nile-switcher.css.js.map +1 -1
- package/dist/src/nile-tab/nile-tab.css.js +15 -15
- package/dist/src/nile-tab/nile-tab.css.js.map +1 -1
- package/dist/src/nile-tab-group/nile-tab-group.css.js +17 -17
- package/dist/src/nile-tab-group/nile-tab-group.css.js.map +1 -1
- package/dist/src/nile-tab-panel/nile-tab-panel.css.js +1 -1
- package/dist/src/nile-tab-panel/nile-tab-panel.css.js.map +1 -1
- package/dist/src/nile-table/nile-table.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.css.js +7 -7
- package/dist/src/nile-table-body/nile-table-body.css.js.map +1 -1
- package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js +5 -5
- package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js +6 -6
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-table-row/nile-table-row.css.js +3 -4
- package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.css.js +39 -36
- package/dist/src/nile-tag/nile-tag.css.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.d.ts +1 -1
- package/dist/src/nile-tag/nile-tag.js +17 -9
- package/dist/src/nile-tag/nile-tag.js.map +1 -1
- package/dist/src/nile-textarea/nile-textarea.css.js +80 -70
- package/dist/src/nile-textarea/nile-textarea.css.js.map +1 -1
- package/dist/src/nile-title/nile-title.css.js +1 -1
- package/dist/src/nile-title/nile-title.css.js.map +1 -1
- package/dist/src/nile-toast/nile-toast.css.js +46 -48
- package/dist/src/nile-toast/nile-toast.css.js.map +1 -1
- package/dist/src/nile-toast/nile-toast.d.ts +1 -1
- package/dist/src/nile-toast/nile-toast.js +6 -6
- package/dist/src/nile-toast/nile-toast.js.map +1 -1
- package/dist/src/nile-toolbar/nile-toolbar.css.js +6 -6
- package/dist/src/nile-toolbar/nile-toolbar.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js +76 -43
- package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.d.ts +24 -46
- package/dist/src/nile-tooltip/nile-tooltip.js +235 -232
- package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
- package/dist/src/nile-tree/nile-tree.css.js +1 -1
- package/dist/src/nile-tree/nile-tree.css.js.map +1 -1
- package/dist/src/nile-tree-item/nile-tree-item.css.js +4 -4
- package/dist/src/nile-tree-item/nile-tree-item.css.js.map +1 -1
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js +43 -35
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/rollup.config.js +35 -40
- package/src/index.ts +3 -1
- package/src/nile-accordion/nile-accordion.css.ts +21 -16
- package/src/nile-auto-complete/nile-auto-complete.ts +3 -0
- package/src/nile-avatar/nile-avatar.css.ts +39 -31
- package/src/nile-avatar/nile-avatar.ts +10 -6
- package/src/nile-badge/nile-badge.css.ts +93 -64
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts +9 -9
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.ts +1 -1
- package/src/nile-button/nile-button.css.ts +164 -137
- package/src/nile-button-filter/nile-button-filter.css.ts +2 -2
- package/src/nile-button-toggle/nile-button-toggle.css.ts +28 -22
- package/src/nile-button-toggle-group/nile-button-toggle-group.css.ts +3 -1
- package/src/nile-calendar/nile-calendar.css.ts +75 -77
- package/src/nile-card/nile-card.css.ts +13 -12
- package/src/nile-checkbox/nile-checkbox.css.ts +101 -54
- package/src/nile-chip/nile-chip.css.ts +41 -31
- package/src/nile-chip/nile-chip.ts +8 -3
- package/src/nile-circular-progressbar/nile-circular-progressbar.css.ts +10 -10
- package/src/nile-code-editor/nile-code-editor.css.ts +12 -7
- package/src/nile-content-editor/nile-content-editor.css.ts +11 -11
- package/src/nile-dialog/nile-dialog.css.ts +33 -32
- package/src/nile-dialog/nile-dialog.ts +1 -1
- package/src/nile-divider/nile-divider.css.ts +24 -5
- package/src/nile-divider/nile-divider.ts +4 -2
- package/src/nile-drawer/nile-drawer.css.ts +11 -11
- package/src/nile-dropdown/nile-dropdown.css.ts +4 -4
- package/src/nile-empty-state/nile-empty-state.css.ts +38 -62
- package/src/nile-empty-state/nile-empty-state.ts +22 -9
- package/src/nile-error-message/nile-error-message.css.ts +26 -30
- package/src/nile-error-message/nile-error-message.ts +20 -2
- package/src/nile-error-notification/nile-error-notification.css.ts +10 -10
- package/src/nile-file-preview/index.ts +1 -0
- package/src/nile-file-preview/nile-file-preview.css.ts +567 -0
- package/src/nile-file-preview/nile-file-preview.template.ts +248 -0
- package/src/nile-file-preview/nile-file-preview.test.ts +38 -0
- package/src/nile-file-preview/nile-file-preview.ts +173 -0
- package/src/nile-file-preview/types/index.ts +2 -0
- package/src/nile-file-preview/types/nile-file-preview.enums.ts +31 -0
- package/src/nile-file-preview/types/nile-file-preview.interface.ts +4 -0
- package/src/nile-file-preview/utils/index.ts +1 -0
- package/src/nile-file-preview/utils/nile-file-preview.util.ts +47 -0
- package/src/nile-file-upload/index.ts +1 -0
- package/src/nile-file-upload/nile-file-upload.css.ts +568 -0
- package/src/nile-file-upload/nile-file-upload.template.ts +201 -0
- package/src/nile-file-upload/nile-file-upload.test.ts +38 -0
- package/src/nile-file-upload/nile-file-upload.ts +149 -0
- package/src/nile-file-upload/types/file-upload.enums.ts +39 -0
- package/src/nile-file-upload/types/file-upload.type.ts +5 -0
- package/src/nile-file-upload/types/index.ts +2 -0
- package/src/nile-file-upload/utils/drag-drop.util.ts +106 -0
- package/src/nile-file-upload/utils/file-validation.util.ts +163 -0
- package/src/nile-filter-chip/nile-filter-chip.css.ts +13 -13
- package/src/nile-form-error-message/nile-form-error-message.css.ts +8 -8
- package/src/nile-form-error-message/nile-form-error-message.ts +1 -1
- package/src/nile-form-group/nile-form-group.css.ts +29 -25
- package/src/nile-form-group/nile-form-group.ts +5 -3
- package/src/nile-form-help-text/nile-form-help-text.css.ts +10 -10
- package/src/nile-hero/nile-hero.css.ts +3 -3
- package/src/nile-hero-header/nile-hero-header.css.ts +4 -4
- package/src/nile-icon/icons/svg/index.ts +56 -1
- package/src/nile-icon/icons/svg/ng-activity.ts +5 -0
- package/src/nile-icon/icons/svg/ng-align-center.ts +5 -0
- package/src/nile-icon/icons/svg/ng-annotation-x.ts +5 -0
- package/src/nile-icon/icons/svg/ng-bell-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-bell-ringing-04.ts +5 -0
- package/src/nile-icon/icons/svg/ng-bold-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-calendar-plus-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-calendar.ts +5 -0
- package/src/nile-icon/icons/svg/ng-check-circle.ts +5 -0
- package/src/nile-icon/icons/svg/ng-check-square-broken.ts +5 -0
- package/src/nile-icon/icons/svg/ng-chevron-down.ts +5 -0
- package/src/nile-icon/icons/svg/ng-chevron-left.ts +5 -0
- package/src/nile-icon/icons/svg/ng-chevron-right.ts +5 -0
- package/src/nile-icon/icons/svg/ng-chevron-selector-vertical.ts +5 -0
- package/src/nile-icon/icons/svg/ng-chevron-up-double.ts +5 -0
- package/src/nile-icon/icons/svg/ng-chevron-up.ts +5 -0
- package/src/nile-icon/icons/svg/ng-copy-03.ts +5 -0
- package/src/nile-icon/icons/svg/ng-dots-grid.ts +5 -0
- package/src/nile-icon/icons/svg/ng-dots-vertical.ts +5 -0
- package/src/nile-icon/icons/svg/ng-download-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-dropdown.ts +5 -0
- package/src/nile-icon/icons/svg/ng-edit-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-edit-05.ts +5 -0
- package/src/nile-icon/icons/svg/ng-expand-06.ts +5 -0
- package/src/nile-icon/icons/svg/ng-file-check-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-file-question-03.ts +5 -0
- package/src/nile-icon/icons/svg/ng-filter-lines.ts +5 -0
- package/src/nile-icon/icons/svg/ng-grid-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-help-circle.ts +5 -0
- package/src/nile-icon/icons/svg/ng-image-user-left.ts +5 -0
- package/src/nile-icon/icons/svg/ng-info-circle.ts +5 -0
- package/src/nile-icon/icons/svg/ng-italic-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-list.ts +5 -0
- package/src/nile-icon/icons/svg/ng-mail-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-mail-04.ts +5 -0
- package/src/nile-icon/icons/svg/ng-menu-05.ts +5 -0
- package/src/nile-icon/icons/svg/ng-minimize-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-plus.ts +5 -0
- package/src/nile-icon/icons/svg/ng-rocket-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-search-lg.ts +5 -0
- package/src/nile-icon/icons/svg/ng-send-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-settings-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-share-06.ts +5 -0
- package/src/nile-icon/icons/svg/ng-stars-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-trash-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-trash-03.ts +5 -0
- package/src/nile-icon/icons/svg/ng-trend-up-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-underline-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-upload-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-user-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-user-check-02-1.ts +5 -0
- package/src/nile-icon/icons/svg/ng-user-check-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-user-plus-02.ts +5 -0
- package/src/nile-icon/icons/svg/ng-user-right-01.ts +5 -0
- package/src/nile-icon/icons/svg/ng-x-close.ts +5 -0
- package/src/nile-icon/icons/svg/ng-x-square.ts +5 -0
- package/src/nile-icon/index.ts +18 -3
- package/src/nile-icon-button/nile-icon-button.css.ts +4 -4
- package/src/nile-icon-button/nile-icon-button.ts +2 -2
- package/src/nile-inline-edit/nile-inline-edit.css.ts +21 -18
- package/src/nile-input/nile-input.css.ts +113 -82
- package/src/nile-input/nile-input.ts +2 -0
- package/src/nile-link/nile-link.css.ts +39 -16
- package/src/nile-list/nile-list.css.ts +2 -2
- package/src/nile-list-item/nile-list-item.css.ts +11 -9
- package/src/nile-loader/nile-loader.css.ts +10 -10
- package/src/nile-loader/nile-loader.ts +4 -4
- package/src/nile-menu/nile-menu.css.ts +13 -12
- package/src/nile-menu-item/nile-menu-item.css.ts +13 -13
- package/src/nile-option/nile-option.css.ts +26 -16
- package/src/nile-page-header/nile-page-header.css.ts +1 -1
- package/src/nile-popover/nile-popover.css.ts +14 -15
- package/src/nile-popup/nile-popup.css.ts +2 -2
- package/src/nile-progress-bar/nile-progress-bar.css.ts +14 -13
- package/src/nile-radio/nile-radio.css.ts +46 -41
- package/src/nile-radio-group/nile-radio-group.css.ts +8 -9
- package/src/nile-section-message/nile-section-message.css.ts +28 -21
- package/src/nile-select/nile-select.css.ts +106 -77
- package/src/nile-select/nile-select.ts +1 -1
- package/src/nile-sidebar/index.ts +8 -8
- package/src/nile-sidebar-menu/nile-sidebar-menu.css.ts +4 -4
- package/src/nile-sidebar-menu-items/nile-sidebar-menu-items.css.ts +4 -4
- package/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts +1 -1
- package/src/nile-slide-toggle/nile-slide-toggle.css.ts +30 -27
- package/src/nile-split-panel/nile-split-panel.css.ts +4 -4
- package/src/nile-stepper/nile-stepper.css.ts +2 -2
- package/src/nile-stepper-item/nile-stepper-item.css.ts +55 -44
- package/src/nile-switcher/nile-switcher.css.ts +8 -8
- package/src/nile-tab/nile-tab.css.ts +15 -15
- package/src/nile-tab-group/nile-tab-group.css.ts +18 -17
- package/src/nile-tab-panel/nile-tab-panel.css.ts +1 -1
- package/src/nile-table/nile-table.ts +2 -2
- package/src/nile-table-body/nile-table-body.css.ts +7 -7
- package/src/nile-table-cell-item/nile-table-cell-item.css.ts +5 -5
- package/src/nile-table-header-item/nile-table-header-item.css.ts +6 -6
- package/src/nile-table-row/nile-table-row.css.ts +3 -4
- package/src/nile-tag/nile-tag.css.ts +39 -36
- package/src/nile-tag/nile-tag.ts +18 -11
- package/src/nile-textarea/nile-textarea.css.ts +80 -70
- package/src/nile-title/nile-title.css.ts +1 -1
- package/src/nile-toast/nile-toast.css.ts +46 -48
- package/src/nile-toast/nile-toast.ts +6 -6
- package/src/nile-toolbar/nile-toolbar.css.ts +6 -6
- package/src/nile-tooltip/nile-tooltip-utils.ts +271 -0
- package/src/nile-tooltip/nile-tooltip.css.ts +77 -44
- package/src/nile-tooltip/nile-tooltip.test.ts +168 -0
- package/src/nile-tooltip/nile-tooltip.ts +268 -230
- package/src/nile-tree/nile-tree.css.ts +1 -1
- package/src/nile-tree-item/nile-tree-item.css.ts +4 -4
- package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts +44 -36
- package/vscode-html-custom-data.json +289 -105
- package/demo/variables_v2.css +0 -756
- package/dist/axe.min-2b379f29.cjs.js +0 -12
- package/dist/axe.min-2b379f29.cjs.js.map +0 -1
- package/dist/axe.min-c2cd8733.esm.js +0 -12
- package/dist/fixture-161dee0b.cjs.js +0 -395
- package/dist/fixture-161dee0b.cjs.js.map +0 -1
- package/dist/fixture-372df3b0.esm.js +0 -569
- package/dist/fixture-d5b55278.cjs.js.map +0 -1
- package/dist/nile-icon/icons/svg/savings.cjs.js +0 -2
- package/dist/nile-icon/icons/svg/savings.cjs.js.map +0 -1
- package/dist/nile-icon/icons/svg/savings.esm.js +0 -1
- package/dist/src/nile-icon/icons/svg/savings.d.ts +0 -5
- package/dist/src/nile-icon/icons/svg/savings.js +0 -5
- package/dist/src/nile-icon/icons/svg/savings.js.map +0 -1
- package/src/nile-icon/icons/svg/savings.ts +0 -5
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-sizing: border-box;\n min-height: 64px;\n line-height: var(--nile-toolbar-line-height, var(--ng-line-height-text-xl));\n font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-500));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-size: var(--nile-toolbar-font-size, var(--ng-font-size-text-xl));\n background-color: var(--nile-toolbar-background-color, var(--ng-colors-text-primary-on-brand));\n color: var(--nile-toolbar-text-color, var(--ng-color-base-black));\n }\n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-toolbar.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-toolbar.css.cjs.js","sources":["../../../src/nile-toolbar/nile-toolbar.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 * Toolbar CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-sizing: border-box;\n min-height: 64px;\n line-height: var(--nile-toolbar-line-height);\n font-weight: var(--nile-toolbar-font-weight);\n font-family: var(--nile-font-family-sans-serif);\n font-size: var(--nile-toolbar-font-size);\n background-color: var(--nile-toolbar-background-color, var(--
|
1
|
+
{"version":3,"file":"nile-toolbar.css.cjs.js","sources":["../../../src/nile-toolbar/nile-toolbar.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 * Toolbar CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 48px;\n box-sizing: border-box;\n min-height: 64px;\n line-height: var(--nile-toolbar-line-height, var(--ng-line-height-text-xl));\n font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-500));\n font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n font-size: var(--nile-toolbar-font-size, var(--ng-font-size-text-xl));\n background-color: var(--nile-toolbar-background-color, var(--ng-colors-text-primary-on-brand));\n color: var(--nile-toolbar-text-color, var(--ng-color-base-black));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{css as o}from"lit";const
|
1
|
+
import{css as o}from"lit";const t=o`
|
2
2
|
:host {
|
3
3
|
display: block;
|
4
4
|
width: 100%;
|
@@ -11,11 +11,11 @@ import{css as o}from"lit";const i=o`
|
|
11
11
|
padding: 0 48px;
|
12
12
|
box-sizing: border-box;
|
13
13
|
min-height: 64px;
|
14
|
-
line-height: var(--nile-toolbar-line-height);
|
15
|
-
font-weight: var(--nile-toolbar-font-weight);
|
16
|
-
font-family: var(--nile-font-family-sans-serif);
|
17
|
-
font-size: var(--nile-toolbar-font-size);
|
18
|
-
background-color: var(--nile-toolbar-background-color, var(--
|
19
|
-
color: var(--nile-toolbar-text-color,
|
14
|
+
line-height: var(--nile-toolbar-line-height, var(--ng-line-height-text-xl));
|
15
|
+
font-weight: var(--nile-toolbar-font-weight, var(--ng-font-weight-500));
|
16
|
+
font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
|
17
|
+
font-size: var(--nile-toolbar-font-size, var(--ng-font-size-text-xl));
|
18
|
+
background-color: var(--nile-toolbar-background-color, var(--ng-colors-text-primary-on-brand));
|
19
|
+
color: var(--nile-toolbar-text-color, var(--ng-color-base-black));
|
20
20
|
}
|
21
|
-
`;export{
|
21
|
+
`;export{t as s};
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["./nile-tooltip.cjs.js","tslib","
|
1
|
+
System.register(["./nile-tooltip.cjs.js","tslib","lit","lit/decorators.js","./nile-tooltip.css.cjs.js","../internal/nile-element.cjs.js","./nile-tooltip-utils.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileTooltipCjsJs){_export("NileTooltip",_nileTooltipCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileTooltipCssCjsJs){},function(_internalNileElementCjsJs){},function(_nileTooltipUtilsCjsJs){}],execute:function execute(){}};});
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
export{N as NileTooltip}from"./nile-tooltip.esm.js";import"tslib";import"
|
1
|
+
export{N as NileTooltip}from"./nile-tooltip.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-tooltip.css.esm.js";import"../internal/nile-element.esm.js";import"./nile-tooltip-utils.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","./nile-tooltip.css.cjs.js","../nile-popup/nile-popup.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","lit/decorators.js","../utilities/animation-registry.cjs.js","lit","../internal/event.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.css.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,o,h,a,l,n,r,p,d,c,u,m,_templateObject,f;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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(_nileTooltipCssCjsJs){i=_nileTooltipCssCjsJs.s;},function(_nilePopupNilePopupCjsJs){},function(_internalAnimateCjsJs){s=_internalAnimateCjsJs.p;e=_internalAnimateCjsJs.s;o=_internalAnimateCjsJs.a;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){a=_litDecoratorsJs.query;l=_litDecoratorsJs.property;n=_litDecoratorsJs.customElement;},function(_utilitiesAnimationRegistryCjsJs){r=_utilitiesAnimationRegistryCjsJs.s;p=_utilitiesAnimationRegistryCjsJs.g;},function(_lit){d=_lit.html;},function(_internalEventCjsJs){c=_internalEventCjsJs.w;},function(_internalWatchCjsJs){u=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){m=_internalNileElementCjsJs.N;},function(_nilePopupNilePopupCssCjsJs){}],execute:function execute(){_export("N",f=/*#__PURE__*/function(_m){function f(){var _this;_classCallCheck(this,f);_this=_callSuper(this,f,arguments),_this.content="",_this.size="small",_this.placement="top",_this.disabled=!1,_this.distance=8,_this.open=!1,_this.skidding=0,_this.trigger="hover focus",_this.hoist=!1;return _this;}_inherits(f,_m);return _createClass(f,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(f,"connectedCallback",this,3)([]),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then(function(){_this2.addEventListener("blur",_this2.handleBlur,!0),_this2.addEventListener("focus",_this2.handleFocus,!0),_this2.addEventListener("click",_this2.handleClick),_this2.addEventListener("keydown",_this2.handleKeyDown),_this2.addEventListener("mouseover",_this2.handleMouseOver),_this2.addEventListener("mouseout",_this2.handleMouseOut);});}},{key:"firstUpdated",value:function firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition());}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(f,"disconnectedCallback",this,3)([]),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut);}},{key:"handleBlur",value:function handleBlur(){this.hasTrigger("focus")&&this.hide();}},{key:"handleClick",value:function handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show());}},{key:"handleFocus",value:function handleFocus(){this.hasTrigger("focus")&&this.show();}},{key:"handleKeyDown",value:function handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide());}},{key:"handleMouseOver",value:function handleMouseOver(){var _this3=this;if(this.hasTrigger("hover")){var _t=s(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(function(){return _this3.show();},_t);}}},{key:"handleMouseOut",value:function handleMouseOut(){var _this4=this;if(this.hasTrigger("hover")){var _t2=s(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(function(){return _this4.hide();},_t2);}}},{key:"hasTrigger",value:function hasTrigger(t){return this.trigger.split(" ").includes(t);}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _p,_t3,_i,_p2,_t4,_i2;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!this.open){_context2.next=14;break;}if(!this.disabled){_context2.next=3;break;}return _context2.abrupt("return");case 3:this.emit("nile-show");_context2.next=6;return e(this.body);case 6:this.body.hidden=!1;this.popup.active=!0;_p=p(this,"tooltip.show",{dir:""}),_t3=_p.keyframes,_i=_p.options;_context2.next=11;return o(this.popup.popup,_t3,_i);case 11:this.emit("nile-after-show");_context2.next=23;break;case 14:this.emit("nile-hide");_context2.next=17;return e(this.body);case 17:_p2=p(this,"tooltip.hide",{dir:""}),_t4=_p2.keyframes,_i2=_p2.options;_context2.next=20;return o(this.popup.popup,_t4,_i2);case 20:this.popup.active=!1;this.body.hidden=!0;this.emit("nile-after-hide");case 23:case"end":return _context2.stop();}},_callee,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"handleOptionsChange",value:function(){var _handleOptionsChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:_context3.t0=this.hasUpdated;if(!_context3.t0){_context3.next=5;break;}_context3.next=4;return this.updateComplete;case 4:this.popup.reposition();case 5:case"end":return _context3.stop();}},_callee2,this);}));function handleOptionsChange(){return _handleOptionsChange.apply(this,arguments);}return handleOptionsChange;}()},{key:"handleDisabledChange",value:function handleDisabledChange(){this.disabled&&this.open&&this.hide();}},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){var _this$content;return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(!this.open&&(_this$content=this.content)!==null&&_this$content!==void 0&&_this$content.trim().length)){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!0,c(this,"nile-after-show")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:if(!this.open){_context5.next=2;break;}return _context5.abrupt("return",(this.open=!1,c(this,"nile-after-hide")));case 2:case"end":return _context5.stop();}},_callee4,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"render",value:function render(){return d(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <nile-popup\n part=\"base\"\n exportparts=\"\n popup:base__popup,\n arrow:base__arrow\n \"\n class=","\n placement=","\n distance=","\n skidding=","\n strategy=","\n flip\n shift\n arrow\n >\n <slot slot=\"anchor\" aria-describedby=\"tooltip\"></slot>\n\n <slot\n name=\"content\"\n part=\"body\"\n id=\"tooltip\"\n class=","\n role=\"tooltip\"\n aria-live=","\n >\n ","\n </slot>\n </nile-popup>\n "])),h({tooltip:!0,"tooltip--open":this.open}),this.placement,this.distance,this.skidding,this.hoist?"fixed":"absolute",h({tooltip__body:!0,"tooltip__body--large":"large"===this.size}),this.open?"polite":"off",this.content);}}],[{key:"styles",get:function get(){return[i];}}]);}(m));t([a("slot:not([name])")],f.prototype,"defaultSlot",void 0),t([a(".tooltip__body")],f.prototype,"body",void 0),t([a("nile-popup")],f.prototype,"popup",void 0),t([l({type:String,reflect:!0})],f.prototype,"content",void 0),t([l({reflect:!0})],f.prototype,"size",void 0),t([l()],f.prototype,"placement",void 0),t([l({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),t([l({type:Number})],f.prototype,"distance",void 0),t([l({type:Boolean,reflect:!0})],f.prototype,"open",void 0),t([l({type:Number})],f.prototype,"skidding",void 0),t([l()],f.prototype,"trigger",void 0),t([l({type:Boolean})],f.prototype,"hoist",void 0),t([u("open",{waitUntilFirstUpdate:!0})],f.prototype,"handleOpenChange",null),t([u(["content","distance","hoist","placement","skidding"])],f.prototype,"handleOptionsChange",null),t([u("disabled")],f.prototype,"handleDisabledChange",null),_export("N",f=t([n("nile-tooltip")],f)),r("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),r("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});}};});
|
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-tooltip.css.cjs.js","../internal/nile-element.cjs.js","./nile-tooltip-utils.cjs.js"],function(_export,_context){"use strict";var t,i,s,o,e,h,n,r,l,a,_templateObject,_templateObject2,c;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){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;o=_litDecoratorsJs.query;e=_litDecoratorsJs.customElement;},function(_nileTooltipCssCjsJs){h=_nileTooltipCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileTooltipUtilsCjsJs){r=_nileTooltipUtilsCjsJs.i;l=_nileTooltipUtilsCjsJs.g;a=_nileTooltipUtilsCjsJs.a;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.content="",_this.placement="top",_this.disabled=!1,_this.open=!1,_this.trigger="hover focus",_this.distance=8,_this.SHIFT_OFFSET=16,_this.skidding=0,_this.hoist=!1,_this.hasTooltipSlot=!1,_this.hoverTimeout=0,_this.caretSize=6,_this.originalPlacement=_this.placement,_this.updateTooltipPosition=function(){if(!r(_this.triggerContainer))return void(_this.open=!1);var t=_this.triggerContainer.getBoundingClientRect(),i=_this.tooltip.getBoundingClientRect(),s=window.innerWidth,o=window.innerHeight;var _l=l(t,i,_this.originalPlacement,_this.distance,_this.skidding,_this.caretSize,s,o),e=_l.top,h=_l.left,n=_l.placement;if(_this.originalPlacement.startsWith("bottom")){if(o-t.bottom<i.height+_this.distance){var _r="top";("bottom-start"===_this.originalPlacement||"bottom-end"===_this.originalPlacement)&&(_r="top");var _a=l(t,i,_r,_this.distance,_this.skidding,_this.caretSize,s,o);e=_a.top,h=_a.left,n=_a.placement;}}if(_this.originalPlacement.startsWith("top")){var _r2=t.top,_a2=o-t.bottom;if(_r2<i.height+_this.distance&&_a2>=i.height+_this.distance){var _r3="bottom";"top-start"===_this.originalPlacement?_r3="bottom-start":"top-end"===_this.originalPlacement&&(_r3="bottom-end");var _a3=l(t,i,_r3,_this.distance,_this.skidding,_this.caretSize,s,o);e=_a3.top,h=_a3.left,n=_a3.placement;}}if(_this.originalPlacement.startsWith("left")){var _r4=t.left,_a4=s-t.right;if(_r4<i.width+_this.distance&&_a4>=i.width+_this.distance){var _r5="right";"left-start"===_this.originalPlacement?_r5="right-start":"left-end"===_this.originalPlacement&&(_r5="right-end");var _a5=l(t,i,_r5,_this.distance,_this.skidding,_this.caretSize,s,o);e=_a5.top,h=_a5.left,n=_a5.placement;}}if(_this.originalPlacement.startsWith("right")){var _r6=s-t.right,_a6=t.left;if(_r6<i.width+_this.distance&&_a6>=i.width+_this.distance){var _r7="left";"right-start"===_this.originalPlacement?_r7="left-start":"right-end"===_this.originalPlacement&&(_r7="left-end");var _a7=l(t,i,_r7,_this.distance,_this.skidding,_this.caretSize,s,o);e=_a7.top,h=_a7.left,n=_a7.placement;}}_this.setAttribute("placement",n),_this.tooltip.style.top="".concat(e,"px"),_this.tooltip.style.left="".concat(h,"px");var _a8=a({placement:n,tooltipRect:i,triggerRect:t,caretSize:_this.caretSize,left:h,top:e}),_c=_a8.caretLeft,d=_a8.caretTop;_this.caret.style.left="".concat(_c,"px"),_this.caret.style.top="".concat(d,"px");},_this.showTooltip=function(){(_this.content.trim()||_this.hasTooltipSlot)&&(!_this.disabled&&r(_this.triggerContainer)?(_this.emit("nile-show"),_this.open=!0,_this.updateComplete.then(function(){requestAnimationFrame(function(){_this.updateTooltipPosition(),_this.emit("nile-after-show");});})):_this.open=!1);},_this.hideTooltip=function(){_this.emit("nile-hide"),_this.open=!1,setTimeout(function(){_this.emit("nile-after-hide");},200);},_this.handleMouseOver=function(){_this.trigger.includes("hover")&&(clearTimeout(_this.hoverTimeout),_this.hoverTimeout=window.setTimeout(function(){return _this.showTooltip();},300));},_this.handleMouseOut=function(){_this.trigger.includes("hover")&&(clearTimeout(_this.hoverTimeout),_this.hoverTimeout=window.setTimeout(function(){return _this.hideTooltip();},150));},_this.handleClick=function(){_this.trigger.includes("click")&&(!_this.open&&r(_this.triggerContainer)?_this.showTooltip():_this.hideTooltip());},_this.handleFocus=function(){_this.trigger.includes("focus")&&_this.showTooltip();},_this.handleBlur=function(){_this.trigger.includes("focus")&&_this.hideTooltip();};return _this;}_inherits(c,_n);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.originalPlacement=this.placement,window.addEventListener("resize",this.updateTooltipPosition),window.addEventListener("scroll",this.updateTooltipPosition,!0);}},{key:"updated",value:function updated(t){var _superPropGet2,_this2=this;(_superPropGet2=_superPropGet(c,"updated",this,3))===null||_superPropGet2===void 0||_superPropGet2([t]);var i=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];i.includes(this.placement)||(console.warn("[nile-tooltip] Invalid placement \"".concat(this.placement,"\", defaulting to \"bottom\".")),this.placement="top"),i.includes(this.originalPlacement)||(this.originalPlacement="top"),t.has("open")&&this.open&&this.updateComplete.then(function(){requestAnimationFrame(function(){_this2.updateTooltipPosition();});});}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),window.removeEventListener("resize",this.updateTooltipPosition),window.removeEventListener("scroll",this.updateTooltipPosition,!0);}},{key:"handleTooltipSlotChange",value:function handleTooltipSlotChange(){var t=this.tooltipSlot.assignedNodes({flatten:!0});this.hasTooltipSlot=t.length>0,this.requestUpdate();}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n class=\"tooltip\"\n id=\"tooltip\"\n >\n <div class=\"tooltip-content\" part=\"content\">\n <slot name=\"content\" @slotchange=","></slot>\n ","\n </div>\n <div class=\"tooltip-caret\" style=\"--caret-size: ","px;\"></div>\n </div>\n\n <div\n class=\"trigger-container\"\n tabindex=\"0\"\n @mouseover=","\n @mouseout=","\n @click=","\n @focusin=","\n @focusout=","\n aria-describedby=\"tooltip\"\n >\n <slot></slot>\n </div>\n "])),this.handleTooltipSlotChange,this.hasTooltipSlot?null:i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["",""])),this.content),this.caretSize,this.handleMouseOver,this.handleMouseOut,this.handleClick,this.handleFocus,this.handleBlur);}}],[{key:"styles",get:function get(){return[h];}}]);}(n));t([s({type:String})],c.prototype,"content",void 0),t([s({type:String})],c.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"open",void 0),t([s()],c.prototype,"trigger",void 0),t([s({type:Number})],c.prototype,"distance",void 0),t([s({type:Number})],c.prototype,"skidding",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"hoist",void 0),t([o(".tooltip")],c.prototype,"tooltip",void 0),t([o(".trigger-container")],c.prototype,"triggerContainer",void 0),t([o(".tooltip-caret")],c.prototype,"caret",void 0),t([o('slot[name="content"]')],c.prototype,"tooltipSlot",void 0),_export("N",c=t([e("nile-tooltip")],c));}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.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, CSSResultArray, TemplateResult } from 'lit';\nimport { styles } from './nile-tooltip.css';\nimport '../nile-popup/nile-popup';\nimport { animateTo, parseDuration, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n getAnimation,\n setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { html } from 'lit';\n// import { LocalizeController } from '../utilities/localize';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NilePopup from '../nile-popup/nile-popup';\n/**\n * Nile icon component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n /**\n * The styles for Tooltip\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 private hoverTimeout: number;\n // private readonly localize = new LocalizeController(this);\n\n @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n @query('.tooltip__body') body: HTMLElement;\n @query('nile-popup') popup: NilePopup;\n\n /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */\n @property({ type: String, reflect: true }) content = '';\n\n /** Size Property to decide the tool tip size */\n @property({ reflect: true }) size: 'small' | 'large' = 'small';\n\n /**\n * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n * inside of the viewport.\n */\n @property() placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'top';\n\n /** Disables the tooltip so it won't show when triggered. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** The distance in pixels from which to offset the tooltip away from its target. */\n @property({ type: Number }) distance = 8;\n\n /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n @property({ type: Boolean, reflect: true }) open = false;\n\n /** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus';\n\n /**\n * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\n * scenarios.\n */\n @property({ type: Boolean }) hoist = 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 this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleMouseOver = this.handleMouseOver.bind(this);\n this.handleMouseOut = this.handleMouseOut.bind(this);\n\n this.updateComplete.then(() => {\n this.addEventListener('blur', this.handleBlur, true);\n this.addEventListener('focus', this.handleFocus, true);\n this.addEventListener('click', this.handleClick);\n this.addEventListener('keydown', this.handleKeyDown);\n this.addEventListener('mouseover', this.handleMouseOver);\n this.addEventListener('mouseout', this.handleMouseOut);\n });\n }\n\n firstUpdated() {\n this.body.hidden = !this.open;\n\n // If the tooltip is visible on init, update its position\n if (this.open) {\n this.popup.active = true;\n this.popup.reposition();\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('blur', this.handleBlur, true);\n this.removeEventListener('focus', this.handleFocus, true);\n this.removeEventListener('click', this.handleClick);\n this.removeEventListener('keydown', this.handleKeyDown);\n this.removeEventListener('mouseover', this.handleMouseOver);\n this.removeEventListener('mouseout', this.handleMouseOut);\n }\n\n private handleBlur() {\n if (this.hasTrigger('focus')) {\n this.hide();\n }\n }\n\n private handleClick() {\n if (this.hasTrigger('click')) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n }\n\n private handleFocus() {\n if (this.hasTrigger('focus')) {\n this.show();\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n // Pressing escape when the target element has focus should dismiss the tooltip\n if (this.open && event.key === 'Escape') {\n event.stopPropagation();\n this.hide();\n }\n }\n\n private handleMouseOver() {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(\n getComputedStyle(this).getPropertyValue('--show-delay')\n );\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.show(), delay);\n }\n }\n\n private handleMouseOut() {\n if (this.hasTrigger('hover')) {\n const delay = parseDuration(\n getComputedStyle(this).getPropertyValue('--hide-delay')\n );\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hide(), delay);\n }\n }\n\n private hasTrigger(triggerType: string) {\n const triggers = this.trigger.split(' ');\n return triggers.includes(triggerType);\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n if (this.disabled) {\n return;\n }\n\n // Show\n this.emit('nile-show');\n\n await stopAnimations(this.body);\n this.body.hidden = false;\n this.popup.active = true;\n const { keyframes, options } = getAnimation(this, 'tooltip.show', {\n dir: '',\n });\n await animateTo(this.popup.popup, keyframes, options);\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, 'tooltip.hide', {\n dir: '',\n });\n await animateTo(this.popup.popup, keyframes, options);\n this.popup.active = false;\n this.body.hidden = true;\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch(['content', 'distance', 'hoist', 'placement', 'skidding'])\n async handleOptionsChange() {\n if (this.hasUpdated) {\n await this.updateComplete;\n this.popup.reposition();\n }\n }\n\n @watch('disabled')\n handleDisabledChange() {\n if (this.disabled && this.open) {\n this.hide();\n }\n }\n\n /** Shows the tooltip. */\n async show() {\n if (this.open || !this.content?.trim().length) {\n return undefined;\n }\n\n this.open = true;\n return waitForEvent(this, 'nile-after-show');\n }\n\n /** Hides the tooltip */\n async hide() {\n if (!this.open) {\n return undefined;\n }\n\n this.open = false;\n return waitForEvent(this, 'nile-after-hide');\n }\n\n render() {\n return html`\n <nile-popup\n part=\"base\"\n exportparts=\"\n popup:base__popup,\n arrow:base__arrow\n \"\n class=${classMap({\n tooltip: true,\n 'tooltip--open': this.open,\n })}\n placement=${this.placement}\n distance=${this.distance}\n skidding=${this.skidding}\n strategy=${this.hoist ? 'fixed' : 'absolute'}\n flip\n shift\n arrow\n >\n <slot slot=\"anchor\" aria-describedby=\"tooltip\"></slot>\n\n <slot\n name=\"content\"\n part=\"body\"\n id=\"tooltip\"\n class=${classMap({\n tooltip__body: true,\n 'tooltip__body--large': this.size === 'large',\n })}\n role=\"tooltip\"\n aria-live=${this.open ? 'polite' : 'off'}\n >\n ${this.content}\n </slot>\n </nile-popup>\n `;\n }\n}\n\nsetDefaultAnimation('tooltip.show', {\n keyframes: [\n { opacity: 0, scale: 0.8 },\n { opacity: 1, scale: 1 },\n ],\n options: { duration: 150, easing: 'ease' },\n});\n\nsetDefaultAnimation('tooltip.hide', {\n keyframes: [\n { opacity: 1, scale: 1 },\n { opacity: 0, scale: 0.8 },\n ],\n options: { duration: 150, easing: 'ease' },\n});\n\nexport default NileTooltip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tooltip': NileTooltip;\n }\n}\n"],"names":["NileTooltip","f","constructor","this","content","size","placement","disabled","distance","open","skidding","trigger","hoist","_this","_inherits","_m","_createClass","key","value","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","handleKeyDown","handleMouseOver","handleMouseOut","updateComplete","then","addEventListener","firstUpdated","body","hidden","popup","active","reposition","disconnectedCallback","removeEventListener","hasTrigger","hide","show","event","stopPropagation","delay","parseDuration","getComputedStyle","getPropertyValue","clearTimeout","hoverTimeout","window","setTimeout","_this4","triggerType","split","includes","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_p","_t3","_i","_p2","_t4","_i2","wrap","_callee$","_context2","prev","next","emit","stopAnimations","getAnimation","dir","animateTo","keyframes","options","stop","handleOpenChange","_callee2","_callee2$","_context3","t0","hasUpdated","handleOptionsChange","handleDisabledChange","_show","_callee3","_this$content","_callee3$","_context4","trim","length","abrupt","waitForEvent","_callee4","_callee4$","_context5","render","html","_templateObject","_taggedTemplateLiteral","classMap","tooltip","tooltip__body","__decorate","get","styles","NileElement","query","prototype","property","type","String","reflect","Boolean","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"nile-tooltip.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"sourcesContent":["\n/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { LitElement, html, css, CSSResultArray } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport { isInViewport, getValidTooltipPosition, getCaretPosition } from './nile-tooltip-utils';\n\n/**\n * Nile tooltip component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n @property({ type: String }) content = '';\n @property({ type: String })\n placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'top';\n @property({ type: Boolean, reflect: true }) disabled = false;\n @property({ type: Boolean, reflect: true }) open = false;\n /**\n * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n * programmatically.\n */\n @property() trigger = 'hover focus';\n @property({ type: Number }) distance = 8;\n private readonly SHIFT_OFFSET = 16;\n /** The distance in pixels from which to offset the tooltip along its target. */\n @property({ type: Number }) skidding = 0;\n @property({ type: Boolean, reflect: true }) hoist = false;\n\n @query('.tooltip') tooltip!: HTMLElement;\n @query('.trigger-container') triggerContainer!: HTMLElement;\n @query('.tooltip-caret') caret!: HTMLElement;\n @query('slot[name=\"content\"]') tooltipSlot!: HTMLSlotElement;\n\n private hasTooltipSlot = false;\n private hoverTimeout: number = 0;\n private caretSize = 6;\n private originalPlacement: string = this.placement;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.originalPlacement = this.placement;\n window.addEventListener('resize', this.updateTooltipPosition);\n window.addEventListener('scroll', this.updateTooltipPosition, true);\n }\n\n updated(changedProps: Map<string, unknown>) {\n super.updated?.(changedProps);\n\n const validPlacements = [\n 'top', 'top-start', 'top-end',\n 'right', 'right-start', 'right-end',\n 'bottom', 'bottom-start', 'bottom-end',\n 'left', 'left-start', 'left-end'\n ];\n\n if (!validPlacements.includes(this.placement)) {\n console.warn(`[nile-tooltip] Invalid placement \"${this.placement}\", defaulting to \"bottom\".`);\n this.placement = 'top';\n }\n\n if (!validPlacements.includes(this.originalPlacement)) {\n this.originalPlacement = 'top';\n }\n \n if (changedProps.has('open') && this.open) {\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.updateTooltipPosition();\n });\n });\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n window.removeEventListener('resize', this.updateTooltipPosition);\n window.removeEventListener('scroll', this.updateTooltipPosition, true);\n }\n\n private handleTooltipSlotChange() {\n const nodes = this.tooltipSlot.assignedNodes({ flatten: true });\n this.hasTooltipSlot = nodes.length > 0;\n this.requestUpdate();\n }\n\n private updateTooltipPosition = () => {\n if (!isInViewport(this.triggerContainer)) {\n this.open = false;\n return;\n }\n\n const triggerRect = this.triggerContainer.getBoundingClientRect();\n const tooltipRect = this.tooltip.getBoundingClientRect();\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n\n \n let { top, left, placement } = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n this.originalPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n\n // FallBack Positions\n\n // Bottom\n if (this.originalPlacement.startsWith('bottom')) {\n const availableSpaceBelow = viewportHeight - triggerRect.bottom;\n if (availableSpaceBelow < tooltipRect.height + this.distance) {\n let newPlacement: typeof this.originalPlacement = 'top';\n if (this.originalPlacement === 'bottom-start') {\n newPlacement = 'top';\n } else if (this.originalPlacement === 'bottom-end') {\n newPlacement = 'top';\n }\n \n const newPosition = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n newPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n top = newPosition.top;\n left = newPosition.left;\n placement = newPosition.placement;\n }\n }\n // Top\n if (this.originalPlacement.startsWith('top')) {\n const availableSpaceAbove = triggerRect.top;\n const availableSpaceBelow = viewportHeight - triggerRect.bottom;\n if (availableSpaceAbove < tooltipRect.height + this.distance && availableSpaceBelow >= tooltipRect.height + this.distance) {\n let newPlacement: typeof this.originalPlacement = 'bottom';\n if (this.originalPlacement === 'top-start') {\n newPlacement = 'bottom-start';\n } else if (this.originalPlacement === 'top-end') {\n newPlacement = 'bottom-end';\n }\n \n const newPosition = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n newPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n top = newPosition.top;\n left = newPosition.left;\n placement = newPosition.placement;\n }\n }\n\n // Left\n if (this.originalPlacement.startsWith('left')) {\n const availableSpaceLeft = triggerRect.left;\n const availableSpaceRight = viewportWidth - triggerRect.right;\n if (availableSpaceLeft < tooltipRect.width + this.distance && availableSpaceRight >= tooltipRect.width + this.distance) {\n let newPlacement: typeof this.originalPlacement = 'right';\n if (this.originalPlacement === 'left-start') {\n newPlacement = 'right-start';\n } else if (this.originalPlacement === 'left-end') {\n newPlacement = 'right-end';\n }\n \n const newPosition = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n newPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n top = newPosition.top;\n left = newPosition.left;\n placement = newPosition.placement;\n }\n }\n\n // Right\n if (this.originalPlacement.startsWith('right')) {\n const availableSpaceRight = viewportWidth - triggerRect.right;\n const availableSpaceLeft = triggerRect.left;\n if (availableSpaceRight < tooltipRect.width + this.distance && availableSpaceLeft >= tooltipRect.width + this.distance) {\n let newPlacement: typeof this.originalPlacement = 'left';\n if (this.originalPlacement === 'right-start') {\n newPlacement = 'left-start';\n } else if (this.originalPlacement === 'right-end') {\n newPlacement = 'left-end';\n }\n \n const newPosition = getValidTooltipPosition(\n triggerRect,\n tooltipRect,\n newPlacement,\n this.distance,\n this.skidding,\n this.caretSize,\n viewportWidth,\n viewportHeight\n );\n top = newPosition.top;\n left = newPosition.left;\n placement = newPosition.placement;\n }\n }\n\n this.setAttribute('placement', placement);\n this.tooltip.style.top = `${top}px`;\n this.tooltip.style.left = `${left}px`;\n\n const { caretLeft, caretTop } = getCaretPosition({\n placement,\n tooltipRect,\n triggerRect,\n caretSize: this.caretSize,\n left,\n top\n });\n\n this.caret.style.left = `${caretLeft}px`;\n this.caret.style.top = `${caretTop}px`;\n };\n\n private showTooltip = () => {\n const trimmedContent = this.content.trim();\n if (!trimmedContent && !this.hasTooltipSlot) {\n return;\n }\n if (!this.disabled && isInViewport(this.triggerContainer)) {\n this.emit('nile-show');\n this.open = true;\n this.updateComplete.then(() => {\n requestAnimationFrame(() => {\n this.updateTooltipPosition();\n this.emit('nile-after-show');\n });\n });\n } else {\n this.open = false;\n }\n };\n\n private hideTooltip = () => {\n this.emit('nile-hide');\n this.open = false;\n setTimeout(() => {\n this.emit('nile-after-hide');\n }, 200);\n };\n\n private handleMouseOver = () => {\n if (this.trigger.includes('hover')) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.showTooltip(), 300);\n }\n };\n\n private handleMouseOut = () => {\n if (this.trigger.includes('hover')) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = window.setTimeout(() => this.hideTooltip(), 150);\n }\n };\n\n private handleClick = () => {\n if (this.trigger.includes('click')) {\n if (!this.open && isInViewport(this.triggerContainer)) {\n this.showTooltip();\n } else {\n this.hideTooltip();\n }\n }\n };\n\n private handleFocus = () => {\n if (this.trigger.includes('focus')) {\n this.showTooltip();\n }\n };\n \n\n private handleBlur = () => {\n if (this.trigger.includes('focus')) {\n this.hideTooltip();\n }\n };\n\n render() {\n return html`\n <div\n class=\"tooltip\"\n id=\"tooltip\"\n >\n <div class=\"tooltip-content\" part=\"content\">\n <slot name=\"content\" @slotchange=${this.handleTooltipSlotChange}></slot>\n ${!this.hasTooltipSlot ? html`${this.content}` : null}\n </div>\n <div class=\"tooltip-caret\" style=\"--caret-size: ${this.caretSize}px;\"></div>\n </div>\n\n <div\n class=\"trigger-container\"\n tabindex=\"0\"\n @mouseover=${this.handleMouseOver}\n @mouseout=${this.handleMouseOut}\n @click=${this.handleClick}\n @focusin=${this.handleFocus}\n @focusout=${this.handleBlur}\n aria-describedby=\"tooltip\"\n >\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-tooltip': NileTooltip;\n }\n}\n"],"names":["NileTooltip","_n","c","this","content","placement","disabled","open","trigger","distance","SHIFT_OFFSET","skidding","hoist","hasTooltipSlot","hoverTimeout","caretSize","originalPlacement","updateTooltipPosition","isInViewport","triggerContainer","triggerRect","getBoundingClientRect","tooltipRect","tooltip","viewportWidth","window","innerWidth","viewportHeight","innerHeight","_l","getValidTooltipPosition","top","left","startsWith","bottom","height","newPlacement","newPosition","availableSpaceAbove","availableSpaceBelow","availableSpaceLeft","availableSpaceRight","right","width","setAttribute","style","concat","_a8","getCaretPosition","caretLeft","caretTop","caret","showTooltip","trim","emit","updateComplete","then","requestAnimationFrame","hideTooltip","setTimeout","handleMouseOver","includes","clearTimeout","handleMouseOut","handleClick","handleFocus","handleBlur","_this","_inherits","_createClass","key","value","connectedCallback","super","addEventListener","updated","changedProps","validPlacements","console","warn","has","disconnectedCallback","removeEventListener","handleTooltipSlotChange","nodes","tooltipSlot","assignedNodes","flatten","length","requestUpdate","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","__decorate","get","styles","NileElement","property","type","String","prototype","Boolean","reflect","Number","query","customElement"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var i,_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){i=_lit.css;}],execute:function execute(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\n:host {\n position: relative;\n display: inline-block;\n }\n .tooltip {\n position: fixed;\n z-index: 1000;\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-white-base, var(--ng-color-base-white));\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n border-radius: var(--nile-radius-sm, var(--ng-spacing-md));\n font-size: var(--nile-tooltip-font-size-sm);\n line-height: var(--nile-tooltip-line-height-sm);\n opacity: 0;\n transition: opacity 0.2s, transform 0.2s;\n pointer-events: none;\n white-space: normal;\n visibility: hidden;\n overflow: visible;\n \n }\n :host([open]) .tooltip {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n .tooltip-content {\n overflow: auto;\n max-width: 250px;\n max-height: 116px;\n }\n .tooltip-caret {\n position: absolute;\n width: calc(2 * var(--caret-size, 6px));\n height: calc(2 * var(--caret-size, 6px));\n background-color: inherit;\n transform: rotate(45deg);\n z-index: -1;\n }\n .trigger-container {\n display: inline-block;\n }\n \n \n:host([open]) .tooltip {\n visibility: visible;\n pointer-events: auto;\n animation: fadeIn 150ms forwards;\n}\n\n \n.tooltip.hide {\n animation: fadeOut 100ms forwards;\n}\n\n \n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(5px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n \n@keyframes fadeOut {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(5px);\n }\n}\n\n\n\n\n\n\n \n"]))));}};});
|
2
2
|
//# sourceMappingURL=nile-tooltip.css.cjs.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.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 * Tooltip CSS\n */\nexport const styles = css`\n
|
1
|
+
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.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 * Tooltip CSS\n */\nexport const styles = css`\n\n\n:host {\n position: relative;\n display: inline-block;\n }\n .tooltip {\n position: fixed;\n z-index: 1000;\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n color: var(--nile-colors-white-base, var(--ng-color-base-white));\n padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n border-radius: var(--nile-radius-sm, var(--ng-spacing-md));\n font-size: var(--nile-tooltip-font-size-sm);\n line-height: var(--nile-tooltip-line-height-sm);\n opacity: 0;\n transition: opacity 0.2s, transform 0.2s;\n pointer-events: none;\n white-space: normal;\n visibility: hidden;\n overflow: visible;\n \n }\n :host([open]) .tooltip {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n }\n .tooltip-content {\n overflow: auto;\n max-width: 250px;\n max-height: 116px;\n }\n .tooltip-caret {\n position: absolute;\n width: calc(2 * var(--caret-size, 6px));\n height: calc(2 * var(--caret-size, 6px));\n background-color: inherit;\n transform: rotate(45deg);\n z-index: -1;\n }\n .trigger-container {\n display: inline-block;\n }\n \n \n:host([open]) .tooltip {\n visibility: visible;\n pointer-events: auto;\n animation: fadeIn 150ms forwards;\n}\n\n \n.tooltip.hide {\n animation: fadeOut 100ms forwards;\n}\n\n \n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(5px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n \n@keyframes fadeOut {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(5px);\n }\n}\n\n\n\n\n\n\n \n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
@@ -1,56 +1,89 @@
|
|
1
|
-
import{css as
|
2
|
-
:host {
|
3
|
-
--max-width: 20rem;
|
4
|
-
--hide-delay: 0ms;
|
5
|
-
--show-delay: 150ms;
|
1
|
+
import{css as i}from"lit";const o=i`
|
6
2
|
|
7
|
-
display: contents;
|
8
|
-
}
|
9
3
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
4
|
+
:host {
|
5
|
+
position: relative;
|
6
|
+
display: inline-block;
|
7
|
+
}
|
8
|
+
.tooltip {
|
9
|
+
position: fixed;
|
10
|
+
z-index: 1000;
|
11
|
+
background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
|
12
|
+
color: var(--nile-colors-white-base, var(--ng-color-base-white));
|
13
|
+
padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
|
14
|
+
border-radius: var(--nile-radius-sm, var(--ng-spacing-md));
|
15
|
+
font-size: var(--nile-tooltip-font-size-sm);
|
16
|
+
line-height: var(--nile-tooltip-line-height-sm);
|
17
|
+
opacity: 0;
|
18
|
+
transition: opacity 0.2s, transform 0.2s;
|
19
|
+
pointer-events: none;
|
20
|
+
white-space: normal;
|
21
|
+
visibility: hidden;
|
22
|
+
overflow: visible;
|
23
|
+
|
24
|
+
}
|
25
|
+
:host([open]) .tooltip {
|
26
|
+
opacity: 1;
|
27
|
+
visibility: visible;
|
28
|
+
pointer-events: auto;
|
29
|
+
}
|
30
|
+
.tooltip-content {
|
31
|
+
overflow: auto;
|
32
|
+
max-width: 250px;
|
33
|
+
max-height: 116px;
|
34
|
+
}
|
35
|
+
.tooltip-caret {
|
36
|
+
position: absolute;
|
37
|
+
width: calc(2 * var(--caret-size, 6px));
|
38
|
+
height: calc(2 * var(--caret-size, 6px));
|
39
|
+
background-color: inherit;
|
40
|
+
transform: rotate(45deg);
|
41
|
+
z-index: -1;
|
42
|
+
}
|
43
|
+
.trigger-container {
|
44
|
+
display: inline-block;
|
45
|
+
}
|
46
|
+
|
47
|
+
|
48
|
+
:host([open]) .tooltip {
|
49
|
+
visibility: visible;
|
50
|
+
pointer-events: auto;
|
51
|
+
animation: fadeIn 150ms forwards;
|
52
|
+
}
|
14
53
|
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
54
|
+
|
55
|
+
.tooltip.hide {
|
56
|
+
animation: fadeOut 100ms forwards;
|
57
|
+
}
|
19
58
|
|
20
|
-
|
21
|
-
|
59
|
+
|
60
|
+
@keyframes fadeIn {
|
61
|
+
from {
|
62
|
+
opacity: 0;
|
63
|
+
transform: translateY(5px);
|
22
64
|
}
|
23
|
-
|
24
|
-
|
25
|
-
transform
|
65
|
+
to {
|
66
|
+
opacity: 1;
|
67
|
+
transform: translateY(0);
|
26
68
|
}
|
69
|
+
}
|
27
70
|
|
28
|
-
|
29
|
-
|
71
|
+
|
72
|
+
@keyframes fadeOut {
|
73
|
+
from {
|
74
|
+
opacity: 1;
|
75
|
+
transform: translateY(0);
|
30
76
|
}
|
31
|
-
|
32
|
-
|
33
|
-
transform
|
77
|
+
to {
|
78
|
+
opacity: 0;
|
79
|
+
transform: translateY(5px);
|
34
80
|
}
|
81
|
+
}
|
35
82
|
|
36
|
-
.tooltip__body {
|
37
|
-
display: block;
|
38
|
-
width: max-content;
|
39
|
-
max-width: var(--max-width);
|
40
|
-
border-radius: 4px;
|
41
|
-
background-color: var(--nile-tooltip-color-background);
|
42
|
-
font-size: var(--nile-tooltip-font-size-sm);
|
43
|
-
font-weight: var(--nile-tooltip-font-weight-sm);
|
44
|
-
line-height: var(--nile-tooltip-line-height-sm);
|
45
|
-
padding: var(--nile-tooltip-padding-y) var(--nile-tooltip-padding-x);
|
46
|
-
color: var(--nile-colors-white-base);
|
47
|
-
pointer-events: none;
|
48
|
-
word-break: break-word;
|
49
|
-
}
|
50
83
|
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
`;export{
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
`;export{o as s};
|
@@ -1,30 +1,25 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{
|
2
|
-
<
|
3
|
-
|
4
|
-
|
5
|
-
popup:base__popup,
|
6
|
-
arrow:base__arrow
|
7
|
-
"
|
8
|
-
class=${h({tooltip:!0,"tooltip--open":this.open})}
|
9
|
-
placement=${this.placement}
|
10
|
-
distance=${this.distance}
|
11
|
-
skidding=${this.skidding}
|
12
|
-
strategy=${this.hoist?"fixed":"absolute"}
|
13
|
-
flip
|
14
|
-
shift
|
15
|
-
arrow
|
1
|
+
import{__decorate as t}from"tslib";import{html as i}from"lit";import{property as s,query as o,customElement as e}from"lit/decorators.js";import{s as h}from"./nile-tooltip.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{i as r,g as l,a}from"./nile-tooltip-utils.esm.js";let c=class extends n{constructor(){super(...arguments),this.content="",this.placement="top",this.disabled=!1,this.open=!1,this.trigger="hover focus",this.distance=8,this.SHIFT_OFFSET=16,this.skidding=0,this.hoist=!1,this.hasTooltipSlot=!1,this.hoverTimeout=0,this.caretSize=6,this.originalPlacement=this.placement,this.updateTooltipPosition=()=>{if(!r(this.triggerContainer))return void(this.open=!1);const t=this.triggerContainer.getBoundingClientRect(),i=this.tooltip.getBoundingClientRect(),s=window.innerWidth,o=window.innerHeight;let{top:e,left:h,placement:n}=l(t,i,this.originalPlacement,this.distance,this.skidding,this.caretSize,s,o);if(this.originalPlacement.startsWith("bottom")){if(o-t.bottom<i.height+this.distance){let r="top";("bottom-start"===this.originalPlacement||"bottom-end"===this.originalPlacement)&&(r="top");const a=l(t,i,r,this.distance,this.skidding,this.caretSize,s,o);e=a.top,h=a.left,n=a.placement}}if(this.originalPlacement.startsWith("top")){const r=t.top,a=o-t.bottom;if(r<i.height+this.distance&&a>=i.height+this.distance){let r="bottom";"top-start"===this.originalPlacement?r="bottom-start":"top-end"===this.originalPlacement&&(r="bottom-end");const a=l(t,i,r,this.distance,this.skidding,this.caretSize,s,o);e=a.top,h=a.left,n=a.placement}}if(this.originalPlacement.startsWith("left")){const r=t.left,a=s-t.right;if(r<i.width+this.distance&&a>=i.width+this.distance){let r="right";"left-start"===this.originalPlacement?r="right-start":"left-end"===this.originalPlacement&&(r="right-end");const a=l(t,i,r,this.distance,this.skidding,this.caretSize,s,o);e=a.top,h=a.left,n=a.placement}}if(this.originalPlacement.startsWith("right")){const r=s-t.right,a=t.left;if(r<i.width+this.distance&&a>=i.width+this.distance){let r="left";"right-start"===this.originalPlacement?r="left-start":"right-end"===this.originalPlacement&&(r="left-end");const a=l(t,i,r,this.distance,this.skidding,this.caretSize,s,o);e=a.top,h=a.left,n=a.placement}}this.setAttribute("placement",n),this.tooltip.style.top=`${e}px`,this.tooltip.style.left=`${h}px`;const{caretLeft:c,caretTop:d}=a({placement:n,tooltipRect:i,triggerRect:t,caretSize:this.caretSize,left:h,top:e});this.caret.style.left=`${c}px`,this.caret.style.top=`${d}px`},this.showTooltip=()=>{(this.content.trim()||this.hasTooltipSlot)&&(!this.disabled&&r(this.triggerContainer)?(this.emit("nile-show"),this.open=!0,this.updateComplete.then((()=>{requestAnimationFrame((()=>{this.updateTooltipPosition(),this.emit("nile-after-show")}))}))):this.open=!1)},this.hideTooltip=()=>{this.emit("nile-hide"),this.open=!1,setTimeout((()=>{this.emit("nile-after-hide")}),200)},this.handleMouseOver=()=>{this.trigger.includes("hover")&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.showTooltip()),300))},this.handleMouseOut=()=>{this.trigger.includes("hover")&&(clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hideTooltip()),150))},this.handleClick=()=>{this.trigger.includes("click")&&(!this.open&&r(this.triggerContainer)?this.showTooltip():this.hideTooltip())},this.handleFocus=()=>{this.trigger.includes("focus")&&this.showTooltip()},this.handleBlur=()=>{this.trigger.includes("focus")&&this.hideTooltip()}}static get styles(){return[h]}connectedCallback(){super.connectedCallback(),this.originalPlacement=this.placement,window.addEventListener("resize",this.updateTooltipPosition),window.addEventListener("scroll",this.updateTooltipPosition,!0)}updated(t){super.updated?.(t);const i=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];i.includes(this.placement)||(console.warn(`[nile-tooltip] Invalid placement "${this.placement}", defaulting to "bottom".`),this.placement="top"),i.includes(this.originalPlacement)||(this.originalPlacement="top"),t.has("open")&&this.open&&this.updateComplete.then((()=>{requestAnimationFrame((()=>{this.updateTooltipPosition()}))}))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.updateTooltipPosition),window.removeEventListener("scroll",this.updateTooltipPosition,!0)}handleTooltipSlotChange(){const t=this.tooltipSlot.assignedNodes({flatten:!0});this.hasTooltipSlot=t.length>0,this.requestUpdate()}render(){return i`
|
2
|
+
<div
|
3
|
+
class="tooltip"
|
4
|
+
id="tooltip"
|
16
5
|
>
|
17
|
-
<
|
6
|
+
<div class="tooltip-content" part="content">
|
7
|
+
<slot name="content" @slotchange=${this.handleTooltipSlotChange}></slot>
|
8
|
+
${this.hasTooltipSlot?null:i`${this.content}`}
|
9
|
+
</div>
|
10
|
+
<div class="tooltip-caret" style="--caret-size: ${this.caretSize}px;"></div>
|
11
|
+
</div>
|
18
12
|
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
13
|
+
<div
|
14
|
+
class="trigger-container"
|
15
|
+
tabindex="0"
|
16
|
+
@mouseover=${this.handleMouseOver}
|
17
|
+
@mouseout=${this.handleMouseOut}
|
18
|
+
@click=${this.handleClick}
|
19
|
+
@focusin=${this.handleFocus}
|
20
|
+
@focusout=${this.handleBlur}
|
21
|
+
aria-describedby="tooltip"
|
22
|
+
>
|
23
|
+
<slot></slot>
|
24
|
+
</div>
|
25
|
+
`}};t([s({type:String})],c.prototype,"content",void 0),t([s({type:String})],c.prototype,"placement",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"open",void 0),t([s()],c.prototype,"trigger",void 0),t([s({type:Number})],c.prototype,"distance",void 0),t([s({type:Number})],c.prototype,"skidding",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"hoist",void 0),t([o(".tooltip")],c.prototype,"tooltip",void 0),t([o(".trigger-container")],c.prototype,"triggerContainer",void 0),t([o(".tooltip-caret")],c.prototype,"caret",void 0),t([o('slot[name="content"]')],c.prototype,"tooltipSlot",void 0),c=t([e("nile-tooltip")],c);export{c as N};
|