@genesislcap/foundation-zero 14.447.2 → 14.448.0-canary.wealth

package/dist/custom-elements.json

@@ -11835,10 +11835,10 @@
           "attributes": [
             {
               "name": "format",
-              "type": {
-                "text": "string"
+              "default": "DATE_PICKER_VALUE_FORMAT",
+              "resolveInitializer": {
+                "module": "/src/date-picker/date-picker.util"
               },
-              "default": "'MM-DD-YYYY'",
               "attribute": "format",
               "fieldName": "format",
               "description": "date format that will be displayed.",
@@ -11847,6 +11847,20 @@
                 "module": "src/date-picker/date-picker.ts"
               }
             },
+            {
+              "name": "use-locale-format",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "use-locale-format",
+              "fieldName": "useLocaleFormat",
+              "description": "when true, `format` is set from dayjs locale `L`. Uses the browser locale (`navigator.language`) unless `lang` is set on the element.",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
             {
               "name": "inline-calendar",
               "type": {
@@ -11902,6 +11916,33 @@
                 "module": "src/date-picker/date-picker.ts"
               }
             },
+            {
+              "name": "allow-empty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "allow-empty",
+              "fieldName": "allowEmpty",
+              "description": "when true, no initial date is selected; the input shows a placeholder until the user picks a date.",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder",
+              "fieldName": "placeholder",
+              "description": "hint shown when allow-empty is set and no date is selected. Defaults from `format` (e.g. DD/MM/YYYY → dd/mm/yyyy).",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
             {
               "name": "value",
               "type": {
@@ -11944,10 +11985,7 @@
             {
               "kind": "field",
               "name": "format",
-              "type": {
-                "text": "string"
-              },
-              "default": "'MM-DD-YYYY'",
+              "default": "DATE_PICKER_VALUE_FORMAT",
               "attribute": "format",
               "inheritedFrom": {
                 "name": "DatePicker",
@@ -11988,6 +12026,49 @@
                 "module": "src/date-picker/date-picker.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "langChanged",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "useLocaleFormat",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "use-locale-format",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "useLocaleFormatChanged",
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "visible",
@@ -12067,6 +12148,31 @@
                 "module": "src/date-picker/date-picker.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowEmpty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "allow-empty",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",
@@ -12136,6 +12242,224 @@
                 "module": "src/date-picker/date-picker.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "suppressValueChanged",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "cachedFormat",
+              "privacy": "private",
+              "default": "DATE_PICKER_VALUE_FORMAT",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "clear",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Clears the selected date (only when `allow-empty` is enabled).",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applyLocaleFormat",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "cacheUserFormat",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "format",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "restoreUserFormat",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applyEffectiveLangChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "syncValueAttribute",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "initializeEmpty",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "initializeWithDefaultDate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "resetToDefaultDate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "createCalendar",
+                  "default": "false"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applyValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "dateString",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "clearToEmpty",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "emitEvent",
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "description": "emit `value-changed` for user-driven clears (public `clear()`); skip for\nhost-driven attribute writes since the host is the source of the change."
+                }
+              ],
+              "description": "Resets to the empty/cleared view.",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "updateHeaderText",
@@ -12149,6 +12473,110 @@
                 "module": "src/date-picker/date-picker.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "visibleChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_prev",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "next",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "clickOutside",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "keydownOutside",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleKeydownOutside",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleClickOutside",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeCalendar",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "DatePicker",
+                "module": "src/date-picker/date-picker.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "toggleCalendar",
@@ -32131,19 +32559,11 @@
               "type": {
                 "text": "Event"
               },
-              "description": "Fired when the combobox value changes",
+              "description": "Fires a custom 'change' event when the value updates",
               "inheritedFrom": {
                 "name": "Combobox",
                 "module": "src/combobox/combobox.ts"
               }
-            },
-            {
-              "description": "Fired when the input is cleared by the user",
-              "name": "inputdeleted",
-              "inheritedFrom": {
-                "name": "SearchBarCombobox",
-                "module": "src/search-bar/search-bar-combobox.ts"
-              }
             }
           ]
         },
@@ -32325,6 +32745,19 @@
                 "module": "src/search-bar/search-bar.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "clearButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "clear-button",
+              "inheritedFrom": {
+                "name": "SearchBar",
+                "module": "src/search-bar/search-bar.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "loading",
@@ -32375,6 +32808,7 @@
               "kind": "method",
               "name": "clear",
               "privacy": "public",
+              "description": "Clears all search chips and the current input, and emits `selectionChange` with an empty array.",
               "inheritedFrom": {
                 "name": "SearchBar",
                 "module": "src/search-bar/search-bar.ts"
@@ -32389,6 +32823,32 @@
                   "text": "void"
                 }
               },
+              "description": "Alias for SearchBar.clear.",
+              "inheritedFrom": {
+                "name": "SearchBar",
+                "module": "src/search-bar/search-bar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectedOptionsChanged",
+              "inheritedFrom": {
+                "name": "SearchBar",
+                "module": "src/search-bar/search-bar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "optionsChanged",
+              "inheritedFrom": {
+                "name": "SearchBar",
+                "module": "src/search-bar/search-bar.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applySearchInputLock",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "SearchBar",
                 "module": "src/search-bar/search-bar.ts"
@@ -32632,6 +33092,20 @@
           "tagName": "%%prefix%%-search-bar",
           "customElement": true,
           "attributes": [
+            {
+              "name": "clear-button",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "clear-button",
+              "fieldName": "clearButton",
+              "description": "when true, shows the end clear control when there are chips or typed text. When false, use {@link SearchBar.clear} or {@link SearchBar.clearSearch} to reset programmatically.",
+              "inheritedFrom": {
+                "name": "SearchBar",
+                "module": "src/search-bar/search-bar.ts"
+              }
+            },
             {
               "name": "appearance",
               "type": {

package/dist/dts/react.d.ts

@@ -665,7 +665,6 @@ export declare const SearchBarCombobox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SearchBarComboboxWC>, 'children' | 'style'> &
     HTMLWCProps & {
-      onInputdeleted?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<SearchBarComboboxWC>
 >;

package/dist/react.cjs

@@ -591,20 +591,8 @@ const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(props, ref
 });
 
 const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
-  const { onInputdeleted, children, ...rest } = props;
-  const _innerRef = React.useRef(null);
-  const _onInputdeletedRef = React.useRef(onInputdeleted);
-  _onInputdeletedRef.current = onInputdeleted;
-  React.useLayoutEffect(() => {
-    const el = _innerRef.current;
-    if (!el) return;
-    const _onInputdeletedFn = (e) => _onInputdeletedRef.current?.(e);
-    el.addEventListener('inputdeleted', _onInputdeletedFn);
-    return () => {
-      el.removeEventListener('inputdeleted', _onInputdeletedFn);
-    };
-  }, []);
-  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref }, children);
 });
 
 const SearchBar = React.forwardRef(function SearchBar(props, ref) {

package/dist/react.mjs

@@ -589,20 +589,8 @@ export const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(pro
 });
 
 export const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
-  const { onInputdeleted, children, ...rest } = props;
-  const _innerRef = React.useRef(null);
-  const _onInputdeletedRef = React.useRef(onInputdeleted);
-  _onInputdeletedRef.current = onInputdeleted;
-  React.useLayoutEffect(() => {
-    const el = _innerRef.current;
-    if (!el) return;
-    const _onInputdeletedFn = (e) => _onInputdeletedRef.current?.(e);
-    el.addEventListener('inputdeleted', _onInputdeletedFn);
-    return () => {
-      el.removeEventListener('inputdeleted', _onInputdeletedFn);
-    };
-  }, []);
-  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref }, children);
 });
 
 export const SearchBar = React.forwardRef(function SearchBar(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.447.2",
+  "version": "14.448.0-canary.wealth",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.447.2",
-    "@genesislcap/rollup-builder": "14.447.2",
-    "@genesislcap/ts-builder": "14.447.2",
-    "@genesislcap/uvu-playwright-builder": "14.447.2",
-    "@genesislcap/vite-builder": "14.447.2",
-    "@genesislcap/webpack-builder": "14.447.2"
+    "@genesislcap/genx": "14.448.0-canary.wealth",
+    "@genesislcap/rollup-builder": "14.448.0-canary.wealth",
+    "@genesislcap/ts-builder": "14.448.0-canary.wealth",
+    "@genesislcap/uvu-playwright-builder": "14.448.0-canary.wealth",
+    "@genesislcap/vite-builder": "14.448.0-canary.wealth",
+    "@genesislcap/webpack-builder": "14.448.0-canary.wealth"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.447.2",
-    "@genesislcap/foundation-logger": "14.447.2",
-    "@genesislcap/foundation-ui": "14.447.2",
-    "@genesislcap/foundation-utils": "14.447.2",
+    "@genesislcap/foundation-comms": "14.448.0-canary.wealth",
+    "@genesislcap/foundation-logger": "14.448.0-canary.wealth",
+    "@genesislcap/foundation-ui": "14.448.0-canary.wealth",
+    "@genesislcap/foundation-utils": "14.448.0-canary.wealth",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "0bc343a7eab8d22655cf8da8d81b6182a7979939"
+  "gitHead": "dd463812d10b19835162f58c2c04624fe52c6a36"
 }