@esri/calcite-components 1.4.0-next.14 → 1.4.0-next.16

package/dist/esm/{utils-ca526940.js → utils-ac238ffd.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.14
+ * v1.4.0-next.16
  */
-import { g as getAssetPath } from './index-eabce9f2.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-466c2217.js';
+import { g as getAssetPath } from './index-7cd86b2f.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-2890210d.js';
 
 /**
  * Check if date is within a min and max

package/dist/esm/{utils-f02afbb4.js → utils-f874a9d1.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.14
+ * v1.4.0-next.16
  */
 const hexChar = /^[0-9A-F]$/i;
 const shorthandHex = /^#[0-9A-F]{3}$/i;

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-12T16:57:01",
+  "timestamp": "2023-05-13T17:13:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -652,6 +652,7 @@
         "calcite-action-pad",
         "calcite-flow-item",
         "calcite-list-item",
+        "calcite-menu-item",
         "calcite-panel",
         "calcite-pick-list-item",
         "calcite-popover",
@@ -685,6 +686,9 @@
         "calcite-list-item": [
           "calcite-action"
         ],
+        "calcite-menu-item": [
+          "calcite-action"
+        ],
         "calcite-panel": [
           "calcite-action"
         ],
@@ -8729,6 +8733,7 @@
         "calcite-input-time-picker",
         "calcite-link",
         "calcite-list-item",
+        "calcite-menu-item",
         "calcite-modal",
         "calcite-notice",
         "calcite-pagination",
@@ -8810,6 +8815,9 @@
         "calcite-list-item": [
           "calcite-icon"
         ],
+        "calcite-menu-item": [
+          "calcite-icon"
+        ],
         "calcite-modal": [
           "calcite-icon"
         ],
@@ -12606,7 +12614,7 @@
           "mutable": true,
           "attr": "value",
           "reflectToAttr": false,
-          "docs": "The component's value in UTC (always 24-hour format).",
+          "docs": "The time value in ISO (24-hour) format.",
           "docsTags": [],
           "default": "null",
           "values": [
@@ -13877,6 +13885,382 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/menu/menu.tsx",
+      "encapsulation": "shadow",
+      "tag": "calcite-menu",
+      "readme": "# calcite-nav-menu\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "layout",
+          "type": "\"horizontal\" | \"vertical\"",
+          "mutable": false,
+          "attr": "layout",
+          "reflectToAttr": true,
+          "docs": "Specifies the layout of the component.",
+          "docsTags": [],
+          "default": "\"horizontal\"",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "messageOverrides",
+          "type": "{ more?: string; }",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Use this property to override individual strings used by the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "{ more?: string; }"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component's first focusable element.",
+          "docsTags": []
+        }
+      ],
+      "events": [],
+      "listeners": [
+        {
+          "event": "calciteInternalMenuItemKeyEvent",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "calcite-menu-item"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "calcite-menu-item": [
+          "calcite-menu"
+        ]
+      }
+    },
+    {
+      "filePath": "./src/components/menu-item/menu-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "calcite-menu-item",
+      "readme": "# calcite-nav-menu-item\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "active",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "active",
+          "reflectToAttr": true,
+          "docs": "When `true`, the component is highlighted.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "breadcrumb",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "breadcrumb",
+          "reflectToAttr": true,
+          "docs": "When `true`, the component displays a breadcrumb trail for use as a navigational aid.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "href",
+          "type": "string",
+          "mutable": false,
+          "attr": "href",
+          "reflectToAttr": false,
+          "docs": "Specifies the URL destination of the component, which can be set as an absolute or relative path.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "iconEnd",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-end",
+          "reflectToAttr": true,
+          "docs": "Specifies an icon to display at the end of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "iconFlipRtl",
+          "type": "\"both\" | \"end\" | \"start\"",
+          "mutable": false,
+          "attr": "icon-flip-rtl",
+          "reflectToAttr": true,
+          "docs": "Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`).",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "both",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "iconStart",
+          "type": "string",
+          "mutable": false,
+          "attr": "icon-start",
+          "reflectToAttr": true,
+          "docs": "Specifies an icon to display at the start of the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Accessible name for the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true
+        },
+        {
+          "name": "messageOverrides",
+          "type": "{ submenu?: string; open?: string; }",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Use this property to override individual strings used by the component.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "{ submenu?: string; open?: string; }"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "rel",
+          "type": "string",
+          "mutable": false,
+          "attr": "rel",
+          "reflectToAttr": true,
+          "docs": "Defines the relationship between the `href` value and the current document.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "target",
+          "type": "string",
+          "mutable": false,
+          "attr": "target",
+          "reflectToAttr": true,
+          "docs": "Specifies where to open the linked document defined in the `href` property.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "text",
+          "type": "string",
+          "mutable": false,
+          "attr": "text",
+          "reflectToAttr": false,
+          "docs": "Specifies the text to display.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus on the component.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "calciteMenuItemSelect",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the component is selected.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "click",
+          "target": "window",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "focusout",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "calcite-icon",
+        "calcite-action",
+        "calcite-menu"
+      ],
+      "dependencyGraph": {
+        "calcite-menu-item": [
+          "calcite-icon",
+          "calcite-action",
+          "calcite-menu"
+        ],
+        "calcite-action": [
+          "calcite-loader",
+          "calcite-icon"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/modal/modal.tsx",
       "encapsulation": "shadow",

package/dist/extras/vscode-data.json

@@ -3566,7 +3566,7 @@
         },
         {
           "name": "value",
-          "description": "The component's value in UTC (always 24-hour format)."
+          "description": "The time value in ISO (24-hour) format."
         }
       ]
     },
@@ -3853,6 +3853,95 @@
         }
       ]
     },
+    {
+      "name": "calcite-menu",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Accessible name for the component."
+        },
+        {
+          "name": "layout",
+          "description": "Specifies the layout of the component.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "calcite-menu-item",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "active",
+          "description": "When `true`, the component is highlighted."
+        },
+        {
+          "name": "breadcrumb",
+          "description": "When `true`, the component displays a breadcrumb trail for use as a navigational aid."
+        },
+        {
+          "name": "href",
+          "description": "Specifies the URL destination of the component, which can be set as an absolute or relative path."
+        },
+        {
+          "name": "icon-end",
+          "description": "Specifies an icon to display at the end of the component."
+        },
+        {
+          "name": "icon-flip-rtl",
+          "description": "Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`).",
+          "values": [
+            {
+              "name": "both"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "icon-start",
+          "description": "Specifies an icon to display at the start of the component."
+        },
+        {
+          "name": "label",
+          "description": "Accessible name for the component."
+        },
+        {
+          "name": "open",
+          "description": "When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu."
+        },
+        {
+          "name": "rel",
+          "description": "Defines the relationship between the `href` value and the current document."
+        },
+        {
+          "name": "target",
+          "description": "Specifies where to open the linked document defined in the `href` property."
+        },
+        {
+          "name": "text",
+          "description": "Specifies the text to display."
+        }
+      ]
+    },
     {
       "name": "calcite-modal",
       "description": {

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.14
+ * v1.4.0-next.16
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.14
+ * v1.4.0-next.16
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.14
+ * v1.4.0-next.16
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.0-next.14
+ * v1.4.0-next.16
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/input-time-picker/input-time-picker.d.ts

@@ -4,7 +4,7 @@ import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LabelableComponent } from "../../utils/label";
 import { LoadableComponent } from "../../utils/loadable";
-import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+import { LocalizedComponent, NumberingSystem, SupportedLocales } from "../../utils/locale";
 import { FocusTrapComponent } from "../../utils/focusTrapComponent";
 import { FocusTrap } from "focus-trap";
 import { Scale } from "../interfaces";
@@ -53,6 +53,7 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
    * Specifies the Unicode numeral system used by the component for localization.
    */
   numberingSystem: NumberingSystem;
+  numberingSystemWatcher(numberingSystem: NumberingSystem): void;
   /**
    * When `true`, the component must have a value in order for the form to submit.
    *
@@ -76,7 +77,8 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
   placement: LogicalPlacement;
   /** Specifies the granularity the component's `value` must adhere to (in seconds). */
   step: number;
-  /** The component's value in UTC (always 24-hour format). */
+  stepWatcher(newStep: number, oldStep: number): void;
+  /** The time value in ISO (24-hour) format. */
   value: string;
   valueWatcher(newValue: string): void;
   defaultValue: InputTimePicker["value"];
@@ -89,20 +91,18 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
   focusTrap: FocusTrap;
   private dialogId;
   /** whether the value of the input was changed as a result of user typing or not */
-  private internalValueChange;
-  private previousValidValue;
+  private userChangedValue;
   private referenceElementId;
   defaultMessages: InputTimePickerMessages;
   effectiveLocale: string;
-  valueRelatedPropChange(): void;
-  localizedValue: string;
+  effectiveLocaleWatcher(locale: SupportedLocales): Promise<void>;
   /**
    * Fires when the time value is changed as a result of user input.
    */
   calciteInputTimePickerChange: EventEmitter<void>;
-  private calciteInternalInputBlurHandler;
+  private hostBlurHandler;
   private calciteInternalInputFocusHandler;
-  private calciteInputInputHandler;
+  private calciteInternalInputInputHandler;
   private timePickerChangeHandler;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
@@ -112,16 +112,32 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
    * @param delayed
    */
   reposition(delayed?: boolean): Promise<void>;
+  private delocalizeTimeString;
   private popoverCloseHandler;
   private popoverOpenHandler;
   keyDownHandler: (event: KeyboardEvent) => void;
+  private loadDateTimeLocaleData;
+  private getExtendedLocaleConfig;
   onLabelClick(): void;
   private shouldIncludeSeconds;
   private setCalcitePopoverEl;
   private setCalciteInputEl;
   private setCalciteTimePickerEl;
   private setInputValue;
+  /**
+   * Sets the value and emits a change event.
+   * This is used to update the value as a result of user interaction.
+   *
+   * @param value
+   */
   private setValue;
+  /**
+   * Sets the value directly without emitting a change event.
+   * This is used to update the value on initial load and when props change that are not the result of user interaction.
+   *
+   * @param value
+   */
+  private setValueDirectly;
   private onInputWrapperClick;
   deactivate: () => void;
   connectedCallback(): void;

package/dist/types/components/menu/assets/menu/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type MenuMessages = {
+  more: string;
+};