@aurodesignsystem-dev/auro-formkit 0.0.0-pr1491.1 → 0.0.0-pr1491.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +3 -3
  7. package/components/combobox/demo/getting-started.min.js +3 -3
  8. package/components/combobox/demo/index.min.js +3 -3
  9. package/components/combobox/dist/index.js +3 -3
  10. package/components/combobox/dist/registered.js +3 -3
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/index.min.js +2 -2
  13. package/components/counter/dist/index.js +1 -1
  14. package/components/counter/dist/registered.js +1 -1
  15. package/components/datepicker/demo/index.min.js +21 -8
  16. package/components/datepicker/dist/index.js +21 -8
  17. package/components/datepicker/dist/registered.js +21 -8
  18. package/components/dropdown/demo/customize.min.js +1 -1
  19. package/components/dropdown/demo/getting-started.min.js +1 -1
  20. package/components/dropdown/demo/index.min.js +1 -1
  21. package/components/dropdown/dist/index.js +1 -1
  22. package/components/dropdown/dist/registered.js +1 -1
  23. package/components/form/demo/customize.min.js +31 -18
  24. package/components/form/demo/getting-started.min.js +31 -18
  25. package/components/form/demo/index.min.js +31 -18
  26. package/components/form/demo/registerDemoDeps.min.js +31 -18
  27. package/components/input/demo/customize.min.js +1 -1
  28. package/components/input/demo/getting-started.min.js +1 -1
  29. package/components/input/demo/index.min.js +1 -1
  30. package/components/input/dist/index.js +1 -1
  31. package/components/input/dist/registered.js +1 -1
  32. package/components/radio/demo/index.min.js +1 -1
  33. package/components/radio/dist/index.js +1 -1
  34. package/components/radio/dist/registered.js +1 -1
  35. package/components/select/demo/customize.min.js +2 -2
  36. package/components/select/demo/getting-started.min.js +2 -2
  37. package/components/select/demo/index.min.js +2 -2
  38. package/components/select/dist/index.js +2 -2
  39. package/components/select/dist/registered.js +2 -2
  40. package/custom-elements.json +1272 -1272
  41. package/package.json +1 -1
@@ -7832,128 +7832,174 @@
7832
7832
  },
7833
7833
  {
7834
7834
  "kind": "javascript-module",
7835
- "path": "components/form/src/auro-form.js",
7835
+ "path": "components/dropdown/src/auro-dropdown.js",
7836
7836
  "declarations": [
7837
7837
  {
7838
7838
  "kind": "class",
7839
- "description": "The `auro-form` element provides users a way to create and manage forms in a consistent manner.",
7840
- "name": "AuroForm",
7839
+ "description": "The `auro-dropdown` element provides a way to place content in a bib that can be toggled.",
7840
+ "name": "AuroDropdown",
7841
+ "cssParts": [
7842
+ {
7843
+ "description": "The trigger content container.",
7844
+ "name": "trigger"
7845
+ },
7846
+ {
7847
+ "description": "The collapsed/expanded state icon container.",
7848
+ "name": "chevron"
7849
+ },
7850
+ {
7851
+ "description": "The size of the dropdown bib. (height, width, maxHeight, maxWidth only)",
7852
+ "name": "size"
7853
+ },
7854
+ {
7855
+ "description": "The helpText content container.",
7856
+ "name": "helpText"
7857
+ }
7858
+ ],
7841
7859
  "slots": [
7842
7860
  {
7843
- "description": "The default slot for form elements.",
7844
- "name": "default"
7861
+ "description": "Default slot for the dropdown bib content.",
7862
+ "name": ""
7863
+ },
7864
+ {
7865
+ "description": "Defines the content of the helpText.",
7866
+ "name": "helpText"
7867
+ },
7868
+ {
7869
+ "description": "Defines the content of the trigger.",
7870
+ "name": "trigger"
7845
7871
  }
7846
7872
  ],
7847
7873
  "members": [
7848
7874
  {
7849
7875
  "kind": "field",
7850
- "name": "formElementTags",
7876
+ "name": "shadowRootOptions",
7851
7877
  "static": true,
7852
7878
  "readonly": true
7853
7879
  },
7880
+ {
7881
+ "kind": "field",
7882
+ "name": "commonWrapperClasses",
7883
+ "privacy": "private",
7884
+ "return": {
7885
+ "type": {
7886
+ "text": "object"
7887
+ }
7888
+ },
7889
+ "readonly": true
7890
+ },
7854
7891
  {
7855
7892
  "kind": "method",
7856
- "name": "_isElementTag",
7857
- "parameters": [
7858
- {
7859
- "name": "elementTag",
7860
- "description": "The HTML tag name like `auro-datepicker`.",
7861
- "type": {
7862
- "text": "string"
7863
- }
7864
- },
7865
- {
7866
- "name": "element",
7867
- "description": "The actual HTML element to compare.",
7868
- "type": {
7869
- "text": "HTMLElement"
7870
- }
7893
+ "name": "_intializeDefaults",
7894
+ "privacy": "private",
7895
+ "return": {
7896
+ "type": {
7897
+ "text": "void"
7871
7898
  }
7872
- ],
7873
- "description": "Compare tag name with element to identify it (for API purposes).",
7899
+ }
7900
+ },
7901
+ {
7902
+ "kind": "method",
7903
+ "name": "hide",
7904
+ "description": "Public method to hide the dropdown.",
7874
7905
  "return": {
7875
7906
  "type": {
7876
- "text": "boolean"
7907
+ "text": "void"
7877
7908
  }
7878
- },
7879
- "privacy": "private"
7909
+ }
7880
7910
  },
7881
7911
  {
7882
7912
  "kind": "method",
7883
- "name": "_isInElementCollection",
7913
+ "name": "show",
7914
+ "description": "Public method to show the dropdown.",
7915
+ "return": {
7916
+ "type": {
7917
+ "text": "void"
7918
+ }
7919
+ }
7920
+ },
7921
+ {
7922
+ "kind": "method",
7923
+ "name": "focus",
7924
+ "description": "When bib is open, focus on the first element inside of bib.\nIf not, trigger element will get focus."
7925
+ },
7926
+ {
7927
+ "kind": "method",
7928
+ "name": "setActiveDescendant",
7884
7929
  "parameters": [
7885
- {
7886
- "name": "collection",
7887
- "description": "The array to use for tag name search.",
7888
- "type": {
7889
- "text": "string[]"
7890
- }
7891
- },
7892
7930
  {
7893
7931
  "name": "element",
7894
- "description": "The element to compare against the master list.",
7932
+ "description": "The element to set as the active descendant, or null to clear.",
7895
7933
  "type": {
7896
- "text": "HTMLElement"
7934
+ "text": "HTMLElement|null"
7897
7935
  }
7898
7936
  }
7899
7937
  ],
7900
- "description": "Shared code for determining if an element is something we care about (submit, form element, etc.).",
7938
+ "description": "Sets the active descendant element for accessibility.\nUses ariaActiveDescendantElement to cross shadow DOM boundaries.\nThis function is used in components that contain `auro-dropdown` to set the active descendant.",
7939
+ "privacy": "private",
7901
7940
  "return": {
7902
7941
  "type": {
7903
- "text": "boolean"
7942
+ "text": "void"
7904
7943
  }
7905
- },
7906
- "privacy": "private"
7944
+ }
7907
7945
  },
7908
7946
  {
7909
7947
  "kind": "method",
7910
- "name": "isFormElement",
7948
+ "name": "register",
7949
+ "static": true,
7911
7950
  "parameters": [
7912
7951
  {
7913
- "name": "element",
7914
- "description": "The element to check (attr or tag name).",
7952
+ "name": "name",
7953
+ "default": "\"auro-dropdown\"",
7954
+ "description": "The name of the element that you want to register.",
7955
+ "optional": true,
7915
7956
  "type": {
7916
- "text": "HTMLElement"
7957
+ "text": "string"
7917
7958
  }
7918
7959
  }
7919
7960
  ],
7920
- "description": "Check if the tag name is a form element.",
7961
+ "description": "This will register this element with the browser."
7962
+ },
7963
+ {
7964
+ "kind": "field",
7965
+ "name": "focusableEntityQuery",
7966
+ "description": "Accessor for reusing the focusable entity query string.",
7967
+ "privacy": "private",
7921
7968
  "return": {
7922
7969
  "type": {
7923
- "text": "boolean"
7970
+ "text": "string"
7924
7971
  }
7925
7972
  },
7926
- "privacy": "private"
7973
+ "readonly": true
7927
7974
  },
7928
7975
  {
7929
7976
  "kind": "method",
7930
- "name": "_eventIsValidFormEvent",
7977
+ "name": "handleDropdownToggle",
7931
7978
  "parameters": [
7932
7979
  {
7933
7980
  "name": "event",
7934
- "description": "The event to validate.",
7981
+ "description": "The custom event that contains the dropdown toggle information.",
7935
7982
  "type": {
7936
- "text": "Event"
7983
+ "text": "CustomEvent"
7937
7984
  }
7938
7985
  }
7939
7986
  ],
7940
- "description": "Validates if an event is from a valid form element with a name.",
7941
- "return": {
7942
- "type": {
7943
- "text": "boolean"
7944
- }
7945
- },
7987
+ "description": "Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.",
7946
7988
  "privacy": "private"
7947
7989
  },
7948
7990
  {
7949
- "kind": "field",
7950
- "name": "buttonElementTags",
7951
- "static": true,
7952
- "readonly": true
7991
+ "kind": "method",
7992
+ "name": "exposeCssParts",
7993
+ "description": "Exposes CSS parts for styling from parent components.",
7994
+ "return": {
7995
+ "type": {
7996
+ "text": "void"
7997
+ }
7998
+ }
7953
7999
  },
7954
8000
  {
7955
8001
  "kind": "method",
7956
- "name": "isButtonElement",
8002
+ "name": "isCustomSlotContent",
7957
8003
  "parameters": [
7958
8004
  {
7959
8005
  "name": "element",
@@ -7963,1846 +8009,1800 @@
7963
8009
  }
7964
8010
  }
7965
8011
  ],
7966
- "description": "Check if the tag name is a button element.",
8012
+ "description": "Determines if content is within a custom slot.",
8013
+ "privacy": "private",
7967
8014
  "return": {
7968
8015
  "type": {
7969
- "text": "boolean"
8016
+ "text": "Boolean"
7970
8017
  }
7971
- },
7972
- "privacy": "private"
8018
+ }
7973
8019
  },
7974
8020
  {
7975
- "kind": "field",
7976
- "name": "value",
7977
- "description": "Returns the current values of all named form elements as a key-value object, keyed by each element's `name` attribute.",
8021
+ "kind": "method",
8022
+ "name": "handleFocusin",
8023
+ "description": "Function to support",
8024
+ "privacy": "private",
7978
8025
  "return": {
7979
8026
  "type": {
7980
- "text": "Record<string, string | number | boolean | string[] | null>"
8027
+ "text": "void"
7981
8028
  }
7982
- },
7983
- "readonly": true
8029
+ }
7984
8030
  },
7985
8031
  {
7986
- "kind": "field",
7987
- "name": "submitElements",
7988
- "description": "Getter for internal _submitElements.",
8032
+ "kind": "method",
8033
+ "name": "updateFocusTrap",
8034
+ "privacy": "private"
8035
+ },
8036
+ {
8037
+ "kind": "method",
8038
+ "name": "handleFocusout",
8039
+ "description": "Function to support",
8040
+ "privacy": "private",
7989
8041
  "return": {
7990
8042
  "type": {
7991
- "text": "HTMLButtonElement[]"
8043
+ "text": "void"
7992
8044
  }
7993
- },
7994
- "privacy": "private",
7995
- "readonly": true
8045
+ }
7996
8046
  },
7997
8047
  {
7998
- "kind": "field",
7999
- "name": "resetElements",
8000
- "description": "Returns a collection of elements that will reset the form.",
8001
- "return": {
8002
- "type": {
8003
- "text": "HTMLButtonElement[]"
8048
+ "kind": "method",
8049
+ "name": "bindFocusEventToTrigger",
8050
+ "parameters": [
8051
+ {
8052
+ "name": "event",
8053
+ "description": "The original focus event.",
8054
+ "type": {
8055
+ "text": "Event"
8056
+ }
8004
8057
  }
8005
- },
8006
- "privacy": "private",
8007
- "readonly": true
8058
+ ],
8059
+ "description": "Creates and dispatches a duplicate focus event on the trigger element.",
8060
+ "privacy": "private"
8008
8061
  },
8009
8062
  {
8010
8063
  "kind": "method",
8011
- "name": "_calculateValidity",
8012
- "description": "Infer validity status based on current formState.",
8064
+ "name": "setupTriggerFocusEventBinding",
8065
+ "description": "Sets up event listeners to deliver focus and blur events from nested Auro components within the trigger slot to trigger.\nThis ensures that focus/blur events originating from within these components are propagated to the trigger element itself.",
8013
8066
  "privacy": "private"
8014
8067
  },
8015
8068
  {
8016
- "kind": "field",
8017
- "name": "validity",
8018
- "description": "Returns `'valid'` if all required and interacted-with form elements are valid, `'invalid'` if any are not, or `null` if the form has not been interacted with yet.",
8069
+ "kind": "method",
8070
+ "name": "clearTriggerFocusEventBinding",
8071
+ "description": "Clears focus and blur event listeners from nested Auro components within the trigger slot.",
8072
+ "privacy": "private",
8019
8073
  "return": {
8020
8074
  "type": {
8021
- "text": "\"valid\" | \"invalid\" | null"
8075
+ "text": "void"
8022
8076
  }
8023
- },
8024
- "readonly": true
8077
+ }
8025
8078
  },
8026
8079
  {
8027
8080
  "kind": "method",
8028
- "name": "_setInitialState",
8029
- "description": "Determines whether the form is in its initial (untouched) state and updates `_isInitialState` accordingly.",
8030
- "return": {
8031
- "type": {
8032
- "text": "void"
8081
+ "name": "clearTriggerA11yAttributes",
8082
+ "parameters": [
8083
+ {
8084
+ "name": "triggerElement"
8033
8085
  }
8034
- },
8035
- "privacy": "private"
8036
- },
8037
- {
8038
- "kind": "field",
8039
- "name": "isInitialState",
8040
- "description": "Returns `true` if no form element has been interacted with or had its value changed since the form was initialized or last reset.",
8041
- "return": {
8042
- "type": {
8043
- "text": "boolean"
8044
- }
8045
- },
8046
- "readonly": true
8086
+ ]
8047
8087
  },
8048
8088
  {
8049
8089
  "kind": "method",
8050
- "name": "setDisabledStateOnButtons",
8051
- "description": "Enables or disables submit and reset buttons based on the current form state and validity.",
8090
+ "name": "handleTriggerContentSlotChange",
8091
+ "parameters": [
8092
+ {
8093
+ "name": "event",
8094
+ "description": "Native slotchange event.",
8095
+ "type": {
8096
+ "text": "Event"
8097
+ }
8098
+ }
8099
+ ],
8100
+ "description": "Handles changes to the trigger content slot and updates related properties.\n\nIt first updates the floater settings\nThen, it retrieves the assigned nodes from the event target and checks if any of\nthe nodes contain non-empty text content, updating the `hasTriggerContent` property accordingly.",
8101
+ "privacy": "private",
8052
8102
  "return": {
8053
8103
  "type": {
8054
8104
  "text": "void"
8055
8105
  }
8056
- },
8057
- "privacy": "private"
8106
+ }
8058
8107
  },
8059
8108
  {
8060
8109
  "kind": "method",
8061
- "name": "queryAuroElements",
8062
- "description": "Construct the query strings from elements, append them together, execute, and return the NodeList.",
8063
- "return": {
8064
- "type": {
8065
- "text": "NodeList"
8066
- }
8067
- },
8110
+ "name": "handleDefaultSlot",
8111
+ "description": "Handles the default slot change event and updates the content.\n\nThis method retrieves all nodes assigned to the default slot of the event target and appends them\nto the `bibContent` element. If a callback function `onSlotChange` is defined, it is invoked to\nnotify about the slot change.",
8068
8112
  "privacy": "private"
8069
8113
  },
8070
8114
  {
8071
8115
  "kind": "method",
8072
- "name": "_addElementToState",
8116
+ "name": "renderBasicHtml",
8073
8117
  "parameters": [
8074
8118
  {
8075
- "name": "element",
8076
- "description": "The element to add to our state.",
8119
+ "name": "helpTextClasses",
8120
+ "description": "Classes to apply to the help text container.",
8077
8121
  "type": {
8078
- "text": "HTMLElement"
8122
+ "text": "Object"
8079
8123
  }
8080
8124
  }
8081
8125
  ],
8082
- "description": "Store an element in state and on the _elements array.",
8083
- "privacy": "private"
8126
+ "description": "Returns HTML for the common portion of the layouts.",
8127
+ "privacy": "private",
8128
+ "return": {
8129
+ "type": {
8130
+ "text": "html"
8131
+ }
8132
+ }
8084
8133
  },
8085
8134
  {
8086
8135
  "kind": "method",
8087
- "name": "initializeState",
8088
- "description": "Initialize (or reinitialize) the form state.",
8136
+ "name": "renderLayoutClassic",
8137
+ "description": "Returns HTML for the classic layout. Does not support type=\"*\".",
8138
+ "privacy": "private",
8089
8139
  "return": {
8090
8140
  "type": {
8091
- "text": "void"
8141
+ "text": "html"
8092
8142
  }
8093
- },
8094
- "privacy": "private"
8143
+ }
8095
8144
  },
8096
8145
  {
8097
8146
  "kind": "method",
8098
- "name": "reset",
8099
- "description": "Resets all form elements to their initial state and fires a `reset` event. The event's `detail.previousValue` contains the form values captured immediately before the reset.",
8147
+ "name": "renderLayoutSnowflake",
8148
+ "description": "Returns HTML for the snowflake layout. Does not support type=\"*\".",
8149
+ "privacy": "private",
8100
8150
  "return": {
8101
8151
  "type": {
8102
- "text": "void"
8152
+ "text": "html"
8103
8153
  }
8104
8154
  }
8105
8155
  },
8106
8156
  {
8107
8157
  "kind": "method",
8108
- "name": "submit",
8109
- "description": "Validates all form elements. If all are valid, fires a `submit` event with `detail.value` containing the current form values. If any element is invalid, its error state is surfaced and the `submit` event is not fired.",
8158
+ "name": "renderLayoutEmphasized",
8159
+ "description": "Returns HTML for the emphasized layout. Does not support type=\"*\".",
8160
+ "privacy": "private",
8110
8161
  "return": {
8111
8162
  "type": {
8112
- "text": "Promise<void>"
8163
+ "text": "html"
8113
8164
  }
8114
8165
  }
8115
8166
  },
8116
8167
  {
8117
8168
  "kind": "method",
8118
- "name": "register",
8119
- "static": true,
8169
+ "name": "renderLayout",
8120
8170
  "parameters": [
8121
8171
  {
8122
- "name": "name",
8123
- "default": "\"auro-form\"",
8124
- "description": "The custom element tag name to register.",
8172
+ "name": "ForcedLayout",
8173
+ "description": "Used to force a specific layout, pass in the layout name to use.",
8125
8174
  "optional": true,
8126
8175
  "type": {
8127
8176
  "text": "string"
8128
8177
  }
8129
8178
  }
8130
8179
  ],
8131
- "description": "Registers the `auro-form` custom element with the browser under a given tag name."
8132
- },
8133
- {
8134
- "kind": "method",
8135
- "name": "sharedInputListener",
8136
- "parameters": [
8137
- {
8138
- "name": "event",
8139
- "description": "The event that is fired from the form element.",
8140
- "type": {
8141
- "text": "Event"
8142
- }
8143
- }
8144
- ],
8145
- "description": "Shared input listener for all form elements.",
8146
- "privacy": "private"
8147
- },
8148
- {
8149
- "kind": "method",
8150
- "name": "sharedValidationListener",
8151
- "parameters": [
8152
- {
8153
- "name": "event",
8154
- "description": "The event that is fired from the form element.",
8155
- "type": {
8156
- "text": "Event"
8157
- }
8158
- }
8159
- ],
8160
- "description": "Shared validation listener for all form elements.",
8161
- "privacy": "private"
8162
- },
8163
- {
8164
- "kind": "method",
8165
- "name": "handleKeyDown",
8166
- "parameters": [
8167
- {
8168
- "name": "event",
8169
- "description": "The keyboard event.",
8170
- "type": {
8171
- "text": "KeyboardEvent"
8172
- }
8173
- }
8174
- ],
8175
- "description": "Handle Enter key press on form elements.",
8176
- "privacy": "private"
8177
- },
8178
- {
8179
- "kind": "method",
8180
- "name": "_attachEventListeners",
8181
- "description": "Attaches input, validation, and keydown listeners to all tracked form and button elements.\nRemoves existing listeners first to avoid duplicates on re-initialization.",
8182
- "return": {
8183
- "type": {
8184
- "text": "void"
8185
- }
8186
- },
8187
- "privacy": "private"
8188
- },
8189
- {
8190
- "kind": "method",
8191
- "name": "mutationEventListener",
8192
- "description": "Mutation observer for form elements. Slot change does not trigger unless\nroot-level elements are added/removed. This is a workaround to ensure\nnested form elements are also observed.",
8180
+ "description": "Logic to determine the layout of the component.",
8181
+ "privacy": "private",
8193
8182
  "return": {
8194
8183
  "type": {
8195
- "text": "void"
8184
+ "text": "HTMLCollection"
8196
8185
  }
8197
- },
8198
- "privacy": "private"
8186
+ }
8199
8187
  },
8200
8188
  {
8201
- "kind": "method",
8202
- "name": "onSlotChange",
8203
- "parameters": [
8204
- {
8205
- "name": "event",
8206
- "description": "The slot change event.",
8207
- "type": {
8208
- "text": "Event"
8209
- }
8210
- }
8211
- ],
8212
- "description": "Slot change event listener. This is the main entry point for the form element.",
8213
- "return": {
8214
- "type": {
8215
- "text": "void"
8216
- }
8189
+ "kind": "field",
8190
+ "name": "isPopoverVisible",
8191
+ "privacy": "public",
8192
+ "type": {
8193
+ "text": "boolean"
8217
8194
  },
8218
- "privacy": "private"
8195
+ "description": "If true, the dropdown bib is displayed.",
8196
+ "default": "false",
8197
+ "attribute": "open",
8198
+ "reflects": true
8219
8199
  },
8220
8200
  {
8221
8201
  "kind": "field",
8222
- "name": "formState",
8223
- "privacy": "private",
8202
+ "name": "isBibFullscreen",
8203
+ "privacy": "public",
8224
8204
  "type": {
8225
- "text": "FormState"
8205
+ "text": "boolean"
8226
8206
  },
8227
- "default": "{}"
8207
+ "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
8208
+ "default": "false",
8209
+ "attribute": "isBibFullscreen",
8210
+ "reflects": true
8228
8211
  },
8229
8212
  {
8230
8213
  "kind": "field",
8231
- "name": "_validity",
8232
- "privacy": "private",
8214
+ "name": "matchWidth",
8215
+ "privacy": "public",
8233
8216
  "type": {
8234
- "text": "\"valid\" | \"invalid\" | null"
8217
+ "text": "boolean"
8235
8218
  },
8236
- "default": "null"
8219
+ "description": "If declared, the popover and trigger will be set to the same width.",
8220
+ "default": "false",
8221
+ "attribute": "matchWidth",
8222
+ "reflects": true
8237
8223
  },
8238
8224
  {
8239
8225
  "kind": "field",
8240
- "name": "_isInitialState",
8241
- "privacy": "private",
8226
+ "name": "noHideOnThisFocusLoss",
8227
+ "privacy": "public",
8242
8228
  "type": {
8243
8229
  "text": "boolean"
8244
8230
  },
8245
- "default": "true"
8231
+ "description": "If declared, the dropdown will not hide when moving focus outside the element.",
8232
+ "default": "false",
8233
+ "attribute": "noHideOnThisFocusLoss",
8234
+ "reflects": true
8246
8235
  },
8247
8236
  {
8248
8237
  "kind": "field",
8249
- "name": "_elements",
8250
- "privacy": "private",
8238
+ "name": "errorMessage",
8239
+ "privacy": "public",
8251
8240
  "type": {
8252
- "text": "(HTMLElement & {reset: () => void})[]"
8241
+ "text": "string"
8253
8242
  },
8254
- "default": "[]"
8243
+ "description": "Contains the help text message for the current validity error.",
8244
+ "default": "undefined",
8245
+ "attribute": "errorMessage"
8255
8246
  },
8256
8247
  {
8257
8248
  "kind": "field",
8258
- "name": "_submitElements",
8259
- "privacy": "private",
8249
+ "name": "layout",
8250
+ "privacy": "public",
8260
8251
  "type": {
8261
- "text": "HTMLButtonElement[]"
8252
+ "text": "string"
8262
8253
  },
8263
- "default": "[]"
8254
+ "description": "Sets the layout of the dropdown.",
8255
+ "default": "undefined",
8256
+ "attribute": "layout",
8257
+ "reflects": true,
8258
+ "inheritedFrom": {
8259
+ "name": "AuroElement",
8260
+ "module": "components/layoutElement/src/auroElement.js"
8261
+ }
8264
8262
  },
8265
8263
  {
8266
8264
  "kind": "field",
8267
- "name": "_resetElements",
8268
- "privacy": "private",
8265
+ "name": "shape",
8266
+ "privacy": "public",
8269
8267
  "type": {
8270
- "text": "HTMLButtonElement[]"
8268
+ "text": "string"
8271
8269
  },
8272
- "default": "[]"
8270
+ "attribute": "shape",
8271
+ "reflects": true,
8272
+ "default": "undefined",
8273
+ "inheritedFrom": {
8274
+ "name": "AuroElement",
8275
+ "module": "components/layoutElement/src/auroElement.js"
8276
+ }
8273
8277
  },
8274
8278
  {
8275
8279
  "kind": "field",
8276
- "name": "mutationObservers",
8280
+ "name": "size",
8281
+ "privacy": "public",
8277
8282
  "type": {
8278
- "text": "MutationObserver[]"
8283
+ "text": "string"
8279
8284
  },
8280
- "privacy": "private",
8281
- "default": "[]"
8282
- }
8283
- ],
8284
- "events": [
8285
+ "attribute": "size",
8286
+ "reflects": true,
8287
+ "default": "undefined",
8288
+ "inheritedFrom": {
8289
+ "name": "AuroElement",
8290
+ "module": "components/layoutElement/src/auroElement.js"
8291
+ }
8292
+ },
8285
8293
  {
8286
- "name": "change",
8294
+ "kind": "field",
8295
+ "name": "parentBorder",
8296
+ "privacy": "private",
8287
8297
  "type": {
8288
- "text": "Event"
8298
+ "text": "boolean"
8289
8299
  },
8290
- "description": "Fires when a child form element's value changes or the form is initialized."
8300
+ "description": "Defines if the trigger should size based on the parent element providing the border UI.",
8301
+ "default": "false",
8302
+ "attribute": "parentBorder",
8303
+ "reflects": true
8291
8304
  },
8292
8305
  {
8293
- "name": "reset",
8306
+ "kind": "field",
8307
+ "name": "bibElement",
8308
+ "privacy": "private"
8309
+ },
8310
+ {
8311
+ "kind": "field",
8312
+ "name": "a11yRole",
8313
+ "privacy": "public",
8294
8314
  "type": {
8295
- "text": "CustomEvent"
8315
+ "text": "string"
8296
8316
  },
8297
- "description": "Fires when the form is reset. The event detail contains the previous value of the form before reset."
8317
+ "description": "The value for the role attribute of the trigger element."
8298
8318
  },
8299
8319
  {
8300
- "name": "submit",
8320
+ "kind": "field",
8321
+ "name": "appearance",
8322
+ "privacy": "public",
8301
8323
  "type": {
8302
- "text": "CustomEvent"
8324
+ "text": "'default' | 'inverse'"
8303
8325
  },
8304
- "description": "Fires when the form is submitted. The event detail contains the current value of the form."
8326
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
8327
+ "default": "'default'",
8328
+ "attribute": "appearance",
8329
+ "reflects": true
8305
8330
  },
8306
8331
  {
8307
- "description": "Fires when a child form element receives user input.",
8308
- "name": "input"
8309
- }
8310
- ],
8311
- "superclass": {
8312
- "name": "LitElement",
8313
- "package": "lit"
8314
- },
8315
- "tagName": "auro-form",
8316
- "customElement": true
8317
- }
8318
- ],
8319
- "exports": [
8320
- {
8321
- "kind": "js",
8322
- "name": "AuroForm",
8323
- "declaration": {
8324
- "name": "AuroForm",
8325
- "module": "components/form/src/auro-form.js"
8326
- }
8327
- }
8328
- ]
8329
- },
8330
- {
8331
- "kind": "javascript-module",
8332
- "path": "components/form/src/index.js",
8333
- "declarations": [],
8334
- "exports": [
8335
- {
8336
- "kind": "js",
8337
- "name": "AuroForm",
8338
- "declaration": {
8339
- "name": "AuroForm",
8340
- "module": "components/form/src/index.js"
8341
- }
8342
- }
8343
- ]
8344
- },
8345
- {
8346
- "kind": "javascript-module",
8347
- "path": "components/form/src/registered.js",
8348
- "declarations": [],
8349
- "exports": []
8350
- },
8351
- {
8352
- "kind": "javascript-module",
8353
- "path": "components/dropdown/src/auro-dropdown.js",
8354
- "declarations": [
8355
- {
8356
- "kind": "class",
8357
- "description": "The `auro-dropdown` element provides a way to place content in a bib that can be toggled.",
8358
- "name": "AuroDropdown",
8359
- "cssParts": [
8360
- {
8361
- "description": "The trigger content container.",
8362
- "name": "trigger"
8332
+ "kind": "field",
8333
+ "name": "autoPlacement",
8334
+ "privacy": "public",
8335
+ "type": {
8336
+ "text": "boolean"
8337
+ },
8338
+ "description": "If declared, bib's position will be automatically calculated where to appear.",
8339
+ "attribute": "autoPlacement",
8340
+ "reflects": true
8363
8341
  },
8364
8342
  {
8365
- "description": "The collapsed/expanded state icon container.",
8366
- "name": "chevron"
8343
+ "kind": "field",
8344
+ "name": "disableEventShow",
8345
+ "privacy": "public",
8346
+ "type": {
8347
+ "text": "boolean"
8348
+ },
8349
+ "description": "If declared, the dropdown will only show by calling the API .show() public method.",
8350
+ "attribute": "disableEventShow",
8351
+ "reflects": true
8367
8352
  },
8368
8353
  {
8369
- "description": "The size of the dropdown bib. (height, width, maxHeight, maxWidth only)",
8370
- "name": "size"
8354
+ "kind": "field",
8355
+ "name": "simple",
8356
+ "privacy": "public",
8357
+ "type": {
8358
+ "text": "boolean"
8359
+ },
8360
+ "description": "If declared, applies a border around the trigger slot.",
8361
+ "attribute": "simple",
8362
+ "reflects": true
8371
8363
  },
8372
8364
  {
8373
- "description": "The helpText content container.",
8374
- "name": "helpText"
8375
- }
8376
- ],
8377
- "slots": [
8378
- {
8379
- "description": "Default slot for the dropdown bib content.",
8380
- "name": ""
8365
+ "kind": "field",
8366
+ "name": "chevron",
8367
+ "privacy": "public",
8368
+ "type": {
8369
+ "text": "boolean"
8370
+ },
8371
+ "description": "If declared, the dropdown displays a chevron on the right.",
8372
+ "attribute": "chevron",
8373
+ "reflects": true
8381
8374
  },
8382
8375
  {
8383
- "description": "Defines the content of the helpText.",
8384
- "name": "helpText"
8376
+ "kind": "field",
8377
+ "name": "disabled",
8378
+ "privacy": "public",
8379
+ "type": {
8380
+ "text": "boolean"
8381
+ },
8382
+ "description": "If declared, the dropdown is not interactive.",
8383
+ "attribute": "disabled",
8384
+ "reflects": true
8385
8385
  },
8386
- {
8387
- "description": "Defines the content of the trigger.",
8388
- "name": "trigger"
8389
- }
8390
- ],
8391
- "members": [
8392
8386
  {
8393
8387
  "kind": "field",
8394
- "name": "shadowRootOptions",
8395
- "static": true,
8396
- "readonly": true
8388
+ "name": "disableKeyboardHandling",
8389
+ "privacy": "public",
8390
+ "type": {
8391
+ "text": "boolean"
8392
+ },
8393
+ "description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
8394
+ "attribute": "disableKeyboardHandling",
8395
+ "reflects": true
8397
8396
  },
8398
8397
  {
8399
8398
  "kind": "field",
8400
- "name": "commonWrapperClasses",
8399
+ "name": "dropdownWidth",
8401
8400
  "privacy": "private",
8402
- "return": {
8403
- "type": {
8404
- "text": "object"
8405
- }
8401
+ "type": {
8402
+ "text": "number"
8406
8403
  },
8407
- "readonly": true
8404
+ "attribute": "dropdownWidth"
8408
8405
  },
8409
8406
  {
8410
- "kind": "method",
8411
- "name": "_intializeDefaults",
8407
+ "kind": "field",
8408
+ "name": "dropdownId",
8412
8409
  "privacy": "private",
8413
- "return": {
8414
- "type": {
8415
- "text": "void"
8416
- }
8417
- }
8410
+ "type": {
8411
+ "text": "string"
8412
+ },
8413
+ "description": "The unique ID for the dropdown bib element."
8418
8414
  },
8419
8415
  {
8420
- "kind": "method",
8421
- "name": "hide",
8422
- "description": "Public method to hide the dropdown.",
8423
- "return": {
8424
- "type": {
8425
- "text": "void"
8426
- }
8427
- }
8416
+ "kind": "field",
8417
+ "name": "error",
8418
+ "privacy": "public",
8419
+ "type": {
8420
+ "text": "boolean"
8421
+ },
8422
+ "description": "If declared, will apply error UI to the dropdown.",
8423
+ "attribute": "error",
8424
+ "reflects": true
8428
8425
  },
8429
8426
  {
8430
- "kind": "method",
8431
- "name": "show",
8432
- "description": "Public method to show the dropdown.",
8433
- "return": {
8434
- "type": {
8435
- "text": "void"
8436
- }
8437
- }
8427
+ "kind": "field",
8428
+ "name": "focusShow",
8429
+ "privacy": "public",
8430
+ "type": {
8431
+ "text": "boolean"
8432
+ },
8433
+ "description": "If declared, the bib will display when focus is applied to the trigger.",
8434
+ "attribute": "focusShow",
8435
+ "reflects": true
8438
8436
  },
8439
8437
  {
8440
- "kind": "method",
8441
- "name": "focus",
8442
- "description": "When bib is open, focus on the first element inside of bib.\nIf not, trigger element will get focus."
8438
+ "kind": "field",
8439
+ "name": "hoverToggle",
8440
+ "privacy": "public",
8441
+ "type": {
8442
+ "text": "boolean"
8443
+ },
8444
+ "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
8445
+ "attribute": "hoverToggle",
8446
+ "reflects": true
8443
8447
  },
8444
8448
  {
8445
- "kind": "method",
8446
- "name": "setActiveDescendant",
8447
- "parameters": [
8448
- {
8449
- "name": "element",
8450
- "description": "The element to set as the active descendant, or null to clear.",
8451
- "type": {
8452
- "text": "HTMLElement|null"
8453
- }
8454
- }
8455
- ],
8456
- "description": "Sets the active descendant element for accessibility.\nUses ariaActiveDescendantElement to cross shadow DOM boundaries.\nThis function is used in components that contain `auro-dropdown` to set the active descendant.",
8449
+ "kind": "field",
8450
+ "name": "hasTriggerContent",
8457
8451
  "privacy": "private",
8458
- "return": {
8459
- "type": {
8460
- "text": "void"
8461
- }
8462
- }
8452
+ "type": {
8453
+ "text": "boolean"
8454
+ },
8455
+ "attribute": "hasTriggerContent"
8463
8456
  },
8464
8457
  {
8465
- "kind": "method",
8466
- "name": "register",
8467
- "static": true,
8468
- "parameters": [
8469
- {
8470
- "name": "name",
8471
- "default": "\"auro-dropdown\"",
8472
- "description": "The name of the element that you want to register.",
8473
- "optional": true,
8474
- "type": {
8475
- "text": "string"
8476
- }
8477
- }
8478
- ],
8479
- "description": "This will register this element with the browser."
8458
+ "kind": "field",
8459
+ "name": "fullscreenBreakpoint",
8460
+ "privacy": "public",
8461
+ "type": {
8462
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
8463
+ },
8464
+ "description": "Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
8465
+ "default": "'sm'",
8466
+ "attribute": "fullscreenBreakpoint",
8467
+ "reflects": true
8480
8468
  },
8481
8469
  {
8482
8470
  "kind": "field",
8483
- "name": "focusableEntityQuery",
8484
- "description": "Accessor for reusing the focusable entity query string.",
8485
- "privacy": "private",
8486
- "return": {
8487
- "type": {
8488
- "text": "string"
8489
- }
8471
+ "name": "noFlip",
8472
+ "privacy": "public",
8473
+ "type": {
8474
+ "text": "boolean"
8490
8475
  },
8491
- "readonly": true
8476
+ "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
8477
+ "attribute": "noFlip",
8478
+ "reflects": true
8492
8479
  },
8493
8480
  {
8494
- "kind": "method",
8495
- "name": "handleDropdownToggle",
8496
- "parameters": [
8497
- {
8498
- "name": "event",
8499
- "description": "The custom event that contains the dropdown toggle information.",
8500
- "type": {
8501
- "text": "CustomEvent"
8502
- }
8503
- }
8504
- ],
8505
- "description": "Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.",
8506
- "privacy": "private"
8481
+ "kind": "field",
8482
+ "name": "shift",
8483
+ "privacy": "public",
8484
+ "type": {
8485
+ "text": "boolean"
8486
+ },
8487
+ "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
8488
+ "attribute": "shift",
8489
+ "reflects": true
8507
8490
  },
8508
8491
  {
8509
- "kind": "method",
8510
- "name": "exposeCssParts",
8511
- "description": "Exposes CSS parts for styling from parent components.",
8512
- "return": {
8513
- "type": {
8514
- "text": "void"
8515
- }
8516
- }
8492
+ "kind": "field",
8493
+ "name": "noToggle",
8494
+ "privacy": "public",
8495
+ "type": {
8496
+ "text": "boolean"
8497
+ },
8498
+ "description": "If declared, the trigger will only show the dropdown bib.",
8499
+ "attribute": "noToggle",
8500
+ "reflects": true
8517
8501
  },
8518
8502
  {
8519
- "kind": "method",
8520
- "name": "isCustomSlotContent",
8521
- "parameters": [
8522
- {
8523
- "name": "element",
8524
- "description": "The element to check.",
8525
- "type": {
8526
- "text": "HTMLElement"
8527
- }
8528
- }
8529
- ],
8530
- "description": "Determines if content is within a custom slot.",
8531
- "privacy": "private",
8532
- "return": {
8533
- "type": {
8534
- "text": "Boolean"
8535
- }
8536
- }
8503
+ "kind": "field",
8504
+ "name": "offset",
8505
+ "privacy": "public",
8506
+ "type": {
8507
+ "text": "number"
8508
+ },
8509
+ "description": "Gap between the trigger element and bib.",
8510
+ "default": "0",
8511
+ "attribute": "offset",
8512
+ "reflects": true
8537
8513
  },
8538
8514
  {
8539
- "kind": "method",
8540
- "name": "handleFocusin",
8541
- "description": "Function to support",
8542
- "privacy": "private",
8543
- "return": {
8544
- "type": {
8545
- "text": "void"
8546
- }
8515
+ "kind": "field",
8516
+ "name": "onDark",
8517
+ "privacy": "public",
8518
+ "type": {
8519
+ "text": "boolean"
8520
+ },
8521
+ "attribute": "onDark",
8522
+ "reflects": true,
8523
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
8524
+ "inheritedFrom": {
8525
+ "name": "AuroElement",
8526
+ "module": "components/layoutElement/src/auroElement.js"
8547
8527
  }
8548
8528
  },
8549
8529
  {
8550
- "kind": "method",
8551
- "name": "updateFocusTrap",
8552
- "privacy": "private"
8530
+ "kind": "field",
8531
+ "name": "onSlotChange",
8532
+ "privacy": "public",
8533
+ "type": {
8534
+ "text": "function"
8535
+ },
8536
+ "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
8537
+ "attribute": "onSlotChange"
8553
8538
  },
8554
8539
  {
8555
- "kind": "method",
8556
- "name": "handleFocusout",
8557
- "description": "Function to support",
8558
- "privacy": "private",
8559
- "return": {
8560
- "type": {
8561
- "text": "void"
8562
- }
8563
- }
8540
+ "kind": "field",
8541
+ "name": "placement",
8542
+ "privacy": "public",
8543
+ "type": {
8544
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
8545
+ },
8546
+ "description": "Position where the bib should appear relative to the trigger.",
8547
+ "default": "'bottom-start'",
8548
+ "attribute": "placement",
8549
+ "reflects": true
8564
8550
  },
8565
8551
  {
8566
- "kind": "method",
8567
- "name": "bindFocusEventToTrigger",
8568
- "parameters": [
8569
- {
8570
- "name": "event",
8571
- "description": "The original focus event.",
8572
- "type": {
8573
- "text": "Event"
8574
- }
8575
- }
8576
- ],
8577
- "description": "Creates and dispatches a duplicate focus event on the trigger element.",
8578
- "privacy": "private"
8552
+ "kind": "field",
8553
+ "name": "tabIndex",
8554
+ "privacy": "private",
8555
+ "type": {
8556
+ "text": "number"
8557
+ },
8558
+ "attribute": "tabIndex"
8579
8559
  },
8580
8560
  {
8581
- "kind": "method",
8582
- "name": "setupTriggerFocusEventBinding",
8583
- "description": "Sets up event listeners to deliver focus and blur events from nested Auro components within the trigger slot to trigger.\nThis ensures that focus/blur events originating from within these components are propagated to the trigger element itself.",
8584
- "privacy": "private"
8561
+ "kind": "field",
8562
+ "name": "bibDialogLabel",
8563
+ "privacy": "private",
8564
+ "type": {
8565
+ "text": "string"
8566
+ },
8567
+ "description": "Accessible label for the dropdown bib dialog element."
8585
8568
  },
8586
8569
  {
8587
- "kind": "method",
8588
- "name": "clearTriggerFocusEventBinding",
8589
- "description": "Clears focus and blur event listeners from nested Auro components within the trigger slot.",
8570
+ "kind": "field",
8571
+ "name": "componentHasFocus",
8572
+ "description": "Returns true if the element has focus.",
8590
8573
  "privacy": "private",
8591
8574
  "return": {
8592
8575
  "type": {
8593
- "text": "void"
8576
+ "text": "boolean"
8594
8577
  }
8578
+ },
8579
+ "readonly": true,
8580
+ "inheritedFrom": {
8581
+ "name": "AuroElement",
8582
+ "module": "components/layoutElement/src/auroElement.js"
8595
8583
  }
8596
8584
  },
8597
8585
  {
8598
8586
  "kind": "method",
8599
- "name": "clearTriggerA11yAttributes",
8600
- "parameters": [
8601
- {
8602
- "name": "triggerElement"
8603
- }
8604
- ]
8605
- },
8606
- {
8607
- "kind": "method",
8608
- "name": "handleTriggerContentSlotChange",
8609
- "parameters": [
8610
- {
8611
- "name": "event",
8612
- "description": "Native slotchange event.",
8613
- "type": {
8614
- "text": "Event"
8615
- }
8616
- }
8617
- ],
8618
- "description": "Handles changes to the trigger content slot and updates related properties.\n\nIt first updates the floater settings\nThen, it retrieves the assigned nodes from the event target and checks if any of\nthe nodes contain non-empty text content, updating the `hasTriggerContent` property accordingly.",
8619
- "privacy": "private",
8620
- "return": {
8621
- "type": {
8622
- "text": "void"
8623
- }
8587
+ "name": "resetShapeClasses",
8588
+ "inheritedFrom": {
8589
+ "name": "AuroElement",
8590
+ "module": "components/layoutElement/src/auroElement.js"
8624
8591
  }
8625
8592
  },
8626
8593
  {
8627
8594
  "kind": "method",
8628
- "name": "handleDefaultSlot",
8629
- "description": "Handles the default slot change event and updates the content.\n\nThis method retrieves all nodes assigned to the default slot of the event target and appends them\nto the `bibContent` element. If a callback function `onSlotChange` is defined, it is invoked to\nnotify about the slot change.",
8630
- "privacy": "private"
8595
+ "name": "resetLayoutClasses",
8596
+ "inheritedFrom": {
8597
+ "name": "AuroElement",
8598
+ "module": "components/layoutElement/src/auroElement.js"
8599
+ }
8631
8600
  },
8632
8601
  {
8633
8602
  "kind": "method",
8634
- "name": "renderBasicHtml",
8635
- "parameters": [
8636
- {
8637
- "name": "helpTextClasses",
8638
- "description": "Classes to apply to the help text container.",
8639
- "type": {
8640
- "text": "Object"
8641
- }
8642
- }
8643
- ],
8644
- "description": "Returns HTML for the common portion of the layouts.",
8645
- "privacy": "private",
8646
- "return": {
8647
- "type": {
8648
- "text": "html"
8649
- }
8650
- }
8651
- },
8652
- {
8653
- "kind": "method",
8654
- "name": "renderLayoutClassic",
8655
- "description": "Returns HTML for the classic layout. Does not support type=\"*\".",
8656
- "privacy": "private",
8657
- "return": {
8658
- "type": {
8659
- "text": "html"
8660
- }
8661
- }
8662
- },
8663
- {
8664
- "kind": "method",
8665
- "name": "renderLayoutSnowflake",
8666
- "description": "Returns HTML for the snowflake layout. Does not support type=\"*\".",
8667
- "privacy": "private",
8668
- "return": {
8669
- "type": {
8670
- "text": "html"
8671
- }
8672
- }
8673
- },
8674
- {
8675
- "kind": "method",
8676
- "name": "renderLayoutEmphasized",
8677
- "description": "Returns HTML for the emphasized layout. Does not support type=\"*\".",
8678
- "privacy": "private",
8679
- "return": {
8680
- "type": {
8681
- "text": "html"
8682
- }
8683
- }
8684
- },
8685
- {
8686
- "kind": "method",
8687
- "name": "renderLayout",
8688
- "parameters": [
8689
- {
8690
- "name": "ForcedLayout",
8691
- "description": "Used to force a specific layout, pass in the layout name to use.",
8692
- "optional": true,
8693
- "type": {
8694
- "text": "string"
8695
- }
8696
- }
8697
- ],
8698
- "description": "Logic to determine the layout of the component.",
8699
- "privacy": "private",
8700
- "return": {
8701
- "type": {
8702
- "text": "HTMLCollection"
8703
- }
8704
- }
8705
- },
8706
- {
8707
- "kind": "field",
8708
- "name": "isPopoverVisible",
8709
- "privacy": "public",
8710
- "type": {
8711
- "text": "boolean"
8712
- },
8713
- "description": "If true, the dropdown bib is displayed.",
8714
- "default": "false",
8715
- "attribute": "open",
8716
- "reflects": true
8717
- },
8718
- {
8719
- "kind": "field",
8720
- "name": "isBibFullscreen",
8721
- "privacy": "public",
8722
- "type": {
8723
- "text": "boolean"
8724
- },
8725
- "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
8726
- "default": "false",
8727
- "attribute": "isBibFullscreen",
8728
- "reflects": true
8729
- },
8730
- {
8731
- "kind": "field",
8732
- "name": "matchWidth",
8733
- "privacy": "public",
8734
- "type": {
8735
- "text": "boolean"
8736
- },
8737
- "description": "If declared, the popover and trigger will be set to the same width.",
8738
- "default": "false",
8739
- "attribute": "matchWidth",
8740
- "reflects": true
8741
- },
8742
- {
8743
- "kind": "field",
8744
- "name": "noHideOnThisFocusLoss",
8745
- "privacy": "public",
8746
- "type": {
8747
- "text": "boolean"
8748
- },
8749
- "description": "If declared, the dropdown will not hide when moving focus outside the element.",
8750
- "default": "false",
8751
- "attribute": "noHideOnThisFocusLoss",
8752
- "reflects": true
8753
- },
8754
- {
8755
- "kind": "field",
8756
- "name": "errorMessage",
8757
- "privacy": "public",
8758
- "type": {
8759
- "text": "string"
8760
- },
8761
- "description": "Contains the help text message for the current validity error.",
8762
- "default": "undefined",
8763
- "attribute": "errorMessage"
8764
- },
8765
- {
8766
- "kind": "field",
8767
- "name": "layout",
8768
- "privacy": "public",
8769
- "type": {
8770
- "text": "string"
8771
- },
8772
- "description": "Sets the layout of the dropdown.",
8773
- "default": "undefined",
8774
- "attribute": "layout",
8775
- "reflects": true,
8776
- "inheritedFrom": {
8777
- "name": "AuroElement",
8778
- "module": "components/layoutElement/src/auroElement.js"
8779
- }
8780
- },
8781
- {
8782
- "kind": "field",
8783
- "name": "shape",
8784
- "privacy": "public",
8785
- "type": {
8786
- "text": "string"
8787
- },
8788
- "attribute": "shape",
8789
- "reflects": true,
8790
- "default": "undefined",
8603
+ "name": "updateComponentArchitecture",
8791
8604
  "inheritedFrom": {
8792
8605
  "name": "AuroElement",
8793
8606
  "module": "components/layoutElement/src/auroElement.js"
8794
8607
  }
8795
- },
8608
+ }
8609
+ ],
8610
+ "events": [
8796
8611
  {
8797
- "kind": "field",
8798
- "name": "size",
8799
- "privacy": "public",
8612
+ "name": "auroDropdown-idAdded",
8800
8613
  "type": {
8801
- "text": "string"
8614
+ "text": "Object<key"
8802
8615
  },
8803
- "attribute": "size",
8804
- "reflects": true,
8805
- "default": "undefined",
8806
- "inheritedFrom": {
8807
- "name": "AuroElement",
8808
- "module": "components/layoutElement/src/auroElement.js"
8809
- }
8616
+ "description": "Notifies consumers that the unique ID for the dropdown bib has been generated."
8810
8617
  },
8811
8618
  {
8812
- "kind": "field",
8813
- "name": "parentBorder",
8814
- "privacy": "private",
8619
+ "name": "auroDropdown-triggerClick",
8815
8620
  "type": {
8816
- "text": "boolean"
8621
+ "text": "CustomEvent"
8817
8622
  },
8818
- "description": "Defines if the trigger should size based on the parent element providing the border UI.",
8819
- "default": "false",
8820
- "attribute": "parentBorder",
8821
- "reflects": true
8822
- },
8823
- {
8824
- "kind": "field",
8825
- "name": "bibElement",
8826
- "privacy": "private"
8623
+ "description": "Notifies that the trigger has been clicked."
8827
8624
  },
8828
8625
  {
8829
- "kind": "field",
8830
- "name": "a11yRole",
8831
- "privacy": "public",
8832
- "type": {
8833
- "text": "string"
8834
- },
8835
- "description": "The value for the role attribute of the trigger element."
8836
- },
8626
+ "description": "Notifies that the visibility of the dropdown bib has changed.",
8627
+ "name": "auroDropdown-toggled"
8628
+ }
8629
+ ],
8630
+ "attributes": [
8837
8631
  {
8838
- "kind": "field",
8839
8632
  "name": "appearance",
8840
- "privacy": "public",
8841
8633
  "type": {
8842
8634
  "text": "'default' | 'inverse'"
8843
8635
  },
8844
8636
  "description": "Defines whether the component will be on lighter or darker backgrounds.",
8845
8637
  "default": "'default'",
8846
- "attribute": "appearance",
8847
- "reflects": true
8638
+ "fieldName": "appearance"
8848
8639
  },
8849
8640
  {
8850
- "kind": "field",
8851
8641
  "name": "autoPlacement",
8852
- "privacy": "public",
8853
8642
  "type": {
8854
8643
  "text": "boolean"
8855
8644
  },
8856
8645
  "description": "If declared, bib's position will be automatically calculated where to appear.",
8857
- "attribute": "autoPlacement",
8858
- "reflects": true
8646
+ "fieldName": "autoPlacement"
8859
8647
  },
8860
8648
  {
8861
- "kind": "field",
8862
8649
  "name": "disableEventShow",
8863
- "privacy": "public",
8864
8650
  "type": {
8865
8651
  "text": "boolean"
8866
8652
  },
8867
8653
  "description": "If declared, the dropdown will only show by calling the API .show() public method.",
8868
- "attribute": "disableEventShow",
8869
- "reflects": true
8654
+ "fieldName": "disableEventShow"
8870
8655
  },
8871
8656
  {
8872
- "kind": "field",
8873
8657
  "name": "simple",
8874
- "privacy": "public",
8875
8658
  "type": {
8876
8659
  "text": "boolean"
8877
8660
  },
8878
8661
  "description": "If declared, applies a border around the trigger slot.",
8879
- "attribute": "simple",
8880
- "reflects": true
8662
+ "fieldName": "simple"
8881
8663
  },
8882
8664
  {
8883
- "kind": "field",
8884
8665
  "name": "chevron",
8885
- "privacy": "public",
8886
8666
  "type": {
8887
8667
  "text": "boolean"
8888
8668
  },
8889
8669
  "description": "If declared, the dropdown displays a chevron on the right.",
8890
- "attribute": "chevron",
8891
- "reflects": true
8670
+ "fieldName": "chevron"
8892
8671
  },
8893
8672
  {
8894
- "kind": "field",
8895
8673
  "name": "disabled",
8896
- "privacy": "public",
8897
8674
  "type": {
8898
8675
  "text": "boolean"
8899
8676
  },
8900
8677
  "description": "If declared, the dropdown is not interactive.",
8901
- "attribute": "disabled",
8902
- "reflects": true
8678
+ "fieldName": "disabled"
8903
8679
  },
8904
8680
  {
8905
- "kind": "field",
8906
8681
  "name": "disableKeyboardHandling",
8907
- "privacy": "public",
8908
8682
  "type": {
8909
8683
  "text": "boolean"
8910
8684
  },
8911
8685
  "description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
8912
- "attribute": "disableKeyboardHandling",
8913
- "reflects": true
8686
+ "fieldName": "disableKeyboardHandling"
8914
8687
  },
8915
8688
  {
8916
- "kind": "field",
8917
8689
  "name": "dropdownWidth",
8918
- "privacy": "private",
8919
8690
  "type": {
8920
8691
  "text": "number"
8921
8692
  },
8922
- "attribute": "dropdownWidth"
8923
- },
8924
- {
8925
- "kind": "field",
8926
- "name": "dropdownId",
8927
- "privacy": "private",
8928
- "type": {
8929
- "text": "string"
8930
- },
8931
- "description": "The unique ID for the dropdown bib element."
8693
+ "fieldName": "dropdownWidth"
8932
8694
  },
8933
8695
  {
8934
- "kind": "field",
8935
8696
  "name": "error",
8936
- "privacy": "public",
8937
8697
  "type": {
8938
8698
  "text": "boolean"
8939
8699
  },
8940
8700
  "description": "If declared, will apply error UI to the dropdown.",
8941
- "attribute": "error",
8942
- "reflects": true
8701
+ "fieldName": "error"
8702
+ },
8703
+ {
8704
+ "name": "errorMessage",
8705
+ "type": {
8706
+ "text": "string"
8707
+ },
8708
+ "description": "Contains the help text message for the current validity error.",
8709
+ "default": "undefined",
8710
+ "fieldName": "errorMessage"
8943
8711
  },
8944
8712
  {
8945
- "kind": "field",
8946
8713
  "name": "focusShow",
8947
- "privacy": "public",
8948
8714
  "type": {
8949
8715
  "text": "boolean"
8950
8716
  },
8951
8717
  "description": "If declared, the bib will display when focus is applied to the trigger.",
8952
- "attribute": "focusShow",
8953
- "reflects": true
8718
+ "fieldName": "focusShow"
8719
+ },
8720
+ {
8721
+ "name": "open",
8722
+ "type": {
8723
+ "text": "boolean"
8724
+ },
8725
+ "description": "If true, the dropdown bib is displayed.",
8726
+ "default": "false",
8727
+ "fieldName": "isPopoverVisible"
8728
+ },
8729
+ {
8730
+ "name": "isBibFullscreen",
8731
+ "type": {
8732
+ "text": "boolean"
8733
+ },
8734
+ "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
8735
+ "default": "false",
8736
+ "fieldName": "isBibFullscreen"
8954
8737
  },
8955
8738
  {
8956
- "kind": "field",
8957
8739
  "name": "hoverToggle",
8958
- "privacy": "public",
8959
8740
  "type": {
8960
8741
  "text": "boolean"
8961
8742
  },
8962
8743
  "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
8963
- "attribute": "hoverToggle",
8964
- "reflects": true
8744
+ "fieldName": "hoverToggle"
8965
8745
  },
8966
8746
  {
8967
- "kind": "field",
8968
8747
  "name": "hasTriggerContent",
8969
- "privacy": "private",
8970
8748
  "type": {
8971
8749
  "text": "boolean"
8972
8750
  },
8973
- "attribute": "hasTriggerContent"
8751
+ "fieldName": "hasTriggerContent"
8974
8752
  },
8975
8753
  {
8976
- "kind": "field",
8977
8754
  "name": "fullscreenBreakpoint",
8978
- "privacy": "public",
8979
8755
  "type": {
8980
8756
  "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
8981
8757
  },
8982
8758
  "description": "Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
8983
8759
  "default": "'sm'",
8984
- "attribute": "fullscreenBreakpoint",
8985
- "reflects": true
8760
+ "fieldName": "fullscreenBreakpoint"
8761
+ },
8762
+ {
8763
+ "name": "layout",
8764
+ "type": {
8765
+ "text": "string"
8766
+ },
8767
+ "description": "Sets the layout of the dropdown.",
8768
+ "default": "undefined",
8769
+ "fieldName": "layout",
8770
+ "inheritedFrom": {
8771
+ "name": "AuroElement",
8772
+ "module": "components/layoutElement/src/auroElement.js"
8773
+ }
8774
+ },
8775
+ {
8776
+ "name": "parentBorder",
8777
+ "type": {
8778
+ "text": "boolean"
8779
+ },
8780
+ "description": "Defines if the trigger should size based on the parent element providing the border UI.",
8781
+ "default": "false",
8782
+ "fieldName": "parentBorder"
8783
+ },
8784
+ {
8785
+ "name": "matchWidth",
8786
+ "type": {
8787
+ "text": "boolean"
8788
+ },
8789
+ "description": "If declared, the popover and trigger will be set to the same width.",
8790
+ "default": "false",
8791
+ "fieldName": "matchWidth"
8986
8792
  },
8987
8793
  {
8988
- "kind": "field",
8989
8794
  "name": "noFlip",
8990
- "privacy": "public",
8991
8795
  "type": {
8992
8796
  "text": "boolean"
8993
8797
  },
8994
8798
  "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
8995
- "attribute": "noFlip",
8996
- "reflects": true
8799
+ "fieldName": "noFlip"
8997
8800
  },
8998
8801
  {
8999
- "kind": "field",
9000
8802
  "name": "shift",
9001
- "privacy": "public",
9002
8803
  "type": {
9003
8804
  "text": "boolean"
9004
8805
  },
9005
8806
  "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
9006
- "attribute": "shift",
9007
- "reflects": true
8807
+ "fieldName": "shift"
8808
+ },
8809
+ {
8810
+ "name": "noHideOnThisFocusLoss",
8811
+ "type": {
8812
+ "text": "boolean"
8813
+ },
8814
+ "description": "If declared, the dropdown will not hide when moving focus outside the element.",
8815
+ "default": "false",
8816
+ "fieldName": "noHideOnThisFocusLoss"
9008
8817
  },
9009
8818
  {
9010
- "kind": "field",
9011
8819
  "name": "noToggle",
9012
- "privacy": "public",
9013
8820
  "type": {
9014
8821
  "text": "boolean"
9015
8822
  },
9016
8823
  "description": "If declared, the trigger will only show the dropdown bib.",
9017
- "attribute": "noToggle",
9018
- "reflects": true
8824
+ "fieldName": "noToggle"
9019
8825
  },
9020
8826
  {
9021
- "kind": "field",
9022
8827
  "name": "offset",
9023
- "privacy": "public",
9024
8828
  "type": {
9025
8829
  "text": "number"
9026
8830
  },
9027
8831
  "description": "Gap between the trigger element and bib.",
9028
8832
  "default": "0",
9029
- "attribute": "offset",
9030
- "reflects": true
8833
+ "fieldName": "offset"
9031
8834
  },
9032
8835
  {
9033
- "kind": "field",
9034
8836
  "name": "onDark",
9035
- "privacy": "public",
9036
8837
  "type": {
9037
8838
  "text": "boolean"
9038
8839
  },
9039
- "attribute": "onDark",
9040
- "reflects": true,
9041
8840
  "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
9042
- "inheritedFrom": {
9043
- "name": "AuroElement",
9044
- "module": "components/layoutElement/src/auroElement.js"
9045
- }
8841
+ "fieldName": "onDark"
9046
8842
  },
9047
8843
  {
9048
- "kind": "field",
9049
8844
  "name": "onSlotChange",
9050
- "privacy": "public",
9051
8845
  "type": {
9052
8846
  "text": "function"
9053
8847
  },
9054
8848
  "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
9055
- "attribute": "onSlotChange"
8849
+ "fieldName": "onSlotChange"
9056
8850
  },
9057
8851
  {
9058
- "kind": "field",
9059
8852
  "name": "placement",
9060
- "privacy": "public",
9061
8853
  "type": {
9062
8854
  "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
9063
8855
  },
9064
8856
  "description": "Position where the bib should appear relative to the trigger.",
9065
8857
  "default": "'bottom-start'",
9066
- "attribute": "placement",
9067
- "reflects": true
8858
+ "fieldName": "placement"
9068
8859
  },
9069
8860
  {
9070
- "kind": "field",
9071
8861
  "name": "tabIndex",
9072
- "privacy": "private",
9073
8862
  "type": {
9074
8863
  "text": "number"
9075
8864
  },
9076
- "attribute": "tabIndex"
8865
+ "fieldName": "tabIndex"
9077
8866
  },
9078
8867
  {
9079
- "kind": "field",
9080
- "name": "bibDialogLabel",
9081
- "privacy": "private",
8868
+ "name": "shape",
9082
8869
  "type": {
9083
8870
  "text": "string"
9084
8871
  },
9085
- "description": "Accessible label for the dropdown bib dialog element."
9086
- },
9087
- {
9088
- "kind": "field",
9089
- "name": "componentHasFocus",
9090
- "description": "Returns true if the element has focus.",
9091
- "privacy": "private",
9092
- "return": {
9093
- "type": {
9094
- "text": "boolean"
9095
- }
9096
- },
9097
- "readonly": true,
9098
- "inheritedFrom": {
9099
- "name": "AuroElement",
9100
- "module": "components/layoutElement/src/auroElement.js"
9101
- }
9102
- },
9103
- {
9104
- "kind": "method",
9105
- "name": "resetShapeClasses",
8872
+ "fieldName": "shape",
9106
8873
  "inheritedFrom": {
9107
8874
  "name": "AuroElement",
9108
8875
  "module": "components/layoutElement/src/auroElement.js"
9109
8876
  }
9110
8877
  },
9111
8878
  {
9112
- "kind": "method",
9113
- "name": "resetLayoutClasses",
8879
+ "name": "size",
8880
+ "type": {
8881
+ "text": "string"
8882
+ },
8883
+ "fieldName": "size",
9114
8884
  "inheritedFrom": {
9115
8885
  "name": "AuroElement",
9116
8886
  "module": "components/layoutElement/src/auroElement.js"
9117
8887
  }
9118
8888
  },
9119
8889
  {
9120
- "kind": "method",
9121
- "name": "updateComponentArchitecture",
8890
+ "name": "ondark",
8891
+ "type": {
8892
+ "text": "boolean"
8893
+ },
8894
+ "fieldName": "onDark",
9122
8895
  "inheritedFrom": {
9123
8896
  "name": "AuroElement",
9124
8897
  "module": "components/layoutElement/src/auroElement.js"
9125
8898
  }
9126
8899
  }
9127
8900
  ],
9128
- "events": [
9129
- {
9130
- "name": "auroDropdown-idAdded",
9131
- "type": {
9132
- "text": "Object<key"
9133
- },
9134
- "description": "Notifies consumers that the unique ID for the dropdown bib has been generated."
9135
- },
9136
- {
9137
- "name": "auroDropdown-triggerClick",
9138
- "type": {
9139
- "text": "CustomEvent"
9140
- },
9141
- "description": "Notifies that the trigger has been clicked."
9142
- },
8901
+ "superclass": {
8902
+ "name": "AuroElement",
8903
+ "module": "/components/layoutElement/src/auroElement.js"
8904
+ },
8905
+ "tagName": "auro-dropdown",
8906
+ "customElement": true
8907
+ }
8908
+ ],
8909
+ "exports": [
8910
+ {
8911
+ "kind": "js",
8912
+ "name": "AuroDropdown",
8913
+ "declaration": {
8914
+ "name": "AuroDropdown",
8915
+ "module": "components/dropdown/src/auro-dropdown.js"
8916
+ }
8917
+ }
8918
+ ]
8919
+ },
8920
+ {
8921
+ "kind": "javascript-module",
8922
+ "path": "components/dropdown/src/auro-dropdownBib.js",
8923
+ "declarations": [
8924
+ {
8925
+ "kind": "class",
8926
+ "description": "",
8927
+ "name": "AuroDropdownBib",
8928
+ "cssParts": [
9143
8929
  {
9144
- "description": "Notifies that the visibility of the dropdown bib has changed.",
9145
- "name": "auroDropdown-toggled"
8930
+ "description": "Apply css to the bib container.",
8931
+ "name": "bibContainer"
9146
8932
  }
9147
8933
  ],
9148
- "attributes": [
8934
+ "members": [
9149
8935
  {
9150
- "name": "appearance",
9151
- "type": {
9152
- "text": "'default' | 'inverse'"
9153
- },
9154
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
9155
- "default": "'default'",
9156
- "fieldName": "appearance"
8936
+ "kind": "field",
8937
+ "name": "mobileFullscreenBreakpoint"
9157
8938
  },
9158
8939
  {
9159
- "name": "autoPlacement",
9160
- "type": {
9161
- "text": "boolean"
9162
- },
9163
- "description": "If declared, bib's position will be automatically calculated where to appear.",
9164
- "fieldName": "autoPlacement"
8940
+ "kind": "method",
8941
+ "name": "_setupCancelHandler",
8942
+ "parameters": [
8943
+ {
8944
+ "name": "dialog",
8945
+ "description": "The dialog element to attach the cancel listener to.",
8946
+ "type": {
8947
+ "text": "HTMLDialogElement"
8948
+ }
8949
+ }
8950
+ ],
8951
+ "description": "Forwards the dialog's native `cancel` event (fired on ESC) as\nan `auro-bib-cancel` custom event so parent components can close.",
8952
+ "privacy": "private"
9165
8953
  },
9166
8954
  {
9167
- "name": "disableEventShow",
9168
- "type": {
9169
- "text": "boolean"
9170
- },
9171
- "description": "If declared, the dropdown will only show by calling the API .show() public method.",
9172
- "fieldName": "disableEventShow"
8955
+ "kind": "method",
8956
+ "name": "_lockTouchScroll",
8957
+ "description": "Blocks touch-driven page scroll while a fullscreen modal dialog is open.\n\nThe showModal() function places the dialog in the browser's **top layer**,\nwhich is a separate rendering layer above the normal DOM. On mobile, the\ncompositor processes visual-viewport panning before top-layer touch\nhandling. This means the entire viewport — including the top-layer dialog\n— can be panned by a touch gesture, causing the page behind the dialog to\nscroll into view. To prevent this, we add a touchmove listener that cancels\nthe event if the touch started outside the dialog or any scrollable child within it.",
8958
+ "privacy": "private"
9173
8959
  },
9174
8960
  {
9175
- "name": "simple",
9176
- "type": {
9177
- "text": "boolean"
9178
- },
9179
- "description": "If declared, applies a border around the trigger slot.",
9180
- "fieldName": "simple"
8961
+ "kind": "method",
8962
+ "name": "_unlockTouchScroll",
8963
+ "description": "Removes the touchmove listener added by _lockTouchScroll().",
8964
+ "privacy": "private"
9181
8965
  },
9182
8966
  {
9183
- "name": "chevron",
8967
+ "kind": "method",
8968
+ "name": "open",
8969
+ "parameters": [
8970
+ {
8971
+ "name": "modal",
8972
+ "default": "true"
8973
+ }
8974
+ ]
8975
+ },
8976
+ {
8977
+ "kind": "method",
8978
+ "name": "close",
8979
+ "description": "Closes the dialog."
8980
+ },
8981
+ {
8982
+ "kind": "field",
8983
+ "name": "_mobileBreakpointName",
8984
+ "privacy": "private",
8985
+ "default": "undefined"
8986
+ },
8987
+ {
8988
+ "kind": "field",
8989
+ "name": "shape",
8990
+ "privacy": "public",
9184
8991
  "type": {
9185
- "text": "boolean"
8992
+ "text": "string"
9186
8993
  },
9187
- "description": "If declared, the dropdown displays a chevron on the right.",
9188
- "fieldName": "chevron"
8994
+ "default": "\"rounded\"",
8995
+ "attribute": "shape",
8996
+ "reflects": true
9189
8997
  },
9190
8998
  {
9191
- "name": "disabled",
8999
+ "kind": "field",
9000
+ "name": "matchWidth",
9001
+ "privacy": "private",
9192
9002
  "type": {
9193
9003
  "text": "boolean"
9194
9004
  },
9195
- "description": "If declared, the dropdown is not interactive.",
9196
- "fieldName": "disabled"
9005
+ "description": "If declared, the bib width will match the trigger width.",
9006
+ "default": "false",
9007
+ "attribute": "matchWidth",
9008
+ "reflects": true
9197
9009
  },
9198
9010
  {
9199
- "name": "disableKeyboardHandling",
9011
+ "kind": "field",
9012
+ "name": "hasActiveDescendant",
9013
+ "privacy": "private",
9200
9014
  "type": {
9201
9015
  "text": "boolean"
9202
9016
  },
9203
- "description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
9204
- "fieldName": "disableKeyboardHandling"
9017
+ "description": "Tracks whether a menu option is currently highlighted.",
9018
+ "default": "false",
9019
+ "attribute": "hasActiveDescendant"
9205
9020
  },
9206
9021
  {
9207
- "name": "dropdownWidth",
9208
9022
  "type": {
9209
- "text": "number"
9023
+ "text": "String"
9210
9024
  },
9211
- "fieldName": "dropdownWidth"
9025
+ "description": "Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.",
9026
+ "name": "fullscreenBreakpoint",
9027
+ "kind": "field"
9212
9028
  },
9213
9029
  {
9214
- "name": "error",
9030
+ "kind": "field",
9031
+ "name": "isFullscreen",
9032
+ "privacy": "public",
9215
9033
  "type": {
9216
9034
  "text": "boolean"
9217
9035
  },
9218
- "description": "If declared, will apply error UI to the dropdown.",
9219
- "fieldName": "error"
9036
+ "description": "If declared, will take the fullscreen when the bib is displayed.",
9037
+ "attribute": "isFullscreen",
9038
+ "reflects": true
9220
9039
  },
9221
9040
  {
9222
- "name": "errorMessage",
9041
+ "kind": "field",
9042
+ "name": "common",
9043
+ "privacy": "public",
9223
9044
  "type": {
9224
- "text": "string"
9045
+ "text": "boolean"
9225
9046
  },
9226
- "description": "Contains the help text message for the current validity error.",
9227
- "default": "undefined",
9228
- "fieldName": "errorMessage"
9047
+ "description": "If declared, will apply all styles for the common theme.",
9048
+ "attribute": "common",
9049
+ "reflects": true
9229
9050
  },
9230
9051
  {
9231
- "name": "focusShow",
9052
+ "kind": "field",
9053
+ "name": "inset",
9054
+ "privacy": "public",
9232
9055
  "type": {
9233
9056
  "text": "boolean"
9234
9057
  },
9235
- "description": "If declared, the bib will display when focus is applied to the trigger.",
9236
- "fieldName": "focusShow"
9058
+ "description": "If declared, will apply extra padding to bib content.",
9059
+ "attribute": "inset",
9060
+ "reflects": true
9237
9061
  },
9238
9062
  {
9239
- "name": "open",
9063
+ "kind": "field",
9064
+ "name": "rounded",
9065
+ "privacy": "public",
9240
9066
  "type": {
9241
9067
  "text": "boolean"
9242
9068
  },
9243
- "description": "If true, the dropdown bib is displayed.",
9244
- "default": "false",
9245
- "fieldName": "isPopoverVisible"
9069
+ "description": "If declared, will apply border-radius to the bib.",
9070
+ "attribute": "rounded",
9071
+ "reflects": true
9246
9072
  },
9247
9073
  {
9248
- "name": "isBibFullscreen",
9074
+ "kind": "field",
9075
+ "name": "bibTemplate",
9076
+ "privacy": "public",
9249
9077
  "type": {
9250
- "text": "boolean"
9078
+ "text": "object"
9251
9079
  },
9252
- "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
9253
- "default": "false",
9254
- "fieldName": "isBibFullscreen"
9080
+ "description": "A reference to the associated bib template element.",
9081
+ "attribute": "bibTemplate"
9255
9082
  },
9256
9083
  {
9257
- "name": "hoverToggle",
9084
+ "kind": "field",
9085
+ "name": "dialogLabel",
9086
+ "privacy": "private",
9258
9087
  "type": {
9259
- "text": "boolean"
9088
+ "text": "string"
9260
9089
  },
9261
- "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
9262
- "fieldName": "hoverToggle"
9090
+ "description": "Accessible label for the dialog element, used when displayed as a modal.\nApplied via aria-labelledby on a visually hidden element rather than\naria-label because iOS VoiceOver does not reliably read aria-label\non <dialog> elements.",
9091
+ "attribute": "dialogLabel"
9263
9092
  },
9264
9093
  {
9265
- "name": "hasTriggerContent",
9094
+ "kind": "field",
9095
+ "name": "dialogRole",
9096
+ "privacy": "private",
9266
9097
  "type": {
9267
- "text": "boolean"
9098
+ "text": "string"
9268
9099
  },
9269
- "fieldName": "hasTriggerContent"
9100
+ "description": "Overrides the native role of the dialog element.\nFor example, set to `\"presentation\"` on desktop combobox to prevent\nVoiceOver from announcing \"listbox inside of a dialog\".\nWhen `undefined`, the dialog keeps its native role.",
9101
+ "attribute": "dialogRole"
9102
+ }
9103
+ ],
9104
+ "events": [
9105
+ {
9106
+ "name": "auro-dropdownbib-connected",
9107
+ "type": {
9108
+ "text": "CustomEvent"
9109
+ }
9270
9110
  },
9271
9111
  {
9272
- "name": "fullscreenBreakpoint",
9112
+ "name": "auro-bib-cancel",
9273
9113
  "type": {
9274
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
9114
+ "text": "CustomEvent"
9115
+ }
9116
+ }
9117
+ ],
9118
+ "attributes": [
9119
+ {
9120
+ "name": "isFullscreen",
9121
+ "type": {
9122
+ "text": "boolean"
9275
9123
  },
9276
- "description": "Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
9277
- "default": "'sm'",
9278
- "fieldName": "fullscreenBreakpoint"
9124
+ "description": "If declared, will take the fullscreen when the bib is displayed.",
9125
+ "fieldName": "isFullscreen"
9279
9126
  },
9280
9127
  {
9281
- "name": "layout",
9128
+ "name": "common",
9282
9129
  "type": {
9283
- "text": "string"
9130
+ "text": "boolean"
9284
9131
  },
9285
- "description": "Sets the layout of the dropdown.",
9286
- "default": "undefined",
9287
- "fieldName": "layout",
9288
- "inheritedFrom": {
9289
- "name": "AuroElement",
9290
- "module": "components/layoutElement/src/auroElement.js"
9291
- }
9132
+ "description": "If declared, will apply all styles for the common theme.",
9133
+ "fieldName": "common"
9292
9134
  },
9293
9135
  {
9294
- "name": "parentBorder",
9136
+ "name": "inset",
9295
9137
  "type": {
9296
9138
  "text": "boolean"
9297
9139
  },
9298
- "description": "Defines if the trigger should size based on the parent element providing the border UI.",
9299
- "default": "false",
9300
- "fieldName": "parentBorder"
9140
+ "description": "If declared, will apply extra padding to bib content.",
9141
+ "fieldName": "inset"
9301
9142
  },
9302
9143
  {
9303
9144
  "name": "matchWidth",
9304
9145
  "type": {
9305
9146
  "text": "boolean"
9306
9147
  },
9307
- "description": "If declared, the popover and trigger will be set to the same width.",
9148
+ "description": "If declared, the bib width will match the trigger width.",
9308
9149
  "default": "false",
9309
9150
  "fieldName": "matchWidth"
9310
9151
  },
9311
9152
  {
9312
- "name": "noFlip",
9153
+ "name": "rounded",
9313
9154
  "type": {
9314
9155
  "text": "boolean"
9315
9156
  },
9316
- "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
9317
- "fieldName": "noFlip"
9157
+ "description": "If declared, will apply border-radius to the bib.",
9158
+ "fieldName": "rounded"
9318
9159
  },
9319
9160
  {
9320
- "name": "shift",
9161
+ "name": "bibTemplate",
9321
9162
  "type": {
9322
- "text": "boolean"
9163
+ "text": "object"
9323
9164
  },
9324
- "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
9325
- "fieldName": "shift"
9165
+ "description": "A reference to the associated bib template element.",
9166
+ "fieldName": "bibTemplate"
9326
9167
  },
9327
9168
  {
9328
- "name": "noHideOnThisFocusLoss",
9169
+ "name": "shape",
9329
9170
  "type": {
9330
- "text": "boolean"
9171
+ "text": "string"
9331
9172
  },
9332
- "description": "If declared, the dropdown will not hide when moving focus outside the element.",
9333
- "default": "false",
9334
- "fieldName": "noHideOnThisFocusLoss"
9173
+ "default": "\"rounded\"",
9174
+ "fieldName": "shape"
9335
9175
  },
9336
9176
  {
9337
- "name": "noToggle",
9177
+ "name": "dialogLabel",
9338
9178
  "type": {
9339
- "text": "boolean"
9179
+ "text": "string"
9340
9180
  },
9341
- "description": "If declared, the trigger will only show the dropdown bib.",
9342
- "fieldName": "noToggle"
9181
+ "description": "Accessible label for the dialog element, used when displayed as a modal.\nApplied via aria-labelledby on a visually hidden element rather than\naria-label because iOS VoiceOver does not reliably read aria-label\non <dialog> elements.",
9182
+ "fieldName": "dialogLabel"
9343
9183
  },
9344
9184
  {
9345
- "name": "offset",
9185
+ "name": "dialogRole",
9346
9186
  "type": {
9347
- "text": "number"
9187
+ "text": "string"
9348
9188
  },
9349
- "description": "Gap between the trigger element and bib.",
9350
- "default": "0",
9351
- "fieldName": "offset"
9189
+ "description": "Overrides the native role of the dialog element.\nFor example, set to `\"presentation\"` on desktop combobox to prevent\nVoiceOver from announcing \"listbox inside of a dialog\".\nWhen `undefined`, the dialog keeps its native role.",
9190
+ "fieldName": "dialogRole"
9352
9191
  },
9353
9192
  {
9354
- "name": "onDark",
9193
+ "name": "hasActiveDescendant",
9355
9194
  "type": {
9356
9195
  "text": "boolean"
9357
9196
  },
9358
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
9359
- "fieldName": "onDark"
9360
- },
9197
+ "description": "Tracks whether a menu option is currently highlighted.",
9198
+ "default": "false",
9199
+ "fieldName": "hasActiveDescendant"
9200
+ }
9201
+ ],
9202
+ "superclass": {
9203
+ "name": "LitElement",
9204
+ "package": "lit"
9205
+ },
9206
+ "customElement": true
9207
+ }
9208
+ ],
9209
+ "exports": [
9210
+ {
9211
+ "kind": "js",
9212
+ "name": "AuroDropdownBib",
9213
+ "declaration": {
9214
+ "name": "AuroDropdownBib",
9215
+ "module": "components/dropdown/src/auro-dropdownBib.js"
9216
+ }
9217
+ }
9218
+ ]
9219
+ },
9220
+ {
9221
+ "kind": "javascript-module",
9222
+ "path": "components/dropdown/src/dropdownBibKeyboardStrategy.js",
9223
+ "declarations": [
9224
+ {
9225
+ "kind": "function",
9226
+ "name": "createDropdownBibKeyboardStrategy",
9227
+ "parameters": [
9361
9228
  {
9362
- "name": "onSlotChange",
9229
+ "name": "bib",
9230
+ "description": "The dropdown bib element.",
9363
9231
  "type": {
9364
- "text": "function"
9232
+ "text": "HTMLElement"
9233
+ }
9234
+ }
9235
+ ],
9236
+ "description": "Creates a keyboard strategy for dialog-specific key handling.\nAll other keydown behavior is left to the browser's native bubbling path.",
9237
+ "return": {
9238
+ "type": {
9239
+ "text": "Object"
9240
+ }
9241
+ }
9242
+ }
9243
+ ],
9244
+ "exports": [
9245
+ {
9246
+ "kind": "js",
9247
+ "name": "createDropdownBibKeyboardStrategy",
9248
+ "declaration": {
9249
+ "name": "createDropdownBibKeyboardStrategy",
9250
+ "module": "components/dropdown/src/dropdownBibKeyboardStrategy.js"
9251
+ }
9252
+ }
9253
+ ]
9254
+ },
9255
+ {
9256
+ "kind": "javascript-module",
9257
+ "path": "components/dropdown/src/iconVersion.js",
9258
+ "declarations": [],
9259
+ "exports": [
9260
+ {
9261
+ "kind": "js",
9262
+ "name": "default",
9263
+ "declaration": {
9264
+ "name": "9.2.0",
9265
+ "module": "components/dropdown/src/iconVersion.js"
9266
+ }
9267
+ }
9268
+ ]
9269
+ },
9270
+ {
9271
+ "kind": "javascript-module",
9272
+ "path": "components/dropdown/src/index.js",
9273
+ "declarations": [],
9274
+ "exports": [
9275
+ {
9276
+ "kind": "js",
9277
+ "name": "AuroDropdown",
9278
+ "declaration": {
9279
+ "name": "AuroDropdown",
9280
+ "module": "components/dropdown/src/index.js"
9281
+ }
9282
+ }
9283
+ ]
9284
+ },
9285
+ {
9286
+ "kind": "javascript-module",
9287
+ "path": "components/dropdown/src/registered.js",
9288
+ "declarations": [],
9289
+ "exports": []
9290
+ },
9291
+ {
9292
+ "kind": "javascript-module",
9293
+ "path": "components/form/src/auro-form.js",
9294
+ "declarations": [
9295
+ {
9296
+ "kind": "class",
9297
+ "description": "The `auro-form` element provides users a way to create and manage forms in a consistent manner.",
9298
+ "name": "AuroForm",
9299
+ "slots": [
9300
+ {
9301
+ "description": "The default slot for form elements.",
9302
+ "name": "default"
9303
+ }
9304
+ ],
9305
+ "members": [
9306
+ {
9307
+ "kind": "field",
9308
+ "name": "formElementTags",
9309
+ "static": true,
9310
+ "readonly": true
9311
+ },
9312
+ {
9313
+ "kind": "method",
9314
+ "name": "_isElementTag",
9315
+ "parameters": [
9316
+ {
9317
+ "name": "elementTag",
9318
+ "description": "The HTML tag name like `auro-datepicker`.",
9319
+ "type": {
9320
+ "text": "string"
9321
+ }
9322
+ },
9323
+ {
9324
+ "name": "element",
9325
+ "description": "The actual HTML element to compare.",
9326
+ "type": {
9327
+ "text": "HTMLElement"
9328
+ }
9329
+ }
9330
+ ],
9331
+ "description": "Compare tag name with element to identify it (for API purposes).",
9332
+ "return": {
9333
+ "type": {
9334
+ "text": "boolean"
9335
+ }
9365
9336
  },
9366
- "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
9367
- "fieldName": "onSlotChange"
9337
+ "privacy": "private"
9338
+ },
9339
+ {
9340
+ "kind": "method",
9341
+ "name": "_isInElementCollection",
9342
+ "parameters": [
9343
+ {
9344
+ "name": "collection",
9345
+ "description": "The array to use for tag name search.",
9346
+ "type": {
9347
+ "text": "string[]"
9348
+ }
9349
+ },
9350
+ {
9351
+ "name": "element",
9352
+ "description": "The element to compare against the master list.",
9353
+ "type": {
9354
+ "text": "HTMLElement"
9355
+ }
9356
+ }
9357
+ ],
9358
+ "description": "Shared code for determining if an element is something we care about (submit, form element, etc.).",
9359
+ "return": {
9360
+ "type": {
9361
+ "text": "boolean"
9362
+ }
9363
+ },
9364
+ "privacy": "private"
9365
+ },
9366
+ {
9367
+ "kind": "method",
9368
+ "name": "isFormElement",
9369
+ "parameters": [
9370
+ {
9371
+ "name": "element",
9372
+ "description": "The element to check (attr or tag name).",
9373
+ "type": {
9374
+ "text": "HTMLElement"
9375
+ }
9376
+ }
9377
+ ],
9378
+ "description": "Check if the tag name is a form element.",
9379
+ "return": {
9380
+ "type": {
9381
+ "text": "boolean"
9382
+ }
9383
+ },
9384
+ "privacy": "private"
9385
+ },
9386
+ {
9387
+ "kind": "method",
9388
+ "name": "_eventIsValidFormEvent",
9389
+ "parameters": [
9390
+ {
9391
+ "name": "event",
9392
+ "description": "The event to validate.",
9393
+ "type": {
9394
+ "text": "Event"
9395
+ }
9396
+ }
9397
+ ],
9398
+ "description": "Validates if an event is from a valid form element with a name.",
9399
+ "return": {
9400
+ "type": {
9401
+ "text": "boolean"
9402
+ }
9403
+ },
9404
+ "privacy": "private"
9405
+ },
9406
+ {
9407
+ "kind": "field",
9408
+ "name": "buttonElementTags",
9409
+ "static": true,
9410
+ "readonly": true
9411
+ },
9412
+ {
9413
+ "kind": "method",
9414
+ "name": "isButtonElement",
9415
+ "parameters": [
9416
+ {
9417
+ "name": "element",
9418
+ "description": "The element to check.",
9419
+ "type": {
9420
+ "text": "HTMLElement"
9421
+ }
9422
+ }
9423
+ ],
9424
+ "description": "Check if the tag name is a button element.",
9425
+ "return": {
9426
+ "type": {
9427
+ "text": "boolean"
9428
+ }
9429
+ },
9430
+ "privacy": "private"
9431
+ },
9432
+ {
9433
+ "kind": "field",
9434
+ "name": "value",
9435
+ "description": "Returns the current values of all named form elements as a key-value object, keyed by each element's `name` attribute.",
9436
+ "return": {
9437
+ "type": {
9438
+ "text": "Record<string, string | number | boolean | string[] | null>"
9439
+ }
9440
+ },
9441
+ "readonly": true
9442
+ },
9443
+ {
9444
+ "kind": "field",
9445
+ "name": "submitElements",
9446
+ "description": "Getter for internal _submitElements.",
9447
+ "return": {
9448
+ "type": {
9449
+ "text": "HTMLButtonElement[]"
9450
+ }
9451
+ },
9452
+ "privacy": "private",
9453
+ "readonly": true
9454
+ },
9455
+ {
9456
+ "kind": "field",
9457
+ "name": "resetElements",
9458
+ "description": "Returns a collection of elements that will reset the form.",
9459
+ "return": {
9460
+ "type": {
9461
+ "text": "HTMLButtonElement[]"
9462
+ }
9463
+ },
9464
+ "privacy": "private",
9465
+ "readonly": true
9368
9466
  },
9369
9467
  {
9370
- "name": "placement",
9371
- "type": {
9372
- "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
9373
- },
9374
- "description": "Position where the bib should appear relative to the trigger.",
9375
- "default": "'bottom-start'",
9376
- "fieldName": "placement"
9468
+ "kind": "method",
9469
+ "name": "_calculateValidity",
9470
+ "description": "Infer validity status based on current formState.",
9471
+ "privacy": "private"
9377
9472
  },
9378
9473
  {
9379
- "name": "tabIndex",
9380
- "type": {
9381
- "text": "number"
9474
+ "kind": "field",
9475
+ "name": "validity",
9476
+ "description": "Returns `'valid'` if all required and interacted-with form elements are valid, `'invalid'` if any are not, or `null` if the form has not been interacted with yet.",
9477
+ "return": {
9478
+ "type": {
9479
+ "text": "\"valid\" | \"invalid\" | null"
9480
+ }
9382
9481
  },
9383
- "fieldName": "tabIndex"
9482
+ "readonly": true
9384
9483
  },
9385
9484
  {
9386
- "name": "shape",
9387
- "type": {
9388
- "text": "string"
9485
+ "kind": "method",
9486
+ "name": "_setInitialState",
9487
+ "description": "Determines whether the form is in its initial (untouched) state and updates `_isInitialState` accordingly.",
9488
+ "return": {
9489
+ "type": {
9490
+ "text": "void"
9491
+ }
9389
9492
  },
9390
- "fieldName": "shape",
9391
- "inheritedFrom": {
9392
- "name": "AuroElement",
9393
- "module": "components/layoutElement/src/auroElement.js"
9394
- }
9493
+ "privacy": "private"
9395
9494
  },
9396
9495
  {
9397
- "name": "size",
9398
- "type": {
9399
- "text": "string"
9496
+ "kind": "field",
9497
+ "name": "isInitialState",
9498
+ "description": "Returns `true` if no form element has been interacted with or had its value changed since the form was initialized or last reset.",
9499
+ "return": {
9500
+ "type": {
9501
+ "text": "boolean"
9502
+ }
9400
9503
  },
9401
- "fieldName": "size",
9402
- "inheritedFrom": {
9403
- "name": "AuroElement",
9404
- "module": "components/layoutElement/src/auroElement.js"
9405
- }
9504
+ "readonly": true
9406
9505
  },
9407
9506
  {
9408
- "name": "ondark",
9409
- "type": {
9410
- "text": "boolean"
9507
+ "kind": "method",
9508
+ "name": "setDisabledStateOnButtons",
9509
+ "description": "Enables or disables submit and reset buttons based on the current form state and validity.",
9510
+ "return": {
9511
+ "type": {
9512
+ "text": "void"
9513
+ }
9411
9514
  },
9412
- "fieldName": "onDark",
9413
- "inheritedFrom": {
9414
- "name": "AuroElement",
9415
- "module": "components/layoutElement/src/auroElement.js"
9416
- }
9417
- }
9418
- ],
9419
- "superclass": {
9420
- "name": "AuroElement",
9421
- "module": "/components/layoutElement/src/auroElement.js"
9422
- },
9423
- "tagName": "auro-dropdown",
9424
- "customElement": true
9425
- }
9426
- ],
9427
- "exports": [
9428
- {
9429
- "kind": "js",
9430
- "name": "AuroDropdown",
9431
- "declaration": {
9432
- "name": "AuroDropdown",
9433
- "module": "components/dropdown/src/auro-dropdown.js"
9434
- }
9435
- }
9436
- ]
9437
- },
9438
- {
9439
- "kind": "javascript-module",
9440
- "path": "components/dropdown/src/auro-dropdownBib.js",
9441
- "declarations": [
9442
- {
9443
- "kind": "class",
9444
- "description": "",
9445
- "name": "AuroDropdownBib",
9446
- "cssParts": [
9447
- {
9448
- "description": "Apply css to the bib container.",
9449
- "name": "bibContainer"
9450
- }
9451
- ],
9452
- "members": [
9515
+ "privacy": "private"
9516
+ },
9453
9517
  {
9454
- "kind": "field",
9455
- "name": "mobileFullscreenBreakpoint"
9518
+ "kind": "method",
9519
+ "name": "queryAuroElements",
9520
+ "description": "Construct the query strings from elements, append them together, execute, and return the NodeList.",
9521
+ "return": {
9522
+ "type": {
9523
+ "text": "NodeList"
9524
+ }
9525
+ },
9526
+ "privacy": "private"
9456
9527
  },
9457
9528
  {
9458
9529
  "kind": "method",
9459
- "name": "_setupCancelHandler",
9530
+ "name": "_addElementToState",
9460
9531
  "parameters": [
9461
9532
  {
9462
- "name": "dialog",
9463
- "description": "The dialog element to attach the cancel listener to.",
9533
+ "name": "element",
9534
+ "description": "The element to add to our state.",
9464
9535
  "type": {
9465
- "text": "HTMLDialogElement"
9536
+ "text": "HTMLElement"
9466
9537
  }
9467
9538
  }
9468
9539
  ],
9469
- "description": "Forwards the dialog's native `cancel` event (fired on ESC) as\nan `auro-bib-cancel` custom event so parent components can close.",
9540
+ "description": "Store an element in state and on the _elements array.",
9470
9541
  "privacy": "private"
9471
9542
  },
9472
9543
  {
9473
9544
  "kind": "method",
9474
- "name": "_lockTouchScroll",
9475
- "description": "Blocks touch-driven page scroll while a fullscreen modal dialog is open.\n\nThe showModal() function places the dialog in the browser's **top layer**,\nwhich is a separate rendering layer above the normal DOM. On mobile, the\ncompositor processes visual-viewport panning before top-layer touch\nhandling. This means the entire viewport — including the top-layer dialog\n— can be panned by a touch gesture, causing the page behind the dialog to\nscroll into view. To prevent this, we add a touchmove listener that cancels\nthe event if the touch started outside the dialog or any scrollable child within it.",
9545
+ "name": "initializeState",
9546
+ "description": "Initialize (or reinitialize) the form state.",
9547
+ "return": {
9548
+ "type": {
9549
+ "text": "void"
9550
+ }
9551
+ },
9476
9552
  "privacy": "private"
9477
9553
  },
9478
9554
  {
9479
9555
  "kind": "method",
9480
- "name": "_unlockTouchScroll",
9481
- "description": "Removes the touchmove listener added by _lockTouchScroll().",
9482
- "privacy": "private"
9556
+ "name": "reset",
9557
+ "description": "Resets all form elements to their initial state and fires a `reset` event. The event's `detail.previousValue` contains the form values captured immediately before the reset.",
9558
+ "return": {
9559
+ "type": {
9560
+ "text": "void"
9561
+ }
9562
+ }
9483
9563
  },
9484
9564
  {
9485
9565
  "kind": "method",
9486
- "name": "open",
9487
- "parameters": [
9488
- {
9489
- "name": "modal",
9490
- "default": "true"
9566
+ "name": "submit",
9567
+ "description": "Validates all form elements. If all are valid, fires a `submit` event with `detail.value` containing the current form values. If any element is invalid, its error state is surfaced and the `submit` event is not fired.",
9568
+ "return": {
9569
+ "type": {
9570
+ "text": "Promise<void>"
9491
9571
  }
9492
- ]
9572
+ }
9493
9573
  },
9494
9574
  {
9495
9575
  "kind": "method",
9496
- "name": "close",
9497
- "description": "Closes the dialog."
9576
+ "name": "register",
9577
+ "static": true,
9578
+ "parameters": [
9579
+ {
9580
+ "name": "name",
9581
+ "default": "\"auro-form\"",
9582
+ "description": "The custom element tag name to register.",
9583
+ "optional": true,
9584
+ "type": {
9585
+ "text": "string"
9586
+ }
9587
+ }
9588
+ ],
9589
+ "description": "Registers the `auro-form` custom element with the browser under a given tag name."
9498
9590
  },
9499
9591
  {
9500
- "kind": "field",
9501
- "name": "_mobileBreakpointName",
9502
- "privacy": "private",
9503
- "default": "undefined"
9592
+ "kind": "method",
9593
+ "name": "sharedInputListener",
9594
+ "parameters": [
9595
+ {
9596
+ "name": "event",
9597
+ "description": "The event that is fired from the form element.",
9598
+ "type": {
9599
+ "text": "Event"
9600
+ }
9601
+ }
9602
+ ],
9603
+ "description": "Shared input listener for all form elements.",
9604
+ "privacy": "private"
9504
9605
  },
9505
9606
  {
9506
- "kind": "field",
9507
- "name": "shape",
9508
- "privacy": "public",
9509
- "type": {
9510
- "text": "string"
9511
- },
9512
- "default": "\"rounded\"",
9513
- "attribute": "shape",
9514
- "reflects": true
9607
+ "kind": "method",
9608
+ "name": "sharedValidationListener",
9609
+ "parameters": [
9610
+ {
9611
+ "name": "event",
9612
+ "description": "The event that is fired from the form element.",
9613
+ "type": {
9614
+ "text": "Event"
9615
+ }
9616
+ }
9617
+ ],
9618
+ "description": "Shared validation listener for all form elements.",
9619
+ "privacy": "private"
9515
9620
  },
9516
9621
  {
9517
- "kind": "field",
9518
- "name": "matchWidth",
9519
- "privacy": "private",
9520
- "type": {
9521
- "text": "boolean"
9522
- },
9523
- "description": "If declared, the bib width will match the trigger width.",
9524
- "default": "false",
9525
- "attribute": "matchWidth",
9526
- "reflects": true
9622
+ "kind": "method",
9623
+ "name": "handleKeyDown",
9624
+ "parameters": [
9625
+ {
9626
+ "name": "event",
9627
+ "description": "The keyboard event.",
9628
+ "type": {
9629
+ "text": "KeyboardEvent"
9630
+ }
9631
+ }
9632
+ ],
9633
+ "description": "Handle Enter key press on form elements.",
9634
+ "privacy": "private"
9527
9635
  },
9528
9636
  {
9529
- "kind": "field",
9530
- "name": "hasActiveDescendant",
9531
- "privacy": "private",
9532
- "type": {
9533
- "text": "boolean"
9534
- },
9535
- "description": "Tracks whether a menu option is currently highlighted.",
9536
- "default": "false",
9537
- "attribute": "hasActiveDescendant"
9637
+ "kind": "method",
9638
+ "name": "_attachEventListeners",
9639
+ "description": "Attaches input, validation, and keydown listeners to all tracked form and button elements.\nRemoves existing listeners first to avoid duplicates on re-initialization.",
9640
+ "return": {
9641
+ "type": {
9642
+ "text": "void"
9643
+ }
9644
+ },
9645
+ "privacy": "private"
9538
9646
  },
9539
9647
  {
9540
- "type": {
9541
- "text": "String"
9648
+ "kind": "method",
9649
+ "name": "mutationEventListener",
9650
+ "description": "Mutation observer for form elements. Slot change does not trigger unless\nroot-level elements are added/removed. This is a workaround to ensure\nnested form elements are also observed.",
9651
+ "return": {
9652
+ "type": {
9653
+ "text": "void"
9654
+ }
9542
9655
  },
9543
- "description": "Defines the screen size breakpoint (`lg`, `md`, `sm`, or `xs`) at which the dropdown switches to fullscreen mode on mobile. When expanded, the dropdown will automatically display in fullscreen mode if the screen size is equal to or smaller than the selected breakpoint.",
9544
- "name": "fullscreenBreakpoint",
9545
- "kind": "field"
9656
+ "privacy": "private"
9546
9657
  },
9547
9658
  {
9548
- "kind": "field",
9549
- "name": "isFullscreen",
9550
- "privacy": "public",
9551
- "type": {
9552
- "text": "boolean"
9659
+ "kind": "method",
9660
+ "name": "onSlotChange",
9661
+ "parameters": [
9662
+ {
9663
+ "name": "event",
9664
+ "description": "The slot change event.",
9665
+ "type": {
9666
+ "text": "Event"
9667
+ }
9668
+ }
9669
+ ],
9670
+ "description": "Slot change event listener. This is the main entry point for the form element.",
9671
+ "return": {
9672
+ "type": {
9673
+ "text": "void"
9674
+ }
9553
9675
  },
9554
- "description": "If declared, will take the fullscreen when the bib is displayed.",
9555
- "attribute": "isFullscreen",
9556
- "reflects": true
9676
+ "privacy": "private"
9557
9677
  },
9558
9678
  {
9559
9679
  "kind": "field",
9560
- "name": "common",
9561
- "privacy": "public",
9680
+ "name": "formState",
9681
+ "privacy": "private",
9562
9682
  "type": {
9563
- "text": "boolean"
9683
+ "text": "FormState"
9564
9684
  },
9565
- "description": "If declared, will apply all styles for the common theme.",
9566
- "attribute": "common",
9567
- "reflects": true
9685
+ "default": "{}"
9568
9686
  },
9569
9687
  {
9570
9688
  "kind": "field",
9571
- "name": "inset",
9572
- "privacy": "public",
9689
+ "name": "_validity",
9690
+ "privacy": "private",
9573
9691
  "type": {
9574
- "text": "boolean"
9692
+ "text": "\"valid\" | \"invalid\" | null"
9575
9693
  },
9576
- "description": "If declared, will apply extra padding to bib content.",
9577
- "attribute": "inset",
9578
- "reflects": true
9694
+ "default": "null"
9579
9695
  },
9580
9696
  {
9581
9697
  "kind": "field",
9582
- "name": "rounded",
9583
- "privacy": "public",
9698
+ "name": "_isInitialState",
9699
+ "privacy": "private",
9584
9700
  "type": {
9585
9701
  "text": "boolean"
9586
9702
  },
9587
- "description": "If declared, will apply border-radius to the bib.",
9588
- "attribute": "rounded",
9589
- "reflects": true
9703
+ "default": "true"
9590
9704
  },
9591
9705
  {
9592
9706
  "kind": "field",
9593
- "name": "bibTemplate",
9594
- "privacy": "public",
9707
+ "name": "_elements",
9708
+ "privacy": "private",
9595
9709
  "type": {
9596
- "text": "object"
9710
+ "text": "(HTMLElement & {reset: () => void})[]"
9597
9711
  },
9598
- "description": "A reference to the associated bib template element.",
9599
- "attribute": "bibTemplate"
9712
+ "default": "[]"
9600
9713
  },
9601
9714
  {
9602
9715
  "kind": "field",
9603
- "name": "dialogLabel",
9716
+ "name": "_submitElements",
9604
9717
  "privacy": "private",
9605
9718
  "type": {
9606
- "text": "string"
9719
+ "text": "HTMLButtonElement[]"
9607
9720
  },
9608
- "description": "Accessible label for the dialog element, used when displayed as a modal.\nApplied via aria-labelledby on a visually hidden element rather than\naria-label because iOS VoiceOver does not reliably read aria-label\non <dialog> elements.",
9609
- "attribute": "dialogLabel"
9721
+ "default": "[]"
9610
9722
  },
9611
9723
  {
9612
9724
  "kind": "field",
9613
- "name": "dialogRole",
9725
+ "name": "_resetElements",
9614
9726
  "privacy": "private",
9615
9727
  "type": {
9616
- "text": "string"
9728
+ "text": "HTMLButtonElement[]"
9617
9729
  },
9618
- "description": "Overrides the native role of the dialog element.\nFor example, set to `\"presentation\"` on desktop combobox to prevent\nVoiceOver from announcing \"listbox inside of a dialog\".\nWhen `undefined`, the dialog keeps its native role.",
9619
- "attribute": "dialogRole"
9620
- }
9621
- ],
9622
- "events": [
9623
- {
9624
- "name": "auro-dropdownbib-connected",
9625
- "type": {
9626
- "text": "CustomEvent"
9627
- }
9730
+ "default": "[]"
9628
9731
  },
9629
9732
  {
9630
- "name": "auro-bib-cancel",
9733
+ "kind": "field",
9734
+ "name": "mutationObservers",
9631
9735
  "type": {
9632
- "text": "CustomEvent"
9633
- }
9736
+ "text": "MutationObserver[]"
9737
+ },
9738
+ "privacy": "private",
9739
+ "default": "[]"
9634
9740
  }
9635
9741
  ],
9636
- "attributes": [
9637
- {
9638
- "name": "isFullscreen",
9639
- "type": {
9640
- "text": "boolean"
9641
- },
9642
- "description": "If declared, will take the fullscreen when the bib is displayed.",
9643
- "fieldName": "isFullscreen"
9644
- },
9645
- {
9646
- "name": "common",
9647
- "type": {
9648
- "text": "boolean"
9649
- },
9650
- "description": "If declared, will apply all styles for the common theme.",
9651
- "fieldName": "common"
9652
- },
9653
- {
9654
- "name": "inset",
9655
- "type": {
9656
- "text": "boolean"
9657
- },
9658
- "description": "If declared, will apply extra padding to bib content.",
9659
- "fieldName": "inset"
9660
- },
9661
- {
9662
- "name": "matchWidth",
9663
- "type": {
9664
- "text": "boolean"
9665
- },
9666
- "description": "If declared, the bib width will match the trigger width.",
9667
- "default": "false",
9668
- "fieldName": "matchWidth"
9669
- },
9670
- {
9671
- "name": "rounded",
9672
- "type": {
9673
- "text": "boolean"
9674
- },
9675
- "description": "If declared, will apply border-radius to the bib.",
9676
- "fieldName": "rounded"
9677
- },
9678
- {
9679
- "name": "bibTemplate",
9680
- "type": {
9681
- "text": "object"
9682
- },
9683
- "description": "A reference to the associated bib template element.",
9684
- "fieldName": "bibTemplate"
9685
- },
9742
+ "events": [
9686
9743
  {
9687
- "name": "shape",
9744
+ "name": "change",
9688
9745
  "type": {
9689
- "text": "string"
9746
+ "text": "Event"
9690
9747
  },
9691
- "default": "\"rounded\"",
9692
- "fieldName": "shape"
9748
+ "description": "Fires when a child form element's value changes or the form is initialized."
9693
9749
  },
9694
9750
  {
9695
- "name": "dialogLabel",
9751
+ "name": "reset",
9696
9752
  "type": {
9697
- "text": "string"
9753
+ "text": "CustomEvent"
9698
9754
  },
9699
- "description": "Accessible label for the dialog element, used when displayed as a modal.\nApplied via aria-labelledby on a visually hidden element rather than\naria-label because iOS VoiceOver does not reliably read aria-label\non <dialog> elements.",
9700
- "fieldName": "dialogLabel"
9755
+ "description": "Fires when the form is reset. The event detail contains the previous value of the form before reset."
9701
9756
  },
9702
9757
  {
9703
- "name": "dialogRole",
9758
+ "name": "submit",
9704
9759
  "type": {
9705
- "text": "string"
9760
+ "text": "CustomEvent"
9706
9761
  },
9707
- "description": "Overrides the native role of the dialog element.\nFor example, set to `\"presentation\"` on desktop combobox to prevent\nVoiceOver from announcing \"listbox inside of a dialog\".\nWhen `undefined`, the dialog keeps its native role.",
9708
- "fieldName": "dialogRole"
9762
+ "description": "Fires when the form is submitted. The event detail contains the current value of the form."
9709
9763
  },
9710
9764
  {
9711
- "name": "hasActiveDescendant",
9712
- "type": {
9713
- "text": "boolean"
9714
- },
9715
- "description": "Tracks whether a menu option is currently highlighted.",
9716
- "default": "false",
9717
- "fieldName": "hasActiveDescendant"
9765
+ "description": "Fires when a child form element receives user input.",
9766
+ "name": "input"
9718
9767
  }
9719
9768
  ],
9720
9769
  "superclass": {
9721
9770
  "name": "LitElement",
9722
9771
  "package": "lit"
9723
9772
  },
9773
+ "tagName": "auro-form",
9724
9774
  "customElement": true
9725
9775
  }
9726
9776
  ],
9727
9777
  "exports": [
9728
9778
  {
9729
9779
  "kind": "js",
9730
- "name": "AuroDropdownBib",
9731
- "declaration": {
9732
- "name": "AuroDropdownBib",
9733
- "module": "components/dropdown/src/auro-dropdownBib.js"
9734
- }
9735
- }
9736
- ]
9737
- },
9738
- {
9739
- "kind": "javascript-module",
9740
- "path": "components/dropdown/src/dropdownBibKeyboardStrategy.js",
9741
- "declarations": [
9742
- {
9743
- "kind": "function",
9744
- "name": "createDropdownBibKeyboardStrategy",
9745
- "parameters": [
9746
- {
9747
- "name": "bib",
9748
- "description": "The dropdown bib element.",
9749
- "type": {
9750
- "text": "HTMLElement"
9751
- }
9752
- }
9753
- ],
9754
- "description": "Creates a keyboard strategy for dialog-specific key handling.\nAll other keydown behavior is left to the browser's native bubbling path.",
9755
- "return": {
9756
- "type": {
9757
- "text": "Object"
9758
- }
9759
- }
9760
- }
9761
- ],
9762
- "exports": [
9763
- {
9764
- "kind": "js",
9765
- "name": "createDropdownBibKeyboardStrategy",
9766
- "declaration": {
9767
- "name": "createDropdownBibKeyboardStrategy",
9768
- "module": "components/dropdown/src/dropdownBibKeyboardStrategy.js"
9769
- }
9770
- }
9771
- ]
9772
- },
9773
- {
9774
- "kind": "javascript-module",
9775
- "path": "components/dropdown/src/iconVersion.js",
9776
- "declarations": [],
9777
- "exports": [
9778
- {
9779
- "kind": "js",
9780
- "name": "default",
9780
+ "name": "AuroForm",
9781
9781
  "declaration": {
9782
- "name": "9.2.0",
9783
- "module": "components/dropdown/src/iconVersion.js"
9782
+ "name": "AuroForm",
9783
+ "module": "components/form/src/auro-form.js"
9784
9784
  }
9785
9785
  }
9786
9786
  ]
9787
9787
  },
9788
9788
  {
9789
9789
  "kind": "javascript-module",
9790
- "path": "components/dropdown/src/index.js",
9790
+ "path": "components/form/src/index.js",
9791
9791
  "declarations": [],
9792
9792
  "exports": [
9793
9793
  {
9794
9794
  "kind": "js",
9795
- "name": "AuroDropdown",
9795
+ "name": "AuroForm",
9796
9796
  "declaration": {
9797
- "name": "AuroDropdown",
9798
- "module": "components/dropdown/src/index.js"
9797
+ "name": "AuroForm",
9798
+ "module": "components/form/src/index.js"
9799
9799
  }
9800
9800
  }
9801
9801
  ]
9802
9802
  },
9803
9803
  {
9804
9804
  "kind": "javascript-module",
9805
- "path": "components/dropdown/src/registered.js",
9805
+ "path": "components/form/src/registered.js",
9806
9806
  "declarations": [],
9807
9807
  "exports": []
9808
9808
  },