@aquera/nile-elements 2.0.17 → 2.0.18
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 +3 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +606 -436
- package/dist/nile-minimap/index.cjs.js +2 -0
- package/dist/nile-minimap/index.cjs.js.map +1 -0
- package/dist/nile-minimap/index.esm.js +1 -0
- package/dist/nile-minimap/nile-minimap.cjs.js +2 -0
- package/dist/nile-minimap/nile-minimap.cjs.js.map +1 -0
- package/dist/nile-minimap/nile-minimap.css.cjs.js +2 -0
- package/dist/nile-minimap/nile-minimap.css.cjs.js.map +1 -0
- package/dist/nile-minimap/nile-minimap.css.esm.js +150 -0
- package/dist/nile-minimap/nile-minimap.esm.js +22 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-minimap/index.d.ts +1 -0
- package/dist/src/nile-minimap/index.js +2 -0
- package/dist/src/nile-minimap/index.js.map +1 -0
- package/dist/src/nile-minimap/nile-minimap.css.d.ts +12 -0
- package/dist/src/nile-minimap/nile-minimap.css.js +162 -0
- package/dist/src/nile-minimap/nile-minimap.css.js.map +1 -0
- package/dist/src/nile-minimap/nile-minimap.d.ts +131 -0
- package/dist/src/nile-minimap/nile-minimap.js +704 -0
- package/dist/src/nile-minimap/nile-minimap.js.map +1 -0
- package/dist/src/nile-minimap/nile-minimap.test.d.ts +1 -0
- package/dist/src/nile-minimap/nile-minimap.test.js +785 -0
- package/dist/src/nile-minimap/nile-minimap.test.js.map +1 -0
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/index.ts +1 -0
- package/src/nile-minimap/index.ts +1 -0
- package/src/nile-minimap/nile-minimap.css.ts +164 -0
- package/src/nile-minimap/nile-minimap.test.ts +924 -0
- package/src/nile-minimap/nile-minimap.ts +796 -0
- package/vscode-html-custom-data.json +101 -24
|
@@ -1057,7 +1057,7 @@
|
|
|
1057
1057
|
},
|
|
1058
1058
|
{
|
|
1059
1059
|
"name": "nile-checkbox-group",
|
|
1060
|
-
"description": "Events:\n\n * `change` {} - Emitted when the checkbox group's selected values change.\n\n * `input` {} - Emitted when the checkbox group receives user input.\n\nSlots:\n\n * ` ` {} - The default slot where `<nile-checkbox>` elements are placed (slotted mode).\n\n * `label` {} - The checkbox group's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n\nAttributes:\n\n * `label` {`string`} - The checkbox group's label. Required for proper accessibility.\n\n * `name` {`string`} - The name of the checkbox group, submitted as a name/value pair with form data.\n\n * `value` {`string[]`} - The current selected values, as an array of checkbox value strings.\n\n * `for` {`string`} - Group name for property-based association. When set, the group discovers\ncheckboxes anywhere in the DOM that have a matching `group` attribute\ninstead of relying on slotted children.\n\n * `form` {`string`} - Associates the group with a `<form>` element by its `id`. The form must\nbe in the same document or shadow root.\n\n * `required` {`boolean`} - At least one checkbox must be checked before the form can submit.\n\n * `orientation` {
|
|
1060
|
+
"description": "Events:\n\n * `change` {} - Emitted when the checkbox group's selected values change.\n\n * `input` {} - Emitted when the checkbox group receives user input.\n\nSlots:\n\n * ` ` {} - The default slot where `<nile-checkbox>` elements are placed (slotted mode).\n\n * `label` {} - The checkbox group's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n\nAttributes:\n\n * `label` {`string`} - The checkbox group's label. Required for proper accessibility.\n\n * `name` {`string`} - The name of the checkbox group, submitted as a name/value pair with form data.\n\n * `value` {`string[]`} - The current selected values, as an array of checkbox value strings.\n\n * `for` {`string`} - Group name for property-based association. When set, the group discovers\ncheckboxes anywhere in the DOM that have a matching `group` attribute\ninstead of relying on slotted children.\n\n * `form` {`string`} - Associates the group with a `<form>` element by its `id`. The form must\nbe in the same document or shadow root.\n\n * `required` {`boolean`} - At least one checkbox must be checked before the form can submit.\n\n * `orientation` {`NileMinimapAxis`} - Layout direction of the checkboxes.\n\n * `labelInline` {`boolean`} - Display checkboxes in an inline (horizontal) layout. Alias for orientation=\"horizontal\".\n\n * `disabled` {`boolean`} - Disables all associated checkboxes.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `max` {`number | undefined`} - Maximum number of checkboxes that can be checked. Unchecked boxes are disabled when the limit is reached.\n\n * `min` {`number | undefined`} - Minimum selections required for validation.\n\n * `bordered` {`boolean`} - Shows a visible border around the fieldset wrapper.\n\n * `legend` {`string`} - Legend text displayed at the top of the fieldset when bordered is enabled.\n\nProperties:\n\n * `styles` - \n\n * `hasSlotController` - \n\n * `boundDocumentListener` - \n\n * `defaultSlot` {`HTMLSlotElement`} - \n\n * `defaultValue` {`string[]`} - \n\n * `label` {`string`} - The checkbox group's label. Required for proper accessibility.\n\n * `name` {`string`} - The name of the checkbox group, submitted as a name/value pair with form data.\n\n * `value` {`string[]`} - The current selected values, as an array of checkbox value strings.\n\n * `for` {`string`} - Group name for property-based association. When set, the group discovers\ncheckboxes anywhere in the DOM that have a matching `group` attribute\ninstead of relying on slotted children.\n\n * `form` {`string`} - Associates the group with a `<form>` element by its `id`. The form must\nbe in the same document or shadow root.\n\n * `required` {`boolean`} - At least one checkbox must be checked before the form can submit.\n\n * `orientation` {`NileMinimapAxis`} - Layout direction of the checkboxes.\n\n * `labelInline` {`boolean`} - Display checkboxes in an inline (horizontal) layout. Alias for orientation=\"horizontal\".\n\n * `disabled` {`boolean`} - Disables all associated checkboxes.\n\n * `helpText` {`string`} - \n\n * `errorMessage` {`string`} - \n\n * `max` {`number | undefined`} - Maximum number of checkboxes that can be checked. Unchecked boxes are disabled when the limit is reached.\n\n * `min` {`number | undefined`} - Minimum selections required for validation.\n\n * `bordered` {`boolean`} - Shows a visible border around the fieldset wrapper.\n\n * `legend` {`string`} - Legend text displayed at the top of the fieldset when bordered is enabled.\n\n * `isHorizontal` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
1061
1061
|
"attributes": [
|
|
1062
1062
|
{
|
|
1063
1063
|
"name": "label",
|
|
@@ -1086,13 +1086,13 @@
|
|
|
1086
1086
|
},
|
|
1087
1087
|
{
|
|
1088
1088
|
"name": "orientation",
|
|
1089
|
-
"description": "`orientation` {
|
|
1089
|
+
"description": "`orientation` {`NileMinimapAxis`} - Layout direction of the checkboxes.\n\nProperty: orientation\n\nDefault: vertical",
|
|
1090
1090
|
"values": [
|
|
1091
1091
|
{
|
|
1092
|
-
"name": "
|
|
1092
|
+
"name": "horizontal"
|
|
1093
1093
|
},
|
|
1094
1094
|
{
|
|
1095
|
-
"name": "
|
|
1095
|
+
"name": "vertical"
|
|
1096
1096
|
}
|
|
1097
1097
|
]
|
|
1098
1098
|
},
|
|
@@ -2346,7 +2346,7 @@
|
|
|
2346
2346
|
},
|
|
2347
2347
|
{
|
|
2348
2348
|
"name": "nile-detail",
|
|
2349
|
-
"description": "Events:\n\n * `nile-page-load` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; rows: any; }>`} - \n\n * `nile-page-error` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; error: any; }>`} - \n\n * `nile-change` {`CustomEvent<{ selected: string[]; }>`} - \n\n * `nile-search` {`CustomEvent<{ value: string; }>`} - \n\nAttributes:\n\n * `open` {`boolean`} - \n\n * `heading` {`string`} - \n\n * `description` {`string`} - \n\n * `expandIconPlacement` {`\"left\" | \"right\"`} - \n\n * `disabled` {`boolean`} - \n\n * `preview` {`boolean`} - When set, the closed state shows a preview of the body content instead of hiding it.\n\n * `preview-percentage` {`number`} - Percentage (0–100) of the content height shown while previewing.\n\n * `variant` {`NileDetailVariant`} - \n\n * `allow-html-label` {`boolean`} - \n\n * `disable-local-search` {`boolean`} - \n\n * `total-count` {`number | undefined`} - \n\n * `page-size` {`number`} - \n\n * `placeholder-label` {`string`} - \n\n * `search-placeholder` {`string`} - \n\n * `items-label` {`string`} - \n\n * `restore-label` {`string`} - \n\n * `clear-label` {`string`} - \n\n * `grid-rows` {`number`} - \n\n * `grid-columns` {`number`} - \n\n * `min-column-width` {`string`} - \n\n * `lane-height` {`number`} - \n\n * `orientation` {`\"
|
|
2349
|
+
"description": "Events:\n\n * `nile-page-load` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; rows: any; }>`} - \n\n * `nile-page-error` {`CustomEvent<{ pageIndex: number; offset: number; limit: number; error: any; }>`} - \n\n * `nile-change` {`CustomEvent<{ selected: string[]; }>`} - \n\n * `nile-search` {`CustomEvent<{ value: string; }>`} - \n\nAttributes:\n\n * `open` {`boolean`} - \n\n * `heading` {`string`} - \n\n * `description` {`string`} - \n\n * `expandIconPlacement` {`\"left\" | \"right\"`} - \n\n * `disabled` {`boolean`} - \n\n * `preview` {`boolean`} - When set, the closed state shows a preview of the body content instead of hiding it.\n\n * `preview-percentage` {`number`} - Percentage (0–100) of the content height shown while previewing.\n\n * `variant` {`NileDetailVariant`} - \n\n * `allow-html-label` {`boolean`} - \n\n * `disable-local-search` {`boolean`} - \n\n * `total-count` {`number | undefined`} - \n\n * `page-size` {`number`} - \n\n * `placeholder-label` {`string`} - \n\n * `search-placeholder` {`string`} - \n\n * `items-label` {`string`} - \n\n * `restore-label` {`string`} - \n\n * `clear-label` {`string`} - \n\n * `grid-rows` {`number`} - \n\n * `grid-columns` {`number`} - \n\n * `min-column-width` {`string`} - \n\n * `lane-height` {`number`} - \n\n * `orientation` {`\"horizontal\" | \"vertical\" | \"both\"`} - \n\n * `max-height` {`string`} - \n\n * `matrix-columns` {`number`} - \n\n * `virtualize` {`boolean`} - \n\n * `virtualize-threshold` {`number`} - \n\n * `overscan` {`number`} - \n\n * `show-selected-toggle` {`boolean`} - \n\n * `selected-only-label` {`string`} - \n\n * `show-all-label` {`string`} - \n\nProperties:\n\n * `styles` - \n\n * `detail` {`HTMLDetailsElement`} - \n\n * `header` {`HTMLElement`} - \n\n * `body` {`HTMLElement`} - \n\n * `open` {`boolean`} - \n\n * `heading` {`string`} - \n\n * `description` {`string`} - \n\n * `expandIconPlacement` {`\"left\" | \"right\"`} - \n\n * `disabled` {`boolean`} - \n\n * `preview` {`boolean`} - When set, the closed state shows a preview of the body content instead of hiding it.\n\n * `previewPercentage` {`number`} - Percentage (0–100) of the content height shown while previewing.\n\n * `variant` {`NileDetailVariant`} - \n\n * `items` {`SelectionItem[]`} - \n\n * `selected` {`string[]`} - \n\n * `renderItemConfig` {`NileDetailRenderItemConfig | undefined`} - \n\n * `allowHtmlLabel` {`boolean`} - \n\n * `disableLocalSearch` {`boolean`} - \n\n * `totalCount` {`number | undefined`} - \n\n * `pageSize` {`number`} - \n\n * `fetchPage` - \n\n * `placeholderLabel` {`string`} - \n\n * `config` {`NileDetailSelectionConfig | undefined`} - \n\n * `searchPlaceholder` {`string`} - \n\n * `itemsLabel` {`string`} - \n\n * `restoreLabel` {`string`} - \n\n * `clearLabel` {`string`} - \n\n * `gridRows` {`number`} - \n\n * `gridColumns` {`number`} - \n\n * `minColumnWidth` {`string`} - \n\n * `laneHeight` {`number`} - \n\n * `orientation` {`\"horizontal\" | \"vertical\" | \"both\"`} - \n\n * `maxHeight` {`string`} - \n\n * `matrixColumns` {`number`} - \n\n * `virtualize` {`boolean`} - \n\n * `virtualizeThreshold` {`number`} - \n\n * `overscan` {`number`} - \n\n * `_detailOpen` {`boolean`} - \n\n * `_hasSlottedContent` {`boolean`} - \n\n * `_searchTerm` {`string`} - \n\n * `_selectedSet` {`Set<string>`} - \n\n * `_showSelectedOnly` {`boolean`} - \n\n * `showSelectedToggle` {`boolean`} - \n\n * `selectedOnlyLabel` {`string`} - \n\n * `showAllLabel` {`string`} - \n\n * `_restoreDefaults` {`string[] | null`} - \n\n * `_gridResizeObserver` - \n\n * `_virtCtrl` - \n\n * `_rowVirtCtrl` - \n\n * `_colVirtCtrl` - \n\n * `_pageCache` - \n\n * `_pendingPages` - \n\n * `_isSelectionVariant` {`boolean`} - True for any variant that renders the selection UI/behavior.\n\n * `_isLightVariant` {`boolean`} - True for any variant that applies the light styling.\n\n * `_previewEnabled` {`boolean`} - True when preview mode is on with a usable percentage.\n\n * `_isPreviewActive` {`boolean`} - True when the closed state should currently render the preview.\n\n * `_isInfiniteMode` {`boolean`} - \n\n * `_isVirtualized` {`boolean`} - \n\n * `_columnWidthPx` {`number`} - \n\n * `_filteredItems` {`SelectionItem[]`} - \n\n * `_allChecked` {`boolean`} - \n\n * `_indeterminate` {`boolean`} - \n\n * `_countLabel` {`string`} - \n\n * `_summaryLabel` {`string`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
2350
2350
|
"attributes": [
|
|
2351
2351
|
{
|
|
2352
2352
|
"name": "open",
|
|
@@ -2462,13 +2462,13 @@
|
|
|
2462
2462
|
},
|
|
2463
2463
|
{
|
|
2464
2464
|
"name": "orientation",
|
|
2465
|
-
"description": "`orientation` {`\"
|
|
2465
|
+
"description": "`orientation` {`\"horizontal\" | \"vertical\" | \"both\"`} - \n\nProperty: orientation\n\nDefault: horizontal",
|
|
2466
2466
|
"values": [
|
|
2467
2467
|
{
|
|
2468
|
-
"name": "
|
|
2468
|
+
"name": "horizontal"
|
|
2469
2469
|
},
|
|
2470
2470
|
{
|
|
2471
|
-
"name": "
|
|
2471
|
+
"name": "vertical"
|
|
2472
2472
|
},
|
|
2473
2473
|
{
|
|
2474
2474
|
"name": "both"
|
|
@@ -3212,7 +3212,7 @@
|
|
|
3212
3212
|
},
|
|
3213
3213
|
{
|
|
3214
3214
|
"name": "nile-floating-panel",
|
|
3215
|
-
"description": "Nile floating-panel component.\n\nA popover that supports rich content (title, body, actions).\n\n**Wrapper mode** (default): first child element is the trigger.\n**For mode**: set `for=\"elementId\"` to attach to an external element.\n\nEvents:\n\n * `nile-init` {} - Component initialized.\n\n * `nile-destroy` {} - Component destroyed.\n\n * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel opened.\n\n * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel closed.\n\n * `nile-after-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully visible after animation.\n\n * `nile-after-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully hidden after animation.\n\n * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Open/close transition (detail.open).\n\n * `nile-visibility-change` {} - Hidden by scroll/tab change.\n\nAttributes:\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\"`} - \n\n * `trigger` {`string`} - \n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - \n\n * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n * `animation` {`string`} - \n\n * `duration` {`string | number | [number, number]`} - \n\n * `delay` {`number | [number, number]`} - \n\n * `interactive` {`boolean`} - \n\n * `interactiveBorder` {`number`} - \n\n * `maxWidth` {`string | number`} - \n\n * `zIndex` {`number`} - \n\n * `followCursor` {`boolean | \"
|
|
3215
|
+
"description": "Nile floating-panel component.\n\nA popover that supports rich content (title, body, actions).\n\n**Wrapper mode** (default): first child element is the trigger.\n**For mode**: set `for=\"elementId\"` to attach to an external element.\n\nEvents:\n\n * `nile-init` {} - Component initialized.\n\n * `nile-destroy` {} - Component destroyed.\n\n * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel opened.\n\n * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel closed.\n\n * `nile-after-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully visible after animation.\n\n * `nile-after-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Panel fully hidden after animation.\n\n * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - Open/close transition (detail.open).\n\n * `nile-visibility-change` {} - Hidden by scroll/tab change.\n\nAttributes:\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\"`} - \n\n * `trigger` {`string`} - \n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - \n\n * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n * `animation` {`string`} - \n\n * `duration` {`string | number | [number, number]`} - \n\n * `delay` {`number | [number, number]`} - \n\n * `interactive` {`boolean`} - \n\n * `interactiveBorder` {`number`} - \n\n * `maxWidth` {`string | number`} - \n\n * `zIndex` {`number`} - \n\n * `followCursor` {`boolean | \"horizontal\" | \"vertical\" | \"initial\" | \"true\" | \"false\"`} - \n\n * `hideOnClick` {`boolean | \"toggle\"`} - \n\n * `inertia` {`boolean`} - \n\n * `allowHTML` {`boolean`} - \n\n * `flip` {`boolean`} - \n\n * `for` {`string | null`} - \n\n * `open` {`boolean`} - \n\n * `preventOverlayClose` {`boolean`} - \n\n * `title` {`string`} - \n\n * `disabled` {`boolean`} - \n\n * `width` {`string | undefined`} - \n\n * `height` {`string | undefined`} - \n\n * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n * `panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\nProperties:\n\n * `_groups` {`Map<string, Set<NileFloatingPanel>>`} - \n\n * `_reducedMotionQuery` {`MediaQueryList | null`} - \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\"`} - \n\n * `trigger` {`string`} - \n\n * `distance` {`number`} - \n\n * `skidding` {`number`} - \n\n * `arrow` {`\"none\" | \"default\" | \"round\"`} - \n\n * `animation` {`string`} - \n\n * `duration` {`string | number | [number, number]`} - \n\n * `delay` {`number | [number, number]`} - \n\n * `interactive` {`boolean`} - \n\n * `interactiveBorder` {`number`} - \n\n * `maxWidth` {`string | number`} - \n\n * `zIndex` {`number`} - \n\n * `followCursor` {`boolean | \"horizontal\" | \"vertical\" | \"initial\" | \"true\" | \"false\"`} - \n\n * `hideOnClick` {`boolean | \"toggle\"`} - \n\n * `inertia` {`boolean`} - \n\n * `allowHTML` {`boolean`} - \n\n * `flip` {`boolean`} - \n\n * `for` {`string | null`} - \n\n * `open` {`boolean`} - \n\n * `preventOverlayClose` {`boolean`} - \n\n * `title` {`string`} - \n\n * `disabled` {`boolean`} - \n\n * `width` {`string | undefined`} - \n\n * `height` {`string | undefined`} - \n\n * `group` {`string | null`} - When set, only one panel in the same group can be open at a time.\n\n * `closeOnEscape` {`boolean`} - Close the panel when Escape is pressed.\n\n * `panelClass` {`string`} - Custom CSS class(es) added to the Tippy popper element, allowing per-instance styling from the host.\n\n * `enableVisibilityEffect` {`boolean`} - \n\n * `enableTabClose` {`boolean`} - \n\n * `tippyInstance` {`Instance<Props> | null`} - \n\n * `visibilityManager` - \n\n * `panelContainer` {`HTMLElement | null`} - \n\n * `anchorEl` {`HTMLElement | null`} - \n\n * `_suppressOpenWatch` {`boolean`} - \n\n * `_panelId` {`string`} - \n\n * `_boundEscHandler` - \n\n * `_pendingShowListener` - \n\n * `_pendingHideListener` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
3216
3216
|
"attributes": [
|
|
3217
3217
|
{
|
|
3218
3218
|
"name": "placement",
|
|
@@ -3326,13 +3326,13 @@
|
|
|
3326
3326
|
},
|
|
3327
3327
|
{
|
|
3328
3328
|
"name": "followCursor",
|
|
3329
|
-
"description": "`followCursor` {`boolean | \"
|
|
3329
|
+
"description": "`followCursor` {`boolean | \"horizontal\" | \"vertical\" | \"initial\" | \"true\" | \"false\"`} - \n\nProperty: followCursor\n\nDefault: false",
|
|
3330
3330
|
"values": [
|
|
3331
3331
|
{
|
|
3332
|
-
"name": "
|
|
3332
|
+
"name": "horizontal"
|
|
3333
3333
|
},
|
|
3334
3334
|
{
|
|
3335
|
-
"name": "
|
|
3335
|
+
"name": "vertical"
|
|
3336
3336
|
},
|
|
3337
3337
|
{
|
|
3338
3338
|
"name": "initial"
|
|
@@ -4572,7 +4572,7 @@
|
|
|
4572
4572
|
},
|
|
4573
4573
|
{
|
|
4574
4574
|
"name": "nile-lite-tooltip",
|
|
4575
|
-
"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 | \"
|
|
4575
|
+
"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 | \"horizontal\" | \"vertical\" | \"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 | \"horizontal\" | \"vertical\" | \"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`} - ",
|
|
4576
4576
|
"attributes": [
|
|
4577
4577
|
{
|
|
4578
4578
|
"name": "for",
|
|
@@ -4685,13 +4685,13 @@
|
|
|
4685
4685
|
},
|
|
4686
4686
|
{
|
|
4687
4687
|
"name": "followCursor",
|
|
4688
|
-
"description": "`followCursor` {`boolean | \"
|
|
4688
|
+
"description": "`followCursor` {`boolean | \"horizontal\" | \"vertical\" | \"initial\" | \"true\" | \"false\"`} - \n\nProperty: followCursor\n\nDefault: false",
|
|
4689
4689
|
"values": [
|
|
4690
4690
|
{
|
|
4691
|
-
"name": "
|
|
4691
|
+
"name": "horizontal"
|
|
4692
4692
|
},
|
|
4693
4693
|
{
|
|
4694
|
-
"name": "
|
|
4694
|
+
"name": "vertical"
|
|
4695
4695
|
},
|
|
4696
4696
|
{
|
|
4697
4697
|
"name": "initial"
|
|
@@ -5020,6 +5020,83 @@
|
|
|
5020
5020
|
}
|
|
5021
5021
|
]
|
|
5022
5022
|
},
|
|
5023
|
+
{
|
|
5024
|
+
"name": "nile-minimap",
|
|
5025
|
+
"description": "A small overview of any scrolling container. It mirrors the container's\nscroll position and lets people drag, click, wheel or key to another part of\nit. One axis at a time: horizontal for boards and wide tables, vertical for\nlong documents and lists. It adds to the native scrollbar; it never replaces\nit.\n\nNxtGen theme only: styles use `--ng-*` tokens with no legacy `--nile-*`\nfallbacks, so the page must load the NxtGen theme (e.g. `nxtgen.css`).\n\nEvents:\n\n * `nile-navigate` {} - Fired before the minimap scrolls the container. Cancelable: `preventDefault()` skips the scroll. Detail: { position: number, ratio: number, source: 'drag' | 'click' | 'wheel' | 'keyboard', orientation: 'horizontal' | 'vertical' }\n\n * `nile-overflow-change` {} - Fired once on first measure, then whenever overflow on the active axis starts or stops. Detail: { overflowing: boolean, orientation: 'horizontal' | 'vertical' }\n\nAttributes:\n\n * `for` {`string`} - Id of the scroll container, resolved in the minimap's root node. The only way to attach.\n\n * `orientation` {`NileMinimapOrientation`} - Which axis the minimap represents. `auto` picks the overflowing axis (horizontal first).\n\n * `mode` {`NileMinimapMode`} - `segments` draws one block per item; `track` draws a single rail.\n\n * `itemSelector` {`string`} - Selector queried on the container to find the segment items.\n\n * `hideWhenFits` {`boolean`} - Hides the host while nothing overflows.\n\n * `smooth` {`boolean`} - Smooth scroll for click and keyboard. Always off under reduced motion.\n\n * `disabled` {`boolean`} - Still mirrors scrolling, but can't be used.\n\n * `label` {`string`} - Accessible name on the viewport.\n\n * `autoHide` {`boolean`} - Keeps the minimap hidden until the container scrolls, then fades it out\nafter `hideDelay` ms without scrolling. It stays visible while it is\nhovered, focused or being dragged. Hidden, it keeps its space and ignores\nthe pointer.\n\n * `hideDelay` {`number`} - With `autoHide`, milliseconds without scrolling before the minimap fades out.\n\nProperties:\n\n * `styles` - \n\n * `for` {`string`} - Id of the scroll container, resolved in the minimap's root node. The only way to attach.\n\n * `orientation` {`NileMinimapOrientation`} - Which axis the minimap represents. `auto` picks the overflowing axis (horizontal first).\n\n * `mode` {`NileMinimapMode`} - `segments` draws one block per item; `track` draws a single rail.\n\n * `itemSelector` {`string`} - Selector queried on the container to find the segment items.\n\n * `hideWhenFits` {`boolean`} - Hides the host while nothing overflows.\n\n * `smooth` {`boolean`} - Smooth scroll for click and keyboard. Always off under reduced motion.\n\n * `disabled` {`boolean`} - Still mirrors scrolling, but can't be used.\n\n * `label` {`string`} - Accessible name on the viewport.\n\n * `autoHide` {`boolean`} - Keeps the minimap hidden until the container scrolls, then fades it out\nafter `hideDelay` ms without scrolling. It stays visible while it is\nhovered, focused or being dragged. Hidden, it keeps its space and ignores\nthe pointer.\n\n * `hideDelay` {`number`} - With `autoHide`, milliseconds without scrolling before the minimap fades out.\n\n * `formatValueText` - Builds the `aria-valuetext` in segments mode.\n\n * `base` {`HTMLDivElement`} - \n\n * `trackEl` {`HTMLDivElement`} - \n\n * `segsEl` {`HTMLDivElement`} - \n\n * `viewport` {`HTMLDivElement`} - \n\n * `resolvedDir` {`NileMinimapAxis`} - \n\n * `target` {`HTMLElement | null`} - \n\n * `axis` {`AxisMap`} - \n\n * `geo` {`SegGeo[]`} - \n\n * `observed` {`Set<Element>`} - \n\n * `overflowing` {`boolean | null`} - \n\n * `segOn` {`boolean`} - \n\n * `rtl` {`boolean`} - \n\n * `raf` {`number`} - \n\n * `full` {`boolean`} - \n\n * `pending` {`number | null`} - \n\n * `pendingAt` {`number`} - \n\n * `retried` {`boolean`} - \n\n * `retryRaf` {`number`} - \n\n * `contentSize` {`number`} - \n\n * `clientSize` {`number`} - \n\n * `maxScroll` {`number`} - \n\n * `trackLen` {`number`} - \n\n * `vpLen` {`number`} - \n\n * `ro` - \n\n * `mo` {`MutationObserver | null`} - \n\n * `onScroll` - \n\n * `hideTimer` {`number`} - \n\n * `hovered` {`boolean`} - \n\n * `focused` {`boolean`} - \n\n * `onPointerEnter` - \n\n * `onPointerLeave` - \n\n * `onFocusIn` - \n\n * `onFocusOut` - \n\n * `drag` {`{ pointer: number; start: number; } | null`} - \n\n * `dragRaf` {`number`} - \n\n * `lastMove` {`PointerEvent | null`} - \n\n * `reduceMotion` {`MediaQueryList`} - \n\n * `held` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
5026
|
+
"attributes": [
|
|
5027
|
+
{
|
|
5028
|
+
"name": "for",
|
|
5029
|
+
"description": "`for` {`string`} - Id of the scroll container, resolved in the minimap's root node. The only way to attach.\n\nProperty: for\n\nDefault: "
|
|
5030
|
+
},
|
|
5031
|
+
{
|
|
5032
|
+
"name": "orientation",
|
|
5033
|
+
"description": "`orientation` {`NileMinimapOrientation`} - Which axis the minimap represents. `auto` picks the overflowing axis (horizontal first).\n\nProperty: orientation\n\nDefault: auto",
|
|
5034
|
+
"values": [
|
|
5035
|
+
{
|
|
5036
|
+
"name": "horizontal"
|
|
5037
|
+
},
|
|
5038
|
+
{
|
|
5039
|
+
"name": "vertical"
|
|
5040
|
+
},
|
|
5041
|
+
{
|
|
5042
|
+
"name": "auto"
|
|
5043
|
+
}
|
|
5044
|
+
]
|
|
5045
|
+
},
|
|
5046
|
+
{
|
|
5047
|
+
"name": "mode",
|
|
5048
|
+
"description": "`mode` {`NileMinimapMode`} - `segments` draws one block per item; `track` draws a single rail.\n\nProperty: mode\n\nDefault: segments",
|
|
5049
|
+
"values": [
|
|
5050
|
+
{
|
|
5051
|
+
"name": "track"
|
|
5052
|
+
},
|
|
5053
|
+
{
|
|
5054
|
+
"name": "segments"
|
|
5055
|
+
}
|
|
5056
|
+
]
|
|
5057
|
+
},
|
|
5058
|
+
{
|
|
5059
|
+
"name": "itemSelector",
|
|
5060
|
+
"description": "`itemSelector` {`string`} - Selector queried on the container to find the segment items.\n\nProperty: itemSelector\n\nDefault: :scope > *"
|
|
5061
|
+
},
|
|
5062
|
+
{
|
|
5063
|
+
"name": "hideWhenFits",
|
|
5064
|
+
"description": "`hideWhenFits` {`boolean`} - Hides the host while nothing overflows.\n\nProperty: hideWhenFits\n\nDefault: true",
|
|
5065
|
+
"valueSet": "v"
|
|
5066
|
+
},
|
|
5067
|
+
{
|
|
5068
|
+
"name": "smooth",
|
|
5069
|
+
"description": "`smooth` {`boolean`} - Smooth scroll for click and keyboard. Always off under reduced motion.\n\nProperty: smooth\n\nDefault: true",
|
|
5070
|
+
"valueSet": "v"
|
|
5071
|
+
},
|
|
5072
|
+
{
|
|
5073
|
+
"name": "disabled",
|
|
5074
|
+
"description": "`disabled` {`boolean`} - Still mirrors scrolling, but can't be used.\n\nProperty: disabled\n\nDefault: false",
|
|
5075
|
+
"valueSet": "v"
|
|
5076
|
+
},
|
|
5077
|
+
{
|
|
5078
|
+
"name": "label",
|
|
5079
|
+
"description": "`label` {`string`} - Accessible name on the viewport.\n\nProperty: label\n\nDefault: Scroll position"
|
|
5080
|
+
},
|
|
5081
|
+
{
|
|
5082
|
+
"name": "autoHide",
|
|
5083
|
+
"description": "`autoHide` {`boolean`} - Keeps the minimap hidden until the container scrolls, then fades it out\nafter `hideDelay` ms without scrolling. It stays visible while it is\nhovered, focused or being dragged. Hidden, it keeps its space and ignores\nthe pointer.\n\nProperty: autoHide\n\nDefault: false",
|
|
5084
|
+
"valueSet": "v"
|
|
5085
|
+
},
|
|
5086
|
+
{
|
|
5087
|
+
"name": "hideDelay",
|
|
5088
|
+
"description": "`hideDelay` {`number`} - With `autoHide`, milliseconds without scrolling before the minimap fades out.\n\nProperty: hideDelay\n\nDefault: 1200"
|
|
5089
|
+
},
|
|
5090
|
+
{
|
|
5091
|
+
"name": "onnile-navigate",
|
|
5092
|
+
"description": "`nile-navigate` {} - Fired before the minimap scrolls the container. Cancelable: `preventDefault()` skips the scroll. Detail: { position: number, ratio: number, source: 'drag' | 'click' | 'wheel' | 'keyboard', orientation: 'horizontal' | 'vertical' }"
|
|
5093
|
+
},
|
|
5094
|
+
{
|
|
5095
|
+
"name": "onnile-overflow-change",
|
|
5096
|
+
"description": "`nile-overflow-change` {} - Fired once on first measure, then whenever overflow on the active axis starts or stops. Detail: { overflowing: boolean, orientation: 'horizontal' | 'vertical' }"
|
|
5097
|
+
}
|
|
5098
|
+
]
|
|
5099
|
+
},
|
|
5023
5100
|
{
|
|
5024
5101
|
"name": "nile-nav-tab-group",
|
|
5025
5102
|
"description": "Tab group navigation component.\n\nEvents:\n\n * `nile-close` {} - Bubbled from a closable `<nile-nav-tab>`; re-emitted so parents can listen on this element.\n\nSlots:\n\n * ` ` {} - Used for grouping tab panels in the tab group. Must be `<nile-nav-tab-panel>` elements.\n\n * `nav` {} - Used for grouping tabs in the tab group. Must be `<nile-nav-tab>` elements.\n\nAttributes:\n\n * `hasScrollControls` {`boolean`} - \n\n * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n * `value` {`string`} - The currently active tab value.\n\n * `no-track` {`boolean`} - Track for showing Indicators and Background.\n\n * `no-scroll-controls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n * `centered` {`boolean`} - Controls whether tabs are centered and have equal width.\n\n * `variant` {`\"toggle\" | \"underline\" | \"filled\" | \"neutral-filled\" | \"toggle-button\"`} - \n\n * `indicatorPlacement` {`string`} - \n\n * `fullWidth` {`boolean`} - \n\n * `width` {`string`} - \n\n * `showIndicatorOnHover` {`boolean`} - \n\nProperties:\n\n * `styles` - \n\n * `activeTab` - Selection model (for reviewers):\n- `activeTabName` is the internal source of truth; clicks and keyboard update it.\n- `activeTabProp` / attribute `value` is the host-controlled API; changes in `updated()` copy into `activeTabName`.\n- `setActiveTab()` syncs each tab’s `active` flag, each panel’s `active`, `activeTabProp` / `value`, indicator/pill geometry, and optionally emits `nile-tab-change`.\n- `this.tabs` only includes non-disabled tabs (see `syncTabsAndPanels`); keyboard roving focus uses that list.\n\n * `mutationObserver` {`MutationObserver`} - \n\n * `resizeObserver` - \n\n * `visibilityObserver` {`IntersectionObserver`} - \n\n * `pillRepositionTimer` - \n\n * `pillTransitionClassTimer` - \n\n * `pillReady` {`boolean`} - \n\n * `observedTabs` {`Set<NileNavTab>`} - \n\n * `tabs` {`NileNavTab[]`} - \n\n * `panels` {`NileNavTabPanel[]`} - \n\n * `handleCloseEvent` - Tabs emit `nile-close` on the host; bubble is stopped so we re-emit from the group with `{ panel }` for consumers.\n\n * `tabGroupWasIntersecting` {`boolean`} - Tracks visibility for snapping the indicator when a hidden parent (e.g. dropdown) is reopened.\n\n * `lastNavClientWidth` {`number`} - Last measured nav width; used to detect layout resume after display:none / collapse.\n\n * `tabGroup` {`HTMLElement`} - \n\n * `body` {`HTMLSlotElement`} - \n\n * `nav` {`HTMLElement`} - \n\n * `indicator` {`HTMLElement`} - \n\n * `hoverIndicator` {`HTMLElement`} - \n\n * `hasScrollControls` {`boolean`} - \n\n * `placement` {`\"top\" | \"bottom\" | \"end\" | \"start\"`} - The placement of the tabs.\n\n * `activeTabProp` {`string`} - The currently active tab value.\n\n * `noTrack` {`boolean`} - Track for showing Indicators and Background.\n\n * `noScrollControls` {`boolean`} - Disables the scroll arrows that appear when tabs overflow.\n\n * `centered` {`boolean`} - Controls whether tabs are centered and have equal width.\n\n * `variant` {`\"toggle\" | \"underline\" | \"filled\" | \"neutral-filled\" | \"toggle-button\"`} - \n\n * `indicatorPlacement` {`string`} - \n\n * `fullWidth` {`boolean`} - \n\n * `width` {`string`} - \n\n * `showIndicatorOnHover` {`boolean`} - \n\n * `activeTabName` {`string`} - \n\n * `showScrollControlButtons` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
@@ -5582,7 +5659,7 @@
|
|
|
5582
5659
|
},
|
|
5583
5660
|
{
|
|
5584
5661
|
"name": "nile-popup",
|
|
5585
|
-
"description": "Nile icon component.\n\nAttributes:\n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`TooltipPosition`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrow-padding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flip-fallback-placements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flip-fallback-strategy` {`\"initial\" | \"best-fit\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flip-padding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shift-padding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `auto-size` {`\"
|
|
5662
|
+
"description": "Nile icon component.\n\nAttributes:\n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`TooltipPosition`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrow-padding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flip-fallback-placements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flip-fallback-strategy` {`\"initial\" | \"best-fit\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flip-padding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shift-padding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `auto-size` {`\"horizontal\" | \"vertical\" | \"both\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n * `sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `auto-size-padding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\nProperties:\n\n * `styles` - \n\n * `anchorEl` {`Element | null`} - \n\n * `cleanup` - \n\n * `popup` {`HTMLElement`} - A reference to the internal popup container. Useful for animating and styling the popup with JavaScript.\n\n * `arrowEl` {`HTMLElement`} - \n\n * `anchor` {`string | Element`} - The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.\n\n * `active` {`boolean`} - Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.\n\n * `placement` {`TooltipPosition`} - The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.\n\n * `strategy` {`\"absolute\" | \"fixed\"`} - Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.\n\n * `distance` {`number`} - The distance in pixels from which to offset the panel away from its anchor.\n\n * `skidding` {`number`} - The distance in pixels from which to offset the panel along its anchor.\n\n * `arrow` {`boolean`} - Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.\n\n * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.\n\n * `arrowPadding` {`number`} - The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.\n\n * `flip` {`boolean`} - When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.\n\n * `flipFallbackPlacements` {`string`} - If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.\n\n * `flipFallbackStrategy` {`\"initial\" | \"best-fit\"`} - When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.\n\n * `flipBoundary` {`Element | Element[]`} - The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `flipPadding` {`number`} - The amount of padding, in pixels, to exceed before the flip behavior will occur.\n\n * `shift` {`boolean`} - Moves the popup along the axis to keep it in view when clipped.\n\n * `shiftBoundary` {`Element | Element[]`} - The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `shiftPadding` {`number`} - The amount of padding, in pixels, to exceed before the shift behavior will occur.\n\n * `autoSize` {`\"horizontal\" | \"vertical\" | \"both\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\n * `sync` {`\"both\" | \"width\" | \"height\"`} - Syncs the popup's width or height to that of the anchor element.\n\n * `autoSizeBoundary` {`Element | Element[]`} - The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.\n\n * `autoSizePadding` {`number`} - The amount of padding, in pixels, to exceed before the auto-size behavior will occur.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
|
|
5586
5663
|
"attributes": [
|
|
5587
5664
|
{
|
|
5588
5665
|
"name": "anchor",
|
|
@@ -5729,13 +5806,13 @@
|
|
|
5729
5806
|
},
|
|
5730
5807
|
{
|
|
5731
5808
|
"name": "auto-size",
|
|
5732
|
-
"description": "`auto-size` {`\"
|
|
5809
|
+
"description": "`auto-size` {`\"horizontal\" | \"vertical\" | \"both\"`} - When set, this will cause the popup to automatically resize itself to prevent it from overflowing.\n\nProperty: autoSize",
|
|
5733
5810
|
"values": [
|
|
5734
5811
|
{
|
|
5735
|
-
"name": "
|
|
5812
|
+
"name": "horizontal"
|
|
5736
5813
|
},
|
|
5737
5814
|
{
|
|
5738
|
-
"name": "
|
|
5815
|
+
"name": "vertical"
|
|
5739
5816
|
},
|
|
5740
5817
|
{
|
|
5741
5818
|
"name": "both"
|
|
@@ -7815,7 +7892,7 @@
|
|
|
7815
7892
|
},
|
|
7816
7893
|
{
|
|
7817
7894
|
"name": "nile-textarea",
|
|
7818
|
-
"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` {`\"
|
|
7895
|
+
"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` {`\"vertical\" | \"none\" | \"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` {`\"vertical\" | \"none\" | \"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`} - ",
|
|
7819
7896
|
"attributes": [
|
|
7820
7897
|
{
|
|
7821
7898
|
"name": "title",
|
|
@@ -7860,13 +7937,13 @@
|
|
|
7860
7937
|
},
|
|
7861
7938
|
{
|
|
7862
7939
|
"name": "resize",
|
|
7863
|
-
"description": "`resize` {`\"
|
|
7940
|
+
"description": "`resize` {`\"vertical\" | \"none\" | \"auto\"`} - Controls how the textarea can be resized.\n\nProperty: resize\n\nDefault: vertical",
|
|
7864
7941
|
"values": [
|
|
7865
7942
|
{
|
|
7866
|
-
"name": "
|
|
7943
|
+
"name": "vertical"
|
|
7867
7944
|
},
|
|
7868
7945
|
{
|
|
7869
|
-
"name": "
|
|
7946
|
+
"name": "none"
|
|
7870
7947
|
},
|
|
7871
7948
|
{
|
|
7872
7949
|
"name": "auto"
|