@aquera/nile-elements 2.0.11 → 2.0.13
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 +7 -0
- package/demo/app-shell.html +21 -21
- package/dist/index.js +170 -167
- package/dist/nile-app-shell/nile-app-shell.cjs.js +1 -1
- package/dist/nile-app-shell/nile-app-shell.cjs.js.map +1 -1
- package/dist/nile-app-shell/nile-app-shell.css.cjs.js +1 -1
- package/dist/nile-app-shell/nile-app-shell.css.cjs.js.map +1 -1
- package/dist/nile-app-shell/nile-app-shell.css.esm.js +35 -32
- package/dist/nile-app-shell/nile-app-shell.esm.js +39 -34
- package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js.map +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.css.esm.js +3 -1
- package/dist/nile-select/nile-select.cjs.js +2 -2
- 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 +12 -17
- package/dist/nile-select/nile-select.esm.js +43 -42
- package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
- package/dist/nile-select/virtual-scroll-helper.esm.js +2 -0
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +4 -4
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +12 -17
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +26 -26
- package/dist/src/nile-app-shell/nile-app-shell-regions.test.js +9 -5
- package/dist/src/nile-app-shell/nile-app-shell-regions.test.js.map +1 -1
- package/dist/src/nile-app-shell/nile-app-shell.css.js +33 -30
- package/dist/src/nile-app-shell/nile-app-shell.css.js.map +1 -1
- package/dist/src/nile-app-shell/nile-app-shell.d.ts +22 -22
- package/dist/src/nile-app-shell/nile-app-shell.js +86 -76
- package/dist/src/nile-app-shell/nile-app-shell.js.map +1 -1
- package/dist/src/nile-app-shell/nile-app-shell.test.d.ts +1 -0
- package/dist/src/nile-app-shell/nile-app-shell.test.js +307 -89
- package/dist/src/nile-app-shell/nile-app-shell.test.js.map +1 -1
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js +3 -1
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.css.js +12 -17
- package/dist/src/nile-select/nile-select.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +18 -2
- package/dist/src/nile-select/nile-select.js +226 -64
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-select/nile-select.test.d.ts +1 -0
- package/dist/src/nile-select/nile-select.test.js +896 -17
- package/dist/src/nile-select/nile-select.test.js.map +1 -1
- package/dist/src/nile-select/virtual-scroll-helper.js +2 -0
- package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.css.js +12 -17
- package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +10 -2
- package/dist/src/nile-virtual-select/nile-virtual-select.js +142 -30
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.d.ts +1 -0
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js +331 -16
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-app-shell/nile-app-shell-regions.test.ts +9 -5
- package/src/nile-app-shell/nile-app-shell.css.ts +33 -30
- package/src/nile-app-shell/nile-app-shell.test.ts +348 -105
- package/src/nile-app-shell/nile-app-shell.ts +89 -82
- package/src/nile-app-shell-panel/nile-app-shell-panel.css.ts +3 -1
- package/src/nile-select/nile-select.css.ts +12 -17
- package/src/nile-select/nile-select.test.ts +1112 -17
- package/src/nile-select/nile-select.ts +237 -67
- package/src/nile-select/virtual-scroll-helper.ts +2 -0
- package/src/nile-virtual-select/nile-virtual-select.css.ts +12 -17
- package/src/nile-virtual-select/nile-virtual-select.test.ts +404 -16
- package/src/nile-virtual-select/nile-virtual-select.ts +200 -79
- package/vscode-html-custom-data.json +36 -41
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
"name": "nile-app-shell",
|
|
171
|
-
"description": "Events:\n\n * `nile-nav-toggle` {} - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`.\n\n * `nile-panel-toggle` {} - Emitted after the panel opens or closes. `detail: { open, mode }`.\n\n * `nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`.\n\n * `nile-header-back` {} - Emitted when the header's back control is pressed.\n\n * `nile-panel-back` {} - Emitted when the panel's back control is pressed, whether the shell's built-in panel chrome or a slotted `nile-app-shell-panel` draws it.\n\nSlots:\n\n * ` ` {} - The page body, inside the content container.\n\n * `banner` {} - A full-width strip above every other region.\n\n * `top-bar` {} - The page-title bar, mounted inside the container by default or spanning the shell when `top-bar-placement=\"shell\"`.\n\n * `top-bar-actions` {} - Controls pinned to the end of the top bar.\n\n * `tabs` {} - A hoisted second-level tab strip, flush under the top bar and outside `<main>`'s scroller.\n\n * `app-icon` {} - The mark shown when `leading=\"app-icon\"`, clipped to the shell's box.\n\n * `side-nav` {} - The navigation track. Works best with `<nile-side-bar>`.\n\n * `aside` {} - A secondary column between the content container and the panel.\n\n * `panel` {} - The AI panel's body. When empty the panel is unmounted and `openPanel()` is a no-op.\n\n * `panel-header` {} - Replaces the default panel heading (mark plus title).\n\n * `panel-actions` {} - Controls added before the panel's close button.\n\n * `panel-footer` {} - A bar docked below the panel's scroll region, for a composer.\n\nAttributes:\n\n * `nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n * `panel-open` {`boolean`} - Whether the AI panel is open.\n\n * `no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n * `panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\n * `headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\n * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n * `leading` {`NileAppShellLeading`} - What sits before the page title: `back` draws a breadcrumb and emits `nile-header-back`; `app-icon` draws a 20px block for the `app-icon` slot.\n\n * `backLabel` {`string`} - The previous-page label drawn by `leading=\"back\"`.\n\n * `no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `no-panel-shortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `no-skip-link` {`boolean`} - Hides the skip-to-content link.\n\n * `skip-link-label` {`string`} - Label for the skip-to-content link.\n\n * `top-bar-placement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `content-align` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `no-padding` {`boolean`} - Removes the container's inner padding.\n\n * `ask-label` {`string`} - The label on the built-in Ask button.\n\n * `no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n * `full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\n * `docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n * `persist-key` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\nProperties:\n\n * `navCollapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n * `panelOpen` {`boolean`} - Whether the AI panel is open.\n\n * `noPanel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n * `panelLabel` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\n * `headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\n * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n * `leading` {`NileAppShellLeading`} - What sits before the page title: `back` draws a breadcrumb and emits `nile-header-back`; `app-icon` draws a 20px block for the `app-icon` slot.\n\n * `backLabel` {`string`} - The previous-page label drawn by `leading=\"back\"`.\n\n * `noNavToggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `noPanelShortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `noSkipLink` {`boolean`} - Hides the skip-to-content link.\n\n * `skipLinkLabel` {`string`} - Label for the skip-to-content link.\n\n * `topBarPlacement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `contentAlign` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `contentContainer` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `noPadding` {`boolean`} - Removes the container's inner padding.\n\n * `askLabel` {`string`} - The label on the built-in Ask button.\n\n * `noAsk` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n * `fullHeight` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlayBreakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\n * `dockedRailBreakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n * `persistKey` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\n * `_panelMode` {`NileAppShellPanelMode`} - The panel's current mode. Derived from the shell's width.\n\n * `_navLocked` {`boolean`} - Whether the nav is held at a rail by the shell's width.\n\n * `_hasBanner` {`boolean`} - \n\n * `_hasSideNav` {`boolean`} - \n\n * `_hasTopBar` {`boolean`} - \n\n * `_hasTopBarActions` {`boolean`} - \n\n * `_hasTabs` {`boolean`} - \n\n * `_hasPanel` {`boolean`} - \n\n * `_hasPanelFooter` {`boolean`} - \n\n * `_panelOwnsChrome` {`boolean`} - True when a `nile-app-shell-panel` is slotted, owning the panel's own chrome so the shell renders a bare region.\n\n * `_hasAside` {`boolean`} - \n\n * `_main` {`HTMLElement | undefined`} - \n\n * `_width` {`number`} - \n\n * `_resizeObserver` - \n\n * `_restoredPanelOpen` {`boolean | null`} - \n\n * `panelMode` {`NileAppShellPanelMode`} - The panel's current mode: `docked` or `overlay`.\n\n * `navLocked` {`boolean`} - Whether the shell is holding the nav at a rail. The toggle is disabled.\n\n * `panelAvailable` {`boolean`} - Whether a panel is mounted for this route.\n\n * `tabsVisible` {`boolean`} - Whether the tab strip is rendered: something slotted, and not switched off.\n\n * `askVisible` {`boolean`} - Whether the built-in Ask button is rendered.\n\n * `rail` {`boolean`} - Whether the nav renders as a rail right now, preference or lock.\n\n * `_onSideNavToggle` - A slotted sidebar's own expand button is the same toggle.\n\n * `_onKeyDown` - \n\n * `_hasTitleBlock` {`boolean`} - Whether the header has a title block of its own to draw: only a title or a leading control mounts it.\n\n * `_hasLeading` {`boolean`} - Whether `leading` names a control that renders; an empty or unknown value draws nothing, like `none`.\n\n * `_headingLevel` {`number`} - `headingLevel` as a safe `aria-level`: a whole number clamped to 1–6, and 1 for anything non-numeric.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
171
|
+
"description": "Events:\n\n * `nile-nav-toggle` {} - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`.\n\n * `nile-panel-toggle` {} - Emitted after the panel opens or closes. `detail: { open, mode }`.\n\n * `nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`.\n\n * `nile-click` {} - Emitted when the header's back control is pressed, or `goBackHeader()` is called. `detail: { value: 'back' }`. Emitted on the shell itself, so check `event.target === shell` as well as the value: a `nile-click` from page content bubbles through the shell too.\n\n * `nile-panel-back` {} - Emitted when the panel's back control is pressed, whether the shell's built-in panel chrome or a slotted `nile-app-shell-panel` draws it.\n\nSlots:\n\n * ` ` {} - The page body, inside the content container.\n\n * `banner` {} - A full-width strip above every other region.\n\n * `top-bar` {} - The page-title bar, mounted inside the container by default or spanning the shell when `top-bar-placement=\"shell\"`.\n\n * `top-bar-actions` {} - Controls pinned to the end of the top bar.\n\n * `tabs` {} - A hoisted second-level tab strip, flush under the top bar and outside `<main>`'s scroller.\n\n * `app-icon` {} - The mark shown before the page title whenever this slot has content, clipped to the shell's box.\n\n * `side-nav` {} - The navigation track. Works best with `<nile-side-bar>`.\n\n * `aside` {} - A secondary column between the content container and the panel.\n\n * `panel` {} - The AI panel's body. When empty the panel is unmounted and `openPanel()` is a no-op.\n\n * `panel-header` {} - Replaces the default panel heading (mark plus title).\n\n * `panel-actions` {} - Controls added before the panel's close button.\n\n * `panel-footer` {} - A bar docked below the panel's scroll region, for a composer.\n\nAttributes:\n\n * `nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n * `panel-open` {`boolean`} - Whether the AI panel is open.\n\n * `no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n * `panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\n * `headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\n * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n * `headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\n * `headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\n * `no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `no-panel-shortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `no-skip-link` {`boolean`} - Hides the skip-to-content link.\n\n * `skip-link-label` {`string`} - Label for the skip-to-content link.\n\n * `top-bar-placement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `content-align` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `no-padding` {`boolean`} - Removes the container's inner padding.\n\n * `ask-label` {`string`} - The label on the built-in Ask button.\n\n * `no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n * `full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\n * `docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n * `persist-key` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\nProperties:\n\n * `navCollapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n * `panelOpen` {`boolean`} - Whether the AI panel is open.\n\n * `noPanel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n * `panelLabel` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\n * `headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\n * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n * `headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\n * `headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\n * `noNavToggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `noPanelShortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `noSkipLink` {`boolean`} - Hides the skip-to-content link.\n\n * `skipLinkLabel` {`string`} - Label for the skip-to-content link.\n\n * `topBarPlacement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `contentAlign` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `contentContainer` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `noPadding` {`boolean`} - Removes the container's inner padding.\n\n * `askLabel` {`string`} - The label on the built-in Ask button.\n\n * `noAsk` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n * `fullHeight` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlayBreakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\n * `dockedRailBreakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n * `persistKey` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\n * `_panelMode` {`NileAppShellPanelMode`} - The panel's current mode. Derived from the shell's width.\n\n * `_navLocked` {`boolean`} - Whether the nav is held at a rail by the shell's width.\n\n * `_hasBanner` {`boolean`} - \n\n * `_hasSideNav` {`boolean`} - \n\n * `_hasTopBar` {`boolean`} - \n\n * `_hasTopBarActions` {`boolean`} - \n\n * `_hasTabs` {`boolean`} - \n\n * `_hasAppIcon` {`boolean`} - \n\n * `_hasPanel` {`boolean`} - \n\n * `_hasPanelFooter` {`boolean`} - \n\n * `_panelOwnsChrome` {`boolean`} - True when a `nile-app-shell-panel` is slotted, owning the panel's own chrome so the shell renders a bare region.\n\n * `_hasAside` {`boolean`} - \n\n * `_main` {`HTMLElement | undefined`} - \n\n * `_width` {`number`} - \n\n * `_resizeObserver` - \n\n * `_restoredPanelOpen` {`boolean | null`} - \n\n * `panelMode` {`NileAppShellPanelMode`} - The panel's current mode: `docked` or `overlay`.\n\n * `navLocked` {`boolean`} - Whether the shell is holding the nav at a rail. The toggle is disabled.\n\n * `panelAvailable` {`boolean`} - Whether a panel is mounted for this route.\n\n * `tabsVisible` {`boolean`} - Whether the tab strip is rendered: something slotted, and not switched off.\n\n * `askVisible` {`boolean`} - Whether the built-in Ask button is rendered.\n\n * `rail` {`boolean`} - Whether the nav renders as a rail right now, preference or lock.\n\n * `_onSideNavToggle` - A slotted sidebar's own expand button is the same toggle.\n\n * `_onKeyDown` - \n\n * `_hasTitleBlock` {`boolean`} - Whether the header has a title block of its own to draw: a title, the back arrow or a slotted app icon mounts it.\n\n * `_headingLevel` {`number`} - `headingLevel` as a safe `aria-level`: a whole number clamped to 1–6, and 1 for anything non-numeric.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
172
172
|
"attributes": [
|
|
173
173
|
{
|
|
174
174
|
"name": "nav-collapsed",
|
|
@@ -209,23 +209,13 @@
|
|
|
209
209
|
"values": []
|
|
210
210
|
},
|
|
211
211
|
{
|
|
212
|
-
"name": "
|
|
213
|
-
"description": "`
|
|
214
|
-
"
|
|
215
|
-
{
|
|
216
|
-
"name": "none"
|
|
217
|
-
},
|
|
218
|
-
{
|
|
219
|
-
"name": "back"
|
|
220
|
-
},
|
|
221
|
-
{
|
|
222
|
-
"name": "app-icon"
|
|
223
|
-
}
|
|
224
|
-
]
|
|
212
|
+
"name": "headerBack",
|
|
213
|
+
"description": "`headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\nProperty: headerBack\n\nDefault: false",
|
|
214
|
+
"valueSet": "v"
|
|
225
215
|
},
|
|
226
216
|
{
|
|
227
|
-
"name": "
|
|
228
|
-
"description": "`
|
|
217
|
+
"name": "headerBackLabel",
|
|
218
|
+
"description": "`headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\nProperty: headerBackLabel\n\nDefault: Back"
|
|
229
219
|
},
|
|
230
220
|
{
|
|
231
221
|
"name": "no-nav-toggle",
|
|
@@ -339,8 +329,8 @@
|
|
|
339
329
|
"description": "`nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`."
|
|
340
330
|
},
|
|
341
331
|
{
|
|
342
|
-
"name": "onnile-
|
|
343
|
-
"description": "`nile-
|
|
332
|
+
"name": "onnile-click",
|
|
333
|
+
"description": "`nile-click` {} - Emitted when the header's back control is pressed, or `goBackHeader()` is called. `detail: { value: 'back' }`. Emitted on the shell itself, so check `event.target === shell` as well as the value: a `nile-click` from page content bubbles through the shell too."
|
|
344
334
|
},
|
|
345
335
|
{
|
|
346
336
|
"name": "onnile-panel-back",
|
|
@@ -4210,7 +4200,7 @@
|
|
|
4210
4200
|
},
|
|
4211
4201
|
{
|
|
4212
4202
|
"name": "nile-input",
|
|
4213
|
-
"description": "Nile icon component.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n * `filled` {`boolean`} - Draws a filled input.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `readonly` {`boolean`} - Makes the input readonly.\n\n * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n * `canSavePassword` {`boolean`} - \n\n * `inputmode` {`\"
|
|
4203
|
+
"description": "Nile icon component.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n * `filled` {`boolean`} - Draws a filled input.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `readonly` {`boolean`} - Makes the input readonly.\n\n * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n * `canSavePassword` {`boolean`} - \n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `noOutline` - \n\n * `noPadding` - \n\n * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n * `disabled` {`boolean`} - Disables the input.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n * `required` {`boolean`} - Makes the input a required field.\n\n * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `hasSlotController` - \n\n * `input` {`HTMLInputElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `title` {`string`} - \n\n * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n * `filled` {`boolean`} - Draws a filled input.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `readonly` {`boolean`} - Makes the input readonly.\n\n * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n * `canSavePassword` {`boolean`} - \n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `hasPrintableCharacters` {`boolean`} - \n\n * `markedValue` {`string`} - \n\n * `noOutline` - \n\n * `noPadding` - \n\n * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n * `disabled` {`boolean`} - Disables the input.\n\n * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n * `required` {`boolean`} - Makes the input a required field.\n\n * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` - \n\n * `getForm` - \n\n * `reportValidity` - \n\n * `setCustomValidity` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
4214
4204
|
"attributes": [
|
|
4215
4205
|
{
|
|
4216
4206
|
"name": "title",
|
|
@@ -4427,13 +4417,13 @@
|
|
|
4427
4417
|
},
|
|
4428
4418
|
{
|
|
4429
4419
|
"name": "inputmode",
|
|
4430
|
-
"description": "`inputmode` {`\"
|
|
4420
|
+
"description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
|
|
4431
4421
|
"values": [
|
|
4432
4422
|
{
|
|
4433
|
-
"name": "
|
|
4423
|
+
"name": "text"
|
|
4434
4424
|
},
|
|
4435
4425
|
{
|
|
4436
|
-
"name": "
|
|
4426
|
+
"name": "none"
|
|
4437
4427
|
},
|
|
4438
4428
|
{
|
|
4439
4429
|
"name": "numeric"
|
|
@@ -4567,7 +4557,7 @@
|
|
|
4567
4557
|
},
|
|
4568
4558
|
{
|
|
4569
4559
|
"name": "nile-lite-tooltip",
|
|
4570
|
-
"description": "Nile lite-tooltip component.\n\nSupports wrapper, sibling (for), and singleton modes.\nAligns with Tippy.js props and Nile design system.\n\nEvents:\n\n * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\nAttributes:\n\n * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n * `content` {`string`} - Tooltip content text or HTML\n\n * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n * `interactive` {`boolean`} - Interactive mode\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n * `disabled` {`boolean`} - \n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - \n\n * `open` {`boolean`} - \n\n * `trigger` {`string`} - \n\n * `allowHTML` {`boolean`} - \n\n * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n * `arrow` {`\"
|
|
4560
|
+
"description": "Nile lite-tooltip component.\n\nSupports wrapper, sibling (for), and singleton modes.\nAligns with Tippy.js props and Nile design system.\n\nEvents:\n\n * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\nAttributes:\n\n * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n * `content` {`string`} - Tooltip content text or HTML\n\n * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n * `interactive` {`boolean`} - Interactive mode\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n * `disabled` {`boolean`} - \n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - \n\n * `open` {`boolean`} - \n\n * `trigger` {`string`} - \n\n * `allowHTML` {`boolean`} - \n\n * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n * `arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n * `singleton` {`boolean`} - \n\n * `enableRecursiveMode` {`boolean`} - \n\n * `delay` {`number | [number, number]`} - Not added in Doc\n\n * `maxWidth` {`string | number`} - \n\n * `zIndex` {`number`} - \n\n * `hideOnClick` {`boolean | \"toggle\"`} - \n\n * `inertia` {`boolean`} - \n\n * `interactiveBorder` {`number`} - \n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `width` {`string | undefined`} - \n\n * `height` {`string | undefined`} - \n\nProperties:\n\n * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n * `content` {`string`} - Tooltip content text or HTML\n\n * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n * `interactive` {`boolean`} - Interactive mode\n\n * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n * `disabled` {`boolean`} - \n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - \n\n * `open` {`boolean`} - \n\n * `trigger` {`string`} - \n\n * `allowHTML` {`boolean`} - \n\n * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n * `arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n * `singleton` {`boolean`} - \n\n * `enableRecursiveMode` {`boolean`} - \n\n * `delay` {`number | [number, number]`} - Not added in Doc\n\n * `maxWidth` {`string | number`} - \n\n * `zIndex` {`number`} - \n\n * `hideOnClick` {`boolean | \"toggle\"`} - \n\n * `inertia` {`boolean`} - \n\n * `interactiveBorder` {`number`} - \n\n * `visibilityManager` - \n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `width` {`string | undefined`} - \n\n * `height` {`string | undefined`} - \n\n * `tooltipInstances` {`Instance<Props>[] | undefined`} - \n\n * `singleInstance` {`Instance<Props> | undefined`} - \n\n * `singletonInstance` {`Instance<Props> | undefined`} - \n\n * `targetEl` {`HTMLElement | null | undefined`} - \n\n * `generatedId` {`string | undefined`} - \n\n * `prevDescribedby` {`string | null | undefined`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
4571
4561
|
"attributes": [
|
|
4572
4562
|
{
|
|
4573
4563
|
"name": "for",
|
|
@@ -4701,13 +4691,13 @@
|
|
|
4701
4691
|
},
|
|
4702
4692
|
{
|
|
4703
4693
|
"name": "arrow",
|
|
4704
|
-
"description": "`arrow` {`\"
|
|
4694
|
+
"description": "`arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\nProperty: arrow\n\nDefault: default",
|
|
4705
4695
|
"values": [
|
|
4706
4696
|
{
|
|
4707
|
-
"name": "
|
|
4697
|
+
"name": "small"
|
|
4708
4698
|
},
|
|
4709
4699
|
{
|
|
4710
|
-
"name": "
|
|
4700
|
+
"name": "none"
|
|
4711
4701
|
},
|
|
4712
4702
|
{
|
|
4713
4703
|
"name": "default"
|
|
@@ -5231,7 +5221,7 @@
|
|
|
5231
5221
|
},
|
|
5232
5222
|
{
|
|
5233
5223
|
"name": "nile-otp-input",
|
|
5234
|
-
"description": "Events:\n\n * `nile-input` {} - Emitted whenever the OTP value changes from user input.\n\n * `nile-change` {} - Emitted whenever the OTP value changes from user input.\n\n * `nile-complete` {} - Emitted when all OTP cells are filled.\n\n * `nile-focus` {} - Emitted when focus enters the component.\n\n * `nile-blur` {} - Emitted when focus leaves the component.\n\n * `nile-paste` {} - Emitted when OTP text is pasted.\n\n * `nile-invalid` {} - Emitted when the control is invalid.\n\nSlots:\n\n * `label` {} - The input label. Alternatively, use the `label` attribute.\n\n * `help-text` {} - Helpful guidance text. Alternatively, use the `help-text` attribute.\n\nAttributes:\n\n * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n * `label` {`string`} - The input's label.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n * `separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `readonly` {`boolean`} - Makes the control readonly.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `inputmode` {`\"
|
|
5224
|
+
"description": "Events:\n\n * `nile-input` {} - Emitted whenever the OTP value changes from user input.\n\n * `nile-change` {} - Emitted whenever the OTP value changes from user input.\n\n * `nile-complete` {} - Emitted when all OTP cells are filled.\n\n * `nile-focus` {} - Emitted when focus enters the component.\n\n * `nile-blur` {} - Emitted when focus leaves the component.\n\n * `nile-paste` {} - Emitted when OTP text is pasted.\n\n * `nile-invalid` {} - Emitted when the control is invalid.\n\nSlots:\n\n * `label` {} - The input label. Alternatively, use the `label` attribute.\n\n * `help-text` {} - Helpful guidance text. Alternatively, use the `help-text` attribute.\n\nAttributes:\n\n * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n * `label` {`string`} - The input's label.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n * `separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `readonly` {`boolean`} - Makes the control readonly.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the OTP control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n * `required` {`boolean`} - Makes this field required.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `hasSlotController` - \n\n * `customValidationMessage` {`string`} - \n\n * `wasComplete` {`boolean`} - \n\n * `valueInput` {`HTMLInputElement`} - \n\n * `cellInputs` {`NodeListOf<HTMLInputElement>`} - \n\n * `hasFocus` {`boolean`} - \n\n * `activeIndex` {`number`} - \n\n * `cells` {`string[]`} - \n\n * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n * `label` {`string`} - The input's label.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n * `separatorPositions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `readonly` {`boolean`} - Makes the control readonly.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n * `complete` {`boolean`} - Returns true when all OTP cells have values.\n\n * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the OTP control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n * `min` {`string | number | Date | undefined`} - \n\n * `max` {`string | number | Date | undefined`} - \n\n * `step` {`number | \"any\" | undefined`} - \n\n * `required` {`boolean`} - Makes this field required.\n\n * `minlength` {`number | undefined`} - \n\n * `maxlength` {`number | undefined`} - \n\n * `validity` {`ValidityState`} - Gets the validity state object.\n\n * `validationMessage` {`string`} - Gets the validation message.\n\n * `checkValidity` - \n\n * `getForm` - \n\n * `reportValidity` - \n\n * `setCustomValidity` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
5235
5225
|
"attributes": [
|
|
5236
5226
|
{
|
|
5237
5227
|
"name": "length",
|
|
@@ -5307,13 +5297,13 @@
|
|
|
5307
5297
|
},
|
|
5308
5298
|
{
|
|
5309
5299
|
"name": "inputmode",
|
|
5310
|
-
"description": "`inputmode` {`\"
|
|
5300
|
+
"description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
|
|
5311
5301
|
"values": [
|
|
5312
5302
|
{
|
|
5313
|
-
"name": "
|
|
5303
|
+
"name": "text"
|
|
5314
5304
|
},
|
|
5315
5305
|
{
|
|
5316
|
-
"name": "
|
|
5306
|
+
"name": "none"
|
|
5317
5307
|
},
|
|
5318
5308
|
{
|
|
5319
5309
|
"name": "numeric"
|
|
@@ -6380,9 +6370,14 @@
|
|
|
6380
6370
|
}
|
|
6381
6371
|
]
|
|
6382
6372
|
},
|
|
6373
|
+
{
|
|
6374
|
+
"name": "r7-prefix-probe",
|
|
6375
|
+
"description": "Properties:\n\n * `created` {`number`} - ",
|
|
6376
|
+
"attributes": []
|
|
6377
|
+
},
|
|
6383
6378
|
{
|
|
6384
6379
|
"name": "nile-select",
|
|
6385
|
-
"description": "Events:\n\n * `nile-change` {} - Emitted when the control's value changes.\n\n * `nile-clear` {} - Emitted when the control's value is cleared.\n\n * `nile-input` {} - Emitted when the control receives input.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-show` {} - Emitted when the select's menu opens.\n\n * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the select's menu closes.\n\n * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n * `nile-scroll` {} - Emitted when the user scrolls within the listbox. The event payload includes scroll position information.\n\n * `nile-scroll-start` {} - Emitted when the user starts scrolling within the listbox.\n\n * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the listbox (debounced).\n\n * `nile-remove` {`CustomEvent<unknown>`} - \n\nSlots:\n\n * ` ` {} - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\n\n * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n * `expand-icon` {} - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n * `pre-footer` {} - Content to display at the bottom of the dropdown listbox. Useful for action buttons like \"Create New\". In multi-select mode, appears above the \"Show Selected\" / \"Clear All\" bar.\n\nAttributes:\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchEnabled` {`boolean`} - \n\n * `legacy` {`boolean`} - \n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\n * `internal-search-placeholder` {`string`} - \n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `blockValueChange` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `optionsLoading` {`boolean`} - \n\n * `noWidthSync` {`boolean`} - \n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - \n\n * `help-text` {`string`} - \n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `error-message` {`string`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `max-options-visible` {`number`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Shows a chip's full value in a tooltip when its text is clipped, and is\nwhat allows a chip to be truncated at all.\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showSelected` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `data` - \n\n * `enableVirtualScroll` {`boolean`} - \n\n * `enableGroupHeader` {`boolean`} - To enable the group header in the select\n\n * `autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\n * `loading` {`boolean`} - loading indicator for virtual select\n\n * `stickyHeader` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `virtualScrollHelper` - \n\n * `portalManager` - \n\n * `hasSlotController` - \n\n * `typeToSelectString` {`string`} - \n\n * `typeToSelectTimeout` {`number`} - \n\n * `scrollTimeout` {`number | undefined`} - \n\n * `scrolling` {`boolean`} - \n\n * `options` {`NileOption[]`} - \n\n * `observedTagsContainer` {`Element | undefined`} - \n\n * `resizeController` - \n\n * `visibilityManager` - \n\n * `chipFitFrame` {`number`} - \n\n * `lastChipLayout` {`{ hidden: number; visible: number; }`} - \n\n * `clippedChips` {`boolean[]`} - \n\n * `clipFrame` {`number`} - \n\n * `popup` - \n\n * `combobox` {`HTMLSlotElement`} - \n\n * `displayInput` {`HTMLInputElement`} - \n\n * `valueInput` {`HTMLInputElement`} - \n\n * `listbox` {`HTMLSlotElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `displayLabel` {`string`} - \n\n * `currentOption` - \n\n * `selectedOptions` {`NileOption[]`} - \n\n * `oldValue` {`string | string[]`} - \n\n * `hiddenChipCount` {`number`} - \n\n * `lastOverflowWidth` {`number`} - Last measured width of the overflow button, in px.\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchValue` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchEnabled` {`boolean`} - \n\n * `legacy` {`boolean`} - \n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\n * `internalSearchPlaceHolder` {`string`} - \n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `blockValueChange` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `optionsLoading` {`boolean`} - \n\n * `noWidthSync` {`boolean`} - \n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - \n\n * `help_text` {`string`} - \n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `errorMessage` {`string`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `_maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n * `maxOptionsVisibleExplicit` {`boolean`} - \n\n * `maxOptionsVisible` {`number`} - \n\n * `chipFittingEnabled` {`boolean`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Shows a chip's full value in a tooltip when its text is clipped, and is\nwhat allows a chip to be truncated at all.\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showSelected` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n * `data` - \n\n * `enableVirtualScroll` {`boolean`} - \n\n * `enableGroupHeader` {`boolean`} - To enable the group header in the select\n\n * `autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\n * `loading` {`boolean`} - loading indicator for virtual select\n\n * `stickyHeader` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `handleWindowResize` - \n\n * `handleWindowScroll` - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string | undefined`} - \n\n * `min` {`string | number | Date | undefined`} - \n\n * `max` {`string | number | Date | undefined`} - \n\n * `step` {`number | \"any\" | undefined`} - \n\n * `required` {`boolean`} - The select's required attribute.\n\n * `minlength` {`number | undefined`} - \n\n * `maxlength` {`number | undefined`} - \n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` - \n\n * `getForm` - \n\n * `reportValidity` - \n\n * `setCustomValidity` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
6380
|
+
"description": "Events:\n\n * `nile-change` {} - Emitted when the control's value changes.\n\n * `nile-clear` {} - Emitted when the control's value is cleared.\n\n * `nile-input` {} - Emitted when the control receives input.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-show` {} - Emitted when the select's menu opens.\n\n * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the select's menu closes.\n\n * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n * `nile-scroll` {} - Emitted when the user scrolls within the listbox. The event payload includes scroll position information.\n\n * `nile-scroll-start` {} - Emitted when the user starts scrolling within the listbox.\n\n * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the listbox (debounced).\n\n * `nile-remove` {`CustomEvent<unknown>`} - \n\nSlots:\n\n * ` ` {} - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\n\n * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n * `expand-icon` {} - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n * `pre-footer` {} - Content to display at the bottom of the dropdown listbox. Useful for action buttons like \"Create New\". In multi-select mode, appears above the \"Show Selected\" / \"Clear All\" bar.\n\nAttributes:\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchEnabled` {`boolean`} - \n\n * `legacy` {`boolean`} - \n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\n * `internal-search-placeholder` {`string`} - \n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `blockValueChange` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `optionsLoading` {`boolean`} - \n\n * `noWidthSync` {`boolean`} - \n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - \n\n * `help-text` {`string`} - \n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `error-message` {`string`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `max-options-visible` {`number`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Opts into the fitted chip row: chips are sized between chipMinWidth and chipMaxWidth, the\nrest collapse into a +N button, and a clipped chip shows its full value in a tooltip.\nOff by default, which keeps the pre-2.0.9 chip row.\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showSelected` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `data` - \n\n * `enableVirtualScroll` {`boolean`} - \n\n * `enableGroupHeader` {`boolean`} - To enable the group header in the select\n\n * `autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\n * `loading` {`boolean`} - loading indicator for virtual select\n\n * `stickyHeader` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `virtualScrollHelper` - \n\n * `portalManager` - \n\n * `hasSlotController` - \n\n * `typeToSelectString` {`string`} - \n\n * `typeToSelectTimeout` {`number`} - \n\n * `scrollTimeout` {`number | undefined`} - \n\n * `scrolling` {`boolean`} - \n\n * `options` {`NileOption[]`} - \n\n * `observedTagsContainer` {`Element | undefined`} - \n\n * `resizeController` - \n\n * `visibilityManager` - \n\n * `chipFitFrame` {`number`} - \n\n * `measurableWatch` {`{ observer: any; target: Element; } | undefined`} - \n\n * `lastChipLayout` {`{ hidden: number; visible: number; }`} - \n\n * `clippedChips` {`boolean[]`} - \n\n * `clipFrame` {`number`} - \n\n * `popup` - \n\n * `combobox` {`HTMLSlotElement`} - \n\n * `displayInput` {`HTMLInputElement`} - \n\n * `valueInput` {`HTMLInputElement`} - \n\n * `listbox` {`HTMLSlotElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `displayLabel` {`string`} - \n\n * `currentOption` - \n\n * `selectedOptions` {`NileOption[]`} - \n\n * `oldValue` {`string | string[]`} - \n\n * `hiddenChipCount` {`number`} - \n\n * `oldMaxOptionsVisible` {`number`} - \n\n * `lastOverflowWidth` {`number`} - Last measured width of the overflow button, in px.\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchValue` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `searchEnabled` {`boolean`} - \n\n * `legacy` {`boolean`} - \n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select). Propagated to options.\n\n * `internalSearchPlaceHolder` {`string`} - \n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `blockValueChange` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `optionsLoading` {`boolean`} - \n\n * `noWidthSync` {`boolean`} - \n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `multiple` {`string | boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - \n\n * `help_text` {`string`} - \n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `errorMessage` {`string`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `_maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n * `maxOptionsVisibleExplicit` {`boolean`} - \n\n * `maxOptionsVisible` {`number`} - \n\n * `chipFittingEnabled` {`boolean`} - \n\n * `legacyTagFitEnabled` {`boolean`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Opts into the fitted chip row: chips are sized between chipMinWidth and chipMaxWidth, the\nrest collapse into a +N button, and a clipped chip shows its full value in a tooltip.\nOff by default, which keeps the pre-2.0.9 chip row.\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showSelected` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `showNoResults` {`boolean`} - \n\n * `noResultsMessage` {`string`} - \n\n * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n * `data` - \n\n * `enableVirtualScroll` {`boolean`} - \n\n * `enableGroupHeader` {`boolean`} - To enable the group header in the select\n\n * `autoFocusSearch` {`boolean`} - To auto focus the search input when the select is opened\n\n * `loading` {`boolean`} - loading indicator for virtual select\n\n * `stickyHeader` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `handleWindowResize` - \n\n * `handleWindowScroll` - \n\n * `prefixCopies` {`WeakMap<NileOption, Map<string, { markup: string; nodes: Node[]; }>>`} - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string | undefined`} - \n\n * `min` {`string | number | Date | undefined`} - \n\n * `max` {`string | number | Date | undefined`} - \n\n * `step` {`number | \"any\" | undefined`} - \n\n * `required` {`boolean`} - The select's required attribute.\n\n * `minlength` {`number | undefined`} - \n\n * `maxlength` {`number | undefined`} - \n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` - \n\n * `getForm` - \n\n * `reportValidity` - \n\n * `setCustomValidity` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
6386
6381
|
"attributes": [
|
|
6387
6382
|
{
|
|
6388
6383
|
"name": "size",
|
|
@@ -6503,7 +6498,7 @@
|
|
|
6503
6498
|
},
|
|
6504
6499
|
{
|
|
6505
6500
|
"name": "showTooltip",
|
|
6506
|
-
"description": "`showTooltip` {`boolean`} -
|
|
6501
|
+
"description": "`showTooltip` {`boolean`} - Opts into the fitted chip row: chips are sized between chipMinWidth and chipMaxWidth, the\nrest collapse into a +N button, and a clipped chip shows its full value in a tooltip.\nOff by default, which keeps the pre-2.0.9 chip row.\n\nProperty: showTooltip\n\nDefault: false",
|
|
6507
6502
|
"valueSet": "v"
|
|
6508
6503
|
},
|
|
6509
6504
|
{
|
|
@@ -7342,14 +7337,14 @@
|
|
|
7342
7337
|
"name": "valueLabel",
|
|
7343
7338
|
"description": "`valueLabel` {`ValueLabelMode`} - \n\nProperty: valueLabel\n\nDefault: tooltip",
|
|
7344
7339
|
"values": [
|
|
7345
|
-
{
|
|
7346
|
-
"name": "none"
|
|
7347
|
-
},
|
|
7348
7340
|
{
|
|
7349
7341
|
"name": "bottom"
|
|
7350
7342
|
},
|
|
7351
7343
|
{
|
|
7352
7344
|
"name": "tooltip"
|
|
7345
|
+
},
|
|
7346
|
+
{
|
|
7347
|
+
"name": "none"
|
|
7353
7348
|
}
|
|
7354
7349
|
]
|
|
7355
7350
|
}
|
|
@@ -7805,7 +7800,7 @@
|
|
|
7805
7800
|
},
|
|
7806
7801
|
{
|
|
7807
7802
|
"name": "nile-textarea",
|
|
7808
|
-
"description": "Events:\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n * `size` {`string`} - The textarea's size.\n\n * `filled` {`boolean`} - Draws a filled textarea.\n\n * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `rows` {`number`} - The number of rows to display by default.\n\n * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n * `disabled` {`boolean`} - Disables the textarea.\n\n * `readonly` {`boolean`} - Makes the textarea readonly.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the textarea a required field.\n\n * `minlength` {`number`} - \n\n * `maxlength` {`number`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n * `inputmode` {`\"
|
|
7803
|
+
"description": "Events:\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n * `size` {`string`} - The textarea's size.\n\n * `filled` {`boolean`} - Draws a filled textarea.\n\n * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n * `help-text` {`string`} - \n\n * `error-message` {`string`} - \n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `rows` {`number`} - The number of rows to display by default.\n\n * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n * `disabled` {`boolean`} - Disables the textarea.\n\n * `readonly` {`boolean`} - Makes the textarea readonly.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the textarea a required field.\n\n * `minlength` {`number`} - \n\n * `maxlength` {`number`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `fullHeight` {`boolean`} - \n\n * `checkNonPrintableChar` {`boolean`} - \n\nProperties:\n\n * `styles` - \n\n * `hasSlotController` - \n\n * `resizeObserver` - \n\n * `input` {`HTMLTextAreaElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `title` {`string`} - \n\n * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n * `size` {`string`} - The textarea's size.\n\n * `filled` {`boolean`} - Draws a filled textarea.\n\n * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n * `rows` {`number`} - The number of rows to display by default.\n\n * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n * `disabled` {`boolean`} - Disables the textarea.\n\n * `readonly` {`boolean`} - Makes the textarea readonly.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - Makes the textarea a required field.\n\n * `minlength` {`number`} - \n\n * `maxlength` {`number`} - \n\n * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `fullHeight` {`boolean`} - \n\n * `checkNonPrintableChar` {`boolean`} - \n\n * `hasPrintableCharacters` {`boolean`} - \n\n * `markedValue` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
7809
7804
|
"attributes": [
|
|
7810
7805
|
{
|
|
7811
7806
|
"name": "title",
|
|
@@ -7976,13 +7971,13 @@
|
|
|
7976
7971
|
},
|
|
7977
7972
|
{
|
|
7978
7973
|
"name": "inputmode",
|
|
7979
|
-
"description": "`inputmode` {`\"
|
|
7974
|
+
"description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
|
|
7980
7975
|
"values": [
|
|
7981
7976
|
{
|
|
7982
|
-
"name": "
|
|
7977
|
+
"name": "text"
|
|
7983
7978
|
},
|
|
7984
7979
|
{
|
|
7985
|
-
"name": "
|
|
7980
|
+
"name": "none"
|
|
7986
7981
|
},
|
|
7987
7982
|
{
|
|
7988
7983
|
"name": "numeric"
|
|
@@ -8449,7 +8444,7 @@
|
|
|
8449
8444
|
},
|
|
8450
8445
|
{
|
|
8451
8446
|
"name": "nile-virtual-select",
|
|
8452
|
-
"description": "Events:\n\n * `nile-change` {} - Emitted when the control's value changes.\n\n * `nile-clear` {} - Emitted when the control's value is cleared.\n\n * `nile-input` {} - Emitted when the control receives input.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-show` {} - Emitted when the select's menu opens.\n\n * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the select's menu closes.\n\n * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n * `nile-scroll` {} - Emitted when the user scrolls within the virtualized container. The event payload includes scroll position information.\n\n * `nile-scroll-start` {} - Emitted when the user starts scrolling within the virtualized container.\n\n * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the virtualized container (debounced).\n\n * `nile-remove` {`CustomEvent<unknown>`} - \n\nSlots:\n\n * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n * `expand-icon` {} - The icon to show when the control is expanded and collapsed.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `data` - Array of all option items for virtual scrolling\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `searchEnabled` {`boolean`} - Enable search functionality\n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `internal-search-placeholder` {`string`} - Search input placeholder\n\n * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n * `optionsLoading` {`boolean`} - Show loading state\n\n * `loading` {`boolean`} - Show loading state using nile-loader\n\n * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n * `help-text` {`string`} - Help text\n\n * `error-message` {`string`} - Error message\n\n * `warning` {`boolean`} - Sets the input to a warning state\n\n * `error` {`boolean`} - Sets the input to an error state\n\n * `success` {`boolean`} - Sets the input to a success state\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - The select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showNoResults` {`boolean`} - Show no results message\n\n * `noResultsMessage` {`string`} - No results message\n\n * `showSelected` {`boolean`} - Show selected options only\n\n * `blockValueChange` {`boolean`} - Block value change events\n\n * `noWidthSync` {`boolean`} - Disable width synchronization\n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `max-options-visible` {`number`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Shows a chip's full value in a tooltip when its text is clipped, and is\nwhat allows a chip to be truncated at all.\n\n * `enableTabClose` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `hasSlotController` - \n\n * `portalManager` - \n\n * `popup` - \n\n * `combobox` {`HTMLElement`} - \n\n * `displayInput` {`HTMLInputElement`} - \n\n * `valueInput` {`HTMLInputElement`} - \n\n * `virtualizedContainer` {`HTMLElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `displayLabel` {`string`} - \n\n * `selectedOptions` {`VirtualOption[]`} - \n\n * `oldValue` {`string | string[]`} - \n\n * `scrollTimeout` {`number | undefined`} - \n\n * `scrolling` {`boolean`} - \n\n * `visibilityManager` - \n\n * `data` - Array of all option items for virtual scrolling\n\n * `originalOptionItems` - Original unfiltered option items for search functionality\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `searchValue` {`string`} - Current search value\n\n * `searchEnabled` {`boolean`} - Enable search functionality\n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `internalSearchPlaceHolder` {`string`} - Search input placeholder\n\n * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n * `optionsLoading` {`boolean`} - Show loading state\n\n * `loading` {`boolean`} - Show loading state using nile-loader\n\n * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - Help text\n\n * `errorMessage` {`string`} - Error message\n\n * `warning` {`boolean`} - Sets the input to a warning state\n\n * `error` {`boolean`} - Sets the input to an error state\n\n * `success` {`boolean`} - Sets the input to a success state\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - The select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showNoResults` {`boolean`} - Show no results message\n\n * `noResultsMessage` {`string`} - No results message\n\n * `showSelected` {`boolean`} - Show selected options only\n\n * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n * `blockValueChange` {`boolean`} - Block value change events\n\n * `noWidthSync` {`boolean`} - Disable width synchronization\n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `_maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n * `maxOptionsVisibleExplicit` {`boolean`} - \n\n * `maxOptionsVisible` {`number`} - \n\n * `chipFittingEnabled` {`boolean`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Shows a chip's full value in a tooltip when its text is clipped, and is\nwhat allows a chip to be truncated at all.\n\n * `hiddenChipCount` {`number`} - \n\n * `lastOverflowWidth` {`number`} - Last measured width of the overflow button, in px.\n\n * `chipFitFrame` {`number`} - \n\n * `lastChipLayout` {`{ hidden: number; visible: number; }`} - \n\n * `clippedChips` {`boolean[]`} - \n\n * `clipFrame` {`number`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\n\n * `showListbox` {`boolean`} - \n\n * `wasShowSelectedCheckedOnClose` {`boolean`} - \n\n * `handleDocumentMouseDown` - \n\n * `handleWindowError` - This is a workaround for an error in the Lit Labs virtualizer.\nSince there are no specific guidelines available to fix the issue,\nwe are catching only the error message related to the virtualizer.\n\n * `handleWindowResize` - \n\n * `handleWindowScroll` - \n\n * `observedTagsContainer` {`Element | undefined`} - \n\n * `resizeController` - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string | undefined`} - \n\n * `min` {`string | number | Date | undefined`} - \n\n * `max` {`string | number | Date | undefined`} - \n\n * `step` {`number | \"any\" | undefined`} - \n\n * `required` {`boolean`} - The select's required attribute.\n\n * `minlength` {`number | undefined`} - \n\n * `maxlength` {`number | undefined`} - \n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` - \n\n * `getForm` - \n\n * `reportValidity` - \n\n * `setCustomValidity` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
8447
|
+
"description": "Events:\n\n * `nile-change` {} - Emitted when the control's value changes.\n\n * `nile-clear` {} - Emitted when the control's value is cleared.\n\n * `nile-input` {} - Emitted when the control receives input.\n\n * `nile-focus` {} - Emitted when the control gains focus.\n\n * `nile-blur` {} - Emitted when the control loses focus.\n\n * `nile-show` {} - Emitted when the select's menu opens.\n\n * `nile-after-show` {} - Emitted after the select's menu opens and all animations are complete.\n\n * `nile-hide` {} - Emitted when the select's menu closes.\n\n * `nile-after-hide` {} - Emitted after the select's menu closes and all animations are complete.\n\n * `nile-invalid` {} - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n * `nile-search` {} - Emitted when the user types in the search input. The event payload includes the search query for backend search functionality.\n\n * `nile-scroll` {} - Emitted when the user scrolls within the virtualized container. The event payload includes scroll position information.\n\n * `nile-scroll-start` {} - Emitted when the user starts scrolling within the virtualized container.\n\n * `nile-scroll-end` {} - Emitted when the user stops scrolling and reaches the bottom of the virtualized container (debounced).\n\n * `nile-remove` {`CustomEvent<unknown>`} - \n\nSlots:\n\n * `label` {} - The input's label. Alternatively, you can use the `label` attribute.\n\n * `prefix` {} - Used to prepend a presentational icon or similar element to the combobox.\n\n * `clear-icon` {} - An icon to use in lieu of the default clear icon.\n\n * `expand-icon` {} - The icon to show when the control is expanded and collapsed.\n\n * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n * `data` - Array of all option items for virtual scrolling\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `searchEnabled` {`boolean`} - Enable search functionality\n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `internal-search-placeholder` {`string`} - Search input placeholder\n\n * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n * `optionsLoading` {`boolean`} - Show loading state\n\n * `loading` {`boolean`} - Show loading state using nile-loader\n\n * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n * `help-text` {`string`} - Help text\n\n * `error-message` {`string`} - Error message\n\n * `warning` {`boolean`} - Sets the input to a warning state\n\n * `error` {`boolean`} - Sets the input to an error state\n\n * `success` {`boolean`} - Sets the input to a success state\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - The select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showNoResults` {`boolean`} - Show no results message\n\n * `noResultsMessage` {`string`} - No results message\n\n * `showSelected` {`boolean`} - Show selected options only\n\n * `blockValueChange` {`boolean`} - Block value change events\n\n * `noWidthSync` {`boolean`} - Disable width synchronization\n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `max-options-visible` {`number`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Opts into the fitted chip row: chips are sized between chipMinWidth and chipMaxWidth, the\nrest collapse into a +N button, and a clipped chip shows its full value in a tooltip.\nOff by default, which keeps the pre-2.0.9 chip row.\n\n * `enableTabClose` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `required` {`boolean`} - The select's required attribute.\n\nProperties:\n\n * `styles` - \n\n * `formControlController` - \n\n * `hasSlotController` - \n\n * `portalManager` - \n\n * `popup` - \n\n * `combobox` {`HTMLElement`} - \n\n * `displayInput` {`HTMLInputElement`} - \n\n * `valueInput` {`HTMLInputElement`} - \n\n * `virtualizedContainer` {`HTMLElement`} - \n\n * `hasFocus` {`boolean`} - \n\n * `displayLabel` {`string`} - \n\n * `selectedOptions` {`VirtualOption[]`} - \n\n * `oldValue` {`string | string[]`} - \n\n * `scrollTimeout` {`number | undefined`} - \n\n * `scrolling` {`boolean`} - \n\n * `visibilityManager` - \n\n * `data` - Array of all option items for virtual scrolling\n\n * `originalOptionItems` - Original unfiltered option items for search functionality\n\n * `size` {`\"small\" | \"medium\" | \"large\"`} - The select's size.\n\n * `placeholder` {`string`} - Placeholder text to show as a hint when the select is empty.\n\n * `autoResize` {`boolean`} - Re-runs the fitted-chip layout when the control's own width changes.\n\n * `searchValue` {`string`} - Current search value\n\n * `searchEnabled` {`boolean`} - Enable search functionality\n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `internalSearchPlaceHolder` {`string`} - Search input placeholder\n\n * `disableLocalSearch` {`boolean`} - Disable local search filtering\n\n * `optionsLoading` {`boolean`} - Show loading state\n\n * `loading` {`boolean`} - Show loading state using nile-loader\n\n * `multiple` {`boolean`} - Allows more than one option to be selected.\n\n * `helpText` {`string`} - Help text\n\n * `errorMessage` {`string`} - Error message\n\n * `warning` {`boolean`} - Sets the input to a warning state\n\n * `error` {`boolean`} - Sets the input to an error state\n\n * `success` {`boolean`} - Sets the input to a success state\n\n * `clearable` {`boolean`} - Adds a clear button when the select is not empty.\n\n * `open` {`boolean`} - The select's open state.\n\n * `hoist` {`boolean`} - Enable this option to prevent the listbox 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 * `filled` {`boolean`} - Draws a filled select.\n\n * `pill` {`boolean`} - Draws a pill-style select with rounded edges.\n\n * `label` {`string`} - The select's label. If you need to display HTML, use the `label` slot instead.\n\n * `placement` {`ComboboxPlacement`} - The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.\n\n * `showNoResults` {`boolean`} - Show no results message\n\n * `noResultsMessage` {`string`} - No results message\n\n * `showSelected` {`boolean`} - Show selected options only\n\n * `renderItemConfig` {`RenderItemConfig | undefined`} - Enhanced configuration for rendering items with support for display text, value, and search text\n\n * `blockValueChange` {`boolean`} - Block value change events\n\n * `noWidthSync` {`boolean`} - Disable width synchronization\n\n * `portal` {`boolean`} - When true, the listbox will be appended to the document body instead of the parent container.\nThis is useful when the parent has overflow: hidden, clip-path, or transform applied.\n\n * `_maxOptionsVisible` {`number`} - The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.\n\n * `maxOptionsVisibleExplicit` {`boolean`} - \n\n * `maxOptionsVisible` {`number`} - \n\n * `chipFittingEnabled` {`boolean`} - \n\n * `legacyTagFitEnabled` {`boolean`} - \n\n * `chipMinWidth` {`number`} - Minimum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `chipMaxWidth` {`number`} - Maximum width, in px, of a squeezed chip. Needs `showtooltip`.\n\n * `showTooltip` {`boolean`} - Opts into the fitted chip row: chips are sized between chipMinWidth and chipMaxWidth, the\nrest collapse into a +N button, and a clipped chip shows its full value in a tooltip.\nOff by default, which keeps the pre-2.0.9 chip row.\n\n * `hiddenChipCount` {`number`} - \n\n * `oldMaxOptionsVisible` {`number`} - \n\n * `lastOverflowWidth` {`number`} - Last measured width of the overflow button, in px.\n\n * `chipFitFrame` {`number`} - \n\n * `lastChipLayout` {`{ hidden: number; visible: number; }`} - \n\n * `clippedChips` {`boolean[]`} - \n\n * `clipFrame` {`number`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `descriptionSearchEnabled` {`boolean`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `enableDescription` {`boolean`} - \n\n * `legacy` {`boolean`} - Legacy: hide the option checkbox (the \"Show Selected\" footer is kept).\n\n * `tickOnSelect` {`boolean`} - Variant: show a tick on the right of the selected option (single-select).\n\n * `showListbox` {`boolean`} - \n\n * `wasShowSelectedCheckedOnClose` {`boolean`} - \n\n * `handleDocumentMouseDown` - \n\n * `handleWindowError` - This is a workaround for an error in the Lit Labs virtualizer.\nSince there are no specific guidelines available to fix the issue,\nwe are catching only the error message related to the virtualizer.\n\n * `handleWindowResize` - \n\n * `handleWindowScroll` - \n\n * `observedTagsContainer` {`Element | undefined`} - \n\n * `resizeController` - \n\n * `name` {`string`} - The name of the select, submitted as a name/value pair with form data.\n\n * `value` {`string | string[]`} - The current value of the select. When `multiple` is enabled, the value will be an array of selected values.\n\n * `disabled` {`boolean`} - Disables the select control.\n\n * `defaultValue` {`string | string[]`} - The default value of the form control. Primarily used for resetting the form control.\n\n * `defaultChecked` {`boolean | undefined`} - \n\n * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n * `pattern` {`string | undefined`} - \n\n * `min` {`string | number | Date | undefined`} - \n\n * `max` {`string | number | Date | undefined`} - \n\n * `step` {`number | \"any\" | undefined`} - \n\n * `required` {`boolean`} - The select's required attribute.\n\n * `minlength` {`number | undefined`} - \n\n * `maxlength` {`number | undefined`} - \n\n * `validity` {`ValidityState`} - Gets the validity state object\n\n * `validationMessage` {`string`} - Gets the validation message\n\n * `checkValidity` - \n\n * `getForm` - \n\n * `reportValidity` - \n\n * `setCustomValidity` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
8453
8448
|
"attributes": [
|
|
8454
8449
|
{
|
|
8455
8450
|
"name": "data",
|
|
@@ -8620,7 +8615,7 @@
|
|
|
8620
8615
|
},
|
|
8621
8616
|
{
|
|
8622
8617
|
"name": "showTooltip",
|
|
8623
|
-
"description": "`showTooltip` {`boolean`} -
|
|
8618
|
+
"description": "`showTooltip` {`boolean`} - Opts into the fitted chip row: chips are sized between chipMinWidth and chipMaxWidth, the\nrest collapse into a +N button, and a clipped chip shows its full value in a tooltip.\nOff by default, which keeps the pre-2.0.9 chip row.\n\nProperty: showTooltip\n\nDefault: false",
|
|
8624
8619
|
"valueSet": "v"
|
|
8625
8620
|
},
|
|
8626
8621
|
{
|