@aurodesignsystem/auro-formkit 2.0.0-beta.44 → 2.0.0-beta.46

package/components/counter/dist/auro-counter-group.d.ts

@@ -7,6 +7,8 @@
  * @element auro-counter-group
  * @extends LitElement
  * @slot Default - Slot for counter elements.
+ * @slot bib.fullscreen.headline -  Defines the headline to display above menu-options
+ * @slot bib.fullscreen.footer -  Defines the footer to display at the bottom of fullscreen bib
  * @slot Label - Dropdown label content. Only used when `isDropdown` is true.
  * @slot ValueText - Dropdown value text display. Only used when `isDropdown` is true.
  * @slot HelpText - Dropdown help text content. Only used when `isDropdown` is true.
@@ -53,6 +55,23 @@ export class AuroCounterGroup extends LitElement {
         value: {
             type: ObjectConstructor;
         };
+        /**
+         * If declared, make mobileHeadline in HeadingDisplay.
+         * Otherwise, Heading 600
+         */
+        largeMobileHeadline: {
+            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;
+        };
     };
     /**
      * Registers the custom element with the browser.
@@ -67,6 +86,7 @@ export class AuroCounterGroup extends LitElement {
     total: number;
     validity: any;
     value: {};
+    fullscreenBreakpoint: string;
     /**
      * @private
      */
@@ -85,6 +105,12 @@ export class AuroCounterGroup extends LitElement {
      * @type {string}
      */
     private dropdownTag;
+    /**
+     * Dynamically generated bibtempalate tag.
+     * @private
+     * @type {string}
+     */
+    private bibtemplateTag;
     /**
      * Traps keyboard tab interactions within dropdown when open.
      * @private
@@ -116,6 +142,11 @@ export class AuroCounterGroup extends LitElement {
      */
     private configureDropdownCounters;
     keydownHandler: (keydownEvent: any) => void;
+    /**
+     * @private
+     * This sets up a close event listener and moves any slotted `bib.fullscreen.headline` and `bib.fullscreen.footer` content into the bibtemplate.
+     */
+    private configureBibtemplate;
     /**
      * Safely converts a value to a number, returning 0 if invalid.
      * @private

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

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