@aurodesignsystem/auro-formkit 2.0.0-beta.1 → 2.0.0-beta.10

package/components/dropdown/dist/auro-dropdown.d.ts

@@ -1,20 +1,5 @@
 /**
- * @attr { Boolean } bordered - If declared, applies a border around the trigger slot.
- * @attr { Boolean } common - If declared, the dropdown will be styled with the common theme.
- * @attr { Boolean } chevron - If declared, the dropdown displays an display state chevron on the right.
- * @attr { Boolean } disabled - If declared, the dropdown is not interactive.
  * @attr { Boolean } disableEventShow - If declared, the dropdown will only show by calling the API .show() public method.
- * @attr { Boolean } error - If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
- * @attr {Boolean} fluid - Makes the trigger to be full width of its parent container
- * @attr { Boolean } matchWidth - If declared, the popover and trigger will be set to the same width.
- * @attr { Boolean } inset - If declared, will apply padding around trigger slot content.
- * @attr { Boolean } rounded - If declared, will apply border-radius to trigger and default slots.
- * @attr { Boolean } hoverToggle - if declared, the trigger will toggle the big on mouseover/mouseout.
- * @attr { Boolean } noToggle - If declared, the trigger will only show the dropdown bib.
- * @attr { Boolean } focusShow - if declared, the bib will display when focus is applied to the trigger.
- * @attr { Boolean } noHideOnThisFocusLoss - If declared, the dropdown will not hide when moving focus outside the element.
- * @attr { String } mobileFullscreenBreakpoint - 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.
- * @prop { Boolean } isPopoverVisible - If true, the dropdown bib is displayed.
  * @slot - Default slot for the popover content.
  * @slot label - Defines the content of the label.
  * @slot helpText - Defines the content of the helpText.
@@ -28,80 +13,132 @@
  */
 export class AuroDropdown extends LitElement {
     static get properties(): {
+        /**
+         * If declared, applies a border around the trigger slot.
+         */
         bordered: {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * If declared, the dropdown displays a chevron on the right.
+         * @attr {Boolean} chevron
+         */
         chevron: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        disabled: {
+        /**
+         * If declared, the dropdown will be styled with the common theme.
+         */
+        common: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        error: {
+        /**
+         * If declared, the dropdown is not interactive.
+         */
+        disabled: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        fluid: {
+        /**
+         * @private
+         */
+        dropdownWidth: {
+            type: NumberConstructor;
+        };
+        /**
+         * If declared in combination with `bordered` property or `helpText` slot content, will apply red color to both.
+         */
+        error: {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * If declared, the bib will display when focus is applied to the trigger.
+         */
         focusShow: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        hoverToggle: {
+        /**
+         * Makes the trigger to be full width of its parent container.
+         */
+        fluid: {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * If declared, will apply padding around trigger slot content.
+         */
         inset: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        matchWidth: {
+        /**
+         * If true, the dropdown bib is displayed.
+         */
+        isPopoverVisible: {
             type: BooleanConstructor;
-            reflect: boolean;
         };
-        rounded: {
+        /**
+         * If declared, the trigger will toggle the dropdown on mouseover/mouseout.
+         */
+        hoverToggle: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        common: {
+        /**
+         * @private
+         */
+        hasTriggerContent: {
             type: BooleanConstructor;
+        };
+        /**
+         * 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.
+         */
+        mobileFullscreenBreakpoint: {
+            type: StringConstructor;
             reflect: boolean;
         };
-        noToggle: {
+        /**
+         * If declared, the popover and trigger will be set to the same width.
+         */
+        matchWidth: {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * If declared, the dropdown will not hide when moving focus outside the element.
+         */
         noHideOnThisFocusLoss: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        isPopoverVisible: {
+        /**
+         * If declared, the trigger will only show the dropdown bib.
+         */
+        noToggle: {
             type: BooleanConstructor;
+            reflect: boolean;
         };
         onSlotChange: {
             type: FunctionConstructor;
             reflect: boolean;
         };
-        mobileFullscreenBreakpoint: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
         /**
          * @private
          */
-        dropdownWidth: {
-            type: NumberConstructor;
+        placement: {
+            type: StringConstructor;
         };
         /**
-         * @private
+         * If declared, will apply border-radius to trigger and default slots.
          */
-        placement: {
-            type: StringConstructor;
+        rounded: {
+            type: BooleanConstructor;
+            reflect: boolean;
         };
         /**
          * @private
@@ -136,6 +173,14 @@ export class AuroDropdown extends LitElement {
     placement: string;
     rounded: boolean;
     noToggle: boolean;
+    /**
+     * @private
+     */
+    private hasTriggerContent;
+    /**
+     * @private
+     */
+    private triggerContentSlot;
     /**
      * @private
      */
@@ -175,6 +220,20 @@ export class AuroDropdown extends LitElement {
      * @returns {Boolean}
      */
     private isCustomSlotContent;
+    /**
+     * Handles changes to the trigger content slot and updates related properties.
+     *
+     * It first updates the floater settings
+     * Then, it retrieves the assigned nodes from the event target and checks if any of
+     * the nodes contain non-empty text content, updating the `hasTriggerContent` property accordingly.
+     *
+     * @private
+     * @method handleTriggerContentSlotChange
+     * @param {Event} event - native slotchange event
+     * @returns {void}
+     */
+    private handleTriggerContentSlotChange;
+    triggerNode: EventTarget;
     /**
      * Handles the default slot change event and updates the content.
      *

package/components/dropdown/dist/auro-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-dropdown.d.ts","sourceRoot":"","sources":["../src/auro-dropdown.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH;IAsEE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAgEI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IArKC,0BAA6B;IAC7B,oBAAuB;IACvB,+BAAkC;IAKpC;;;OAGG;IACH,wBAoCC;IAnCC,kBAAqB;IACrB,iBAAoB;IACpB,kBAAqB;IACrB,eAAkB;IAClB,eAAkB;IAClB,kBAA+B;IAC/B,iBAAoB;IAEpB,kBAAqB;IAErB;;OAEG;IACH,qBAAiD;IAEjD;;OAEG;IACH,gBAAmC;IAEnC;;OAEG;IACH,sBAKC;IAMD,aAAyE;IAG3E;;;OAGG;IACH,QAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,QAFa,IAAI,CAIhB;IAgHD,sCAMC;IAED,qBAMC;IAJC,gBAA0C;IAM5C;;;;OAIG;IACH,uBAEC;IAED;;;;;OAKG;IACH,4BAiBC;IAED;;;;;;;;;;;OAWG;IACH,0BAMC;IAGD,4CAsDC;CACF;2BA7V0B,KAAK"}
+{"version":3,"file":"auro-dropdown.d.ts","sourceRoot":"","sources":["../src/auro-dropdown.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;GAYG;AACH;IAgFE;QAGI;;WAEG;;;;;QAMH;;;WAGG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;;;;;QAWH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;MAKN;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IA5PC,0BAA6B;IAC7B,oBAAuB;IACvB,+BAAkC;IAKpC;;;OAGG;IACH,wBA8CC;IA7CC,kBAAqB;IACrB,iBAAoB;IACpB,kBAAqB;IACrB,eAAkB;IAClB,eAAkB;IAClB,kBAA+B;IAC/B,iBAAoB;IAEpB,kBAAqB;IAErB;;OAEG;IACH,0BAA8B;IAE9B;;OAEG;IACH,2BAAmC;IAEnC;;OAEG;IACH,qBAAiD;IAEjD;;OAEG;IACH,gBAAmC;IAEnC;;OAEG;IACH,sBAKC;IAMD,aAAyE;IAG3E;;;OAGG;IACH,QAFa,IAAI,CAIhB;IAED;;;OAGG;IACH,QAFa,IAAI,CAIhB;IA6LD,sCAYC;IAED,qBAMC;IAJC,gBAA0C;IAM5C;;;;OAIG;IACH,uBAEC;IAED;;;;;OAKG;IACH,4BAiBC;IAED;;;;;;;;;;;OAWG;IACH,uCAuBC;IAnBG,yBAA+B;IAqBnC;;;;;;;;;;;OAWG;IACH,0BAMC;IAGD,4CAsDC;CACF;2BAhd0B,KAAK"}

package/components/dropdown/dist/auro-dropdownBib.d.ts

@@ -1,21 +1,27 @@
 /**
- * @attr { Boolean } common - If declared, will apply all styles for the common theme.
- * @attr { Boolean } rounded - If declared, will apply border-radius to the bib.
- * @attr { Boolean } inset - If declared, will apply extra padding to bib content.
  * @prop { String } mobileFullscreenBreakpoint - 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.
  * @csspart bibContainer - Apply css to the bib container.
  */
 export class AuroDropdownBib extends LitElement {
     static get styles(): import("lit").CSSResult[];
     static get properties(): {
+        /**
+         * If declared, will apply all styles for the common theme.
+         */
         common: {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * If declared, will apply extra padding to bib content.
+         */
         inset: {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * If declared, will apply border-radius to the bib.
+         */
         rounded: {
             type: BooleanConstructor;
             reflect: boolean;

package/components/dropdown/dist/auro-dropdownBib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-dropdownBib.d.ts","sourceRoot":"","sources":["../src/auro-dropdownBib.js"],"names":[],"mappings":"AAuBA;;;;;;GAMG;AAEH;IAWE,+CAMC;IAED;;;;;;;;;;;;;MAeC;IA7BC;;OAEG;IACH,+BAAuC;IA4BzC,2CAUC;IAED,sCAEC;IAGD,4CAMC;CACF;2BAnF0B,KAAK"}
+{"version":3,"file":"auro-dropdownBib.d.ts","sourceRoot":"","sources":["../src/auro-dropdownBib.js"],"names":[],"mappings":"AAuBA;;;GAGG;AAEH;IAWE,+CAMC;IAED;QAGI;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;MAMN;IAzCC;;OAEG;IACH,+BAAuC;IAwCzC,2CAUC;IAED,sCAEC;IAGD,4CAMC;CACF;2BA5F0B,KAAK"}