@aurodesignsystem/auro-formkit 1.6.0-beta.8 → 2.0.0-beta.1

package/.turbo/cache/d61b4e1bde4c0a12-meta.json

@@ -1 +0,0 @@
-{"hash":"d61b4e1bde4c0a12","duration":2994}

package/.turbo/cache/db6dedc0e7a12575-meta.json

@@ -1 +0,0 @@
-{"hash":"db6dedc0e7a12575","duration":18695}

package/.turbo/cache/de9737607345ec54-meta.json

@@ -1 +0,0 @@
-{"hash":"de9737607345ec54","duration":6190}

package/.turbo/cache/e234aa902b2c5b30-meta.json

@@ -1 +0,0 @@
-{"hash":"e234aa902b2c5b30","duration":2612}

package/.turbo/cache/e541225f46f7cf86-meta.json

@@ -1 +0,0 @@
-{"hash":"e541225f46f7cf86","duration":1498}

package/.turbo/cache/e67ac30b07d9e800-meta.json

@@ -1 +0,0 @@
-{"hash":"e67ac30b07d9e800","duration":18776}

package/.turbo/cache/e7244fdd3397eba7-meta.json

@@ -1 +0,0 @@
-{"hash":"e7244fdd3397eba7","duration":1170}

package/.turbo/cache/e7cf2cc625bd92b3-meta.json

@@ -1 +0,0 @@
-{"hash":"e7cf2cc625bd92b3","duration":1968}

package/.turbo/cache/e89a401ebdda3fc2-meta.json

@@ -1 +0,0 @@
-{"hash":"e89a401ebdda3fc2","duration":1906}

package/components/dropdown/dist/floatingUI.d.mts

@@ -1,68 +0,0 @@
-export default class AuroFloatingUI {
-    focusHandler: () => void;
-    clickHandler: (evt: any) => void;
-    keyDownHandler: (evt: any) => void;
-    /**
-     * @private
-     * Adjusts the size of the bib content based on the bibSizer dimensions.
-     *
-     * This method retrieves the computed styles of the bibSizer element and applies them to the bib content.
-     * If the fullscreen parameter is true, it resets the dimensions to their default values. Otherwise, it
-     * mirrors the width and height from the bibSizer, ensuring that they are not set to zero.
-     *
-     * @param {boolean} fullscreen - A flag indicating whether to reset the dimensions for fullscreen mode.
-     *                               If true, the bib content dimensions are cleared; if false, they are set
-     *                               based on the bibSizer's computed styles.
-     */
-    private mirrorSize;
-    /**
-     * @private
-     * Determines the positioning strategy based on the current viewport size and mobile breakpoint.
-     *
-     * This method checks if the current viewport width is less than or equal to the specified mobile fullscreen breakpoint
-     * defined in the bib element. If it is, the strategy is set to 'fullscreen'; otherwise, it defaults to 'floating'.
-     *
-     * @returns {String} The positioning strategy, either 'fullscreen' or 'floating'.
-     */
-    private getPositioningStrategy;
-    /**
-     * @private
-     * Positions the bib element based on the current configuration and positioning strategy.
-     *
-     * This method determines the appropriate positioning strategy (fullscreen or not) and configures the bib accordingly.
-     * It also sets up middleware for the floater configuration, computes the position of the bib relative to the trigger element,
-     * and applies the calculated position to the bib's style.
-     */
-    private position;
-    /**
-     * @private
-     * Configures the bib element for fullscreen mode based on the mobile status.
-     *
-     * This method sets the 'isFullscreen' attribute on the bib element to "true" if the `isMobile` parameter is true,
-     * and resets its position to the top-left corner of the viewport. If `isMobile` is false, it removes the
-     * 'isFullscreen' attribute, indicating that the bib is not in fullscreen mode.
-     *
-     * @param {boolean} isMobile - A flag indicating whether the current device is mobile.
-     */
-    private configureBibFullscreen;
-    updateState(): void;
-    handleFocusLoss(): void;
-    setupHideHandlers(): void;
-    cleanupHideHandlers(): void;
-    handleUpdate(changedProperties: any): void;
-    updateCurrentExpandedDropdown(): void;
-    showBib(): void;
-    hideBib(): void;
-    /**
-     * @private
-     * @returns {void} Dispatches event with an object showing the state of the dropdown.
-     */
-    private dispatchEventDropdownToggle;
-    handleClick(): void;
-    handleEvent(event: any): void;
-    handleTriggerTabIndex(): void;
-    configure(elem: any): void;
-    element: any;
-    disconnect(): void;
-}
-//# sourceMappingURL=floatingUI.d.mts.map

package/components/dropdown/dist/floatingUI.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"floatingUI.d.mts","sourceRoot":"","sources":["../src/floatingUI.mjs"],"names":[],"mappings":"AAIA;IAGI,yBAAwB;IACxB,iCAAwB;IACxB,mCAA0B;IAG5B;;;;;;;;;;;OAWG;IACH,mBAmBC;IAED;;;;;;;;OAQG;IACH,+BASC;IAED;;;;;;;OAOG;IACH,iBA2BC;IAED;;;;;;;;;OASG;IACH,+BASC;IAED,oBAkBC;IAED,wBAcC;IAED,0BAsBC;IAED,4BAgBC;IAED,2CAIC;IAED,sCAOC;IAED,gBAiBC;IAED,gBAMC;IAED;;;OAGG;IACH,oCASC;IAED,oBAeC;IAED,8BAwCC;IAED,8BA4BC;IAED,2BAiBC;IAhBC,aAAmB;IAkBrB,mBAaC;CACF"}

package/components/dropdown/src/floatingUI.mjs

@@ -1,381 +0,0 @@
-/* eslint-disable line-comment-position, no-inline-comments */
-
-import { autoUpdate, computePosition, offset, autoPlacement, flip } from '@floating-ui/dom';
-
-export default class AuroFloatingUI {
-  constructor() {
-    // Store event listener references for cleanup
-    this.focusHandler = null;
-    this.clickHandler = null;
-    this.keyDownHandler = null;
-  }
-
-  /**
-   * @private
-   * Adjusts the size of the bib content based on the bibSizer dimensions.
-   *
-   * This method retrieves the computed styles of the bibSizer element and applies them to the bib content.
-   * If the fullscreen parameter is true, it resets the dimensions to their default values. Otherwise, it
-   * mirrors the width and height from the bibSizer, ensuring that they are not set to zero.
-   *
-   * @param {boolean} fullscreen - A flag indicating whether to reset the dimensions for fullscreen mode.
-   *                               If true, the bib content dimensions are cleared; if false, they are set
-   *                               based on the bibSizer's computed styles.
-   */
-  mirrorSize(fullscreen) {
-    // mirror the boxsize from bibSizer
-    const sizerStyle = window.getComputedStyle(this.element.bibSizer);
-    const bibContent = this.element.bib.shadowRoot.querySelector(".container");
-    if (fullscreen) {
-      bibContent.style.width = '';
-      bibContent.style.height = '';
-      bibContent.style.maxWidth = '';
-      bibContent.style.maxHeight = '';
-    } else {
-      if (sizerStyle.width !== '0px') {
-        bibContent.style.width = sizerStyle.width;
-      }
-      if (sizerStyle.height !== '0px') {
-        bibContent.style.height = sizerStyle.height;
-      }
-      bibContent.style.maxWidth = sizerStyle.maxWidth;
-      bibContent.style.maxHeight = sizerStyle.maxHeight;
-    }
-  }
-
-  /**
-   * @private
-   * Determines the positioning strategy based on the current viewport size and mobile breakpoint.
-   *
-   * This method checks if the current viewport width is less than or equal to the specified mobile fullscreen breakpoint 
-   * defined in the bib element. If it is, the strategy is set to 'fullscreen'; otherwise, it defaults to 'floating'.
-   *
-   * @returns {String} The positioning strategy, either 'fullscreen' or 'floating'.
-   */
-  getPositioningStrategy() {
-    let strategy = 'floating';
-    if (this.element.bib.mobileFullscreenBreakpoint) {
-      const isMobile = window.matchMedia(`(max-width: ${this.element.bib.mobileFullscreenBreakpoint})`).matches;
-      if (isMobile) {
-        strategy = 'fullscreen';
-      }
-    }
-    return strategy;
-  }
-
-  /**
-   * @private
-   * Positions the bib element based on the current configuration and positioning strategy.
-   *
-   * This method determines the appropriate positioning strategy (fullscreen or not) and configures the bib accordingly. 
-   * It also sets up middleware for the floater configuration, computes the position of the bib relative to the trigger element, 
-   * and applies the calculated position to the bib's style.
-   */
-  position() {
-    const strategy = this.getPositioningStrategy();
-    if (strategy === 'fullscreen') {
-      this.configureBibFullscreen(true);
-      this.mirrorSize(true);
-    } else {
-      this.configureBibFullscreen(false);
-      this.mirrorSize(false);
-
-      // Define the middlware for the floater configuration
-      const middleware = [
-        offset(this.element.floaterConfig.offset || 0),
-        ...(this.element.floaterConfig.flip ? [flip()] : []), // Add flip middleware if flip is enabled
-        ...(this.element.floaterConfig.autoPlacement ? [autoPlacement()] : []), // Add autoPlacement middleware if autoPlacement is enabled
-      ];
-
-      // Compute the position of the bib
-      computePosition(this.element.trigger, this.element.bib, {
-        placement: this.element.floaterConfig.placement || 'bottom',
-        middleware: middleware || []
-      }).then(({x, y}) => { // eslint-disable-line id-length
-        Object.assign(this.element.bib.style, {
-          left: `${x}px`,
-          top: `${y}px`,
-        });
-      });
-    }
-  }
-
-  /**
-   * @private
-   * Configures the bib element for fullscreen mode based on the mobile status.
-   *
-   * This method sets the 'isFullscreen' attribute on the bib element to "true" if the `isMobile` parameter is true, 
-   * and resets its position to the top-left corner of the viewport. If `isMobile` is false, it removes the 
-   * 'isFullscreen' attribute, indicating that the bib is not in fullscreen mode.
-   *
-   * @param {boolean} isMobile - A flag indicating whether the current device is mobile.
-   */
-  configureBibFullscreen(isMobile) {
-    if (isMobile) {
-      this.element.bib.setAttribute('isFullscreen', "true");
-      // reset the prev position
-      this.element.bib.style.top = "0px";
-      this.element.bib.style.left = "0px";
-    } else {
-      this.element.bib.removeAttribute('isFullscreen');
-    }
-  }
-
-  updateState() {
-    const isVisible = this.element.isPopoverVisible;
-    this.element.trigger.setAttribute('aria-expanded', isVisible);
-
-    if (isVisible) {
-      this.element.bib.setAttribute('data-show', true);
-    } else {
-      this.element.bib.removeAttribute('data-show');
-    }
-
-    if (!isVisible) {
-      this.cleanupHideHandlers();
-      try {
-        this.element.cleanup?.();
-      } catch (error) {
-        // Do nothing
-      }
-    }
-  }
-
-  handleFocusLoss() {
-    if (this.element.noHideOnThisFocusLoss || 
-        this.element.hasAttribute('noHideOnThisFocusLoss')) {
-      return;
-    }
-
-    const {activeElement} = document;
-    if (activeElement === document.querySelector('body') ||
-        this.element.contains(activeElement) ||
-        this.element.bibContent?.contains(activeElement)) {
-      return;
-    }
-
-    this.hideBib();
-  }
-
-  setupHideHandlers() {
-    // Define handlers & store references
-    this.focusHandler = () => this.handleFocusLoss();
-
-    this.clickHandler = (evt) => {
-      if (!evt.composedPath().includes(this.element.trigger) && 
-          !evt.composedPath().includes(this.element.bibContent)) {
-        this.hideBib();
-      }
-    };
-
-    // ESC key handler
-    this.keyDownHandler = (evt) => {
-      if (evt.key === 'Escape' && this.element.isPopoverVisible) {
-        this.hideBib();
-      }
-    };
-
-    // Add event listeners using the stored references
-    document.addEventListener('focusin', this.focusHandler);
-    window.addEventListener('click', this.clickHandler);
-    document.addEventListener('keydown', this.keyDownHandler);
-  }
-
-  cleanupHideHandlers() {
-    // Remove event listeners if they exist
-    if (this.focusHandler) {
-      document.removeEventListener('focusin', this.focusHandler);
-      this.focusHandler = null;
-    }
-
-    if (this.clickHandler) {
-      window.removeEventListener('click', this.clickHandler);
-      this.clickHandler = null;
-    }
-
-    if (this.keyDownHandler) {
-      document.removeEventListener('keydown', this.keyDownHandler);
-      this.keyDownHandler = null;
-    }
-  }
-
-  handleUpdate(changedProperties) {
-    if (changedProperties.has('isPopoverVisible')) {
-      this.updateState();
-    }
-  }
-
-  updateCurrentExpandedDropdown() {
-    // Close any other dropdown that is already open
-    if (document.expandedAuroDropdown) {
-      this.hideBib(document.expandedAuroDropdown);
-    }
-
-    document.expandedAuroDropdown = this;
-  }
-
-  showBib() {
-    if (!this.element.disabled && !this.element.isPopoverVisible) {
-      this.updateCurrentExpandedDropdown();
-      this.element.isPopoverVisible = true;
-      this.element.triggerChevron?.setAttribute('data-expanded', true);
-      this.dispatchEventDropdownToggle();
-      this.position();
-      
-      // Clean up any existing handlers before setting up new ones
-      this.cleanupHideHandlers();
-      this.setupHideHandlers();
-
-      // Setup auto update to handle resize and scroll
-      this.element.cleanup = autoUpdate(this.element.trigger, this.element.bib, () => {
-        this.position();
-      });
-    }
-  }
-
-  hideBib() {
-    if (this.element.isPopoverVisible && !this.element.disabled && !this.element.noToggle) {
-      this.element.isPopoverVisible = false;
-      this.element.triggerChevron?.removeAttribute('data-expanded');
-      this.dispatchEventDropdownToggle();
-    }
-  }
-
-  /**
-   * @private
-   * @returns {void} Dispatches event with an object showing the state of the dropdown.
-   */
-  dispatchEventDropdownToggle() {
-    const event = new CustomEvent('auroDropdown-toggled', {
-      detail: {
-        expanded: this.isPopoverVisible,
-      },
-      composed: true
-    });
-
-    this.element.dispatchEvent(event);
-  }
-
-  handleClick() {
-    if (this.element.isPopoverVisible) {
-      this.hideBib();
-    } else {
-      this.showBib();
-    }
-
-    const event = new CustomEvent('auroDropdown-triggerClick', {
-      composed: true,
-      details: {
-        expanded: this.element.isPopoverVisible
-      }
-    });
-
-    this.element.dispatchEvent(event);
-  }
-
-  handleEvent(event) {
-    if (!this.element.disableEventShow) {
-      switch (event.type) {
-        case 'keydown':
-          // Support both Enter and Space keys for accessibility
-          // Space is included as it's expected behavior for interactive elements
-          if (event.key === 'Enter' || event.key === ' ') {
-            event.preventDefault(); // Prevent page scroll on space
-            this.handleClick();
-          }
-          break;
-        case 'mouseenter':
-          if (this.element.hoverToggle) {
-            this.showBib();
-          }
-          break;
-        case 'mouseleave':
-          if (this.element.hoverToggle) {
-            this.hideBib();
-          }
-          break;
-        case 'focus':
-          if (this.element.focusShow) {
-            /*
-              This needs to better handle clicking that gives focus - 
-              currently it shows and then immediately hides the bib 
-            */
-            this.showBib();
-          }
-          break;
-        case 'blur':
-          this.handleFocusLoss();
-          break;
-        case 'click':
-          this.handleClick();
-          break;
-        default:
-          // Do nothing
-      }
-    }
-  }
-
-  handleTriggerTabIndex() {
-    const focusableElementSelectors = [
-      'a',
-      'button',
-      'input:not([type="hidden"])',
-      'select',
-      'textarea',
-      '[tabindex]:not([tabindex="-1"])',
-      'auro-button',
-      'auro-input',
-      'auro-hyperlink'
-    ];
-
-    const triggerNode = this.element.querySelectorAll('[slot="trigger"]')[0];
-    const triggerNodeTagName = triggerNode.tagName.toLowerCase();
-
-    focusableElementSelectors.forEach((selector) => {
-      // Check if the trigger node element is focusable
-      if (triggerNodeTagName === selector) {
-        this.element.tabIndex = -1;
-        return;
-      }
-
-      // Check if any child is focusable
-      if (triggerNode.querySelector(selector)) {
-        this.element.tabIndex = -1;
-      }
-    });
-  }
-
-  configure(elem) {
-    this.element = elem;
-    this.element.trigger = this.element.shadowRoot.querySelector('#trigger');
-    this.element.bib = this.element.shadowRoot.querySelector('#bib');
-    this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
-    this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
-
-    document.body.append(this.element.bib);
-
-    this.handleTriggerTabIndex();
-
-    this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));
-    this.element.trigger.addEventListener('click', (event) => this.handleEvent(event));
-    this.element.trigger.addEventListener('mouseenter', (event) => this.handleEvent(event));
-    this.element.trigger.addEventListener('mouseleave', (event) => this.handleEvent(event));
-    this.element.trigger.addEventListener('focus', (event) => this.handleEvent(event));
-    this.element.trigger.addEventListener('blur', (event) => this.handleEvent(event));
-  }
-
-  disconnect() {
-    this.cleanupHideHandlers();
-    this.element.cleanup?.();
-    
-    // Remove event & keyboard listeners
-    if (this.element?.trigger) {
-      this.element.trigger.removeEventListener('keydown', (event) => this.handleEvent(event));
-      this.element.trigger.removeEventListener('click', (event) => this.handleEvent(event));
-      this.element.trigger.removeEventListener('mouseenter', (event) => this.handleEvent(event));
-      this.element.trigger.removeEventListener('mouseleave', (event) => this.handleEvent(event));
-      this.element.trigger.removeEventListener('focus', (event) => this.handleEvent(event));
-      this.element.trigger.removeEventListener('blur', (event) => this.handleEvent(event));
-    }
-  }
-}

package/components/select/demo/alertValue.js

@@ -1,6 +0,0 @@
-export function valueAlert(elem) {
-  elem.addEventListener('selectedOption', () => {
-    console.warn('Select value changed to:', elem.value);
-    console.warn('Select optionSelected changed to:', elem.optionSelected);
-  })
-}