@aquera/nile-elements 0.1.56-beta-1.1 → 0.1.57-beta-1.0

package/src/nile-select/nile-select.ts

@@ -29,7 +29,7 @@ import { scrollIntoView } from '../internal/scroll';
 import { waitForEvent } from '../internal/event';
 import { watch } from '../internal/watch';
 import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
+import type { CSSResultGroup, PropertyValues } from 'lit';
 import type { NileFormControl } from '../internal/nile-element';
 import type NileOption from '../nile-option/nile-option';
 import type NilePopup from '../nile-popup/nile-popup';
@@ -258,6 +258,19 @@ export class NileSelect extends NileElement implements NileFormControl {
     this.emit('nile-destroy');
   }
 
+  protected updated(_changedProperties: PropertyValues): void {
+    if(_changedProperties.has('multiple')) {
+      this.setCheckBoxInOption(this.multiple);
+    }
+  }
+
+  setCheckBoxInOption(checked: boolean): void {
+    const options = this.getAllOptions();
+    options.forEach((option: NileOption) => {
+      option.showCheckbox = checked;
+    })
+  }
+
   private addOpenListeners() {
     document.addEventListener('focusin', this.handleDocumentFocusIn);
     document.addEventListener('keydown', this.handleDocumentKeyDown);

package/src/nile-tab/nile-tab.ts

@@ -111,7 +111,7 @@ export class NileTab extends NileElement {
               <nile-icon-button
                 part="close-button"
                 exportparts="base:close-button__base"
-                name="x-lg"
+                name="close"
                 library="system"
                 label="close"
                 class="tab__close-button"

package/vscode-html-custom-data.json

@@ -545,7 +545,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\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  * `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  * `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  * `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 | undefined`} - \n\n  * `endYear` {`number | undefined`} - \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  * `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  * `startYear` {`number | undefined`} - \n\n  * `endYear` {`number | undefined`} - \n\n  * `monthNames` {`string[]`} - \n\n  * `yearOptions` {`number[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -621,6 +621,16 @@
           "name": "showManualInputs",
           "description": "`showManualInputs` {`boolean`} - \n\nProperty: showManualInputs\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "startYear",
+          "description": "`startYear` {`number | undefined`} - \n\nProperty: startYear",
+          "values": []
+        },
+        {
+          "name": "endYear",
+          "description": "`endYear` {`number | undefined`} - \n\nProperty: endYear",
+          "values": []
         }
       ]
     },
@@ -1393,149 +1403,6 @@
         }
       ]
     },
-    {
-      "name": "nile-file-preview",
-      "description": "Nile preview component.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\n  * `inputFileHtml` {`UncompiledTemplateResult<ResultType> | null`} - \n\n  * `originalUrl` {`string`} - \n\n  * `dummyFile` {`File`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "errorMessage",
-          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
-        },
-        {
-          "name": "inputFile",
-          "description": "`inputFile` {`File`} - \n\nProperty: inputFile"
-        },
-        {
-          "name": "fileUrl",
-          "description": "`fileUrl` {`string`} - \n\nProperty: fileUrl\n\nDefault: "
-        },
-        {
-          "name": "uploadStatus",
-          "description": "`uploadStatus` {`number`} - \n\nProperty: uploadStatus\n\nDefault: 0"
-        },
-        {
-          "name": "allowedTypes",
-          "description": "`allowedTypes` {`string[]`} - \n\nProperty: allowedTypes\n\nDefault: "
-        },
-        {
-          "name": "state",
-          "description": "`state` {`FilePreviewState`} - \n\nProperty: state\n\nDefault: default",
-          "values": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "uploading"
-            },
-            {
-              "name": "preview"
-            },
-            {
-              "name": "no-preview"
-            },
-            {
-              "name": "error"
-            }
-          ]
-        },
-        {
-          "name": "variant",
-          "description": "`variant` {`FilePreviewVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        },
-        {
-          "name": "inputFileName",
-          "description": "`inputFileName` {`string`} - \n\nProperty: inputFileName\n\nDefault: "
-        }
-      ]
-    },
-    {
-      "name": "nile-file-upload",
-      "description": "Nile file-upload component.\n\nAttributes:\n\n  * `size` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `fileUploadUrl` {`string`} - \n\n  * `autoUpload` {`boolean`} - \n\nProperties:\n\n  * `size` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `fileUploadUrl` {`string`} - \n\n  * `autoUpload` {`boolean`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `uploadRequests` {`Map<File, XMLHttpRequest>`} - \n\n  * `dragHandler` - \n\n  * `setState` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "`size` {`string`} - \n\nProperty: size\n\nDefault: 10MB"
-        },
-        {
-          "name": "error",
-          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "errorMessage",
-          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
-        },
-        {
-          "name": "allowMultiple",
-          "description": "`allowMultiple` {`boolean`} - \n\nProperty: allowMultiple\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "allowDuplicates",
-          "description": "`allowDuplicates` {`boolean`} - \n\nProperty: allowDuplicates\n\nDefault: false",
-          "valueSet": "v"
-        },
-        {
-          "name": "uploadedFiles",
-          "description": "`uploadedFiles` {`File[]`} - \n\nProperty: uploadedFiles\n\nDefault: "
-        },
-        {
-          "name": "title",
-          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: Drag and drop to upload"
-        },
-        {
-          "name": "subtitle",
-          "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: Please upload a file"
-        },
-        {
-          "name": "state",
-          "description": "`state` {`FileUploadState`} - \n\nProperty: state\n\nDefault: default",
-          "values": [
-            {
-              "name": "default"
-            },
-            {
-              "name": "disabled"
-            },
-            {
-              "name": "hover"
-            },
-            {
-              "name": "drag"
-            }
-          ]
-        },
-        {
-          "name": "variant",
-          "description": "`variant` {`FileUploadVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
-        },
-        {
-          "name": "fileUploadUrl",
-          "description": "`fileUploadUrl` {`string`} - \n\nProperty: fileUploadUrl\n\nDefault: "
-        },
-        {
-          "name": "autoUpload",
-          "description": "`autoUpload` {`boolean`} - \n\nProperty: autoUpload\n\nDefault: true",
-          "valueSet": "v"
-        }
-      ]
-    },
     {
       "name": "nile-filter-chip",
       "description": "Nile filter-chip component.\n\nEvents:\n\n  * `nile-close` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - \n\n  * `nile-click` {`CustomEvent<{ value: string; viewMoreCount: number; }>`} - \n\nAttributes:\n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `viewMoreCount` {`number`} - \n\n  * `editable` {`boolean`} - \n\n  * `closable` {`boolean`} - \n\n  * `icon` {`string`} - \n\n  * `removeIcon` {`string`} - \n\n  * `active` {`boolean`} - \n\nProperties:\n\n  * `label` {`string`} - \n\n  * `value` {`string`} - \n\n  * `viewMoreCount` {`number`} - \n\n  * `editable` {`boolean`} - \n\n  * `closable` {`boolean`} - \n\n  * `icon` {`string`} - \n\n  * `removeIcon` {`string`} - \n\n  * `active` {`boolean`} - \n\n  * `activeChips` {`NileFilterChip[]`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
@@ -1622,7 +1489,7 @@
     },
     {
       "name": "nile-format-date",
-      "description": "Nile format-date component.\n\nAttributes:\n\n  * `date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\n  * `weekday` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the weekday.\n\n  * `era` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"narrow\" | \"short\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\n  * `day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\n  * `hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\n  * `minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\n  * `second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\n  * `time-zone-name` {`\"short\" | \"long\"`} - The format for displaying the time.\n\n  * `time-zone` {`string`} - The time zone to express the time in.\n\n  * `hour-format` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\n  * `date-separator` {`\"-\" | \"/\"`} - The separator for the date format.\n\nProperties:\n\n  * `date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\n  * `weekday` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the weekday.\n\n  * `era` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"narrow\" | \"short\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\n  * `day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\n  * `hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\n  * `minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\n  * `second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\n  * `timeZoneName` {`\"short\" | \"long\"`} - The format for displaying the time.\n\n  * `timeZone` {`string`} - The time zone to express the time in.\n\n  * `hourFormat` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\n  * `dateSeparator` {`\"-\" | \"/\"`} - The separator for the date format.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile format-date component.\n\nAttributes:\n\n  * `date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\n  * `weekday` {`\"short\" | \"narrow\" | \"long\"`} - The format for displaying the weekday.\n\n  * `era` {`\"short\" | \"narrow\" | \"long\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"short\" | \"narrow\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\n  * `day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\n  * `hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\n  * `minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\n  * `second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\n  * `time-zone-name` {`\"short\" | \"long\"`} - The format for displaying the time.\n\n  * `time-zone` {`string`} - The time zone to express the time in.\n\n  * `hour-format` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\n  * `date-separator` {`\"-\" | \"/\"`} - The separator for the date format.\n\nProperties:\n\n  * `date` {`string | Date`} - The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).\n\n  * `weekday` {`\"short\" | \"narrow\" | \"long\"`} - The format for displaying the weekday.\n\n  * `era` {`\"short\" | \"narrow\" | \"long\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"short\" | \"narrow\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\n  * `day` {`\"numeric\" | \"2-digit\"`} - The format for displaying the day.\n\n  * `hour` {`\"numeric\" | \"2-digit\"`} - The format for displaying the hour.\n\n  * `minute` {`\"numeric\" | \"2-digit\"`} - The format for displaying the minute.\n\n  * `second` {`\"numeric\" | \"2-digit\"`} - The format for displaying the second.\n\n  * `timeZoneName` {`\"short\" | \"long\"`} - The format for displaying the time.\n\n  * `timeZone` {`string`} - The time zone to express the time in.\n\n  * `hourFormat` {`\"auto\" | \"12\" | \"24\"`} - The format for displaying the hour.\n\n  * `dateSeparator` {`\"-\" | \"/\"`} - The separator for the date format.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "date",
@@ -1631,13 +1498,13 @@
         },
         {
           "name": "weekday",
-          "description": "`weekday` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the weekday.\n\nProperty: weekday",
+          "description": "`weekday` {`\"short\" | \"narrow\" | \"long\"`} - The format for displaying the weekday.\n\nProperty: weekday",
           "values": [
             {
-              "name": "narrow"
+              "name": "short"
             },
             {
-              "name": "short"
+              "name": "narrow"
             },
             {
               "name": "long"
@@ -1646,13 +1513,13 @@
         },
         {
           "name": "era",
-          "description": "`era` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the era.\n\nProperty: era",
+          "description": "`era` {`\"short\" | \"narrow\" | \"long\"`} - The format for displaying the era.\n\nProperty: era",
           "values": [
             {
-              "name": "narrow"
+              "name": "short"
             },
             {
-              "name": "short"
+              "name": "narrow"
             },
             {
               "name": "long"
@@ -1673,13 +1540,13 @@
         },
         {
           "name": "month",
-          "description": "`month` {`\"narrow\" | \"short\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\nProperty: month",
+          "description": "`month` {`\"short\" | \"narrow\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\nProperty: month",
           "values": [
             {
-              "name": "narrow"
+              "name": "short"
             },
             {
-              "name": "short"
+              "name": "narrow"
             },
             {
               "name": "long"
@@ -2455,12 +2322,17 @@
     },
     {
       "name": "nile-option",
-      "description": "Slots:\n\n  * ` ` {} - The option's label.\n\n  * `prefix` {} - Used to prepend an icon or similar element to the menu item.\n\n  * `suffix` {} - Used to append an icon or similar element to the menu item.\n\nAttributes:\n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `current` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\n  * `hasHover` {`boolean`} - \n\n  * `hidden` {`boolean`} - \n\n  * `isMultipleSelect` {`boolean`} - \n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Slots:\n\n  * ` ` {} - The option's label.\n\n  * `prefix` {} - Used to prepend an icon or similar element to the menu item.\n\n  * `suffix` {} - Used to append an icon or similar element to the menu item.\n\nAttributes:\n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\nProperties:\n\n  * `styles` - \n\n  * `cachedTextLabel` {`string`} - \n\n  * `defaultSlot` {`HTMLSlotElement`} - \n\n  * `current` {`boolean`} - \n\n  * `selected` {`boolean`} - \n\n  * `hasHover` {`boolean`} - \n\n  * `hidden` {`boolean`} - \n\n  * `isMultipleSelect` {`boolean`} - \n\n  * `value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\n  * `showCheckbox` {`boolean`} - \n\n  * `disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
           "description": "`value` {`string`} - The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.\n\nProperty: value\n\nDefault: "
         },
+        {
+          "name": "showCheckbox",
+          "description": "`showCheckbox` {`boolean`} - \n\nProperty: showCheckbox\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "disabled",
           "description": "`disabled` {`boolean`} - Draws the option in a disabled state, preventing selection.\n\nProperty: disabled\n\nDefault: false",
@@ -2482,6 +2354,50 @@
         }
       ]
     },
+    {
+      "name": "nile-pagination",
+      "description": "Attributes:\n\n  * `totalitems` {`number`} - \n\n  * `currentpage` {`number`} - \n\n  * `pagesize` {`number`} - \n\n  * `pagesizeoptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\nProperties:\n\n  * `totalItems` {`number`} - \n\n  * `currentPage` {`number`} - \n\n  * `pageSize` {`number`} - \n\n  * `pageSizeOptions` {`number[]`} - \n\n  * `variant` {`\"fluid\" | \"compact\"`} - \n\n  * `disabled` {`boolean`} - \n\n  * `showTitle` {`boolean`} - \n\n  * `_pageSizeOpen` {`boolean`} - \n\n  * `_pageSizeDropdown` {`HTMLElement`} - \n\n  * `totalPages` {`number`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "totalitems",
+          "description": "`totalitems` {`number`} - \n\nProperty: totalItems\n\nDefault: 0"
+        },
+        {
+          "name": "currentpage",
+          "description": "`currentpage` {`number`} - \n\nProperty: currentPage\n\nDefault: 1"
+        },
+        {
+          "name": "pagesize",
+          "description": "`pagesize` {`number`} - \n\nProperty: pageSize\n\nDefault: 50"
+        },
+        {
+          "name": "pagesizeoptions",
+          "description": "`pagesizeoptions` {`number[]`} - \n\nProperty: pageSizeOptions\n\nDefault: 10,25,50,100"
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`\"fluid\" | \"compact\"`} - \n\nProperty: variant\n\nDefault: fluid",
+          "values": [
+            {
+              "name": "fluid"
+            },
+            {
+              "name": "compact"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "showTitle",
+          "description": "`showTitle` {`boolean`} - \n\nProperty: showTitle\n\nDefault: true",
+          "valueSet": "v"
+        }
+      ]
+    },
     {
       "name": "nile-popover",
       "description": "Nile icon component.\n\nAttributes:\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `arrow` {`boolean`} - \n\n  * `title` {`string`} - Gives the title to the popover\n\n  * `open` {`boolean`} - \n\n  * `arrow-placement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n  * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `flip` {`boolean`} - \n\nProperties:\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\"`} - The preferred placement of the popover. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.\n\n  * `distance` {`number`} - The distance in pixels from which to offset the popover away from its target.\n\n  * `preventOverlayClose` {`boolean`} - \n\n  * `arrow` {`boolean`} - \n\n  * `title` {`string`} - Gives the title to the popover\n\n  * `open` {`boolean`} - \n\n  * `isShow` {`boolean`} - \n\n  * `arrowPlacement` {`\"end\" | \"start\" | \"center\" | \"anchor\"`} - \n\n  * `hoist` {`boolean`} - Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n\n  * `flip` {`boolean`} - \n\n  * `handleClick` - \n\n  * `handleDocumentClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",