@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.2 → 0.0.0-pr624.21

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

@@ -9,4 +9,6 @@ export class AuroCounterButton {
      *
      */
     static register(name?: string): void;
+    size: string;
+    shape: string;
 }

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

@@ -12,6 +12,7 @@
  * @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.
+ * @property {'classic'|'snowflake'} layout - Determines the layout style of the counter group when it is a dropdown. Options are 'classic' or 'snowflake'. Default is 'classic'.
  */
 export class AuroCounterGroup extends LitElement {
     static get styles(): import("lit").CSSResult[];
@@ -42,6 +43,14 @@ export class AuroCounterGroup extends LitElement {
         isDropdown: {
             type: BooleanConstructor;
         };
+        /**
+         * If declared, the dropdown will expand to the width of its parent container.
+         * Otherwise, the dropdown width will be determined by its content.
+         */
+        matchWidth: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         /**
          * The maximum value allowed for the whole group of counters.
          */
@@ -120,6 +129,15 @@ export class AuroCounterGroup extends LitElement {
         value: {
             type: ObjectConstructor;
         };
+        /**
+         * The current text in the valueText slot.
+         * @private
+         */
+        valueText: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: boolean;
+        };
     };
     /**
      * Registers the custom element with the browser.
@@ -134,11 +152,13 @@ export class AuroCounterGroup extends LitElement {
     total: number;
     validity: any;
     value: {};
+    matchWidth: boolean;
     isDropdown: boolean;
     fullscreenBreakpoint: string;
     largeFullscreenHeadline: boolean;
     autoPlacement: boolean;
     noFlip: boolean;
+    placement: string;
     /**
      * @private
      */
@@ -155,6 +175,12 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private validation;
+    /**
+     * Performs state updates that should happen when the dropdown is toggled.
+     * @returns {void}
+     * @private
+     */
+    private handleDropdownToggle;
     /**
      * Dynamically generated dropdown tag.
      * @private
@@ -168,12 +194,11 @@ export class AuroCounterGroup extends LitElement {
      */
     private bibtemplateTag;
     /**
-     * Traps keyboard tab interactions within dropdown when open.
+     * Dynamically generated helptext tag.
      * @private
-     * @param {KeyboardEvent} event - The keyboard event.
-     * @param {NodeList} counters - The list of counter elements.
+     * @type {string}
      */
-    private trapKeyboard;
+    private helpTextTag;
     /**
      * Dynamically disables increment/decrement buttons on a counter based on group value.
      * This method checks the total aggregated value against the group's min and max properties.
@@ -190,6 +215,16 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private configureCounters;
+    /**
+     * Updates the focus trap based on whether the dropdown is open or closed.
+     * If the dropdown is open, it creates a new focus trap and focuses the first element
+     * If the dropdown is closed, it disconnects the focus trap if it exists to prevent memory leaks and disable focus trapping.
+     * @param {boolean} dropdownIsOpen - Indicates whether the dropdown is currently open.
+     * @returns {void}
+     * @private
+     */
+    private updateFocusTrap;
+    dropdownFocusTrap: any;
     /**
      * Configures the dropdown counters by selecting all `auro-counter` elements,
      * appending them to the `auro-counter-wrapper` element within the shadow DOM,
@@ -197,7 +232,6 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private configureDropdownCounters;
-    keydownHandler: (keydownEvent: any) => void;
     /**
      * This sets up a close event listener and moves any slotted `bib.fullscreen.headline` and `bib.fullscreen.footer` content into the bibtemplate.
      * @private
@@ -224,12 +258,77 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private updateValue;
+    /**
+     * Updates the value text in the dropdown trigger based on the counters in the counter group.
+     * @private
+     */
+    private updateValueText;
+    valueText: any;
     /**
      * Validates value.
      * @param {boolean} [force=false] - Whether to force validation.
      */
     validate(force?: boolean): void;
     updated(changedProperties: any): void;
-    render(): import("lit-html").TemplateResult;
+    firstUpdated(): void;
+    /**
+     * Render the dropdown structure for the counter group.
+     * @returns {TemplateResult} The dropdown template.
+     * @private
+     */
+    private renderCounterDropdown;
+    /**
+     * Render the dropdown trigger for the dropdown.
+     * @returns {TemplateResult} The dropdown trigger template.
+     * @private
+     */
+    private renderDropdownTrigger;
+    /**
+     * Render the help text for the counter group.
+     * @returns {TemplateResult} The help text template.
+     * @private
+     */
+    private renderHelpText;
+    /**
+     * Render the dropdown bib template for the dropdown.
+     * @returns {TemplateResult} The bib template.
+     * @private
+     */
+    private renderBibTemplate;
+    /**
+     * Render the fullscreen bib slots for the dropdown.
+     * @returns {TemplateResult} The fullscreen slots template.
+     * @private
+     */
+    private renderFullscreenSlots;
+    /**
+     * Render the counter group container.
+     * @param {boolean} isInDropdown - Whether the counter group is inside a dropdown.
+     * @returns {TemplateResult} The counter group template.
+     * @private
+     */
+    private renderCounterGroup;
+    /**
+     * Render the classic layout.
+     * @returns {TemplateResult} The classic layout template.
+     * @private
+     */
+    private renderLayoutClassic;
+    shape: any;
+    layout: any;
+    size: any;
+    /**
+     * Render the snowflake layout.
+     * @returns {TemplateResult} The snowflake layout template.
+     * @private
+     */
+    private renderLayoutSnowflake;
+    /**
+     * Renders the component by layout type.
+     * @param {string} [ForcedLayout] - Optionally force a specific layout for rendering.
+     * @returns {TemplateResult} The layout template.
+     * @private
+     */
+    private renderLayout;
 }
 import { LitElement } from "lit";

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

@@ -83,6 +83,12 @@ export class AuroCounter extends LitElement {
      */
     private handleKeyDown;
     firstUpdated(): void;
+    /**
+     * Sets an attribute that matches the default tag name if the tag name is not the default.
+     * @param {string} tagName - The tag name to set as an attribute.
+     * @private
+     */
+    private setTagAttribute;
     /**
      * Handles the change event for the default slot.
      * Updates the defaultSlot property with the trimmed text content of the first assigned node.

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

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

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

@@ -1,2 +1,2 @@
-declare const _default: "8.0.3";
+declare const _default: "8.0.4";
 export default _default;