@aurodesignsystem-dev/auro-formkit 0.0.0-pr1335.0 → 0.0.0-pr1338.0

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 (38) hide show
  1. package/components/checkbox/demo/api.min.js +2 -2
  2. package/components/checkbox/demo/index.min.js +2 -2
  3. package/components/checkbox/dist/index.js +2 -2
  4. package/components/checkbox/dist/registered.js +2 -2
  5. package/components/combobox/demo/api.js +2 -2
  6. package/components/combobox/demo/api.md +80 -0
  7. package/components/combobox/demo/api.min.js +29 -11
  8. package/components/combobox/demo/index.min.js +14 -10
  9. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  10. package/components/combobox/dist/index.js +14 -10
  11. package/components/combobox/dist/registered.js +14 -10
  12. package/components/counter/demo/api.min.js +3 -3
  13. package/components/counter/demo/index.min.js +3 -3
  14. package/components/counter/dist/index.js +3 -3
  15. package/components/counter/dist/registered.js +3 -3
  16. package/components/datepicker/demo/api.min.js +10 -10
  17. package/components/datepicker/demo/index.min.js +10 -10
  18. package/components/datepicker/dist/auro-datepicker.d.ts +1 -1
  19. package/components/datepicker/dist/index.js +10 -10
  20. package/components/datepicker/dist/registered.js +10 -10
  21. package/components/dropdown/demo/api.min.js +1 -1
  22. package/components/dropdown/demo/index.min.js +1 -1
  23. package/components/dropdown/dist/index.js +1 -1
  24. package/components/dropdown/dist/registered.js +1 -1
  25. package/components/input/demo/api.min.js +4 -4
  26. package/components/input/demo/index.min.js +4 -4
  27. package/components/input/dist/index.js +4 -4
  28. package/components/input/dist/registered.js +4 -4
  29. package/components/radio/demo/api.min.js +2 -2
  30. package/components/radio/demo/index.min.js +2 -2
  31. package/components/radio/dist/index.js +2 -2
  32. package/components/radio/dist/registered.js +2 -2
  33. package/components/select/demo/api.min.js +3 -3
  34. package/components/select/demo/index.min.js +3 -3
  35. package/components/select/dist/index.js +3 -3
  36. package/components/select/dist/registered.js +3 -3
  37. package/custom-elements.json +1234 -1234
  38. package/package.json +1 -1
@@ -7604,148 +7604,127 @@
7604
7604
  },
7605
7605
  {
7606
7606
  "kind": "javascript-module",
7607
- "path": "components/dropdown/src/auro-dropdown.js",
7607
+ "path": "components/form/src/auro-form.js",
7608
7608
  "declarations": [
7609
7609
  {
7610
7610
  "kind": "class",
7611
- "description": "The `auro-dropdown` element provides a way to place content in a bib that can be toggled.",
7612
- "name": "AuroDropdown",
7613
- "cssParts": [
7614
- {
7615
- "description": "The trigger content container.",
7616
- "name": "trigger"
7617
- },
7618
- {
7619
- "description": "The collapsed/expanded state icon container.",
7620
- "name": "chevron"
7621
- },
7622
- {
7623
- "description": "The size of the dropdown bib. (height, width, maxHeight, maxWidth only)",
7624
- "name": "size"
7625
- },
7626
- {
7627
- "description": "The helpText content container.",
7628
- "name": "helpText"
7629
- }
7630
- ],
7611
+ "description": "The `auro-form` element provides users a way to create and manage forms in a consistent manner.",
7612
+ "name": "AuroForm",
7631
7613
  "slots": [
7632
7614
  {
7633
- "description": "Default slot for the popover content.",
7634
- "name": ""
7635
- },
7636
- {
7637
- "description": "Defines the content of the helpText.",
7638
- "name": "helpText"
7639
- },
7640
- {
7641
- "description": "Defines the content of the trigger.",
7642
- "name": "trigger"
7615
+ "description": "The default slot for form elements.",
7616
+ "name": "default"
7643
7617
  }
7644
7618
  ],
7645
7619
  "members": [
7646
7620
  {
7647
7621
  "kind": "field",
7648
- "name": "commonWrapperClasses",
7649
- "privacy": "private",
7650
- "return": {
7651
- "type": {
7652
- "text": "object"
7653
- }
7654
- },
7622
+ "name": "formElementTags",
7623
+ "static": true,
7655
7624
  "readonly": true
7656
7625
  },
7657
7626
  {
7658
7627
  "kind": "method",
7659
- "name": "_intializeDefaults",
7660
- "privacy": "private",
7661
- "return": {
7662
- "type": {
7663
- "text": "void"
7628
+ "name": "_isElementTag",
7629
+ "parameters": [
7630
+ {
7631
+ "name": "elementTag",
7632
+ "description": "The HTML tag name like `auro-datepicker`.",
7633
+ "type": {
7634
+ "text": "string"
7635
+ }
7636
+ },
7637
+ {
7638
+ "name": "element",
7639
+ "description": "The actual HTML element to compare.",
7640
+ "type": {
7641
+ "text": "HTMLElement"
7642
+ }
7664
7643
  }
7665
- }
7666
- },
7667
- {
7668
- "kind": "method",
7669
- "name": "hide",
7670
- "description": "Public method to hide the dropdown.",
7644
+ ],
7645
+ "description": "Compare tag name with element to identify it (for API purposes).",
7671
7646
  "return": {
7672
7647
  "type": {
7673
- "text": "void"
7648
+ "text": "boolean"
7674
7649
  }
7675
- }
7650
+ },
7651
+ "privacy": "private"
7676
7652
  },
7677
7653
  {
7678
7654
  "kind": "method",
7679
- "name": "show",
7680
- "description": "Public method to show the dropdown.",
7655
+ "name": "_isInElementCollection",
7656
+ "parameters": [
7657
+ {
7658
+ "name": "collection",
7659
+ "description": "The array to use for tag name search.",
7660
+ "type": {
7661
+ "text": "string[]"
7662
+ }
7663
+ },
7664
+ {
7665
+ "name": "element",
7666
+ "description": "The element to compare against the master list.",
7667
+ "type": {
7668
+ "text": "HTMLElement"
7669
+ }
7670
+ }
7671
+ ],
7672
+ "description": "Shared code for determining if an element is something we care about (submit, form element, etc.).",
7681
7673
  "return": {
7682
7674
  "type": {
7683
- "text": "void"
7675
+ "text": "boolean"
7684
7676
  }
7685
- }
7686
- },
7687
- {
7688
- "kind": "method",
7689
- "name": "focus",
7690
- "description": "When bib is open, focus on the first element inside of bib.\nIf not, trigger element will get focus."
7677
+ },
7678
+ "privacy": "private"
7691
7679
  },
7692
7680
  {
7693
7681
  "kind": "method",
7694
- "name": "register",
7695
- "static": true,
7682
+ "name": "isFormElement",
7696
7683
  "parameters": [
7697
7684
  {
7698
- "name": "name",
7699
- "default": "\"auro-dropdown\"",
7700
- "description": "The name of the element that you want to register.",
7701
- "optional": true,
7685
+ "name": "element",
7686
+ "description": "The element to check (attr or tag name).",
7702
7687
  "type": {
7703
- "text": "string"
7688
+ "text": "HTMLElement"
7704
7689
  }
7705
7690
  }
7706
7691
  ],
7707
- "description": "This will register this element with the browser."
7708
- },
7709
- {
7710
- "kind": "field",
7711
- "name": "focusableEntityQuery",
7712
- "description": "Accessor for reusing the focusable entity query string.",
7713
- "privacy": "private",
7692
+ "description": "Check if the tag name is a form element.",
7714
7693
  "return": {
7715
7694
  "type": {
7716
- "text": "string"
7695
+ "text": "boolean"
7717
7696
  }
7718
- },
7719
- "readonly": true
7697
+ }
7720
7698
  },
7721
7699
  {
7722
7700
  "kind": "method",
7723
- "name": "handleDropdownToggle",
7701
+ "name": "_eventIsValidFormEvent",
7724
7702
  "parameters": [
7725
7703
  {
7726
7704
  "name": "event",
7727
- "description": "The custom event that contains the dropdown toggle information.",
7705
+ "description": "The event to validate.",
7728
7706
  "type": {
7729
- "text": "CustomEvent"
7707
+ "text": "Event"
7730
7708
  }
7731
7709
  }
7732
7710
  ],
7733
- "description": "Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.",
7734
- "privacy": "private"
7735
- },
7736
- {
7737
- "kind": "method",
7738
- "name": "exposeCssParts",
7739
- "description": "Exposes CSS parts for styling from parent components.",
7711
+ "description": "Validates if an event is from a valid form element with a name.",
7740
7712
  "return": {
7741
7713
  "type": {
7742
- "text": "void"
7714
+ "text": "boolean"
7743
7715
  }
7744
- }
7716
+ },
7717
+ "privacy": "private"
7718
+ },
7719
+ {
7720
+ "kind": "field",
7721
+ "name": "buttonElementTags",
7722
+ "static": true,
7723
+ "readonly": true
7745
7724
  },
7746
7725
  {
7747
7726
  "kind": "method",
7748
- "name": "isCustomSlotContent",
7727
+ "name": "isButtonElement",
7749
7728
  "parameters": [
7750
7729
  {
7751
7730
  "name": "element",
@@ -7755,408 +7734,428 @@
7755
7734
  }
7756
7735
  }
7757
7736
  ],
7758
- "description": "Determines if content is within a custom slot.",
7759
- "privacy": "private",
7737
+ "description": "Check if the tag name is a button element.",
7760
7738
  "return": {
7761
7739
  "type": {
7762
- "text": "Boolean"
7740
+ "text": "boolean"
7763
7741
  }
7764
7742
  }
7765
7743
  },
7766
7744
  {
7767
- "kind": "method",
7768
- "name": "handleFocusin",
7769
- "description": "Function to support",
7770
- "privacy": "private",
7745
+ "kind": "field",
7746
+ "name": "value",
7747
+ "description": "Reduce the form value into a key-value pair.\n\nNOTE: form keys use `name` first, and `id` second if `name` is not available.\nThis follows standard HTML5 form behavior - submission uses `name` by default when creating\nthe FormData object.",
7771
7748
  "return": {
7772
7749
  "type": {
7773
- "text": "void"
7750
+ "text": "Record<string, string | number | boolean | string[] | null>"
7774
7751
  }
7775
- }
7752
+ },
7753
+ "readonly": true
7754
+ },
7755
+ {
7756
+ "kind": "field",
7757
+ "name": "submitElements",
7758
+ "description": "Getter for internal _submitElements.",
7759
+ "return": {
7760
+ "type": {
7761
+ "text": "HTMLButtonElement[]"
7762
+ }
7763
+ },
7764
+ "readonly": true
7765
+ },
7766
+ {
7767
+ "kind": "field",
7768
+ "name": "resetElements",
7769
+ "description": "Returns a collection of elements that will reset the form.",
7770
+ "return": {
7771
+ "type": {
7772
+ "text": "HTMLButtonElement[]"
7773
+ }
7774
+ },
7775
+ "readonly": true
7776
7776
  },
7777
7777
  {
7778
7778
  "kind": "method",
7779
- "name": "updateFocusTrap",
7779
+ "name": "_calculateValidity",
7780
+ "description": "Infer validity status based on current formState.",
7780
7781
  "privacy": "private"
7781
7782
  },
7782
7783
  {
7783
- "kind": "method",
7784
- "name": "handleFocusout",
7785
- "description": "Function to support",
7786
- "privacy": "private",
7784
+ "kind": "field",
7785
+ "name": "validity",
7786
+ "description": "Current validity state of the form, based on form element events.",
7787
7787
  "return": {
7788
7788
  "type": {
7789
- "text": "void"
7789
+ "text": "\"valid\" | \"invalid\""
7790
7790
  }
7791
- }
7791
+ },
7792
+ "readonly": true
7792
7793
  },
7793
7794
  {
7794
7795
  "kind": "method",
7795
- "name": "bindFocusEventToTrigger",
7796
- "parameters": [
7797
- {
7798
- "name": "event",
7799
- "description": "The original focus event.",
7800
- "type": {
7801
- "text": "Event"
7802
- }
7796
+ "name": "_setInitialState"
7797
+ },
7798
+ {
7799
+ "kind": "field",
7800
+ "name": "isInitialState",
7801
+ "description": "Mostly internal way to determine if a form is in the initial state.",
7802
+ "return": {
7803
+ "type": {
7804
+ "text": "boolean"
7803
7805
  }
7804
- ],
7805
- "description": "Creates and dispatches a duplicate focus event on the trigger element.",
7806
- "privacy": "private"
7806
+ },
7807
+ "readonly": true
7807
7808
  },
7808
7809
  {
7809
7810
  "kind": "method",
7810
- "name": "setupTriggerFocusEventBinding",
7811
- "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.",
7812
- "privacy": "private"
7811
+ "name": "setDisabledStateOnButtons"
7813
7812
  },
7814
7813
  {
7815
7814
  "kind": "method",
7816
- "name": "clearTriggerFocusEventBinding",
7817
- "description": "Clears focus and blur event listeners from nested Auro components within the trigger slot.",
7818
- "privacy": "private",
7815
+ "name": "queryAuroElements",
7816
+ "description": "Construct the query strings from elements, append them together, execute, and return the NodeList.",
7819
7817
  "return": {
7820
7818
  "type": {
7821
- "text": "void"
7819
+ "text": "NodeList"
7822
7820
  }
7823
7821
  }
7824
7822
  },
7825
7823
  {
7826
7824
  "kind": "method",
7827
- "name": "clearTriggerA11yAttributes",
7825
+ "name": "_addElementToState",
7828
7826
  "parameters": [
7829
7827
  {
7830
- "name": "triggerElement"
7828
+ "name": "element",
7829
+ "description": "The element to add to our state.",
7830
+ "type": {
7831
+ "text": "HTMLElement"
7832
+ }
7831
7833
  }
7832
- ]
7833
- },
7834
+ ],
7835
+ "description": "Store an element in state and on the _elements array.",
7836
+ "privacy": "private"
7837
+ },
7834
7838
  {
7835
7839
  "kind": "method",
7836
- "name": "handleTriggerContentSlotChange",
7840
+ "name": "initializeState",
7841
+ "description": "Initialize (or reinitialize) the form state."
7842
+ },
7843
+ {
7844
+ "kind": "method",
7845
+ "name": "reset",
7846
+ "description": "Reset fires an event called `reset` - just as you would expect from a normal form."
7847
+ },
7848
+ {
7849
+ "kind": "method",
7850
+ "name": "submit",
7851
+ "description": "Submit fires an event called `submit` - just as you would expect from a normal form."
7852
+ },
7853
+ {
7854
+ "kind": "method",
7855
+ "name": "register",
7856
+ "static": true,
7837
7857
  "parameters": [
7838
7858
  {
7839
- "name": "event",
7840
- "description": "Native slotchange event.",
7859
+ "name": "name",
7860
+ "default": "\"auro-form\"",
7861
+ "description": "The name of element that you want to register to.",
7862
+ "optional": true,
7841
7863
  "type": {
7842
- "text": "Event"
7864
+ "text": "string"
7843
7865
  }
7844
7866
  }
7845
7867
  ],
7846
- "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.",
7847
- "privacy": "private",
7848
- "return": {
7849
- "type": {
7850
- "text": "void"
7851
- }
7852
- }
7853
- },
7854
- {
7855
- "kind": "method",
7856
- "name": "handleDefaultSlot",
7857
- "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.",
7858
- "privacy": "private"
7868
+ "description": "This will register this element with the browser."
7859
7869
  },
7860
7870
  {
7861
7871
  "kind": "method",
7862
- "name": "renderBasicHtml",
7872
+ "name": "sharedInputListener",
7863
7873
  "parameters": [
7864
7874
  {
7865
- "name": "helpTextClasses",
7866
- "description": "Classes to apply to the help text container.",
7875
+ "name": "event",
7876
+ "description": "The event that is fired from the form element.",
7867
7877
  "type": {
7868
- "text": "Object"
7878
+ "text": "Event"
7869
7879
  }
7870
7880
  }
7871
7881
  ],
7872
- "description": "Returns HTML for the common portion of the layouts.",
7873
- "privacy": "private",
7874
- "return": {
7875
- "type": {
7876
- "text": "html"
7877
- }
7878
- }
7882
+ "description": "Shared input listener for all form elements.",
7883
+ "privacy": "private"
7879
7884
  },
7880
7885
  {
7881
7886
  "kind": "method",
7882
- "name": "renderLayoutClassic",
7883
- "description": "Returns HTML for the classic layout. Does not support type=\"*\".",
7884
- "privacy": "private",
7885
- "return": {
7886
- "type": {
7887
- "text": "html"
7887
+ "name": "sharedValidationListener",
7888
+ "parameters": [
7889
+ {
7890
+ "name": "event",
7891
+ "description": "The event that is fired from the form element.",
7892
+ "type": {
7893
+ "text": "Event"
7894
+ }
7888
7895
  }
7889
- }
7896
+ ],
7897
+ "description": "Shared validation listener for all form elements.",
7898
+ "privacy": "private"
7890
7899
  },
7891
7900
  {
7892
7901
  "kind": "method",
7893
- "name": "renderLayoutSnowflake",
7894
- "description": "Returns HTML for the snowflake layout. Does not support type=\"*\".",
7895
- "privacy": "private",
7896
- "return": {
7897
- "type": {
7898
- "text": "html"
7899
- }
7900
- }
7902
+ "name": "_attachEventListeners"
7901
7903
  },
7902
7904
  {
7903
7905
  "kind": "method",
7904
- "name": "renderLayoutEmphasized",
7905
- "description": "Returns HTML for the emphasized layout. Does not support type=\"*\".",
7906
+ "name": "mutationEventListener",
7907
+ "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.",
7906
7908
  "privacy": "private",
7907
7909
  "return": {
7908
7910
  "type": {
7909
- "text": "html"
7911
+ "text": "void"
7910
7912
  }
7911
7913
  }
7912
7914
  },
7913
7915
  {
7914
7916
  "kind": "method",
7915
- "name": "renderLayout",
7917
+ "name": "onSlotChange",
7916
7918
  "parameters": [
7917
7919
  {
7918
- "name": "ForcedLayout",
7919
- "description": "Used to force a specific layout, pass in the layout name to use.",
7920
- "optional": true,
7920
+ "name": "event",
7921
+ "description": "The slot change event.",
7921
7922
  "type": {
7922
- "text": "string"
7923
+ "text": "Event"
7923
7924
  }
7924
7925
  }
7925
7926
  ],
7926
- "description": "Logic to determine the layout of the component.",
7927
- "privacy": "private",
7927
+ "description": "Slot change event listener. This is the main entry point for the form element.",
7928
7928
  "return": {
7929
7929
  "type": {
7930
- "text": "HTMLCollection"
7930
+ "text": "void"
7931
7931
  }
7932
7932
  }
7933
7933
  },
7934
7934
  {
7935
7935
  "kind": "field",
7936
- "name": "isPopoverVisible",
7936
+ "name": "formState",
7937
7937
  "privacy": "public",
7938
7938
  "type": {
7939
- "text": "boolean"
7939
+ "text": "FormState"
7940
7940
  },
7941
- "description": "If true, the dropdown bib is displayed.",
7942
- "default": "false",
7943
- "attribute": "open",
7944
- "reflects": true
7941
+ "default": "{}"
7945
7942
  },
7946
7943
  {
7947
7944
  "kind": "field",
7948
- "name": "isBibFullscreen",
7945
+ "name": "_validity",
7949
7946
  "privacy": "public",
7950
7947
  "type": {
7951
- "text": "boolean"
7948
+ "text": "\"valid\" | \"invalid\" | null"
7952
7949
  },
7953
- "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
7954
- "default": "false",
7955
- "attribute": "isBibFullscreen",
7956
- "reflects": true
7950
+ "default": "null"
7957
7951
  },
7958
7952
  {
7959
7953
  "kind": "field",
7960
- "name": "matchWidth",
7954
+ "name": "_isInitialState",
7961
7955
  "privacy": "public",
7962
7956
  "type": {
7963
7957
  "text": "boolean"
7964
7958
  },
7965
- "description": "If declared, the popover and trigger will be set to the same width.",
7966
- "default": "false",
7967
- "attribute": "matchWidth",
7968
- "reflects": true
7959
+ "default": "true"
7969
7960
  },
7970
7961
  {
7971
7962
  "kind": "field",
7972
- "name": "noHideOnThisFocusLoss",
7963
+ "name": "_elements",
7973
7964
  "privacy": "public",
7974
7965
  "type": {
7975
- "text": "boolean"
7966
+ "text": "(HTMLElement & {reset: () => void})[]"
7976
7967
  },
7977
- "description": "If declared, the dropdown will not hide when moving focus outside the element.",
7978
- "default": "false",
7979
- "attribute": "noHideOnThisFocusLoss",
7980
- "reflects": true
7968
+ "default": "[]"
7981
7969
  },
7982
7970
  {
7983
7971
  "kind": "field",
7984
- "name": "errorMessage",
7985
- "privacy": "public",
7972
+ "name": "_submitelements",
7986
7973
  "type": {
7987
- "text": "string"
7974
+ "text": "HTMLButtonElement[]"
7988
7975
  },
7989
- "description": "Contains the help text message for the current validity error.",
7990
- "default": "undefined",
7991
- "attribute": "errorMessage"
7976
+ "default": "[]"
7992
7977
  },
7993
7978
  {
7994
7979
  "kind": "field",
7995
- "name": "layout",
7980
+ "name": "_resetElements",
7996
7981
  "privacy": "public",
7997
7982
  "type": {
7998
- "text": "string"
7983
+ "text": "HTMLButtonElement[]"
7999
7984
  },
8000
- "description": "Sets the layout of the dropdown.",
8001
- "default": "undefined",
8002
- "attribute": "layout",
8003
- "reflects": true,
8004
- "inheritedFrom": {
8005
- "name": "AuroElement",
8006
- "module": "components/layoutElement/src/auroElement.js"
8007
- }
7985
+ "default": "[]"
8008
7986
  },
8009
7987
  {
8010
7988
  "kind": "field",
8011
- "name": "shape",
8012
- "privacy": "public",
7989
+ "name": "mutationObservers",
8013
7990
  "type": {
8014
- "text": "string"
7991
+ "text": "MutationObserver[]"
8015
7992
  },
8016
- "attribute": "shape",
8017
- "reflects": true,
8018
- "default": "undefined",
8019
- "inheritedFrom": {
8020
- "name": "AuroElement",
8021
- "module": "components/layoutElement/src/auroElement.js"
8022
- }
7993
+ "privacy": "private",
7994
+ "default": "[]"
8023
7995
  },
8024
7996
  {
8025
7997
  "kind": "field",
8026
- "name": "size",
7998
+ "name": "cssClass",
8027
7999
  "privacy": "public",
8028
8000
  "type": {
8029
- "text": "string"
8001
+ "text": "boolean"
8030
8002
  },
8031
- "attribute": "size",
8032
- "reflects": true,
8033
- "default": "undefined",
8034
- "inheritedFrom": {
8035
- "name": "AuroElement",
8036
- "module": "components/layoutElement/src/auroElement.js"
8037
- }
8003
+ "description": "Applies designated CSS class to demo element - you want to delete me!",
8004
+ "attribute": "cssClass"
8038
8005
  },
8039
8006
  {
8040
8007
  "kind": "field",
8041
- "name": "parentBorder",
8042
- "privacy": "private",
8008
+ "name": "fixed",
8009
+ "privacy": "public",
8043
8010
  "type": {
8044
8011
  "text": "boolean"
8045
8012
  },
8046
- "description": "Defines if the trigger should size based on the parent element providing the border UI.",
8047
- "default": "false",
8048
- "attribute": "parentBorder",
8013
+ "description": "If declared, use fixed pixel values for element shape.",
8014
+ "attribute": "fixed",
8049
8015
  "reflects": true
8050
8016
  },
8051
8017
  {
8052
8018
  "kind": "field",
8053
- "name": "bibElement",
8054
- "privacy": "private"
8055
- },
8056
- {
8057
- "kind": "field",
8058
- "name": "a11yRole",
8019
+ "name": "_submitElements",
8059
8020
  "privacy": "public",
8060
8021
  "type": {
8061
- "text": "string"
8022
+ "text": "array"
8023
+ }
8024
+ }
8025
+ ],
8026
+ "events": [
8027
+ {
8028
+ "name": "change",
8029
+ "type": {
8030
+ "text": "Event"
8062
8031
  },
8063
- "description": "The value for the role attribute of the trigger element."
8032
+ "description": "Fires when form state changes."
8064
8033
  },
8065
8034
  {
8066
- "kind": "field",
8067
- "name": "appearance",
8068
- "privacy": "public",
8035
+ "name": "reset",
8069
8036
  "type": {
8070
- "text": "'default' | 'inverse'"
8071
- },
8072
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
8073
- "default": "'default'",
8074
- "attribute": "appearance",
8075
- "reflects": true
8037
+ "text": "CustomEvent"
8038
+ }
8076
8039
  },
8077
8040
  {
8078
- "kind": "field",
8079
- "name": "autoPlacement",
8080
- "privacy": "public",
8041
+ "name": "submit",
8042
+ "type": {
8043
+ "text": "CustomEvent"
8044
+ }
8045
+ }
8046
+ ],
8047
+ "attributes": [
8048
+ {
8049
+ "name": "cssClass",
8081
8050
  "type": {
8082
8051
  "text": "boolean"
8083
8052
  },
8084
- "description": "If declared, bib's position will be automatically calculated where to appear.",
8085
- "attribute": "autoPlacement",
8086
- "reflects": true
8053
+ "description": "Applies designated CSS class to demo element - you want to delete me!",
8054
+ "fieldName": "cssClass"
8087
8055
  },
8088
8056
  {
8089
- "kind": "field",
8090
- "name": "disableEventShow",
8091
- "privacy": "public",
8057
+ "name": "fixed",
8092
8058
  "type": {
8093
8059
  "text": "boolean"
8094
8060
  },
8095
- "description": "If declared, the dropdown will only show by calling the API .show() public method.",
8096
- "attribute": "disableEventShow",
8097
- "reflects": true
8098
- },
8099
- {
8100
- "kind": "field",
8101
- "name": "simple",
8102
- "privacy": "public",
8103
- "type": {
8104
- "text": "boolean"
8105
- },
8106
- "description": "If declared, applies a border around the trigger slot.",
8107
- "attribute": "simple",
8108
- "reflects": true
8109
- },
8110
- {
8111
- "kind": "field",
8112
- "name": "chevron",
8113
- "privacy": "public",
8114
- "type": {
8115
- "text": "boolean"
8116
- },
8117
- "description": "If declared, the dropdown displays a chevron on the right.",
8118
- "attribute": "chevron",
8119
- "reflects": true
8120
- },
8121
- {
8122
- "kind": "field",
8123
- "name": "disabled",
8124
- "privacy": "public",
8125
- "type": {
8126
- "text": "boolean"
8127
- },
8128
- "description": "If declared, the dropdown is not interactive.",
8129
- "attribute": "disabled",
8130
- "reflects": true
8131
- },
8061
+ "description": "If declared, use fixed pixel values for element shape.",
8062
+ "fieldName": "fixed"
8063
+ }
8064
+ ],
8065
+ "superclass": {
8066
+ "name": "LitElement",
8067
+ "package": "lit"
8068
+ },
8069
+ "tagName": "auro-form",
8070
+ "customElement": true
8071
+ }
8072
+ ],
8073
+ "exports": [
8074
+ {
8075
+ "kind": "js",
8076
+ "name": "AuroForm",
8077
+ "declaration": {
8078
+ "name": "AuroForm",
8079
+ "module": "components/form/src/auro-form.js"
8080
+ }
8081
+ }
8082
+ ]
8083
+ },
8084
+ {
8085
+ "kind": "javascript-module",
8086
+ "path": "components/form/src/index.js",
8087
+ "declarations": [],
8088
+ "exports": [
8089
+ {
8090
+ "kind": "js",
8091
+ "name": "AuroForm",
8092
+ "declaration": {
8093
+ "name": "AuroForm",
8094
+ "module": "components/form/src/index.js"
8095
+ }
8096
+ }
8097
+ ]
8098
+ },
8099
+ {
8100
+ "kind": "javascript-module",
8101
+ "path": "components/form/src/registered.js",
8102
+ "declarations": [],
8103
+ "exports": []
8104
+ },
8105
+ {
8106
+ "kind": "javascript-module",
8107
+ "path": "components/helptext/src/auro-helptext.js",
8108
+ "declarations": [
8109
+ {
8110
+ "kind": "class",
8111
+ "description": "Displays help text or error messages within form elements - Internal Use Only.",
8112
+ "name": "AuroHelpText",
8113
+ "members": [
8132
8114
  {
8133
- "kind": "field",
8134
- "name": "disableFocusTrap",
8135
- "privacy": "public",
8136
- "type": {
8137
- "text": "boolean"
8138
- },
8139
- "description": "If declared, the focus trap inside of bib will be turned off.",
8140
- "attribute": "disableFocusTrap",
8141
- "reflects": true
8115
+ "kind": "method",
8116
+ "name": "register",
8117
+ "static": true,
8118
+ "parameters": [
8119
+ {
8120
+ "name": "name",
8121
+ "default": "\"auro-helptext\"",
8122
+ "description": "The name of element that you want to register to.",
8123
+ "optional": true,
8124
+ "type": {
8125
+ "text": "string"
8126
+ }
8127
+ }
8128
+ ],
8129
+ "description": "This will register this element with the browser."
8142
8130
  },
8143
8131
  {
8144
- "kind": "field",
8145
- "name": "dropdownWidth",
8146
- "privacy": "private",
8147
- "type": {
8148
- "text": "number"
8149
- },
8150
- "attribute": "dropdownWidth"
8132
+ "kind": "method",
8133
+ "name": "handleSlotChange",
8134
+ "parameters": [
8135
+ {
8136
+ "name": "event"
8137
+ }
8138
+ ]
8151
8139
  },
8152
8140
  {
8153
- "kind": "field",
8154
- "name": "dropdownId",
8155
- "privacy": "private",
8156
- "type": {
8157
- "text": "string"
8141
+ "kind": "method",
8142
+ "name": "checkSlotsForContent",
8143
+ "parameters": [
8144
+ {
8145
+ "name": "nodes",
8146
+ "description": "The list of nodes to check for content.",
8147
+ "type": {
8148
+ "text": "NodeList|Array"
8149
+ }
8150
+ }
8151
+ ],
8152
+ "description": "Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.",
8153
+ "return": {
8154
+ "type": {
8155
+ "text": "boolean"
8156
+ }
8158
8157
  },
8159
- "description": "The unique ID for the dropdown bib element."
8158
+ "privacy": "private"
8160
8159
  },
8161
8160
  {
8162
8161
  "kind": "field",
@@ -8165,1380 +8164,1366 @@
8165
8164
  "type": {
8166
8165
  "text": "boolean"
8167
8166
  },
8168
- "description": "If declared, will apply error UI to the dropdown.",
8167
+ "description": "If declared, make font color red.",
8168
+ "default": "false",
8169
8169
  "attribute": "error",
8170
8170
  "reflects": true
8171
8171
  },
8172
8172
  {
8173
8173
  "kind": "field",
8174
- "name": "focusShow",
8174
+ "name": "appearance",
8175
8175
  "privacy": "public",
8176
8176
  "type": {
8177
- "text": "boolean"
8177
+ "text": "string"
8178
8178
  },
8179
- "description": "If declared, the bib will display when focus is applied to the trigger.",
8180
- "attribute": "focusShow",
8179
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
8180
+ "default": "\"default\"",
8181
+ "attribute": "appearance",
8181
8182
  "reflects": true
8182
8183
  },
8183
8184
  {
8184
8185
  "kind": "field",
8185
- "name": "hoverToggle",
8186
+ "name": "onDark",
8186
8187
  "privacy": "public",
8187
8188
  "type": {
8188
8189
  "text": "boolean"
8189
8190
  },
8190
- "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
8191
- "attribute": "hoverToggle",
8191
+ "description": "DEPRECATED - use `appearance` instead.",
8192
+ "default": "false",
8193
+ "attribute": "onDark",
8192
8194
  "reflects": true
8193
8195
  },
8194
8196
  {
8195
8197
  "kind": "field",
8196
- "name": "hasTriggerContent",
8198
+ "name": "hasTextContent",
8197
8199
  "privacy": "private",
8198
8200
  "type": {
8199
8201
  "text": "boolean"
8200
8202
  },
8201
- "attribute": "hasTriggerContent"
8203
+ "default": "false",
8204
+ "attribute": "hasTextContent"
8202
8205
  },
8203
8206
  {
8204
8207
  "kind": "field",
8205
- "name": "fullscreenBreakpoint",
8206
- "privacy": "public",
8208
+ "name": "slotNodes",
8209
+ "privacy": "private",
8207
8210
  "type": {
8208
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
8211
+ "text": "boolean"
8209
8212
  },
8210
- "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.",
8211
- "default": "'sm'",
8212
- "attribute": "fullscreenBreakpoint",
8213
- "reflects": true
8214
- },
8213
+ "attribute": "slotNodes"
8214
+ }
8215
+ ],
8216
+ "attributes": [
8215
8217
  {
8216
- "kind": "field",
8217
- "name": "noFlip",
8218
- "privacy": "public",
8218
+ "name": "appearance",
8219
8219
  "type": {
8220
- "text": "boolean"
8220
+ "text": "string"
8221
8221
  },
8222
- "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
8223
- "attribute": "noFlip",
8224
- "reflects": true
8222
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
8223
+ "default": "\"default\"",
8224
+ "fieldName": "appearance"
8225
8225
  },
8226
8226
  {
8227
- "kind": "field",
8228
- "name": "shift",
8229
- "privacy": "public",
8227
+ "name": "slotNodes",
8230
8228
  "type": {
8231
8229
  "text": "boolean"
8232
8230
  },
8233
- "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
8234
- "attribute": "shift",
8235
- "reflects": true
8231
+ "fieldName": "slotNodes"
8236
8232
  },
8237
8233
  {
8238
- "kind": "field",
8239
- "name": "noToggle",
8240
- "privacy": "public",
8234
+ "name": "hasTextContent",
8241
8235
  "type": {
8242
8236
  "text": "boolean"
8243
8237
  },
8244
- "description": "If declared, the trigger will only show the dropdown bib.",
8245
- "attribute": "noToggle",
8246
- "reflects": true
8238
+ "default": "false",
8239
+ "fieldName": "hasTextContent"
8247
8240
  },
8248
8241
  {
8249
- "kind": "field",
8250
- "name": "offset",
8251
- "privacy": "public",
8242
+ "name": "error",
8252
8243
  "type": {
8253
- "text": "number"
8244
+ "text": "boolean"
8254
8245
  },
8255
- "description": "Gap between the trigger element and bib.",
8256
- "default": "0",
8257
- "attribute": "offset",
8258
- "reflects": true
8246
+ "description": "If declared, make font color red.",
8247
+ "default": "false",
8248
+ "fieldName": "error"
8259
8249
  },
8260
8250
  {
8261
- "kind": "field",
8262
8251
  "name": "onDark",
8263
- "privacy": "public",
8264
8252
  "type": {
8265
8253
  "text": "boolean"
8266
8254
  },
8267
- "attribute": "onDark",
8268
- "reflects": true,
8269
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
8270
- "inheritedFrom": {
8271
- "name": "AuroElement",
8272
- "module": "components/layoutElement/src/auroElement.js"
8273
- }
8274
- },
8275
- {
8276
- "kind": "field",
8277
- "name": "onSlotChange",
8278
- "privacy": "public",
8279
- "type": {
8280
- "text": "function"
8281
- },
8282
- "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
8283
- "attribute": "onSlotChange"
8284
- },
8285
- {
8286
- "kind": "field",
8287
- "name": "placement",
8288
- "privacy": "public",
8289
- "type": {
8290
- "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
8291
- },
8292
- "description": "Position where the bib should appear relative to the trigger.",
8293
- "default": "'bottom-start'",
8294
- "attribute": "placement",
8295
- "reflects": true
8255
+ "description": "DEPRECATED - use `appearance` instead.",
8256
+ "default": "false",
8257
+ "fieldName": "onDark"
8258
+ }
8259
+ ],
8260
+ "superclass": {
8261
+ "name": "LitElement",
8262
+ "package": "lit"
8263
+ },
8264
+ "customElement": true
8265
+ }
8266
+ ],
8267
+ "exports": [
8268
+ {
8269
+ "kind": "js",
8270
+ "name": "AuroHelpText",
8271
+ "declaration": {
8272
+ "name": "AuroHelpText",
8273
+ "module": "components/helptext/src/auro-helptext.js"
8274
+ }
8275
+ }
8276
+ ]
8277
+ },
8278
+ {
8279
+ "kind": "javascript-module",
8280
+ "path": "components/helptext/src/index.js",
8281
+ "declarations": [],
8282
+ "exports": [
8283
+ {
8284
+ "kind": "js",
8285
+ "name": "AuroHelpText",
8286
+ "declaration": {
8287
+ "name": "AuroHelpText",
8288
+ "module": "components/helptext/src/index.js"
8289
+ }
8290
+ }
8291
+ ]
8292
+ },
8293
+ {
8294
+ "kind": "javascript-module",
8295
+ "path": "components/helptext/src/registered.js",
8296
+ "declarations": [],
8297
+ "exports": []
8298
+ },
8299
+ {
8300
+ "kind": "javascript-module",
8301
+ "path": "components/dropdown/src/auro-dropdown.js",
8302
+ "declarations": [
8303
+ {
8304
+ "kind": "class",
8305
+ "description": "The `auro-dropdown` element provides a way to place content in a bib that can be toggled.",
8306
+ "name": "AuroDropdown",
8307
+ "cssParts": [
8308
+ {
8309
+ "description": "The trigger content container.",
8310
+ "name": "trigger"
8311
+ },
8312
+ {
8313
+ "description": "The collapsed/expanded state icon container.",
8314
+ "name": "chevron"
8315
+ },
8316
+ {
8317
+ "description": "The size of the dropdown bib. (height, width, maxHeight, maxWidth only)",
8318
+ "name": "size"
8319
+ },
8320
+ {
8321
+ "description": "The helpText content container.",
8322
+ "name": "helpText"
8323
+ }
8324
+ ],
8325
+ "slots": [
8326
+ {
8327
+ "description": "Default slot for the popover content.",
8328
+ "name": ""
8329
+ },
8330
+ {
8331
+ "description": "Defines the content of the helpText.",
8332
+ "name": "helpText"
8296
8333
  },
8334
+ {
8335
+ "description": "Defines the content of the trigger.",
8336
+ "name": "trigger"
8337
+ }
8338
+ ],
8339
+ "members": [
8297
8340
  {
8298
8341
  "kind": "field",
8299
- "name": "tabIndex",
8342
+ "name": "commonWrapperClasses",
8300
8343
  "privacy": "private",
8301
- "type": {
8302
- "text": "number"
8344
+ "return": {
8345
+ "type": {
8346
+ "text": "object"
8347
+ }
8303
8348
  },
8304
- "attribute": "tabIndex"
8349
+ "readonly": true
8305
8350
  },
8306
8351
  {
8307
- "kind": "field",
8308
- "name": "componentHasFocus",
8309
- "description": "Returns true if the element has focus.",
8352
+ "kind": "method",
8353
+ "name": "_intializeDefaults",
8310
8354
  "privacy": "private",
8311
8355
  "return": {
8312
8356
  "type": {
8313
- "text": "boolean"
8357
+ "text": "void"
8314
8358
  }
8315
- },
8316
- "readonly": true,
8317
- "inheritedFrom": {
8318
- "name": "AuroElement",
8319
- "module": "components/layoutElement/src/auroElement.js"
8320
8359
  }
8321
8360
  },
8322
8361
  {
8323
8362
  "kind": "method",
8324
- "name": "resetShapeClasses",
8325
- "inheritedFrom": {
8326
- "name": "AuroElement",
8327
- "module": "components/layoutElement/src/auroElement.js"
8363
+ "name": "hide",
8364
+ "description": "Public method to hide the dropdown.",
8365
+ "return": {
8366
+ "type": {
8367
+ "text": "void"
8368
+ }
8328
8369
  }
8329
8370
  },
8330
8371
  {
8331
8372
  "kind": "method",
8332
- "name": "resetLayoutClasses",
8333
- "inheritedFrom": {
8334
- "name": "AuroElement",
8335
- "module": "components/layoutElement/src/auroElement.js"
8373
+ "name": "show",
8374
+ "description": "Public method to show the dropdown.",
8375
+ "return": {
8376
+ "type": {
8377
+ "text": "void"
8378
+ }
8336
8379
  }
8337
8380
  },
8338
8381
  {
8339
8382
  "kind": "method",
8340
- "name": "updateComponentArchitecture",
8341
- "inheritedFrom": {
8342
- "name": "AuroElement",
8343
- "module": "components/layoutElement/src/auroElement.js"
8344
- }
8345
- }
8346
- ],
8347
- "events": [
8383
+ "name": "focus",
8384
+ "description": "When bib is open, focus on the first element inside of bib.\nIf not, trigger element will get focus."
8385
+ },
8348
8386
  {
8349
- "name": "auroDropdown-idAdded",
8350
- "type": {
8351
- "text": "Object<key"
8352
- },
8353
- "description": "Notifies consumers that the unique ID for the dropdown bib has been generated."
8387
+ "kind": "method",
8388
+ "name": "register",
8389
+ "static": true,
8390
+ "parameters": [
8391
+ {
8392
+ "name": "name",
8393
+ "default": "\"auro-dropdown\"",
8394
+ "description": "The name of the element that you want to register.",
8395
+ "optional": true,
8396
+ "type": {
8397
+ "text": "string"
8398
+ }
8399
+ }
8400
+ ],
8401
+ "description": "This will register this element with the browser."
8354
8402
  },
8355
8403
  {
8356
- "name": "auroDropdown-triggerClick",
8357
- "type": {
8358
- "text": "CustomEvent"
8404
+ "kind": "field",
8405
+ "name": "focusableEntityQuery",
8406
+ "description": "Accessor for reusing the focusable entity query string.",
8407
+ "privacy": "private",
8408
+ "return": {
8409
+ "type": {
8410
+ "text": "string"
8411
+ }
8359
8412
  },
8360
- "description": "Notifies that the trigger has been clicked."
8413
+ "readonly": true
8361
8414
  },
8362
8415
  {
8363
- "description": "Notifies that the visibility of the dropdown bib has changed.",
8364
- "name": "auroDropdown-toggled"
8365
- }
8366
- ],
8367
- "attributes": [
8416
+ "kind": "method",
8417
+ "name": "handleDropdownToggle",
8418
+ "parameters": [
8419
+ {
8420
+ "name": "event",
8421
+ "description": "The custom event that contains the dropdown toggle information.",
8422
+ "type": {
8423
+ "text": "CustomEvent"
8424
+ }
8425
+ }
8426
+ ],
8427
+ "description": "Handles the custom event `auroDropdown-toggled` to update the visibility of the dropdown bib.",
8428
+ "privacy": "private"
8429
+ },
8368
8430
  {
8369
- "name": "appearance",
8370
- "type": {
8371
- "text": "'default' | 'inverse'"
8372
- },
8373
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
8374
- "default": "'default'",
8375
- "fieldName": "appearance"
8431
+ "kind": "method",
8432
+ "name": "exposeCssParts",
8433
+ "description": "Exposes CSS parts for styling from parent components.",
8434
+ "return": {
8435
+ "type": {
8436
+ "text": "void"
8437
+ }
8438
+ }
8376
8439
  },
8377
8440
  {
8378
- "name": "autoPlacement",
8379
- "type": {
8380
- "text": "boolean"
8381
- },
8382
- "description": "If declared, bib's position will be automatically calculated where to appear.",
8383
- "fieldName": "autoPlacement"
8441
+ "kind": "method",
8442
+ "name": "isCustomSlotContent",
8443
+ "parameters": [
8444
+ {
8445
+ "name": "element",
8446
+ "description": "The element to check.",
8447
+ "type": {
8448
+ "text": "HTMLElement"
8449
+ }
8450
+ }
8451
+ ],
8452
+ "description": "Determines if content is within a custom slot.",
8453
+ "privacy": "private",
8454
+ "return": {
8455
+ "type": {
8456
+ "text": "Boolean"
8457
+ }
8458
+ }
8384
8459
  },
8385
8460
  {
8386
- "name": "disableEventShow",
8387
- "type": {
8388
- "text": "boolean"
8389
- },
8390
- "description": "If declared, the dropdown will only show by calling the API .show() public method.",
8391
- "fieldName": "disableEventShow"
8461
+ "kind": "method",
8462
+ "name": "handleFocusin",
8463
+ "description": "Function to support",
8464
+ "privacy": "private",
8465
+ "return": {
8466
+ "type": {
8467
+ "text": "void"
8468
+ }
8469
+ }
8392
8470
  },
8393
8471
  {
8394
- "name": "simple",
8395
- "type": {
8396
- "text": "boolean"
8397
- },
8398
- "description": "If declared, applies a border around the trigger slot.",
8399
- "fieldName": "simple"
8472
+ "kind": "method",
8473
+ "name": "updateFocusTrap",
8474
+ "privacy": "private"
8400
8475
  },
8401
8476
  {
8402
- "name": "chevron",
8403
- "type": {
8404
- "text": "boolean"
8405
- },
8406
- "description": "If declared, the dropdown displays a chevron on the right.",
8407
- "fieldName": "chevron"
8477
+ "kind": "method",
8478
+ "name": "handleFocusout",
8479
+ "description": "Function to support",
8480
+ "privacy": "private",
8481
+ "return": {
8482
+ "type": {
8483
+ "text": "void"
8484
+ }
8485
+ }
8408
8486
  },
8409
8487
  {
8410
- "name": "disabled",
8411
- "type": {
8412
- "text": "boolean"
8413
- },
8414
- "description": "If declared, the dropdown is not interactive.",
8415
- "fieldName": "disabled"
8488
+ "kind": "method",
8489
+ "name": "bindFocusEventToTrigger",
8490
+ "parameters": [
8491
+ {
8492
+ "name": "event",
8493
+ "description": "The original focus event.",
8494
+ "type": {
8495
+ "text": "Event"
8496
+ }
8497
+ }
8498
+ ],
8499
+ "description": "Creates and dispatches a duplicate focus event on the trigger element.",
8500
+ "privacy": "private"
8416
8501
  },
8417
8502
  {
8418
- "name": "disableFocusTrap",
8419
- "type": {
8420
- "text": "boolean"
8421
- },
8422
- "description": "If declared, the focus trap inside of bib will be turned off.",
8423
- "fieldName": "disableFocusTrap"
8503
+ "kind": "method",
8504
+ "name": "setupTriggerFocusEventBinding",
8505
+ "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.",
8506
+ "privacy": "private"
8424
8507
  },
8425
8508
  {
8426
- "name": "dropdownWidth",
8427
- "type": {
8428
- "text": "number"
8429
- },
8430
- "fieldName": "dropdownWidth"
8509
+ "kind": "method",
8510
+ "name": "clearTriggerFocusEventBinding",
8511
+ "description": "Clears focus and blur event listeners from nested Auro components within the trigger slot.",
8512
+ "privacy": "private",
8513
+ "return": {
8514
+ "type": {
8515
+ "text": "void"
8516
+ }
8517
+ }
8431
8518
  },
8432
8519
  {
8433
- "name": "error",
8434
- "type": {
8435
- "text": "boolean"
8436
- },
8437
- "description": "If declared, will apply error UI to the dropdown.",
8438
- "fieldName": "error"
8520
+ "kind": "method",
8521
+ "name": "clearTriggerA11yAttributes",
8522
+ "parameters": [
8523
+ {
8524
+ "name": "triggerElement"
8525
+ }
8526
+ ]
8439
8527
  },
8440
8528
  {
8441
- "name": "errorMessage",
8442
- "type": {
8443
- "text": "string"
8444
- },
8445
- "description": "Contains the help text message for the current validity error.",
8446
- "default": "undefined",
8447
- "fieldName": "errorMessage"
8529
+ "kind": "method",
8530
+ "name": "handleTriggerContentSlotChange",
8531
+ "parameters": [
8532
+ {
8533
+ "name": "event",
8534
+ "description": "Native slotchange event.",
8535
+ "type": {
8536
+ "text": "Event"
8537
+ }
8538
+ }
8539
+ ],
8540
+ "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.",
8541
+ "privacy": "private",
8542
+ "return": {
8543
+ "type": {
8544
+ "text": "void"
8545
+ }
8546
+ }
8448
8547
  },
8449
8548
  {
8450
- "name": "focusShow",
8451
- "type": {
8452
- "text": "boolean"
8453
- },
8454
- "description": "If declared, the bib will display when focus is applied to the trigger.",
8455
- "fieldName": "focusShow"
8549
+ "kind": "method",
8550
+ "name": "handleDefaultSlot",
8551
+ "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.",
8552
+ "privacy": "private"
8553
+ },
8554
+ {
8555
+ "kind": "method",
8556
+ "name": "renderBasicHtml",
8557
+ "parameters": [
8558
+ {
8559
+ "name": "helpTextClasses",
8560
+ "description": "Classes to apply to the help text container.",
8561
+ "type": {
8562
+ "text": "Object"
8563
+ }
8564
+ }
8565
+ ],
8566
+ "description": "Returns HTML for the common portion of the layouts.",
8567
+ "privacy": "private",
8568
+ "return": {
8569
+ "type": {
8570
+ "text": "html"
8571
+ }
8572
+ }
8573
+ },
8574
+ {
8575
+ "kind": "method",
8576
+ "name": "renderLayoutClassic",
8577
+ "description": "Returns HTML for the classic layout. Does not support type=\"*\".",
8578
+ "privacy": "private",
8579
+ "return": {
8580
+ "type": {
8581
+ "text": "html"
8582
+ }
8583
+ }
8584
+ },
8585
+ {
8586
+ "kind": "method",
8587
+ "name": "renderLayoutSnowflake",
8588
+ "description": "Returns HTML for the snowflake layout. Does not support type=\"*\".",
8589
+ "privacy": "private",
8590
+ "return": {
8591
+ "type": {
8592
+ "text": "html"
8593
+ }
8594
+ }
8595
+ },
8596
+ {
8597
+ "kind": "method",
8598
+ "name": "renderLayoutEmphasized",
8599
+ "description": "Returns HTML for the emphasized layout. Does not support type=\"*\".",
8600
+ "privacy": "private",
8601
+ "return": {
8602
+ "type": {
8603
+ "text": "html"
8604
+ }
8605
+ }
8606
+ },
8607
+ {
8608
+ "kind": "method",
8609
+ "name": "renderLayout",
8610
+ "parameters": [
8611
+ {
8612
+ "name": "ForcedLayout",
8613
+ "description": "Used to force a specific layout, pass in the layout name to use.",
8614
+ "optional": true,
8615
+ "type": {
8616
+ "text": "string"
8617
+ }
8618
+ }
8619
+ ],
8620
+ "description": "Logic to determine the layout of the component.",
8621
+ "privacy": "private",
8622
+ "return": {
8623
+ "type": {
8624
+ "text": "HTMLCollection"
8625
+ }
8626
+ }
8456
8627
  },
8457
8628
  {
8458
- "name": "open",
8629
+ "kind": "field",
8630
+ "name": "isPopoverVisible",
8631
+ "privacy": "public",
8459
8632
  "type": {
8460
8633
  "text": "boolean"
8461
8634
  },
8462
8635
  "description": "If true, the dropdown bib is displayed.",
8463
8636
  "default": "false",
8464
- "fieldName": "isPopoverVisible"
8637
+ "attribute": "open",
8638
+ "reflects": true
8465
8639
  },
8466
8640
  {
8641
+ "kind": "field",
8467
8642
  "name": "isBibFullscreen",
8643
+ "privacy": "public",
8468
8644
  "type": {
8469
8645
  "text": "boolean"
8470
8646
  },
8471
8647
  "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
8472
8648
  "default": "false",
8473
- "fieldName": "isBibFullscreen"
8649
+ "attribute": "isBibFullscreen",
8650
+ "reflects": true
8474
8651
  },
8475
8652
  {
8476
- "name": "hoverToggle",
8653
+ "kind": "field",
8654
+ "name": "matchWidth",
8655
+ "privacy": "public",
8477
8656
  "type": {
8478
8657
  "text": "boolean"
8479
8658
  },
8480
- "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
8481
- "fieldName": "hoverToggle"
8659
+ "description": "If declared, the popover and trigger will be set to the same width.",
8660
+ "default": "false",
8661
+ "attribute": "matchWidth",
8662
+ "reflects": true
8482
8663
  },
8483
8664
  {
8484
- "name": "hasTriggerContent",
8665
+ "kind": "field",
8666
+ "name": "noHideOnThisFocusLoss",
8667
+ "privacy": "public",
8485
8668
  "type": {
8486
8669
  "text": "boolean"
8487
8670
  },
8488
- "fieldName": "hasTriggerContent"
8671
+ "description": "If declared, the dropdown will not hide when moving focus outside the element.",
8672
+ "default": "false",
8673
+ "attribute": "noHideOnThisFocusLoss",
8674
+ "reflects": true
8489
8675
  },
8490
8676
  {
8491
- "name": "fullscreenBreakpoint",
8677
+ "kind": "field",
8678
+ "name": "errorMessage",
8679
+ "privacy": "public",
8492
8680
  "type": {
8493
- "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
8681
+ "text": "string"
8494
8682
  },
8495
- "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.",
8496
- "default": "'sm'",
8497
- "fieldName": "fullscreenBreakpoint"
8683
+ "description": "Contains the help text message for the current validity error.",
8684
+ "default": "undefined",
8685
+ "attribute": "errorMessage"
8498
8686
  },
8499
8687
  {
8688
+ "kind": "field",
8500
8689
  "name": "layout",
8690
+ "privacy": "public",
8501
8691
  "type": {
8502
8692
  "text": "string"
8503
8693
  },
8504
8694
  "description": "Sets the layout of the dropdown.",
8505
8695
  "default": "undefined",
8506
- "fieldName": "layout",
8696
+ "attribute": "layout",
8697
+ "reflects": true,
8507
8698
  "inheritedFrom": {
8508
8699
  "name": "AuroElement",
8509
8700
  "module": "components/layoutElement/src/auroElement.js"
8510
8701
  }
8511
8702
  },
8512
8703
  {
8513
- "name": "parentBorder",
8514
- "type": {
8515
- "text": "boolean"
8516
- },
8517
- "description": "Defines if the trigger should size based on the parent element providing the border UI.",
8518
- "default": "false",
8519
- "fieldName": "parentBorder"
8520
- },
8521
- {
8522
- "name": "matchWidth",
8523
- "type": {
8524
- "text": "boolean"
8525
- },
8526
- "description": "If declared, the popover and trigger will be set to the same width.",
8527
- "default": "false",
8528
- "fieldName": "matchWidth"
8529
- },
8530
- {
8531
- "name": "noFlip",
8704
+ "kind": "field",
8705
+ "name": "shape",
8706
+ "privacy": "public",
8532
8707
  "type": {
8533
- "text": "boolean"
8708
+ "text": "string"
8534
8709
  },
8535
- "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
8536
- "fieldName": "noFlip"
8710
+ "attribute": "shape",
8711
+ "reflects": true,
8712
+ "default": "undefined",
8713
+ "inheritedFrom": {
8714
+ "name": "AuroElement",
8715
+ "module": "components/layoutElement/src/auroElement.js"
8716
+ }
8537
8717
  },
8538
8718
  {
8539
- "name": "shift",
8719
+ "kind": "field",
8720
+ "name": "size",
8721
+ "privacy": "public",
8540
8722
  "type": {
8541
- "text": "boolean"
8723
+ "text": "string"
8542
8724
  },
8543
- "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
8544
- "fieldName": "shift"
8725
+ "attribute": "size",
8726
+ "reflects": true,
8727
+ "default": "undefined",
8728
+ "inheritedFrom": {
8729
+ "name": "AuroElement",
8730
+ "module": "components/layoutElement/src/auroElement.js"
8731
+ }
8545
8732
  },
8546
8733
  {
8547
- "name": "noHideOnThisFocusLoss",
8734
+ "kind": "field",
8735
+ "name": "parentBorder",
8736
+ "privacy": "private",
8548
8737
  "type": {
8549
8738
  "text": "boolean"
8550
8739
  },
8551
- "description": "If declared, the dropdown will not hide when moving focus outside the element.",
8740
+ "description": "Defines if the trigger should size based on the parent element providing the border UI.",
8552
8741
  "default": "false",
8553
- "fieldName": "noHideOnThisFocusLoss"
8554
- },
8555
- {
8556
- "name": "noToggle",
8557
- "type": {
8558
- "text": "boolean"
8559
- },
8560
- "description": "If declared, the trigger will only show the dropdown bib.",
8561
- "fieldName": "noToggle"
8562
- },
8563
- {
8564
- "name": "offset",
8565
- "type": {
8566
- "text": "number"
8567
- },
8568
- "description": "Gap between the trigger element and bib.",
8569
- "default": "0",
8570
- "fieldName": "offset"
8742
+ "attribute": "parentBorder",
8743
+ "reflects": true
8571
8744
  },
8572
8745
  {
8573
- "name": "onDark",
8574
- "type": {
8575
- "text": "boolean"
8576
- },
8577
- "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
8578
- "fieldName": "onDark"
8746
+ "kind": "field",
8747
+ "name": "bibElement",
8748
+ "privacy": "private"
8579
8749
  },
8580
8750
  {
8581
- "name": "onSlotChange",
8751
+ "kind": "field",
8752
+ "name": "a11yRole",
8753
+ "privacy": "public",
8582
8754
  "type": {
8583
- "text": "function"
8755
+ "text": "string"
8584
8756
  },
8585
- "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
8586
- "fieldName": "onSlotChange"
8757
+ "description": "The value for the role attribute of the trigger element."
8587
8758
  },
8588
8759
  {
8589
- "name": "placement",
8760
+ "kind": "field",
8761
+ "name": "appearance",
8762
+ "privacy": "public",
8590
8763
  "type": {
8591
- "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
8764
+ "text": "'default' | 'inverse'"
8592
8765
  },
8593
- "description": "Position where the bib should appear relative to the trigger.",
8594
- "default": "'bottom-start'",
8595
- "fieldName": "placement"
8766
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
8767
+ "default": "'default'",
8768
+ "attribute": "appearance",
8769
+ "reflects": true
8596
8770
  },
8597
8771
  {
8598
- "name": "tabIndex",
8772
+ "kind": "field",
8773
+ "name": "autoPlacement",
8774
+ "privacy": "public",
8599
8775
  "type": {
8600
- "text": "number"
8776
+ "text": "boolean"
8601
8777
  },
8602
- "fieldName": "tabIndex"
8778
+ "description": "If declared, bib's position will be automatically calculated where to appear.",
8779
+ "attribute": "autoPlacement",
8780
+ "reflects": true
8603
8781
  },
8604
8782
  {
8605
- "name": "shape",
8783
+ "kind": "field",
8784
+ "name": "disableEventShow",
8785
+ "privacy": "public",
8606
8786
  "type": {
8607
- "text": "string"
8787
+ "text": "boolean"
8608
8788
  },
8609
- "fieldName": "shape",
8610
- "inheritedFrom": {
8611
- "name": "AuroElement",
8612
- "module": "components/layoutElement/src/auroElement.js"
8613
- }
8789
+ "description": "If declared, the dropdown will only show by calling the API .show() public method.",
8790
+ "attribute": "disableEventShow",
8791
+ "reflects": true
8614
8792
  },
8615
8793
  {
8616
- "name": "size",
8794
+ "kind": "field",
8795
+ "name": "simple",
8796
+ "privacy": "public",
8617
8797
  "type": {
8618
- "text": "string"
8798
+ "text": "boolean"
8619
8799
  },
8620
- "fieldName": "size",
8621
- "inheritedFrom": {
8622
- "name": "AuroElement",
8623
- "module": "components/layoutElement/src/auroElement.js"
8624
- }
8800
+ "description": "If declared, applies a border around the trigger slot.",
8801
+ "attribute": "simple",
8802
+ "reflects": true
8625
8803
  },
8626
8804
  {
8627
- "name": "ondark",
8805
+ "kind": "field",
8806
+ "name": "chevron",
8807
+ "privacy": "public",
8628
8808
  "type": {
8629
8809
  "text": "boolean"
8630
8810
  },
8631
- "fieldName": "onDark",
8632
- "inheritedFrom": {
8633
- "name": "AuroElement",
8634
- "module": "components/layoutElement/src/auroElement.js"
8635
- }
8636
- }
8637
- ],
8638
- "superclass": {
8639
- "name": "AuroElement",
8640
- "module": "/components/layoutElement/src/auroElement.js"
8641
- },
8642
- "tagName": "auro-dropdown",
8643
- "customElement": true
8644
- }
8645
- ],
8646
- "exports": [
8647
- {
8648
- "kind": "js",
8649
- "name": "AuroDropdown",
8650
- "declaration": {
8651
- "name": "AuroDropdown",
8652
- "module": "components/dropdown/src/auro-dropdown.js"
8653
- }
8654
- }
8655
- ]
8656
- },
8657
- {
8658
- "kind": "javascript-module",
8659
- "path": "components/dropdown/src/auro-dropdownBib.js",
8660
- "declarations": [
8661
- {
8662
- "kind": "class",
8663
- "description": "",
8664
- "name": "AuroDropdownBib",
8665
- "cssParts": [
8666
- {
8667
- "description": "Apply css to the bib container.",
8668
- "name": "bibContainer"
8669
- }
8670
- ],
8671
- "members": [
8672
- {
8673
- "kind": "field",
8674
- "name": "mobileFullscreenBreakpoint"
8811
+ "description": "If declared, the dropdown displays a chevron on the right.",
8812
+ "attribute": "chevron",
8813
+ "reflects": true
8675
8814
  },
8676
8815
  {
8677
8816
  "kind": "field",
8678
- "name": "_mobileBreakpointValue",
8679
- "privacy": "private",
8680
- "default": "undefined"
8817
+ "name": "disabled",
8818
+ "privacy": "public",
8819
+ "type": {
8820
+ "text": "boolean"
8821
+ },
8822
+ "description": "If declared, the dropdown is not interactive.",
8823
+ "attribute": "disabled",
8824
+ "reflects": true
8681
8825
  },
8682
8826
  {
8683
8827
  "kind": "field",
8684
- "name": "shape",
8828
+ "name": "disableFocusTrap",
8685
8829
  "privacy": "public",
8686
8830
  "type": {
8687
- "text": "string"
8831
+ "text": "boolean"
8688
8832
  },
8689
- "default": "\"rounded\"",
8690
- "attribute": "shape",
8833
+ "description": "If declared, the focus trap inside of bib will be turned off.",
8834
+ "attribute": "disableFocusTrap",
8691
8835
  "reflects": true
8692
8836
  },
8693
8837
  {
8694
8838
  "kind": "field",
8695
- "name": "matchWidth",
8839
+ "name": "dropdownWidth",
8696
8840
  "privacy": "private",
8697
8841
  "type": {
8698
- "text": "boolean"
8842
+ "text": "number"
8699
8843
  },
8700
- "description": "If declared, the bib width will match the trigger width.",
8701
- "default": "false",
8702
- "attribute": "matchWidth",
8703
- "reflects": true
8844
+ "attribute": "dropdownWidth"
8704
8845
  },
8705
8846
  {
8847
+ "kind": "field",
8848
+ "name": "dropdownId",
8849
+ "privacy": "private",
8706
8850
  "type": {
8707
- "text": "String"
8851
+ "text": "string"
8708
8852
  },
8709
- "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.",
8710
- "name": "fullscreenBreakpoint",
8711
- "kind": "field"
8853
+ "description": "The unique ID for the dropdown bib element."
8712
8854
  },
8713
8855
  {
8714
8856
  "kind": "field",
8715
- "name": "isFullscreen",
8857
+ "name": "error",
8716
8858
  "privacy": "public",
8717
8859
  "type": {
8718
8860
  "text": "boolean"
8719
8861
  },
8720
- "description": "If declared, will take the fullscreen when the bib is displayed.",
8721
- "attribute": "isFullscreen",
8862
+ "description": "If declared, will apply error UI to the dropdown.",
8863
+ "attribute": "error",
8722
8864
  "reflects": true
8723
8865
  },
8724
8866
  {
8725
8867
  "kind": "field",
8726
- "name": "common",
8868
+ "name": "focusShow",
8727
8869
  "privacy": "public",
8728
8870
  "type": {
8729
8871
  "text": "boolean"
8730
8872
  },
8731
- "description": "If declared, will apply all styles for the common theme.",
8732
- "attribute": "common",
8873
+ "description": "If declared, the bib will display when focus is applied to the trigger.",
8874
+ "attribute": "focusShow",
8733
8875
  "reflects": true
8734
8876
  },
8735
8877
  {
8736
8878
  "kind": "field",
8737
- "name": "inset",
8879
+ "name": "hoverToggle",
8738
8880
  "privacy": "public",
8739
8881
  "type": {
8740
8882
  "text": "boolean"
8741
8883
  },
8742
- "description": "If declared, will apply extra padding to bib content.",
8743
- "attribute": "inset",
8884
+ "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
8885
+ "attribute": "hoverToggle",
8744
8886
  "reflects": true
8745
8887
  },
8746
8888
  {
8747
8889
  "kind": "field",
8748
- "name": "rounded",
8749
- "privacy": "public",
8890
+ "name": "hasTriggerContent",
8891
+ "privacy": "private",
8750
8892
  "type": {
8751
8893
  "text": "boolean"
8752
8894
  },
8753
- "description": "If declared, will apply border-radius to the bib.",
8754
- "attribute": "rounded",
8755
- "reflects": true
8895
+ "attribute": "hasTriggerContent"
8756
8896
  },
8757
8897
  {
8758
8898
  "kind": "field",
8759
- "name": "bibTemplate",
8899
+ "name": "fullscreenBreakpoint",
8760
8900
  "privacy": "public",
8761
8901
  "type": {
8762
- "text": "object"
8902
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
8763
8903
  },
8764
- "description": "A reference to the associated bib template element.",
8765
- "attribute": "bibTemplate"
8766
- }
8767
- ],
8768
- "events": [
8769
- {
8770
- "name": "auro-dropdownbib-connected",
8771
- "type": {
8772
- "text": "CustomEvent"
8773
- }
8774
- }
8775
- ],
8776
- "attributes": [
8904
+ "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.",
8905
+ "default": "'sm'",
8906
+ "attribute": "fullscreenBreakpoint",
8907
+ "reflects": true
8908
+ },
8777
8909
  {
8778
- "name": "isFullscreen",
8910
+ "kind": "field",
8911
+ "name": "noFlip",
8912
+ "privacy": "public",
8779
8913
  "type": {
8780
8914
  "text": "boolean"
8781
8915
  },
8782
- "description": "If declared, will take the fullscreen when the bib is displayed.",
8783
- "fieldName": "isFullscreen"
8916
+ "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
8917
+ "attribute": "noFlip",
8918
+ "reflects": true
8784
8919
  },
8785
8920
  {
8786
- "name": "common",
8921
+ "kind": "field",
8922
+ "name": "shift",
8923
+ "privacy": "public",
8787
8924
  "type": {
8788
8925
  "text": "boolean"
8789
8926
  },
8790
- "description": "If declared, will apply all styles for the common theme.",
8791
- "fieldName": "common"
8927
+ "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
8928
+ "attribute": "shift",
8929
+ "reflects": true
8792
8930
  },
8793
8931
  {
8794
- "name": "inset",
8932
+ "kind": "field",
8933
+ "name": "noToggle",
8934
+ "privacy": "public",
8795
8935
  "type": {
8796
8936
  "text": "boolean"
8797
8937
  },
8798
- "description": "If declared, will apply extra padding to bib content.",
8799
- "fieldName": "inset"
8938
+ "description": "If declared, the trigger will only show the dropdown bib.",
8939
+ "attribute": "noToggle",
8940
+ "reflects": true
8800
8941
  },
8801
8942
  {
8802
- "name": "matchWidth",
8943
+ "kind": "field",
8944
+ "name": "offset",
8945
+ "privacy": "public",
8803
8946
  "type": {
8804
- "text": "boolean"
8947
+ "text": "number"
8805
8948
  },
8806
- "description": "If declared, the bib width will match the trigger width.",
8807
- "default": "false",
8808
- "fieldName": "matchWidth"
8949
+ "description": "Gap between the trigger element and bib.",
8950
+ "default": "0",
8951
+ "attribute": "offset",
8952
+ "reflects": true
8809
8953
  },
8810
8954
  {
8811
- "name": "rounded",
8955
+ "kind": "field",
8956
+ "name": "onDark",
8957
+ "privacy": "public",
8812
8958
  "type": {
8813
8959
  "text": "boolean"
8814
8960
  },
8815
- "description": "If declared, will apply border-radius to the bib.",
8816
- "fieldName": "rounded"
8961
+ "attribute": "onDark",
8962
+ "reflects": true,
8963
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
8964
+ "inheritedFrom": {
8965
+ "name": "AuroElement",
8966
+ "module": "components/layoutElement/src/auroElement.js"
8967
+ }
8817
8968
  },
8818
8969
  {
8819
- "name": "bibTemplate",
8970
+ "kind": "field",
8971
+ "name": "onSlotChange",
8972
+ "privacy": "public",
8820
8973
  "type": {
8821
- "text": "object"
8974
+ "text": "function"
8822
8975
  },
8823
- "description": "A reference to the associated bib template element.",
8824
- "fieldName": "bibTemplate"
8976
+ "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
8977
+ "attribute": "onSlotChange"
8825
8978
  },
8826
- {
8827
- "name": "shape",
8828
- "type": {
8829
- "text": "string"
8830
- },
8831
- "default": "\"rounded\"",
8832
- "fieldName": "shape"
8833
- }
8834
- ],
8835
- "superclass": {
8836
- "name": "LitElement",
8837
- "package": "lit"
8838
- },
8839
- "customElement": true
8840
- }
8841
- ],
8842
- "exports": [
8843
- {
8844
- "kind": "js",
8845
- "name": "AuroDropdownBib",
8846
- "declaration": {
8847
- "name": "AuroDropdownBib",
8848
- "module": "components/dropdown/src/auro-dropdownBib.js"
8849
- }
8850
- }
8851
- ]
8852
- },
8853
- {
8854
- "kind": "javascript-module",
8855
- "path": "components/dropdown/src/iconVersion.js",
8856
- "declarations": [],
8857
- "exports": [
8858
- {
8859
- "kind": "js",
8860
- "name": "default",
8861
- "declaration": {
8862
- "name": "9.1.2",
8863
- "module": "components/dropdown/src/iconVersion.js"
8864
- }
8865
- }
8866
- ]
8867
- },
8868
- {
8869
- "kind": "javascript-module",
8870
- "path": "components/dropdown/src/index.js",
8871
- "declarations": [],
8872
- "exports": [
8873
- {
8874
- "kind": "js",
8875
- "name": "AuroDropdown",
8876
- "declaration": {
8877
- "name": "AuroDropdown",
8878
- "module": "components/dropdown/src/index.js"
8879
- }
8880
- }
8881
- ]
8882
- },
8883
- {
8884
- "kind": "javascript-module",
8885
- "path": "components/dropdown/src/registered.js",
8886
- "declarations": [],
8887
- "exports": []
8888
- },
8889
- {
8890
- "kind": "javascript-module",
8891
- "path": "components/form/src/auro-form.js",
8892
- "declarations": [
8893
- {
8894
- "kind": "class",
8895
- "description": "The `auro-form` element provides users a way to create and manage forms in a consistent manner.",
8896
- "name": "AuroForm",
8897
- "slots": [
8898
- {
8899
- "description": "The default slot for form elements.",
8900
- "name": "default"
8901
- }
8902
- ],
8903
- "members": [
8904
8979
  {
8905
8980
  "kind": "field",
8906
- "name": "formElementTags",
8907
- "static": true,
8908
- "readonly": true
8909
- },
8910
- {
8911
- "kind": "method",
8912
- "name": "_isElementTag",
8913
- "parameters": [
8914
- {
8915
- "name": "elementTag",
8916
- "description": "The HTML tag name like `auro-datepicker`.",
8917
- "type": {
8918
- "text": "string"
8919
- }
8920
- },
8921
- {
8922
- "name": "element",
8923
- "description": "The actual HTML element to compare.",
8924
- "type": {
8925
- "text": "HTMLElement"
8926
- }
8927
- }
8928
- ],
8929
- "description": "Compare tag name with element to identify it (for API purposes).",
8930
- "return": {
8931
- "type": {
8932
- "text": "boolean"
8933
- }
8981
+ "name": "placement",
8982
+ "privacy": "public",
8983
+ "type": {
8984
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
8934
8985
  },
8935
- "privacy": "private"
8986
+ "description": "Position where the bib should appear relative to the trigger.",
8987
+ "default": "'bottom-start'",
8988
+ "attribute": "placement",
8989
+ "reflects": true
8936
8990
  },
8937
8991
  {
8938
- "kind": "method",
8939
- "name": "_isInElementCollection",
8940
- "parameters": [
8941
- {
8942
- "name": "collection",
8943
- "description": "The array to use for tag name search.",
8944
- "type": {
8945
- "text": "string[]"
8946
- }
8947
- },
8948
- {
8949
- "name": "element",
8950
- "description": "The element to compare against the master list.",
8951
- "type": {
8952
- "text": "HTMLElement"
8953
- }
8954
- }
8955
- ],
8956
- "description": "Shared code for determining if an element is something we care about (submit, form element, etc.).",
8957
- "return": {
8958
- "type": {
8959
- "text": "boolean"
8960
- }
8992
+ "kind": "field",
8993
+ "name": "tabIndex",
8994
+ "privacy": "private",
8995
+ "type": {
8996
+ "text": "number"
8961
8997
  },
8962
- "privacy": "private"
8998
+ "attribute": "tabIndex"
8963
8999
  },
8964
9000
  {
8965
- "kind": "method",
8966
- "name": "isFormElement",
8967
- "parameters": [
8968
- {
8969
- "name": "element",
8970
- "description": "The element to check (attr or tag name).",
8971
- "type": {
8972
- "text": "HTMLElement"
8973
- }
8974
- }
8975
- ],
8976
- "description": "Check if the tag name is a form element.",
9001
+ "kind": "field",
9002
+ "name": "componentHasFocus",
9003
+ "description": "Returns true if the element has focus.",
9004
+ "privacy": "private",
8977
9005
  "return": {
8978
9006
  "type": {
8979
9007
  "text": "boolean"
8980
9008
  }
9009
+ },
9010
+ "readonly": true,
9011
+ "inheritedFrom": {
9012
+ "name": "AuroElement",
9013
+ "module": "components/layoutElement/src/auroElement.js"
8981
9014
  }
8982
9015
  },
8983
9016
  {
8984
9017
  "kind": "method",
8985
- "name": "_eventIsValidFormEvent",
8986
- "parameters": [
8987
- {
8988
- "name": "event",
8989
- "description": "The event to validate.",
8990
- "type": {
8991
- "text": "Event"
8992
- }
8993
- }
8994
- ],
8995
- "description": "Validates if an event is from a valid form element with a name.",
8996
- "return": {
8997
- "type": {
8998
- "text": "boolean"
8999
- }
9000
- },
9001
- "privacy": "private"
9018
+ "name": "resetShapeClasses",
9019
+ "inheritedFrom": {
9020
+ "name": "AuroElement",
9021
+ "module": "components/layoutElement/src/auroElement.js"
9022
+ }
9002
9023
  },
9003
9024
  {
9004
- "kind": "field",
9005
- "name": "buttonElementTags",
9006
- "static": true,
9007
- "readonly": true
9025
+ "kind": "method",
9026
+ "name": "resetLayoutClasses",
9027
+ "inheritedFrom": {
9028
+ "name": "AuroElement",
9029
+ "module": "components/layoutElement/src/auroElement.js"
9030
+ }
9008
9031
  },
9009
9032
  {
9010
9033
  "kind": "method",
9011
- "name": "isButtonElement",
9012
- "parameters": [
9013
- {
9014
- "name": "element",
9015
- "description": "The element to check.",
9016
- "type": {
9017
- "text": "HTMLElement"
9018
- }
9019
- }
9020
- ],
9021
- "description": "Check if the tag name is a button element.",
9022
- "return": {
9023
- "type": {
9024
- "text": "boolean"
9025
- }
9034
+ "name": "updateComponentArchitecture",
9035
+ "inheritedFrom": {
9036
+ "name": "AuroElement",
9037
+ "module": "components/layoutElement/src/auroElement.js"
9026
9038
  }
9027
- },
9039
+ }
9040
+ ],
9041
+ "events": [
9028
9042
  {
9029
- "kind": "field",
9030
- "name": "value",
9031
- "description": "Reduce the form value into a key-value pair.\n\nNOTE: form keys use `name` first, and `id` second if `name` is not available.\nThis follows standard HTML5 form behavior - submission uses `name` by default when creating\nthe FormData object.",
9032
- "return": {
9033
- "type": {
9034
- "text": "Record<string, string | number | boolean | string[] | null>"
9035
- }
9043
+ "name": "auroDropdown-idAdded",
9044
+ "type": {
9045
+ "text": "Object<key"
9036
9046
  },
9037
- "readonly": true
9047
+ "description": "Notifies consumers that the unique ID for the dropdown bib has been generated."
9038
9048
  },
9039
9049
  {
9040
- "kind": "field",
9041
- "name": "submitElements",
9042
- "description": "Getter for internal _submitElements.",
9043
- "return": {
9044
- "type": {
9045
- "text": "HTMLButtonElement[]"
9046
- }
9050
+ "name": "auroDropdown-triggerClick",
9051
+ "type": {
9052
+ "text": "CustomEvent"
9047
9053
  },
9048
- "readonly": true
9054
+ "description": "Notifies that the trigger has been clicked."
9049
9055
  },
9050
9056
  {
9051
- "kind": "field",
9052
- "name": "resetElements",
9053
- "description": "Returns a collection of elements that will reset the form.",
9054
- "return": {
9055
- "type": {
9056
- "text": "HTMLButtonElement[]"
9057
- }
9058
- },
9059
- "readonly": true
9060
- },
9057
+ "description": "Notifies that the visibility of the dropdown bib has changed.",
9058
+ "name": "auroDropdown-toggled"
9059
+ }
9060
+ ],
9061
+ "attributes": [
9061
9062
  {
9062
- "kind": "method",
9063
- "name": "_calculateValidity",
9064
- "description": "Infer validity status based on current formState.",
9065
- "privacy": "private"
9063
+ "name": "appearance",
9064
+ "type": {
9065
+ "text": "'default' | 'inverse'"
9066
+ },
9067
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
9068
+ "default": "'default'",
9069
+ "fieldName": "appearance"
9066
9070
  },
9067
9071
  {
9068
- "kind": "field",
9069
- "name": "validity",
9070
- "description": "Current validity state of the form, based on form element events.",
9071
- "return": {
9072
- "type": {
9073
- "text": "\"valid\" | \"invalid\""
9074
- }
9072
+ "name": "autoPlacement",
9073
+ "type": {
9074
+ "text": "boolean"
9075
9075
  },
9076
- "readonly": true
9076
+ "description": "If declared, bib's position will be automatically calculated where to appear.",
9077
+ "fieldName": "autoPlacement"
9077
9078
  },
9078
9079
  {
9079
- "kind": "method",
9080
- "name": "_setInitialState"
9080
+ "name": "disableEventShow",
9081
+ "type": {
9082
+ "text": "boolean"
9083
+ },
9084
+ "description": "If declared, the dropdown will only show by calling the API .show() public method.",
9085
+ "fieldName": "disableEventShow"
9081
9086
  },
9082
9087
  {
9083
- "kind": "field",
9084
- "name": "isInitialState",
9085
- "description": "Mostly internal way to determine if a form is in the initial state.",
9086
- "return": {
9087
- "type": {
9088
- "text": "boolean"
9089
- }
9088
+ "name": "simple",
9089
+ "type": {
9090
+ "text": "boolean"
9090
9091
  },
9091
- "readonly": true
9092
+ "description": "If declared, applies a border around the trigger slot.",
9093
+ "fieldName": "simple"
9092
9094
  },
9093
9095
  {
9094
- "kind": "method",
9095
- "name": "setDisabledStateOnButtons"
9096
+ "name": "chevron",
9097
+ "type": {
9098
+ "text": "boolean"
9099
+ },
9100
+ "description": "If declared, the dropdown displays a chevron on the right.",
9101
+ "fieldName": "chevron"
9096
9102
  },
9097
9103
  {
9098
- "kind": "method",
9099
- "name": "queryAuroElements",
9100
- "description": "Construct the query strings from elements, append them together, execute, and return the NodeList.",
9101
- "return": {
9102
- "type": {
9103
- "text": "NodeList"
9104
- }
9105
- }
9104
+ "name": "disabled",
9105
+ "type": {
9106
+ "text": "boolean"
9107
+ },
9108
+ "description": "If declared, the dropdown is not interactive.",
9109
+ "fieldName": "disabled"
9106
9110
  },
9107
9111
  {
9108
- "kind": "method",
9109
- "name": "_addElementToState",
9110
- "parameters": [
9111
- {
9112
- "name": "element",
9113
- "description": "The element to add to our state.",
9114
- "type": {
9115
- "text": "HTMLElement"
9116
- }
9117
- }
9118
- ],
9119
- "description": "Store an element in state and on the _elements array.",
9120
- "privacy": "private"
9112
+ "name": "disableFocusTrap",
9113
+ "type": {
9114
+ "text": "boolean"
9115
+ },
9116
+ "description": "If declared, the focus trap inside of bib will be turned off.",
9117
+ "fieldName": "disableFocusTrap"
9121
9118
  },
9122
9119
  {
9123
- "kind": "method",
9124
- "name": "initializeState",
9125
- "description": "Initialize (or reinitialize) the form state."
9120
+ "name": "dropdownWidth",
9121
+ "type": {
9122
+ "text": "number"
9123
+ },
9124
+ "fieldName": "dropdownWidth"
9126
9125
  },
9127
9126
  {
9128
- "kind": "method",
9129
- "name": "reset",
9130
- "description": "Reset fires an event called `reset` - just as you would expect from a normal form."
9127
+ "name": "error",
9128
+ "type": {
9129
+ "text": "boolean"
9130
+ },
9131
+ "description": "If declared, will apply error UI to the dropdown.",
9132
+ "fieldName": "error"
9131
9133
  },
9132
9134
  {
9133
- "kind": "method",
9134
- "name": "submit",
9135
- "description": "Submit fires an event called `submit` - just as you would expect from a normal form."
9135
+ "name": "errorMessage",
9136
+ "type": {
9137
+ "text": "string"
9138
+ },
9139
+ "description": "Contains the help text message for the current validity error.",
9140
+ "default": "undefined",
9141
+ "fieldName": "errorMessage"
9136
9142
  },
9137
9143
  {
9138
- "kind": "method",
9139
- "name": "register",
9140
- "static": true,
9141
- "parameters": [
9142
- {
9143
- "name": "name",
9144
- "default": "\"auro-form\"",
9145
- "description": "The name of element that you want to register to.",
9146
- "optional": true,
9147
- "type": {
9148
- "text": "string"
9149
- }
9150
- }
9151
- ],
9152
- "description": "This will register this element with the browser."
9144
+ "name": "focusShow",
9145
+ "type": {
9146
+ "text": "boolean"
9147
+ },
9148
+ "description": "If declared, the bib will display when focus is applied to the trigger.",
9149
+ "fieldName": "focusShow"
9153
9150
  },
9154
9151
  {
9155
- "kind": "method",
9156
- "name": "sharedInputListener",
9157
- "parameters": [
9158
- {
9159
- "name": "event",
9160
- "description": "The event that is fired from the form element.",
9161
- "type": {
9162
- "text": "Event"
9163
- }
9164
- }
9165
- ],
9166
- "description": "Shared input listener for all form elements.",
9167
- "privacy": "private"
9152
+ "name": "open",
9153
+ "type": {
9154
+ "text": "boolean"
9155
+ },
9156
+ "description": "If true, the dropdown bib is displayed.",
9157
+ "default": "false",
9158
+ "fieldName": "isPopoverVisible"
9168
9159
  },
9169
9160
  {
9170
- "kind": "method",
9171
- "name": "sharedValidationListener",
9172
- "parameters": [
9173
- {
9174
- "name": "event",
9175
- "description": "The event that is fired from the form element.",
9176
- "type": {
9177
- "text": "Event"
9178
- }
9179
- }
9180
- ],
9181
- "description": "Shared validation listener for all form elements.",
9182
- "privacy": "private"
9161
+ "name": "isBibFullscreen",
9162
+ "type": {
9163
+ "text": "boolean"
9164
+ },
9165
+ "description": "If true, the dropdown bib is taking the fullscreen when it's open.",
9166
+ "default": "false",
9167
+ "fieldName": "isBibFullscreen"
9183
9168
  },
9184
9169
  {
9185
- "kind": "method",
9186
- "name": "_attachEventListeners"
9170
+ "name": "hoverToggle",
9171
+ "type": {
9172
+ "text": "boolean"
9173
+ },
9174
+ "description": "If declared, the trigger will toggle the dropdown on mouseover/mouseout.",
9175
+ "fieldName": "hoverToggle"
9187
9176
  },
9188
9177
  {
9189
- "kind": "method",
9190
- "name": "mutationEventListener",
9191
- "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.",
9192
- "privacy": "private",
9193
- "return": {
9194
- "type": {
9195
- "text": "void"
9196
- }
9197
- }
9178
+ "name": "hasTriggerContent",
9179
+ "type": {
9180
+ "text": "boolean"
9181
+ },
9182
+ "fieldName": "hasTriggerContent"
9198
9183
  },
9199
9184
  {
9200
- "kind": "method",
9201
- "name": "onSlotChange",
9202
- "parameters": [
9203
- {
9204
- "name": "event",
9205
- "description": "The slot change event.",
9206
- "type": {
9207
- "text": "Event"
9208
- }
9209
- }
9210
- ],
9211
- "description": "Slot change event listener. This is the main entry point for the form element.",
9212
- "return": {
9213
- "type": {
9214
- "text": "void"
9215
- }
9216
- }
9185
+ "name": "fullscreenBreakpoint",
9186
+ "type": {
9187
+ "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
9188
+ },
9189
+ "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.",
9190
+ "default": "'sm'",
9191
+ "fieldName": "fullscreenBreakpoint"
9217
9192
  },
9218
9193
  {
9219
- "kind": "field",
9220
- "name": "formState",
9221
- "privacy": "public",
9194
+ "name": "layout",
9222
9195
  "type": {
9223
- "text": "FormState"
9196
+ "text": "string"
9224
9197
  },
9225
- "default": "{}"
9198
+ "description": "Sets the layout of the dropdown.",
9199
+ "default": "undefined",
9200
+ "fieldName": "layout",
9201
+ "inheritedFrom": {
9202
+ "name": "AuroElement",
9203
+ "module": "components/layoutElement/src/auroElement.js"
9204
+ }
9226
9205
  },
9227
9206
  {
9228
- "kind": "field",
9229
- "name": "_validity",
9230
- "privacy": "public",
9207
+ "name": "parentBorder",
9231
9208
  "type": {
9232
- "text": "\"valid\" | \"invalid\" | null"
9209
+ "text": "boolean"
9233
9210
  },
9234
- "default": "null"
9211
+ "description": "Defines if the trigger should size based on the parent element providing the border UI.",
9212
+ "default": "false",
9213
+ "fieldName": "parentBorder"
9235
9214
  },
9236
9215
  {
9237
- "kind": "field",
9238
- "name": "_isInitialState",
9239
- "privacy": "public",
9216
+ "name": "matchWidth",
9240
9217
  "type": {
9241
9218
  "text": "boolean"
9242
9219
  },
9243
- "default": "true"
9220
+ "description": "If declared, the popover and trigger will be set to the same width.",
9221
+ "default": "false",
9222
+ "fieldName": "matchWidth"
9244
9223
  },
9245
9224
  {
9246
- "kind": "field",
9247
- "name": "_elements",
9248
- "privacy": "public",
9225
+ "name": "noFlip",
9249
9226
  "type": {
9250
- "text": "(HTMLElement & {reset: () => void})[]"
9227
+ "text": "boolean"
9251
9228
  },
9252
- "default": "[]"
9229
+ "description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
9230
+ "fieldName": "noFlip"
9253
9231
  },
9254
9232
  {
9255
- "kind": "field",
9256
- "name": "_submitelements",
9233
+ "name": "shift",
9257
9234
  "type": {
9258
- "text": "HTMLButtonElement[]"
9235
+ "text": "boolean"
9259
9236
  },
9260
- "default": "[]"
9237
+ "description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
9238
+ "fieldName": "shift"
9261
9239
  },
9262
9240
  {
9263
- "kind": "field",
9264
- "name": "_resetElements",
9265
- "privacy": "public",
9241
+ "name": "noHideOnThisFocusLoss",
9266
9242
  "type": {
9267
- "text": "HTMLButtonElement[]"
9243
+ "text": "boolean"
9268
9244
  },
9269
- "default": "[]"
9245
+ "description": "If declared, the dropdown will not hide when moving focus outside the element.",
9246
+ "default": "false",
9247
+ "fieldName": "noHideOnThisFocusLoss"
9270
9248
  },
9271
9249
  {
9272
- "kind": "field",
9273
- "name": "mutationObservers",
9250
+ "name": "noToggle",
9274
9251
  "type": {
9275
- "text": "MutationObserver[]"
9252
+ "text": "boolean"
9276
9253
  },
9277
- "privacy": "private",
9278
- "default": "[]"
9254
+ "description": "If declared, the trigger will only show the dropdown bib.",
9255
+ "fieldName": "noToggle"
9279
9256
  },
9280
9257
  {
9281
- "kind": "field",
9282
- "name": "cssClass",
9283
- "privacy": "public",
9258
+ "name": "offset",
9284
9259
  "type": {
9285
- "text": "boolean"
9260
+ "text": "number"
9286
9261
  },
9287
- "description": "Applies designated CSS class to demo element - you want to delete me!",
9288
- "attribute": "cssClass"
9262
+ "description": "Gap between the trigger element and bib.",
9263
+ "default": "0",
9264
+ "fieldName": "offset"
9289
9265
  },
9290
9266
  {
9291
- "kind": "field",
9292
- "name": "fixed",
9293
- "privacy": "public",
9267
+ "name": "onDark",
9294
9268
  "type": {
9295
9269
  "text": "boolean"
9296
9270
  },
9297
- "description": "If declared, use fixed pixel values for element shape.",
9298
- "attribute": "fixed",
9299
- "reflects": true
9271
+ "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
9272
+ "fieldName": "onDark"
9300
9273
  },
9301
9274
  {
9302
- "kind": "field",
9303
- "name": "_submitElements",
9304
- "privacy": "public",
9275
+ "name": "onSlotChange",
9305
9276
  "type": {
9306
- "text": "array"
9307
- }
9308
- }
9309
- ],
9310
- "events": [
9277
+ "text": "function"
9278
+ },
9279
+ "description": "If declared, and a function is set, that function will execute when the slot content is updated.",
9280
+ "fieldName": "onSlotChange"
9281
+ },
9311
9282
  {
9312
- "name": "change",
9283
+ "name": "placement",
9313
9284
  "type": {
9314
- "text": "Event"
9285
+ "text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
9315
9286
  },
9316
- "description": "Fires when form state changes."
9287
+ "description": "Position where the bib should appear relative to the trigger.",
9288
+ "default": "'bottom-start'",
9289
+ "fieldName": "placement"
9317
9290
  },
9318
9291
  {
9319
- "name": "reset",
9292
+ "name": "tabIndex",
9320
9293
  "type": {
9321
- "text": "CustomEvent"
9322
- }
9294
+ "text": "number"
9295
+ },
9296
+ "fieldName": "tabIndex"
9323
9297
  },
9324
9298
  {
9325
- "name": "submit",
9299
+ "name": "shape",
9326
9300
  "type": {
9327
- "text": "CustomEvent"
9301
+ "text": "string"
9302
+ },
9303
+ "fieldName": "shape",
9304
+ "inheritedFrom": {
9305
+ "name": "AuroElement",
9306
+ "module": "components/layoutElement/src/auroElement.js"
9328
9307
  }
9329
- }
9330
- ],
9331
- "attributes": [
9308
+ },
9332
9309
  {
9333
- "name": "cssClass",
9310
+ "name": "size",
9334
9311
  "type": {
9335
- "text": "boolean"
9312
+ "text": "string"
9336
9313
  },
9337
- "description": "Applies designated CSS class to demo element - you want to delete me!",
9338
- "fieldName": "cssClass"
9314
+ "fieldName": "size",
9315
+ "inheritedFrom": {
9316
+ "name": "AuroElement",
9317
+ "module": "components/layoutElement/src/auroElement.js"
9318
+ }
9339
9319
  },
9340
9320
  {
9341
- "name": "fixed",
9321
+ "name": "ondark",
9342
9322
  "type": {
9343
9323
  "text": "boolean"
9344
9324
  },
9345
- "description": "If declared, use fixed pixel values for element shape.",
9346
- "fieldName": "fixed"
9325
+ "fieldName": "onDark",
9326
+ "inheritedFrom": {
9327
+ "name": "AuroElement",
9328
+ "module": "components/layoutElement/src/auroElement.js"
9329
+ }
9347
9330
  }
9348
9331
  ],
9349
9332
  "superclass": {
9350
- "name": "LitElement",
9351
- "package": "lit"
9333
+ "name": "AuroElement",
9334
+ "module": "/components/layoutElement/src/auroElement.js"
9352
9335
  },
9353
- "tagName": "auro-form",
9336
+ "tagName": "auro-dropdown",
9354
9337
  "customElement": true
9355
9338
  }
9356
9339
  ],
9357
9340
  "exports": [
9358
9341
  {
9359
9342
  "kind": "js",
9360
- "name": "AuroForm",
9361
- "declaration": {
9362
- "name": "AuroForm",
9363
- "module": "components/form/src/auro-form.js"
9364
- }
9365
- }
9366
- ]
9367
- },
9368
- {
9369
- "kind": "javascript-module",
9370
- "path": "components/form/src/index.js",
9371
- "declarations": [],
9372
- "exports": [
9373
- {
9374
- "kind": "js",
9375
- "name": "AuroForm",
9343
+ "name": "AuroDropdown",
9376
9344
  "declaration": {
9377
- "name": "AuroForm",
9378
- "module": "components/form/src/index.js"
9345
+ "name": "AuroDropdown",
9346
+ "module": "components/dropdown/src/auro-dropdown.js"
9379
9347
  }
9380
9348
  }
9381
9349
  ]
9382
9350
  },
9383
9351
  {
9384
9352
  "kind": "javascript-module",
9385
- "path": "components/form/src/registered.js",
9386
- "declarations": [],
9387
- "exports": []
9388
- },
9389
- {
9390
- "kind": "javascript-module",
9391
- "path": "components/helptext/src/auro-helptext.js",
9353
+ "path": "components/dropdown/src/auro-dropdownBib.js",
9392
9354
  "declarations": [
9393
9355
  {
9394
9356
  "kind": "class",
9395
- "description": "Displays help text or error messages within form elements - Internal Use Only.",
9396
- "name": "AuroHelpText",
9357
+ "description": "",
9358
+ "name": "AuroDropdownBib",
9359
+ "cssParts": [
9360
+ {
9361
+ "description": "Apply css to the bib container.",
9362
+ "name": "bibContainer"
9363
+ }
9364
+ ],
9397
9365
  "members": [
9398
9366
  {
9399
- "kind": "method",
9400
- "name": "register",
9401
- "static": true,
9402
- "parameters": [
9403
- {
9404
- "name": "name",
9405
- "default": "\"auro-helptext\"",
9406
- "description": "The name of element that you want to register to.",
9407
- "optional": true,
9408
- "type": {
9409
- "text": "string"
9410
- }
9411
- }
9412
- ],
9413
- "description": "This will register this element with the browser."
9367
+ "kind": "field",
9368
+ "name": "mobileFullscreenBreakpoint"
9414
9369
  },
9415
9370
  {
9416
- "kind": "method",
9417
- "name": "handleSlotChange",
9418
- "parameters": [
9419
- {
9420
- "name": "event"
9421
- }
9422
- ]
9371
+ "kind": "field",
9372
+ "name": "_mobileBreakpointValue",
9373
+ "privacy": "private",
9374
+ "default": "undefined"
9423
9375
  },
9424
9376
  {
9425
- "kind": "method",
9426
- "name": "checkSlotsForContent",
9427
- "parameters": [
9428
- {
9429
- "name": "nodes",
9430
- "description": "The list of nodes to check for content.",
9431
- "type": {
9432
- "text": "NodeList|Array"
9433
- }
9434
- }
9435
- ],
9436
- "description": "Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.",
9437
- "return": {
9438
- "type": {
9439
- "text": "boolean"
9440
- }
9377
+ "kind": "field",
9378
+ "name": "shape",
9379
+ "privacy": "public",
9380
+ "type": {
9381
+ "text": "string"
9441
9382
  },
9442
- "privacy": "private"
9383
+ "default": "\"rounded\"",
9384
+ "attribute": "shape",
9385
+ "reflects": true
9443
9386
  },
9444
9387
  {
9445
9388
  "kind": "field",
9446
- "name": "error",
9447
- "privacy": "public",
9389
+ "name": "matchWidth",
9390
+ "privacy": "private",
9448
9391
  "type": {
9449
9392
  "text": "boolean"
9450
9393
  },
9451
- "description": "If declared, make font color red.",
9394
+ "description": "If declared, the bib width will match the trigger width.",
9452
9395
  "default": "false",
9453
- "attribute": "error",
9396
+ "attribute": "matchWidth",
9454
9397
  "reflects": true
9455
9398
  },
9399
+ {
9400
+ "type": {
9401
+ "text": "String"
9402
+ },
9403
+ "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.",
9404
+ "name": "fullscreenBreakpoint",
9405
+ "kind": "field"
9406
+ },
9456
9407
  {
9457
9408
  "kind": "field",
9458
- "name": "appearance",
9409
+ "name": "isFullscreen",
9459
9410
  "privacy": "public",
9460
9411
  "type": {
9461
- "text": "string"
9412
+ "text": "boolean"
9462
9413
  },
9463
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
9464
- "default": "\"default\"",
9465
- "attribute": "appearance",
9414
+ "description": "If declared, will take the fullscreen when the bib is displayed.",
9415
+ "attribute": "isFullscreen",
9466
9416
  "reflects": true
9467
9417
  },
9468
9418
  {
9469
9419
  "kind": "field",
9470
- "name": "onDark",
9420
+ "name": "common",
9471
9421
  "privacy": "public",
9472
9422
  "type": {
9473
9423
  "text": "boolean"
9474
9424
  },
9475
- "description": "DEPRECATED - use `appearance` instead.",
9476
- "default": "false",
9477
- "attribute": "onDark",
9425
+ "description": "If declared, will apply all styles for the common theme.",
9426
+ "attribute": "common",
9478
9427
  "reflects": true
9479
9428
  },
9480
9429
  {
9481
9430
  "kind": "field",
9482
- "name": "hasTextContent",
9483
- "privacy": "private",
9431
+ "name": "inset",
9432
+ "privacy": "public",
9484
9433
  "type": {
9485
9434
  "text": "boolean"
9486
9435
  },
9487
- "default": "false",
9488
- "attribute": "hasTextContent"
9436
+ "description": "If declared, will apply extra padding to bib content.",
9437
+ "attribute": "inset",
9438
+ "reflects": true
9489
9439
  },
9490
9440
  {
9491
9441
  "kind": "field",
9492
- "name": "slotNodes",
9493
- "privacy": "private",
9442
+ "name": "rounded",
9443
+ "privacy": "public",
9494
9444
  "type": {
9495
9445
  "text": "boolean"
9496
9446
  },
9497
- "attribute": "slotNodes"
9447
+ "description": "If declared, will apply border-radius to the bib.",
9448
+ "attribute": "rounded",
9449
+ "reflects": true
9450
+ },
9451
+ {
9452
+ "kind": "field",
9453
+ "name": "bibTemplate",
9454
+ "privacy": "public",
9455
+ "type": {
9456
+ "text": "object"
9457
+ },
9458
+ "description": "A reference to the associated bib template element.",
9459
+ "attribute": "bibTemplate"
9460
+ }
9461
+ ],
9462
+ "events": [
9463
+ {
9464
+ "name": "auro-dropdownbib-connected",
9465
+ "type": {
9466
+ "text": "CustomEvent"
9467
+ }
9498
9468
  }
9499
9469
  ],
9500
9470
  "attributes": [
9501
9471
  {
9502
- "name": "appearance",
9472
+ "name": "isFullscreen",
9503
9473
  "type": {
9504
- "text": "string"
9474
+ "text": "boolean"
9505
9475
  },
9506
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
9507
- "default": "\"default\"",
9508
- "fieldName": "appearance"
9476
+ "description": "If declared, will take the fullscreen when the bib is displayed.",
9477
+ "fieldName": "isFullscreen"
9509
9478
  },
9510
9479
  {
9511
- "name": "slotNodes",
9480
+ "name": "common",
9512
9481
  "type": {
9513
9482
  "text": "boolean"
9514
9483
  },
9515
- "fieldName": "slotNodes"
9484
+ "description": "If declared, will apply all styles for the common theme.",
9485
+ "fieldName": "common"
9516
9486
  },
9517
9487
  {
9518
- "name": "hasTextContent",
9488
+ "name": "inset",
9519
9489
  "type": {
9520
9490
  "text": "boolean"
9521
9491
  },
9522
- "default": "false",
9523
- "fieldName": "hasTextContent"
9492
+ "description": "If declared, will apply extra padding to bib content.",
9493
+ "fieldName": "inset"
9524
9494
  },
9525
9495
  {
9526
- "name": "error",
9496
+ "name": "matchWidth",
9527
9497
  "type": {
9528
9498
  "text": "boolean"
9529
9499
  },
9530
- "description": "If declared, make font color red.",
9500
+ "description": "If declared, the bib width will match the trigger width.",
9531
9501
  "default": "false",
9532
- "fieldName": "error"
9502
+ "fieldName": "matchWidth"
9533
9503
  },
9534
9504
  {
9535
- "name": "onDark",
9505
+ "name": "rounded",
9536
9506
  "type": {
9537
9507
  "text": "boolean"
9538
9508
  },
9539
- "description": "DEPRECATED - use `appearance` instead.",
9540
- "default": "false",
9541
- "fieldName": "onDark"
9509
+ "description": "If declared, will apply border-radius to the bib.",
9510
+ "fieldName": "rounded"
9511
+ },
9512
+ {
9513
+ "name": "bibTemplate",
9514
+ "type": {
9515
+ "text": "object"
9516
+ },
9517
+ "description": "A reference to the associated bib template element.",
9518
+ "fieldName": "bibTemplate"
9519
+ },
9520
+ {
9521
+ "name": "shape",
9522
+ "type": {
9523
+ "text": "string"
9524
+ },
9525
+ "default": "\"rounded\"",
9526
+ "fieldName": "shape"
9542
9527
  }
9543
9528
  ],
9544
9529
  "superclass": {
@@ -9551,32 +9536,47 @@
9551
9536
  "exports": [
9552
9537
  {
9553
9538
  "kind": "js",
9554
- "name": "AuroHelpText",
9539
+ "name": "AuroDropdownBib",
9555
9540
  "declaration": {
9556
- "name": "AuroHelpText",
9557
- "module": "components/helptext/src/auro-helptext.js"
9541
+ "name": "AuroDropdownBib",
9542
+ "module": "components/dropdown/src/auro-dropdownBib.js"
9558
9543
  }
9559
9544
  }
9560
9545
  ]
9561
9546
  },
9562
9547
  {
9563
9548
  "kind": "javascript-module",
9564
- "path": "components/helptext/src/index.js",
9549
+ "path": "components/dropdown/src/iconVersion.js",
9565
9550
  "declarations": [],
9566
9551
  "exports": [
9567
9552
  {
9568
9553
  "kind": "js",
9569
- "name": "AuroHelpText",
9554
+ "name": "default",
9570
9555
  "declaration": {
9571
- "name": "AuroHelpText",
9572
- "module": "components/helptext/src/index.js"
9556
+ "name": "9.1.2",
9557
+ "module": "components/dropdown/src/iconVersion.js"
9573
9558
  }
9574
9559
  }
9575
9560
  ]
9576
9561
  },
9577
9562
  {
9578
9563
  "kind": "javascript-module",
9579
- "path": "components/helptext/src/registered.js",
9564
+ "path": "components/dropdown/src/index.js",
9565
+ "declarations": [],
9566
+ "exports": [
9567
+ {
9568
+ "kind": "js",
9569
+ "name": "AuroDropdown",
9570
+ "declaration": {
9571
+ "name": "AuroDropdown",
9572
+ "module": "components/dropdown/src/index.js"
9573
+ }
9574
+ }
9575
+ ]
9576
+ },
9577
+ {
9578
+ "kind": "javascript-module",
9579
+ "path": "components/dropdown/src/registered.js",
9580
9580
  "declarations": [],
9581
9581
  "exports": []
9582
9582
  },