@aquera/nile-elements 0.1.33-beta-1.0 → 0.1.33

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.
Files changed (121) hide show
  1. package/README.md +6 -10
  2. package/demo/index.html +27 -262
  3. package/dist/{fixture-d5b55278.cjs.js → fixture-161dee0b.cjs.js} +3 -3
  4. package/dist/fixture-161dee0b.cjs.js.map +1 -0
  5. package/dist/{fixture-df8b52d7.esm.js → fixture-372df3b0.esm.js} +1 -1
  6. package/dist/index.cjs.js +1 -1
  7. package/dist/index.esm.js +1 -1
  8. package/dist/internal/animate.cjs.js +1 -1
  9. package/dist/internal/animate.cjs.js.map +1 -1
  10. package/dist/internal/animate.esm.js +1 -1
  11. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  12. package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
  13. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  14. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  15. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  16. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
  17. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  18. package/dist/nile-badge/nile-badge.test.esm.js +1 -1
  19. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  20. package/dist/nile-button/nile-button.test.esm.js +1 -1
  21. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  22. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
  23. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  24. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  25. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  26. package/dist/nile-card/nile-card.test.esm.js +1 -1
  27. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  28. package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
  29. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  30. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  31. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  32. package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
  33. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  34. package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
  35. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  36. package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
  37. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  38. package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
  39. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  40. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
  41. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  42. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
  43. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  44. package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
  45. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  46. package/dist/nile-hero/nile-hero.test.esm.js +1 -1
  47. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  48. package/dist/nile-icon/nile-icon.test.esm.js +1 -1
  49. package/dist/nile-input/nile-input.css.cjs.js +1 -1
  50. package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
  51. package/dist/nile-input/nile-input.css.esm.js +0 -8
  52. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  53. package/dist/nile-input/nile-input.test.esm.js +1 -1
  54. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  55. package/dist/nile-link/nile-link.test.esm.js +1 -1
  56. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  57. package/dist/nile-loader/nile-loader.test.esm.js +1 -1
  58. package/dist/nile-menu/nile-menu.cjs.js +1 -1
  59. package/dist/nile-menu/nile-menu.cjs.js.map +1 -1
  60. package/dist/nile-menu/nile-menu.esm.js +2 -2
  61. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  62. package/dist/nile-popover/nile-popover.test.esm.js +1 -1
  63. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  64. package/dist/nile-popup/nile-popup.test.esm.js +1 -1
  65. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  66. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
  67. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  68. package/dist/nile-radio/nile-radio.test.esm.js +1 -1
  69. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  70. package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
  71. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  72. package/dist/nile-select/nile-select.test.esm.js +1 -1
  73. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  74. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
  75. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  76. package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
  77. package/dist/nile-table/nile-table.cjs.js.map +1 -1
  78. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  79. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
  80. package/dist/nile-tooltip/index.cjs.js +1 -1
  81. package/dist/nile-tooltip/index.esm.js +1 -1
  82. package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
  83. package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
  84. package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
  85. package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
  86. package/dist/nile-tooltip/nile-tooltip.css.esm.js +56 -59
  87. package/dist/nile-tooltip/nile-tooltip.esm.js +28 -23
  88. package/dist/src/nile-input/nile-input.css.js +0 -8
  89. package/dist/src/nile-input/nile-input.css.js.map +1 -1
  90. package/dist/src/nile-menu/nile-menu.d.ts +1 -0
  91. package/dist/src/nile-menu/nile-menu.js +5 -6
  92. package/dist/src/nile-menu/nile-menu.js.map +1 -1
  93. package/dist/src/nile-table/nile-table.js.map +1 -1
  94. package/dist/src/nile-tooltip/nile-tooltip.css.js +45 -48
  95. package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
  96. package/dist/src/nile-tooltip/nile-tooltip.d.ts +44 -23
  97. package/dist/src/nile-tooltip/nile-tooltip.js +227 -157
  98. package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
  99. package/dist/tsconfig.tsbuildinfo +1 -1
  100. package/package.json +1 -1
  101. package/src/nile-input/nile-input.css.ts +0 -8
  102. package/src/nile-menu/nile-menu.ts +4 -8
  103. package/src/nile-table/nile-table.ts +2 -2
  104. package/src/nile-tooltip/nile-tooltip.css.ts +46 -49
  105. package/src/nile-tooltip/nile-tooltip.ts +237 -155
  106. package/vscode-html-custom-data.json +87 -82
  107. package/dist/fixture-d5b55278.cjs.js.map +0 -1
  108. package/dist/nile-tooltip/nile-tooltip-utils.cjs.js +0 -2
  109. package/dist/nile-tooltip/nile-tooltip-utils.cjs.js.map +0 -1
  110. package/dist/nile-tooltip/nile-tooltip-utils.esm.js +0 -1
  111. package/dist/nile-tooltip/nile-tooltip.test.cjs.js +0 -2
  112. package/dist/nile-tooltip/nile-tooltip.test.cjs.js.map +0 -1
  113. package/dist/nile-tooltip/nile-tooltip.test.esm.js +0 -51
  114. package/dist/src/nile-tooltip/nile-tooltip-utils.d.ts +0 -18
  115. package/dist/src/nile-tooltip/nile-tooltip-utils.js +0 -151
  116. package/dist/src/nile-tooltip/nile-tooltip-utils.js.map +0 -1
  117. package/dist/src/nile-tooltip/nile-tooltip.test.d.ts +0 -1
  118. package/dist/src/nile-tooltip/nile-tooltip.test.js +0 -158
  119. package/dist/src/nile-tooltip/nile-tooltip.test.js.map +0 -1
  120. package/src/nile-tooltip/nile-tooltip-utils.ts +0 -190
  121. package/src/nile-tooltip/nile-tooltip.test.ts +0 -178
@@ -3,7 +3,7 @@
3
3
  "tags": [
4
4
  {
5
5
  "name": "nile-accordion",
6
- "description": "Nile detail component.\n\nAttributes:\n\n * `open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\n * `variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\n * `expandIconPlacement` {`\"right\" | \"left\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\n * `size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\n * `summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\n * `disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\nProperties:\n\n * `styles` - \n\n * `accordian` {`HTMLElement`} - \n\n * `header` {`HTMLElement`} - \n\n * `body` {`HTMLElement`} - \n\n * `expandIconSlot` {`HTMLSlotElement`} - \n\n * `open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\n * `variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\n * `expandIconPlacement` {`\"right\" | \"left\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\n * `size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\n * `summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\n * `disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
6
+ "description": "Nile detail component.\n\nAttributes:\n\n * `open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\n * `variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\n * `expandIconPlacement` {`\"left\" | \"right\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\n * `size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\n * `summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\n * `disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\nProperties:\n\n * `styles` - \n\n * `accordian` {`HTMLElement`} - \n\n * `header` {`HTMLElement`} - \n\n * `body` {`HTMLElement`} - \n\n * `expandIconSlot` {`HTMLSlotElement`} - \n\n * `open` {`boolean`} - Indicates whether or not the accordian is open. You can toggle this attribute to show and hide the accordian, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordian' open state.\n\n * `variant` {`\"dark\" | \"light\"`} - Indicates the visual style of the accordian component. Accepted values are `'dark'` or `'light'`.\nDefaults to `'light'`.\n\n * `expandIconPlacement` {`\"left\" | \"right\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\n * `size` {`\"sm\" | \"md\" | \"lg\"`} - Specifies the size of the accordian component. Accepted values are `'sm'`, `'md'`, or `'lg'`.\nDefaults to `'md'`.\n\n * `summary` {`string`} - The summary to show in the header. If you need to display HTML, use the `summary` slot instead.\n\n * `disabled` {`boolean`} - Disables the accordian so it can't be toggled.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
7
7
  "attributes": [
8
8
  {
9
9
  "name": "open",
@@ -24,13 +24,13 @@
24
24
  },
25
25
  {
26
26
  "name": "expandIconPlacement",
27
- "description": "`expandIconPlacement` {`\"right\" | \"left\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\nProperty: expandIconPlacement\n\nDefault: right",
27
+ "description": "`expandIconPlacement` {`\"left\" | \"right\"`} - Specifies the direction of the arrow indicator. Accepted values are `'left'` or `'right'`.\nDefaults to `'right'`.\n\nProperty: expandIconPlacement\n\nDefault: right",
28
28
  "values": [
29
29
  {
30
- "name": "right"
30
+ "name": "left"
31
31
  },
32
32
  {
33
- "name": "left"
33
+ "name": "right"
34
34
  }
35
35
  ]
36
36
  },
@@ -1106,7 +1106,7 @@
1106
1106
  },
1107
1107
  {
1108
1108
  "name": "nile-drawer",
1109
- "description": "Nile drawer component.\n\nEvents:\n\n * `nile-show` {} - Emitted when the drawer opens.\n\n * `nile-after-show` {} - Emitted after the drawer opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the drawer closes.\n\n * `nile-after-hide` {} - Emitted after the drawer closes and all animations are complete.\n\n * `nile-initial-focus` {} - Emitted when the drawer opens and is ready to receive focus. Calling\n`event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n\n * `nile-request-close` {`\"{ source: 'close-button' \" | \"keyboard\" | \" 'overlay' }\"`} - Emitted when the user attempts to\nclose the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n`event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\ndestructive behavior such as data loss.\n\nSlots:\n\n * ` ` {} - The drawer's main content.\n\n * `label` {} - The drawer's label. Alternatively, you can use the `label` attribute.\n\n * `header-actions` {} - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n\n * `footer` {} - The drawer's footer, usually one or more buttons representing various options.\n\nAttributes:\n\n * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n * `closeOnEscape` {`boolean`} - \n\n * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\n * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n * `no-header` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\nProperties:\n\n * `styles` - \n\n * `hasSlotController` - \n\n * `modal` - \n\n * `originalTrigger` {`HTMLElement | null`} - \n\n * `drawer` {`HTMLElement`} - \n\n * `panel` {`HTMLElement`} - \n\n * `overlay` {`HTMLElement`} - \n\n * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n * `closeOnEscape` {`boolean`} - \n\n * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\n * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n * `noHeader` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
1109
+ "description": "Nile drawer component.\n\nEvents:\n\n * `nile-show` {} - Emitted when the drawer opens.\n\n * `nile-after-show` {} - Emitted after the drawer opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the drawer closes.\n\n * `nile-after-hide` {} - Emitted after the drawer closes and all animations are complete.\n\n * `nile-initial-focus` {} - Emitted when the drawer opens and is ready to receive focus. Calling\n`event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n\n * `nile-request-close` {`\"{ source: 'close-button' \" | \"keyboard\" | \" 'overlay' }\"`} - Emitted when the user attempts to\nclose the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n`event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\ndestructive behavior such as data loss.\n\nSlots:\n\n * ` ` {} - The drawer's main content.\n\n * `label` {} - The drawer's label. Alternatively, you can use the `label` attribute.\n\n * `header-actions` {} - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n\n * `footer` {} - The drawer's footer, usually one or more buttons representing various options.\n\nAttributes:\n\n * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n * `closeOnEscape` {`boolean`} - \n\n * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`\"top\" | \"end\" | \"bottom\" | \"start\"`} - The direction from which the drawer will open.\n\n * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n * `no-header` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\nProperties:\n\n * `styles` - \n\n * `hasSlotController` - \n\n * `modal` - \n\n * `originalTrigger` {`HTMLElement | null`} - \n\n * `drawer` {`HTMLElement`} - \n\n * `panel` {`HTMLElement`} - \n\n * `overlay` {`HTMLElement`} - \n\n * `open` {`boolean`} - Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n\n * `closeOnEscape` {`boolean`} - \n\n * `label` {`string`} - The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`\"top\" | \"end\" | \"bottom\" | \"start\"`} - The direction from which the drawer will open.\n\n * `contained` {`boolean`} - By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.\n\n * `preventOverlayClose` {`boolean`} - Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n\n * `noHeader` {`boolean`} - Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
1110
1110
  "attributes": [
1111
1111
  {
1112
1112
  "name": "open",
@@ -1124,16 +1124,16 @@
1124
1124
  },
1125
1125
  {
1126
1126
  "name": "placement",
1127
- "description": "`placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The direction from which the drawer will open.\n\nProperty: placement\n\nDefault: end",
1127
+ "description": "`placement` {`\"top\" | \"end\" | \"bottom\" | \"start\"`} - The direction from which the drawer will open.\n\nProperty: placement\n\nDefault: end",
1128
1128
  "values": [
1129
1129
  {
1130
1130
  "name": "top"
1131
1131
  },
1132
1132
  {
1133
- "name": "bottom"
1133
+ "name": "end"
1134
1134
  },
1135
1135
  {
1136
- "name": "end"
1136
+ "name": "bottom"
1137
1137
  },
1138
1138
  {
1139
1139
  "name": "start"
@@ -1183,7 +1183,7 @@
1183
1183
  },
1184
1184
  {
1185
1185
  "name": "nile-dropdown",
1186
- "description": "Nile icon component.\n\nEvents:\n\n * `nile-show` {} - Emitted when the dropdown opens.\n\n * `nile-after-show` {} - Emitted after the dropdown opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the dropdown closes.\n\n * `nile-after-hide` {} - Emitted after the dropdown closes and all animations are complete.\n\nSlots:\n\n * ` ` {} - The dropdown's main content.\n\n * `trigger` {} - The dropdown's trigger, usually a `<nile-button>` element.\n\nAttributes:\n\n * `open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\n * `disabled` {`boolean`} - Disables the dropdown so the panel will not open.\n\n * `stay-open-on-select` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\n * `noOpenOnClick` {`boolean`} - \n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\nProperties:\n\n * `styles` - \n\n * `popup` - \n\n * `trigger` {`HTMLSlotElement`} - \n\n * `panel` {`HTMLSlotElement`} - \n\n * `open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\n * `disabled` {`boolean`} - Disables the dropdown so the panel will not open.\n\n * `stayOpenOnSelect` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\n * `containingElement` {`HTMLElement | undefined`} - The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\ncomponents that use a dropdown internally.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\n * `noOpenOnClick` {`boolean`} - \n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
1186
+ "description": "Nile icon component.\n\nEvents:\n\n * `nile-show` {} - Emitted when the dropdown opens.\n\n * `nile-after-show` {} - Emitted after the dropdown opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the dropdown closes.\n\n * `nile-after-hide` {} - Emitted after the dropdown closes and all animations are complete.\n\nSlots:\n\n * ` ` {} - The dropdown's main content.\n\n * `trigger` {} - The dropdown's trigger, usually a `<nile-button>` element.\n\nAttributes:\n\n * `open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\n * `disabled` {`boolean`} - Disables the dropdown so the panel will not open.\n\n * `stay-open-on-select` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\n * `noOpenOnClick` {`boolean`} - \n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\nProperties:\n\n * `styles` - \n\n * `popup` - \n\n * `trigger` {`HTMLSlotElement`} - \n\n * `panel` {`HTMLSlotElement`} - \n\n * `open` {`boolean`} - Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\n * `disabled` {`boolean`} - Disables the dropdown so the panel will not open.\n\n * `stayOpenOnSelect` {`boolean`} - By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\ndropdowns that allow for multiple interactions.\n\n * `containingElement` {`HTMLElement | undefined`} - The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\ncomponents that use a dropdown internally.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its trigger.\n\n * `noOpenOnClick` {`boolean`} - \n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its trigger.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
1187
1187
  "attributes": [
1188
1188
  {
1189
1189
  "name": "open",
@@ -1192,28 +1192,25 @@
1192
1192
  },
1193
1193
  {
1194
1194
  "name": "placement",
1195
- "description": "`placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\nProperty: placement\n\nDefault: bottom-start",
1195
+ "description": "`placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.\n\nProperty: placement\n\nDefault: bottom-start",
1196
1196
  "values": [
1197
1197
  {
1198
- "name": "top"
1199
- },
1200
- {
1201
- "name": "top-start"
1198
+ "name": "left"
1202
1199
  },
1203
1200
  {
1204
- "name": "top-end"
1201
+ "name": "right"
1205
1202
  },
1206
1203
  {
1207
- "name": "right"
1204
+ "name": "top"
1208
1205
  },
1209
1206
  {
1210
- "name": "right-start"
1207
+ "name": "bottom"
1211
1208
  },
1212
1209
  {
1213
- "name": "right-end"
1210
+ "name": "top-start"
1214
1211
  },
1215
1212
  {
1216
- "name": "bottom"
1213
+ "name": "top-end"
1217
1214
  },
1218
1215
  {
1219
1216
  "name": "bottom-start"
@@ -1222,7 +1219,10 @@
1222
1219
  "name": "bottom-end"
1223
1220
  },
1224
1221
  {
1225
- "name": "left"
1222
+ "name": "right-start"
1223
+ },
1224
+ {
1225
+ "name": "right-end"
1226
1226
  },
1227
1227
  {
1228
1228
  "name": "left-start"
@@ -2215,7 +2215,7 @@
2215
2215
  },
2216
2216
  {
2217
2217
  "name": "nile-menu",
2218
- "description": "An nile-menu element.\n\nEvents:\n\n * `nile-select` {} - Emitted when a menu item is selected.\n\n * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n * ` ` {} - The menu's content, including menu items, menu labels, and dividers.\n\nAttributes:\n\n * `searchEnabled` {`boolean`} - \n\n * `customSearch` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\nProperties:\n\n * `styles` - \n\n * `searchValue` {`string`} - \n\n * `searchWidth` {`number`} - \n\n * `searchEnabled` {`boolean`} - \n\n * `customSearch` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `defaultSlot` {`HTMLSlotElement`} - \n\n * `hasSlotController` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2218
+ "description": "An nile-menu element.\n\nEvents:\n\n * `nile-select` {} - Emitted when a menu item is selected.\n\n * `count-changed` {} - Indicates when the count changes\n\nSlots:\n\n * ` ` {} - The menu's content, including menu items, menu labels, and dividers.\n\nAttributes:\n\n * `searchEnabled` {`boolean`} - \n\n * `customSearch` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `allowSpaceKey` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\nProperties:\n\n * `styles` - \n\n * `searchValue` {`string`} - \n\n * `searchWidth` {`number`} - \n\n * `searchEnabled` {`boolean`} - \n\n * `customSearch` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `allowSpaceKey` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `defaultSlot` {`HTMLSlotElement`} - \n\n * `hasSlotController` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2219
2219
  "attributes": [
2220
2220
  {
2221
2221
  "name": "searchEnabled",
@@ -2232,6 +2232,11 @@
2232
2232
  "description": "`showNoResults` {`boolean`} - \n\nProperty: showNoResults\n\nDefault: false",
2233
2233
  "valueSet": "v"
2234
2234
  },
2235
+ {
2236
+ "name": "allowSpaceKey",
2237
+ "description": "`allowSpaceKey` {`boolean`} - \n\nProperty: allowSpaceKey\n\nDefault: false",
2238
+ "valueSet": "v"
2239
+ },
2235
2240
  {
2236
2241
  "name": "noResultsMessage",
2237
2242
  "description": "`noResultsMessage` {`string`} - \n\nProperty: noResultsMessage\n\nDefault: No results found"
@@ -2277,32 +2282,29 @@
2277
2282
  },
2278
2283
  {
2279
2284
  "name": "nile-popover",
2280
- "description": "Nile icon component.\n\nAttributes:\n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n * `preventOverlayClose` {`boolean`} - \n\n * `arrow` {`boolean`} - \n\n * `title` {`string`} - Gives the title to the popover\n\n * `open` {`boolean`} - \n\n * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `flip` {`boolean`} - \n\nProperties:\n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n * `preventOverlayClose` {`boolean`} - \n\n * `arrow` {`boolean`} - \n\n * `title` {`string`} - Gives the title to the popover\n\n * `open` {`boolean`} - \n\n * `isShow` {`boolean`} - \n\n * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `flip` {`boolean`} - \n\n * `handleClick` - \n\n * `handleDocumentClick` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2285
+ "description": "Nile icon component.\n\nAttributes:\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n * `preventOverlayClose` {`boolean`} - \n\n * `arrow` {`boolean`} - \n\n * `title` {`string`} - Gives the title to the popover\n\n * `open` {`boolean`} - \n\n * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `flip` {`boolean`} - \n\nProperties:\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n * `preventOverlayClose` {`boolean`} - \n\n * `arrow` {`boolean`} - \n\n * `title` {`string`} - Gives the title to the popover\n\n * `open` {`boolean`} - \n\n * `isShow` {`boolean`} - \n\n * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n * `flip` {`boolean`} - \n\n * `handleClick` - \n\n * `handleDocumentClick` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2281
2286
  "attributes": [
2282
2287
  {
2283
2288
  "name": "placement",
2284
- "description": "`placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\nProperty: placement\n\nDefault: top",
2289
+ "description": "`placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\nProperty: placement\n\nDefault: top",
2285
2290
  "values": [
2286
2291
  {
2287
- "name": "top"
2288
- },
2289
- {
2290
- "name": "top-start"
2292
+ "name": "left"
2291
2293
  },
2292
2294
  {
2293
- "name": "top-end"
2295
+ "name": "right"
2294
2296
  },
2295
2297
  {
2296
- "name": "right"
2298
+ "name": "top"
2297
2299
  },
2298
2300
  {
2299
- "name": "right-start"
2301
+ "name": "bottom"
2300
2302
  },
2301
2303
  {
2302
- "name": "right-end"
2304
+ "name": "top-start"
2303
2305
  },
2304
2306
  {
2305
- "name": "bottom"
2307
+ "name": "top-end"
2306
2308
  },
2307
2309
  {
2308
2310
  "name": "bottom-start"
@@ -2311,7 +2313,10 @@
2311
2313
  "name": "bottom-end"
2312
2314
  },
2313
2315
  {
2314
- "name": "left"
2316
+ "name": "right-start"
2317
+ },
2318
+ {
2319
+ "name": "right-end"
2315
2320
  },
2316
2321
  {
2317
2322
  "name": "left-start"
@@ -2376,7 +2381,7 @@
2376
2381
  },
2377
2382
  {
2378
2383
  "name": "nile-popup",
2379
- "description": "Nile icon component.\n\nAttributes:\n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrow-padding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flip-fallback-placements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flip-fallback-strategy` {`\"best-fit\" | \"initial\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flip-padding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shift-padding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `auto-size` {`\"both\" | \"horizontal\" | \"vertical\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `auto-size-padding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\nProperties:\n\n * `styles` - \n\n * `anchorEl` {`Element | null`} - \n\n * `cleanup` - \n\n * `popup` {`HTMLElement`} - A reference to the internal popup container. Useful for animating and styling the popup with JavaScript.\n\n * `arrowEl` {`HTMLElement`} - \n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrowPadding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flipFallbackPlacements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flipFallbackStrategy` {`\"best-fit\" | \"initial\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flipPadding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shiftPadding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `autoSize` {`\"both\" | \"horizontal\" | \"vertical\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `autoSizePadding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2384
+ "description": "Nile icon component.\n\nAttributes:\n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrow-padding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flip-fallback-placements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flip-fallback-strategy` {`\"best-fit\" | \"initial\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flip-padding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shift-padding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `auto-size` {`\"both\" | \"horizontal\" | \"vertical\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `auto-size-padding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\nProperties:\n\n * `styles` - \n\n * `anchorEl` {`Element | null`} - \n\n * `cleanup` - \n\n * `popup` {`HTMLElement`} - A reference to the internal popup container. Useful for animating and styling the popup with JavaScript.\n\n * `arrowEl` {`HTMLElement`} - \n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrowPadding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flipFallbackPlacements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flipFallbackStrategy` {`\"best-fit\" | \"initial\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flipPadding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shiftPadding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `autoSize` {`\"both\" | \"horizontal\" | \"vertical\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n * `sync` {`\"width\" | \"height\" | \"both\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `autoSizePadding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2380
2385
  "attributes": [
2381
2386
  {
2382
2387
  "name": "anchor",
@@ -2390,28 +2395,25 @@
2390
2395
  },
2391
2396
  {
2392
2397
  "name": "placement",
2393
- "description": "`placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\nProperty: placement\n\nDefault: top",
2398
+ "description": "`placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\nProperty: placement\n\nDefault: top",
2394
2399
  "values": [
2395
2400
  {
2396
- "name": "top"
2397
- },
2398
- {
2399
- "name": "top-start"
2401
+ "name": "left"
2400
2402
  },
2401
2403
  {
2402
- "name": "top-end"
2404
+ "name": "right"
2403
2405
  },
2404
2406
  {
2405
- "name": "right"
2407
+ "name": "top"
2406
2408
  },
2407
2409
  {
2408
- "name": "right-start"
2410
+ "name": "bottom"
2409
2411
  },
2410
2412
  {
2411
- "name": "right-end"
2413
+ "name": "top-start"
2412
2414
  },
2413
2415
  {
2414
- "name": "bottom"
2416
+ "name": "top-end"
2415
2417
  },
2416
2418
  {
2417
2419
  "name": "bottom-start"
@@ -2420,7 +2422,10 @@
2420
2422
  "name": "bottom-end"
2421
2423
  },
2422
2424
  {
2423
- "name": "left"
2425
+ "name": "right-start"
2426
+ },
2427
+ {
2428
+ "name": "right-end"
2424
2429
  },
2425
2430
  {
2426
2431
  "name": "left-start"
@@ -2950,7 +2955,7 @@
2950
2955
  },
2951
2956
  {
2952
2957
  "name": "nile-sidebar-wrapper",
2953
- "description": "Nile sidebar-wrapper component.\n\nAttributes:\n\n * `overlaysidebar` {`boolean`} - \n\n * `placement` {`\"right\" | \"left\"`} - \n\n * `isopen` {`boolean`} - \n\nProperties:\n\n * `overlaysidebar` {`boolean`} - \n\n * `placement` {`\"right\" | \"left\"`} - \n\n * `isopen` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2958
+ "description": "Nile sidebar-wrapper component.\n\nAttributes:\n\n * `overlaysidebar` {`boolean`} - \n\n * `placement` {`\"left\" | \"right\"`} - \n\n * `isopen` {`boolean`} - \n\nProperties:\n\n * `overlaysidebar` {`boolean`} - \n\n * `placement` {`\"left\" | \"right\"`} - \n\n * `isopen` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
2954
2959
  "attributes": [
2955
2960
  {
2956
2961
  "name": "overlaysidebar",
@@ -2959,13 +2964,13 @@
2959
2964
  },
2960
2965
  {
2961
2966
  "name": "placement",
2962
- "description": "`placement` {`\"right\" | \"left\"`} - \n\nProperty: placement\n\nDefault: left",
2967
+ "description": "`placement` {`\"left\" | \"right\"`} - \n\nProperty: placement\n\nDefault: left",
2963
2968
  "values": [
2964
2969
  {
2965
- "name": "right"
2970
+ "name": "left"
2966
2971
  },
2967
2972
  {
2968
- "name": "left"
2973
+ "name": "right"
2969
2974
  }
2970
2975
  ]
2971
2976
  },
@@ -2997,7 +3002,7 @@
2997
3002
  },
2998
3003
  {
2999
3004
  "name": "nile-slide-toggle",
3000
- "description": "Attributes:\n\n * `label` {`string`} - \n\n * `sublabel` {`string`} - \n\n * `textPosition` {`\"right\" | \"left\"`} - \n\n * `isChecked` {`boolean`} - \n\n * `fullWidth` {`boolean`} - \n\n * `disabled` {`boolean`} - \n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\nProperties:\n\n * `styles` - \n\n * `label` {`string`} - \n\n * `sublabel` {`string`} - \n\n * `textPosition` {`\"right\" | \"left\"`} - \n\n * `isChecked` {`boolean`} - \n\n * `fullWidth` {`boolean`} - \n\n * `disabled` {`boolean`} - \n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3005
+ "description": "Attributes:\n\n * `label` {`string`} - \n\n * `sublabel` {`string`} - \n\n * `textPosition` {`\"left\" | \"right\"`} - \n\n * `isChecked` {`boolean`} - \n\n * `fullWidth` {`boolean`} - \n\n * `disabled` {`boolean`} - \n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\nProperties:\n\n * `styles` - \n\n * `label` {`string`} - \n\n * `sublabel` {`string`} - \n\n * `textPosition` {`\"left\" | \"right\"`} - \n\n * `isChecked` {`boolean`} - \n\n * `fullWidth` {`boolean`} - \n\n * `disabled` {`boolean`} - \n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3001
3006
  "attributes": [
3002
3007
  {
3003
3008
  "name": "label",
@@ -3009,13 +3014,13 @@
3009
3014
  },
3010
3015
  {
3011
3016
  "name": "textPosition",
3012
- "description": "`textPosition` {`\"right\" | \"left\"`} - \n\nProperty: textPosition\n\nDefault: right",
3017
+ "description": "`textPosition` {`\"left\" | \"right\"`} - \n\nProperty: textPosition\n\nDefault: right",
3013
3018
  "values": [
3014
3019
  {
3015
- "name": "right"
3020
+ "name": "left"
3016
3021
  },
3017
3022
  {
3018
- "name": "left"
3023
+ "name": "right"
3019
3024
  }
3020
3025
  ]
3021
3026
  },
@@ -3172,20 +3177,20 @@
3172
3177
  },
3173
3178
  {
3174
3179
  "name": "nile-tab-group",
3175
- "description": "Nile icon component.\n\nEvents:\n\n * `nile-tab-show` - Emitted when a tab is shown.\n\n * `nile-tab-hide` - Emitted when a tab is hidden.\n\nSlots:\n\n * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n\n * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n\nAttributes:\n\n * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n * `value` {`string`} - The placement of the tabs.\n\n * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\nProperties:\n\n * `styles` - \n\n * `activeTab` - \n\n * `mutationObserver` {`MutationObserver`} - \n\n * `resizeObserver` - \n\n * `tabs` {`NileTab[]`} - \n\n * `panels` {`NileTabPanel[]`} - \n\n * `tabGroup` {`HTMLElement`} - \n\n * `body` {`HTMLSlotElement`} - \n\n * `nav` {`HTMLElement`} - \n\n * `indicator` {`HTMLElement`} - \n\n * `hasScrollControls` {`boolean`} - \n\n * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n * `activeTabProp` {`string`} - The placement of the tabs.\n\n * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\n * `activeTabName` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3180
+ "description": "Nile icon component.\n\nEvents:\n\n * `nile-tab-show` - Emitted when a tab is shown.\n\n * `nile-tab-hide` - Emitted when a tab is hidden.\n\nSlots:\n\n * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-tab-panel>` elements.\n\n * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-tab>` elements.\n\nAttributes:\n\n * `placement` {`\"top\" | \"end\" | \"bottom\" | \"start\"`} - The placement of the tabs.\n\n * `value` {`string`} - The placement of the tabs.\n\n * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\nProperties:\n\n * `styles` - \n\n * `activeTab` - \n\n * `mutationObserver` {`MutationObserver`} - \n\n * `resizeObserver` - \n\n * `tabs` {`NileTab[]`} - \n\n * `panels` {`NileTabPanel[]`} - \n\n * `tabGroup` {`HTMLElement`} - \n\n * `body` {`HTMLSlotElement`} - \n\n * `nav` {`HTMLElement`} - \n\n * `indicator` {`HTMLElement`} - \n\n * `hasScrollControls` {`boolean`} - \n\n * `placement` {`\"top\" | \"end\" | \"bottom\" | \"start\"`} - The placement of the tabs.\n\n * `activeTabProp` {`string`} - The placement of the tabs.\n\n * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n * `activation` {`\"auto\" | \"manual\"`} - When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.\n\n * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n * `centered` {`boolean`} - Controls whether tabs are centered and have equal width\n\n * `activeTabName` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3176
3181
  "attributes": [
3177
3182
  {
3178
3183
  "name": "placement",
3179
- "description": "`placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\nProperty: placement\n\nDefault: top",
3184
+ "description": "`placement` {`\"top\" | \"end\" | \"bottom\" | \"start\"`} - The placement of the tabs.\n\nProperty: placement\n\nDefault: top",
3180
3185
  "values": [
3181
3186
  {
3182
3187
  "name": "top"
3183
3188
  },
3184
3189
  {
3185
- "name": "bottom"
3190
+ "name": "end"
3186
3191
  },
3187
3192
  {
3188
- "name": "end"
3193
+ "name": "bottom"
3189
3194
  },
3190
3195
  {
3191
3196
  "name": "start"
@@ -3748,15 +3753,15 @@
3748
3753
  },
3749
3754
  {
3750
3755
  "name": "nile-tooltip",
3751
- "description": "Nile icon component.\n\nAttributes:\n\n * `content` {`string`} - \n\n * `size` {`\"small\" | \"large\"`} - \n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - \n\n * `disabled` {`boolean`} - \n\n * `open` {`boolean`} - \n\n * `trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\n * `hoist` {`boolean`} - \n\nProperties:\n\n * `content` {`string`} - \n\n * `size` {`\"small\" | \"large\"`} - \n\n * `placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - \n\n * `disabled` {`boolean`} - \n\n * `open` {`boolean`} - \n\n * `trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\n * `distance` {`number`} - \n\n * `SHIFT_OFFSET` {`16`} - \n\n * `skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\n * `hoist` {`boolean`} - \n\n * `tooltip` {`HTMLElement`} - \n\n * `triggerContainer` {`HTMLElement`} - \n\n * `caret` {`HTMLElement`} - \n\n * `tooltipSlot` {`HTMLSlotElement`} - \n\n * `hasTooltipSlot` {`boolean`} - \n\n * `hoverTimeout` {`number`} - \n\n * `caretSize` {`number`} - \n\n * `originalPlacement` {`string`} - \n\n * `updateTooltipPosition` - \n\n * `showTooltip` - \n\n * `hideTooltip` - \n\n * `handleMouseOver` - \n\n * `handleMouseOut` - \n\n * `handleClick` - \n\n * `handleFocus` - \n\n * `handleBlur` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3756
+ "description": "Nile icon component.\n\nAttributes:\n\n * `content` {`string`} - The tooltip's content. If you need to display HTML, use the `content` slot instead.\n\n * `size` {`\"small\" | \"large\"`} - Size Property to decide the tool tip size\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n * `disabled` {`boolean`} - Disables the tooltip so it won't show when triggered.\n\n * `distance` {`number`} - The distance in pixels from which to offset the tooltip away from its target.\n\n * `open` {`boolean`} - Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\n * `trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\n * `hoist` {`boolean`} - 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,\nscenarios.\n\nProperties:\n\n * `hoverTimeout` {`number`} - \n\n * `defaultSlot` {`HTMLSlotElement`} - \n\n * `body` {`HTMLElement`} - \n\n * `popup` - \n\n * `content` {`string`} - The tooltip's content. If you need to display HTML, use the `content` slot instead.\n\n * `size` {`\"small\" | \"large\"`} - Size Property to decide the tool tip size\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n * `disabled` {`boolean`} - Disables the tooltip so it won't show when triggered.\n\n * `distance` {`number`} - The distance in pixels from which to offset the tooltip away from its target.\n\n * `open` {`boolean`} - Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\n * `trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\n * `hoist` {`boolean`} - 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,\nscenarios.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
3752
3757
  "attributes": [
3753
3758
  {
3754
3759
  "name": "content",
3755
- "description": "`content` {`string`} - \n\nProperty: content\n\nDefault: "
3760
+ "description": "`content` {`string`} - The tooltip's content. If you need to display HTML, use the `content` slot instead.\n\nProperty: content\n\nDefault: "
3756
3761
  },
3757
3762
  {
3758
3763
  "name": "size",
3759
- "description": "`size` {`\"small\" | \"large\"`} - \n\nProperty: size\n\nDefault: small",
3764
+ "description": "`size` {`\"small\" | \"large\"`} - Size Property to decide the tool tip size\n\nProperty: size\n\nDefault: small",
3760
3765
  "values": [
3761
3766
  {
3762
3767
  "name": "small"
@@ -3768,28 +3773,25 @@
3768
3773
  },
3769
3774
  {
3770
3775
  "name": "placement",
3771
- "description": "`placement` {`\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\"`} - \n\nProperty: placement\n\nDefault: bottom",
3776
+ "description": "`placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\nProperty: placement\n\nDefault: top",
3772
3777
  "values": [
3773
3778
  {
3774
- "name": "top"
3775
- },
3776
- {
3777
- "name": "top-start"
3779
+ "name": "left"
3778
3780
  },
3779
3781
  {
3780
- "name": "top-end"
3782
+ "name": "right"
3781
3783
  },
3782
3784
  {
3783
- "name": "right"
3785
+ "name": "top"
3784
3786
  },
3785
3787
  {
3786
- "name": "right-start"
3788
+ "name": "bottom"
3787
3789
  },
3788
3790
  {
3789
- "name": "right-end"
3791
+ "name": "top-start"
3790
3792
  },
3791
3793
  {
3792
- "name": "bottom"
3794
+ "name": "top-end"
3793
3795
  },
3794
3796
  {
3795
3797
  "name": "bottom-start"
@@ -3798,7 +3800,10 @@
3798
3800
  "name": "bottom-end"
3799
3801
  },
3800
3802
  {
3801
- "name": "left"
3803
+ "name": "right-start"
3804
+ },
3805
+ {
3806
+ "name": "right-end"
3802
3807
  },
3803
3808
  {
3804
3809
  "name": "left-start"
@@ -3810,29 +3815,29 @@
3810
3815
  },
3811
3816
  {
3812
3817
  "name": "disabled",
3813
- "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
3818
+ "description": "`disabled` {`boolean`} - Disables the tooltip so it won't show when triggered.\n\nProperty: disabled\n\nDefault: false",
3814
3819
  "valueSet": "v"
3815
3820
  },
3816
3821
  {
3817
- "name": "open",
3818
- "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
3819
- "valueSet": "v"
3820
- },
3821
- {
3822
- "name": "trigger",
3823
- "description": "`trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\nProperty: trigger\n\nDefault: hover focus"
3822
+ "name": "distance",
3823
+ "description": "`distance` {`number`} - The distance in pixels from which to offset the tooltip away from its target.\n\nProperty: distance\n\nDefault: 8"
3824
3824
  },
3825
3825
  {
3826
- "name": "distance",
3827
- "description": "`distance` {`number`} - \n\nProperty: distance\n\nDefault: 8"
3826
+ "name": "open",
3827
+ "description": "`open` {`boolean`} - Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.\n\nProperty: open\n\nDefault: false",
3828
+ "valueSet": "v"
3828
3829
  },
3829
3830
  {
3830
3831
  "name": "skidding",
3831
3832
  "description": "`skidding` {`number`} - The distance in pixels from which to offset the tooltip along its target.\n\nProperty: skidding\n\nDefault: 0"
3832
3833
  },
3834
+ {
3835
+ "name": "trigger",
3836
+ "description": "`trigger` {`string`} - Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.\n\nProperty: trigger\n\nDefault: hover focus"
3837
+ },
3833
3838
  {
3834
3839
  "name": "hoist",
3835
- "description": "`hoist` {`boolean`} - \n\nProperty: hoist\n\nDefault: false",
3840
+ "description": "`hoist` {`boolean`} - 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,\nscenarios.\n\nProperty: hoist\n\nDefault: false",
3836
3841
  "valueSet": "v"
3837
3842
  }
3838
3843
  ]