@aquera/nile-elements 2.0.19 → 2.0.20

package/vscode-html-custom-data.json

@@ -496,7 +496,7 @@
     },
     {
       "name": "nile-badge",
-      "description": "Events:\n\n  * `nile-remove` {} - Emitted when the remove button is activated.\n\nSlots:\n\n  * ` ` {} - The badge's content.\n\nAttributes:\n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\n  * `rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\n  * `pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - The badge's size. `md` keeps the existing default dimensions.\n\nProperties:\n\n  * `styles` - \n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\n  * `rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\n  * `pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - The badge's size. `md` keeps the existing default dimensions.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Slots:\n\n  * ` ` {} - The badge's content.\n\n  * `prefix` {} - Content placed before the badge's content, such as an icon, dot or avatar.\n\n  * `suffix` {} - Content placed after the badge's content, such as an icon, count or button.\n\nAttributes:\n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\n  * `rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\n  * `pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - The badge's size. `md` keeps the existing default dimensions.\n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `variant` {`\"primary\" | \"success\" | \"normal\" | \"warning\" | \"error\" | \"info\" | \"gray\" | \"brand\" | \"blue-light\" | \"blue\" | \"indigo\" | \"purple\" | \"pink\" | \"orange\" | \"blue-gray\" | \"gray-blue\"`} - The badge's theme variant.\n\n  * `rounded` {`boolean`} - Draws a pill-style badge with rounded edges.\n\n  * `pilltype` {`\"pill-color\" | \"pill-outline\" | \"badge-color\"`} - \n\n  * `size` {`\"sm\" | \"md\" | \"lg\"`} - The badge's size. `md` keeps the existing default dimensions.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "variant",
@@ -586,10 +586,6 @@
               "name": "lg"
             }
           ]
-        },
-        {
-          "name": "onnile-remove",
-          "description": "`nile-remove` {} - Emitted when the remove button is activated."
         }
       ]
     },
@@ -896,7 +892,7 @@
     },
     {
       "name": "nile-calendar",
-      "description": "Nile icon component.\n\nAttributes:\n\n  * `value` {`string | null`} - \n\n  * `allowedDates` {`string`} - \n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `selectedUnit` {`TimeUnits`} - \n\n  * `selectedValue` {`number`} - \n\n  * `hide-duration-fields` {`String[]`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `disabled` {`boolean`} - \n\nProperties:\n\n  * `valueAttribute` {`string | null`} - \n\n  * `allowedDates` {`string`} - \n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `selectedUnit` {`TimeUnits`} - \n\n  * `selectedValue` {`number`} - \n\n  * `hideDurationFields` {`String[]`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `startDate` {`Date | null`} - \n\n  * `endDate` {`Date | null`} - \n\n  * `isSelectingStart` {`boolean`} - \n\n  * `hideInput` {`Boolean`} - \n\n  * `value` {`Date | null`} - \n\n  * `currentMonth` {`number`} - \n\n  * `currentYear` {`number`} - \n\n  * `allowedDatesLocal` - \n\n  * `disabled` {`boolean`} - \n\n  * `monthNames` {`string[]`} - \n\n  * `yearOptions` {`number[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `value` {`string | null`} - \n\n  * `allowedDates` {`string`} - \n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `showTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `selectedUnit` {`TimeUnits`} - \n\n  * `selectedValue` {`number`} - \n\n  * `hide-duration-fields` {`String[]`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `structuredInput` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `variant` {`\"default\" | \"date-time-picker\"`} - \n\n  * `timezone` {`string`} - \n\n  * `hide-time-fields` {`string[]`} - \n\nProperties:\n\n  * `valueAttribute` {`string | null`} - \n\n  * `allowedDates` {`string`} - \n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `showTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `selectedUnit` {`TimeUnits`} - \n\n  * `selectedValue` {`number`} - \n\n  * `hideDurationFields` {`String[]`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `startYear` {`number`} - \n\n  * `endYear` {`number`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `structuredInput` {`boolean`} - \n\n  * `startDate` {`Date | null`} - \n\n  * `endDate` {`Date | null`} - \n\n  * `isSelectingStart` {`boolean`} - \n\n  * `hideInput` {`Boolean`} - \n\n  * `value` {`Date | null`} - \n\n  * `currentMonth` {`number`} - \n\n  * `currentYear` {`number`} - \n\n  * `allowedDatesLocal` - \n\n  * `disabled` {`boolean`} - \n\n  * `variant` {`\"default\" | \"date-time-picker\"`} - \n\n  * `timezone` {`string`} - \n\n  * `configuredTimezone` {`string`} - the timezone the consumer configured; Reset restores this (internal changes never overwrite it)\n\n  * `internalTimezone` {`string | null`} - the zone the component itself is assigning, so updated() can tell it from a consumer change\n\n  * `hideTimeFields` {`string[]`} - \n\n  * `resolvedTimeFields` - every field shown, minus the keys in hideTimeFields (a non-array value counts as an empty list)\n\n  * `tpFewFieldsNoTz` {`boolean`} - \n\n  * `expanded` {`boolean`} - \n\n  * `tpLockedHeight` {`string | null`} - \n\n  * `tpHours` {`number | null`} - \n\n  * `tpMinutes` {`number | null`} - \n\n  * `tpSeconds` {`number | null`} - \n\n  * `tpMilliseconds` {`number | null`} - \n\n  * `tpFocusedTimeField` {`string | null`} - \n\n  * `tpFocusDate` {`{ year: number; month: number; day: number; } | null`} - the day the keyboard last moved to; owns the grid's single tab stop (roving tabindex)\n\n  * `tpEditingText` {`string`} - \n\n  * `seedInstant` {`number | null`} - \n\n  * `seedFieldsKey` {`string | null`} - \n\n  * `seedZone` {`string | null`} - \n\n  * `tpResizeObserver` - \n\n  * `tpObservedBase` {`HTMLElement | null`} - the `.base--date-time-picker` element the observer currently watches\n\n  * `monthNames` {`string[]`} - \n\n  * `yearOptions` {`number[]`} - \n\n  * `minYear` {`number | undefined`} - The year range month navigation enforces. An explicit `startYear` / `endYear` always wins; the date-time-picker\nvariant falls back to the dropdown's 2000-2050 for an unset side, while the default calendar leaves it open as published.\n\n  * `maxYear` {`number | undefined`} - \n\n  * `maskValuesMap` {`WeakMap<HTMLInputElement, string[]>`} - \n\n  * `boundMaskInputs` {`Element[]`} - \n\n  * `onMaskKeydown` - \n\n  * `onMaskBlur` - \n\n  * `timezoneOptions` {`string[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -917,6 +913,11 @@
           "description": "`hideTypes` {`boolean`} - \n\nProperty: hideTypes\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "showTypes",
+          "description": "`showTypes` {`boolean`} - \n\nProperty: showTypes\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "doubleClickUnselect",
           "description": "`doubleClickUnselect` {`boolean`} - \n\nProperty: doubleClickUnselect\n\nDefault: false",
@@ -995,10 +996,35 @@
           "name": "dateFormat",
           "description": "`dateFormat` {`string`} - \n\nProperty: dateFormat\n\nDefault: MM/DD/YYYY"
         },
+        {
+          "name": "structuredInput",
+          "description": "`structuredInput` {`boolean`} - \n\nProperty: structuredInput\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`\"default\" | \"date-time-picker\"`} - \n\nProperty: variant\n\nDefault: default",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "date-time-picker"
+            }
+          ]
+        },
+        {
+          "name": "timezone",
+          "description": "`timezone` {`string`} - \n\nProperty: timezone\n\nDefault: UTC"
+        },
+        {
+          "name": "hide-time-fields",
+          "description": "`hide-time-fields` {`string[]`} - \n\nProperty: hideTimeFields\n\nDefault: "
         }
       ]
     },
@@ -2369,6 +2395,135 @@
         }
       ]
     },
+    {
+      "name": "nile-date-time-picker",
+      "description": "Events:\n\n  * `nile-change` {} - Absolute `{ value, localTimezoneValue, unixEpoch, timezone }` (`unixEpoch` = ms since 1970, null when empty); relative `{ startDate, endDate, timezone }`.\n\n  * `nile-clear` {} - \n\nAttributes:\n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showTypes` {`boolean`} - Show the Absolute / Relative type switcher. Hidden by default; set to reveal it.\n\n  * `hideDurationFields` {`string[]`} - \n\n  * `hide-time-fields` {`string[]`} - \n\n  * `value` {`string | null`} - Selected date/time for the inner `nile-calendar`: an instant, an offset-less wall clock read in `timezone`, the bracketed form, or date-only — all different. `unixEpoch` is the authoritative instant.\n\n  * `timezone` {`string`} - \n\n  * `selectedUnit` {`\"minutes\" | \"hours\" | \"days\" | \"weeks\" | \"months\" | undefined`} - \n\n  * `selectedValue` {`number | undefined`} - \n\n  * `startYear` {`number | undefined`} - \n\n  * `endYear` {`number | undefined`} - \n\n  * `allowedDates` {`string`} - \n\n  * `dateFormat` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `label` {`string`} - \n\n  * `aria-label` {`string`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `open` {`boolean`} - \n\nProperties:\n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showTypes` {`boolean`} - Show the Absolute / Relative type switcher. Hidden by default; set to reveal it.\n\n  * `hideDurationFields` {`string[]`} - \n\n  * `hideTimeFields` {`string[]`} - \n\n  * `value` {`string | null`} - Selected date/time for the inner `nile-calendar`: an instant, an offset-less wall clock read in `timezone`, the bracketed form, or date-only — all different. `unixEpoch` is the authoritative instant.\n\n  * `timezone` {`string`} - \n\n  * `selectedUnit` {`\"minutes\" | \"hours\" | \"days\" | \"weeks\" | \"months\" | undefined`} - \n\n  * `selectedValue` {`number | undefined`} - \n\n  * `startYear` {`number | undefined`} - \n\n  * `endYear` {`number | undefined`} - \n\n  * `allowedDates` {`string`} - \n\n  * `dateFormat` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `label` {`string`} - \n\n  * `accessibleLabel` {`string`} - \n\n  * `structuredInput` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `panel` - \n\n  * `calendarRef` - \n\n  * `_openSyncFromPanel` {`boolean`} - \n\n  * `_skipNextSeed` {`boolean`} - \n\n  * `_maskEdited` {`boolean`} - true once the user has typed/pasted/deleted in the mask since the last seed, so only user edits are clamped to allowedDates\n\n  * `_defaultTimezone` {`string`} - the zone the consumer configured (first render, or any later external change), restored on Clear instead of forcing UTC\n\n  * `_internalTimezone` {`string | null`} - the last zone this component assigned itself, so `updated` can tell it apart from a consumer change\n\n  * `TIME_SPEC` {`readonly { key: string; kind: string; len: number; max: number; ph: string; }[]`} - \n\n  * `resolvedTimeFields` - \n\n  * `shownTimeFields` {`{ key: string; kind: string; len: number; max: number; ph: string; }[]`} - \n\n  * `showTimezone` {`boolean`} - \n\n  * `defaultPlaceholder` {`string`} - \n\n  * `triggerInput` - \n\n  * `calendarElement` - \n\n  * `_escapeFromPanelAt` {`number`} - keep `open` in sync with the panel's own show/hide (click, outside-click, Escape)\n\n  * `onEscapeKeydown` - The panel hides on a document-level Escape and drops focus to <body> when the focused control disappears with it.\nRuns in the capture phase, before the panel's own handler, to note whether focus was inside the panel; onPanelHide\nthen hands focus back to the trigger. Escape with focus anywhere else leaves focus where it is.\n\n  * `onTriggerKeydown` - ArrowDown / Alt+ArrowDown on the field opens the panel and moves focus into it. Enter, Space and typing are untouched.\n\n  * `onPanelShow` - \n\n  * `_showCommittedOnOpen` {`boolean`} - set by Apply: the next open lands on the committed date, not on whatever year/month was browsed before it\n\n  * `onPanelHide` - \n\n  * `maskValues` {`string[]`} - \n\n  * `maskSuffix` {`string`} - \n\n  * `seedMask` {`string[] | null`} - the slot values as last seeded/committed from `value`; blur clamps only segments that differ from it (the user's edits)\n\n  * `seedYear` {`number | null`} - the seeded value's full year, set wherever `seedMask` is: a `YY` mask holds only its last two digits\n\n  * `_yearRejected` {`boolean`} - set when a YY year with no valid two-digit form was blanked; until a year is typed (or the mask is reseeded) the calendar keeps no selection built from day and month alone\n\n  * `onMaskBlur` - \n\n  * `onMaskPaste` - \n\n  * `onMaskBeforeInput` - Covers cut, undo/redo, drag-drop, IME and soft-keyboard input, none of which arrive as a usable keydown.\n\n  * `onMaskKeydown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "showMonthDropdown",
+          "description": "`showMonthDropdown` {`boolean`} - \n\nProperty: showMonthDropdown\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "showYearDropdown",
+          "description": "`showYearDropdown` {`boolean`} - \n\nProperty: showYearDropdown\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "type",
+          "description": "`type` {`\"absolute\" | \"relative\"`} - \n\nProperty: type\n\nDefault: absolute",
+          "values": [
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "relative"
+            }
+          ]
+        },
+        {
+          "name": "showTypes",
+          "description": "`showTypes` {`boolean`} - Show the Absolute / Relative type switcher. Hidden by default; set to reveal it.\n\nProperty: showTypes\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hideDurationFields",
+          "description": "`hideDurationFields` {`string[]`} - \n\nProperty: hideDurationFields\n\nDefault: "
+        },
+        {
+          "name": "hide-time-fields",
+          "description": "`hide-time-fields` {`string[]`} - \n\nProperty: hideTimeFields\n\nDefault: "
+        },
+        {
+          "name": "value",
+          "description": "`value` {`string | null`} - Selected date/time for the inner `nile-calendar`: an instant, an offset-less wall clock read in `timezone`, the bracketed form, or date-only — all different. `unixEpoch` is the authoritative instant.\n\nProperty: value\n\nDefault: null",
+          "values": []
+        },
+        {
+          "name": "timezone",
+          "description": "`timezone` {`string`} - \n\nProperty: timezone\n\nDefault: UTC"
+        },
+        {
+          "name": "selectedUnit",
+          "description": "`selectedUnit` {`\"minutes\" | \"hours\" | \"days\" | \"weeks\" | \"months\" | undefined`} - \n\nProperty: selectedUnit",
+          "values": [
+            {
+              "name": "minutes"
+            },
+            {
+              "name": "hours"
+            },
+            {
+              "name": "days"
+            },
+            {
+              "name": "weeks"
+            },
+            {
+              "name": "months"
+            }
+          ]
+        },
+        {
+          "name": "selectedValue",
+          "description": "`selectedValue` {`number | undefined`} - \n\nProperty: selectedValue",
+          "values": []
+        },
+        {
+          "name": "startYear",
+          "description": "`startYear` {`number | undefined`} - \n\nProperty: startYear",
+          "values": []
+        },
+        {
+          "name": "endYear",
+          "description": "`endYear` {`number | undefined`} - \n\nProperty: endYear",
+          "values": []
+        },
+        {
+          "name": "allowedDates",
+          "description": "`allowedDates` {`string`} - \n\nProperty: allowedDates\n\nDefault: JSON.stringify({})"
+        },
+        {
+          "name": "dateFormat",
+          "description": "`dateFormat` {`string`} - \n\nProperty: dateFormat\n\nDefault: DD/MM/YY"
+        },
+        {
+          "name": "placeholder",
+          "description": "`placeholder` {`string`} - \n\nProperty: placeholder\n\nDefault: "
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
+        },
+        {
+          "name": "aria-label",
+          "description": "`aria-label` {`string`} - \n\nProperty: accessibleLabel\n\nDefault: "
+        },
+        {
+          "name": "doubleClickUnselect",
+          "description": "`doubleClickUnselect` {`boolean`} - \n\nProperty: doubleClickUnselect\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onnile-change",
+          "description": "`nile-change` {} - Absolute `{ value, localTimezoneValue, unixEpoch, timezone }` (`unixEpoch` = ms since 1970, null when empty); relative `{ startDate, endDate, timezone }`."
+        },
+        {
+          "name": "onnile-clear",
+          "description": "`nile-clear` {} - "
+        }
+      ]
+    },
     {
       "name": "nile-detail",
       "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`} - ",