@aquera/nile-elements 1.2.1-beta-1.5 → 1.2.1-beta-1.7

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

@@ -898,6 +898,7 @@ export class NileVirtualSelect extends NileElement implements NileFormControl {
 
   @watch('open', { waitUntilFirstUpdate: true })
   async handleOpenChange(): Promise<void> {
+    this.emit('nile-open-change', { open: this.open });
     if (this.open && !this.disabled) {
       await this.handleOpen();
       this.showListbox = true;

package/vscode-html-custom-data.json

@@ -554,7 +554,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 | undefined`} - \n\n  * `endYear` {`number | undefined`} - \n\n  * `showMonthDropdown` {`boolean`} - \n\n  * `showYearDropdown` {`boolean`} - \n\n  * `dateFormat` {`string`} - \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 | undefined`} - \n\n  * `endYear` {`number | undefined`} - \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  * `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  * `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`} - ",
       "attributes": [
         {
           "name": "value",
@@ -630,30 +630,6 @@
           "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": []
-        },
-        {
-          "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": "dateFormat",
-          "description": "`dateFormat` {`string`} - \n\nProperty: dateFormat\n\nDefault: MM/DD/YYYY"
         }
       ]
     },
@@ -1716,7 +1692,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` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the weekday.\n\n  * `era` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"long\" | \"narrow\" | \"short\" | \"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` {`\"long\" | \"short\"`} - 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` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the weekday.\n\n  * `era` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the era.\n\n  * `year` {`\"numeric\" | \"2-digit\"`} - The format for displaying the year.\n\n  * `month` {`\"long\" | \"narrow\" | \"short\" | \"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` {`\"long\" | \"short\"`} - 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` {`\"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`} - ",
       "attributes": [
         {
           "name": "date",
@@ -1725,31 +1701,31 @@
         },
         {
           "name": "weekday",
-          "description": "`weekday` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the weekday.\n\nProperty: weekday",
+          "description": "`weekday` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the weekday.\n\nProperty: weekday",
           "values": [
-            {
-              "name": "long"
-            },
             {
               "name": "narrow"
             },
             {
               "name": "short"
+            },
+            {
+              "name": "long"
             }
           ]
         },
         {
           "name": "era",
-          "description": "`era` {`\"long\" | \"narrow\" | \"short\"`} - The format for displaying the era.\n\nProperty: era",
+          "description": "`era` {`\"narrow\" | \"short\" | \"long\"`} - The format for displaying the era.\n\nProperty: era",
           "values": [
-            {
-              "name": "long"
-            },
             {
               "name": "narrow"
             },
             {
               "name": "short"
+            },
+            {
+              "name": "long"
             }
           ]
         },
@@ -1767,17 +1743,17 @@
         },
         {
           "name": "month",
-          "description": "`month` {`\"long\" | \"narrow\" | \"short\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\nProperty: month",
+          "description": "`month` {`\"narrow\" | \"short\" | \"long\" | \"numeric\" | \"2-digit\"`} - The format for displaying the month.\n\nProperty: month",
           "values": [
-            {
-              "name": "long"
-            },
             {
               "name": "narrow"
             },
             {
               "name": "short"
             },
+            {
+              "name": "long"
+            },
             {
               "name": "numeric"
             },
@@ -1836,13 +1812,13 @@
         },
         {
           "name": "time-zone-name",
-          "description": "`time-zone-name` {`\"long\" | \"short\"`} - The format for displaying the time.\n\nProperty: timeZoneName",
+          "description": "`time-zone-name` {`\"short\" | \"long\"`} - The format for displaying the time.\n\nProperty: timeZoneName",
           "values": [
             {
-              "name": "long"
+              "name": "short"
             },
             {
-              "name": "short"
+              "name": "long"
             }
           ]
         },