@aurodesignsystem/auro-formkit 2.0.0-beta.5 → 2.0.0-beta.51

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

@@ -2,10 +2,12 @@
  * The auro-select element is a wrapper for auro-dropdown and auro-menu to create a dropdown menu control.
  *
  * @slot - Default slot for the menu content.
+ * @slot bib.fullscreen.headline - Defines the headline to display above menu-options
  * @slot label - Defines the content of the label.
  * @slot helpText - Defines the content of the helpText.
  * @slot placeholder - Defines the content of the placeholder to be shown when there is no value
  * @event auroSelect-valueSet - Notifies that the component has a new value set.
+ * @event input - Notifies every time the value prop of the element is changed.
  * @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
  * @csspart helpText - Apply CSS to the help text.
  */
@@ -25,6 +27,23 @@ export class AuroSelect extends LitElement {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * 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.
+         * @default sm
+         */
+        fullscreenBreakpoint: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        /**
+         * If declared, make mobileHeadline in HeadingDisplay.
+         * Otherwise, Heading 600
+         */
+        largeFullscreenHeadline: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         /**
          * When true, checkmark on selected option will no longer be present.
          */
@@ -49,7 +68,8 @@ export class AuroSelect extends LitElement {
          * Specifies the current selected menuOption.
          */
         optionSelected: {
-            type: ObjectConstructor;
+            converter: typeof arrayConverter;
+            hasChanged: typeof arrayOrUndefinedHasChanged;
         };
         /**
          * @private
@@ -100,7 +120,16 @@ export class AuroSelect extends LitElement {
          * Value selected for the component.
          */
         value: {
-            type: StringConstructor;
+            converter: typeof arrayConverter;
+            hasChanged: typeof arrayOrUndefinedHasChanged;
+        };
+        /**
+         * Sets multi-select mode, allowing multiple options to be selected at once.
+         */
+        multiSelect: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            attribute: string;
         };
     };
     static get styles(): import("lit").CSSResult[];
@@ -113,8 +142,6 @@ export class AuroSelect extends LitElement {
      *
      */
     static register(name?: string): void;
-    optionSelected: any;
-    validity: any;
     /**
      * @private
      */
@@ -131,6 +158,10 @@ export class AuroSelect extends LitElement {
      * @private
      */
     private dropdownTag;
+    /**
+     * @private
+     */
+    private bibtemplateTag;
     /**
      * @private
      */
@@ -142,6 +173,9 @@ export class AuroSelect extends LitElement {
     private privateDefaults;
     options: any[] | Element[];
     optionActive: any;
+    optionSelected: any;
+    value: any;
+    fullscreenBreakpoint: string;
     /**
      * Binds all behavior needed to the dropdown after rendering.
      * @private
@@ -150,8 +184,9 @@ export class AuroSelect extends LitElement {
     private configureDropdown;
     dropdown: any;
     menuWrapper: any;
+    bibtemplate: any;
     /**
-     * Updates the displayed value in an Auro dropdown component based on optionSelected
+     * Updates the displayed value in an Auro dropdown component based on optionSelected.
      * @private
      * @returns {void}
      */
@@ -163,7 +198,6 @@ export class AuroSelect extends LitElement {
      */
     private configureMenu;
     menu: Element;
-    value: any;
     /**
      * Binds all behavior needed to the component after rendering.
      * @private
@@ -191,6 +225,13 @@ export class AuroSelect extends LitElement {
      * @return {void}
      */
     private handleFocusin;
+    /**
+     * Watch for slot changes and recalculate the menuoptions.
+     * @private
+     * @param {Event} event - `slotchange` event.
+     * @returns {void}
+     */
+    private handleSlotChange;
     /**
      * Determines the element error state based on the `required` attribute and input value.
      * @private
@@ -198,13 +239,24 @@ export class AuroSelect extends LitElement {
      */
     private generateOptionsArray;
     firstUpdated(): void;
-    updated(changedProperties: any): void;
+    updated(changedProperties: any): Promise<void>;
     /**
      * Resets component to initial state.
      * @returns {void}
      */
     reset(): void;
+    /**
+     * Hide dropdownbib.
+     * @private
+     */
+    private hideBib;
+    /**
+     * Validates value.
+     * @param {boolean} [force=false] - Whether to force validation.
+     */
+    validate(force?: boolean): void;
     render(): import("lit-html").TemplateResult;
 }
 import { LitElement } from "lit";
-//# sourceMappingURL=auro-select.d.ts.map
+import { arrayConverter } from '@aurodesignsystem/auro-menu';
+import { arrayOrUndefinedHasChanged } from '@aurodesignsystem/auro-menu';

package/components/select/dist/bibtemplateVersion.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "1.0.0";
+export default _default;

package/components/select/dist/dropdownVersion.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "3.0.0";
+export default _default;

package/components/select/dist/index.d.ts

@@ -1,3 +1,2 @@
 export { AuroSelect };
 import { AuroSelect } from './auro-select.js';
-//# sourceMappingURL=index.d.ts.map