@aurodesignsystem/auro-formkit 1.6.0-beta.4

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

@@ -0,0 +1,189 @@
+/**
+ * @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 } 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 the dropdown bib.
+ * @attr { Boolean } focusShow - if declared, the 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.
+ * @slot trigger - Defines the content of the trigger.
+ * @csspart trigger - The trigger content container.
+ * @csspart chevron - The collapsed/expanded state icon container.
+ * @csspart helpText - The helpText content container.
+ * @csspart popover - The bib content container.
+ * @event auroDropdown-triggerClick - Notifies that the trigger has been clicked.
+ * @event auroDropdown-toggled - Notifies that the visibility of the dropdown bib has changed.
+ */
+export class AuroDropdown extends LitElement {
+    static get properties(): {
+        bordered: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        chevron: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        focusShow: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        hoverToggle: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        inset: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        matchWidth: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        common: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        noToggle: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        noHideOnThisFocusLoss: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        isPopoverVisible: {
+            type: BooleanConstructor;
+        };
+        onSlotChange: {
+            type: FunctionConstructor;
+            reflect: boolean;
+        };
+        mobileFullscreenBreakpoint: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        /**
+         * @private
+         */
+        dropdownWidth: {
+            type: NumberConstructor;
+        };
+        /**
+         * @private
+         */
+        placement: {
+            type: StringConstructor;
+        };
+        /**
+         * @private
+         */
+        tabIndex: {
+            type: NumberConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-dropdown"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroDropdown.register("custom-dropdown") // this will register this element to <custom-dropdown/>
+     *
+     */
+    static register(name?: string): void;
+    isPopoverVisible: boolean;
+    matchWidth: boolean;
+    noHideOnThisFocusLoss: boolean;
+    /**
+     * @private
+     * @returns {void} Internal defaults.
+     */
+    private privateDefaults;
+    bordered: boolean;
+    chevron: boolean;
+    disabled: boolean;
+    error: boolean;
+    inset: boolean;
+    placement: string;
+    rounded: boolean;
+    noToggle: boolean;
+    /**
+     * @private
+     */
+    private runtimeUtils;
+    /**
+     * @private
+     */
+    private floater;
+    /**
+     * @private
+     */
+    private floaterConfig;
+    iconTag: any;
+    /**
+     * Public method to hide the dropdown.
+     * @returns {void}
+     */
+    hide(): void;
+    /**
+     * Public method to show the dropdown.
+     * @returns {void}
+     */
+    show(): void;
+    updated(changedProperties: any): void;
+    firstUpdated(): void;
+    bibContent: any;
+    /**
+     * Exposes CSS parts for styling from parent components.
+     * @private
+     * @returns {void}
+     */
+    private exposeCssParts;
+    /**
+     * Determines if content is within a custom slot.
+     * @private
+     * @param {HTMLElement} element - The element to check.
+     * @returns {Boolean}
+     */
+    private isCustomSlotContent;
+    /**
+     * Handles the default slot change event and updates the content.
+     *
+     * This method retrieves all nodes assigned to the default slot of the event target and appends them
+     * to the `bibContent` element. If a callback function `onSlotChange` is defined, it is invoked to
+     * notify about the slot change.
+     *
+     * @private
+     * @method handleDefaultSlot
+     * @param {Event} event - The event object representing the slot change.
+     * @fires Function#onSlotChange - Optional callback invoked when the slot content changes.
+     */
+    private handleDefaultSlot;
+    render(): import("lit-html").TemplateResult;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-dropdown.d.ts","sourceRoot":"","sources":["../src/auro-dropdown.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH;IAsEE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4DI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAjKC,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;IA4GD,sCAMC;IAED,qBAMC;IAJC,gBAA0C;IAM5C;;;;OAIG;IACH,uBAEC;IAED;;;;;OAKG;IACH,4BAiBC;IAED;;;;;;;;;;;OAWG;IACH,0BAMC;IAGD,4CAsDC;CACF;2BAxV0B,KAAK"}

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

@@ -0,0 +1,33 @@
+/**
+ * @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(): {
+        common: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        inset: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        rounded: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    /**
+     * @private
+     */
+    private _mobileBreakpointValue;
+    set mobileFullscreenBreakpoint(value: any);
+    get mobileFullscreenBreakpoint(): any;
+    render(): import("lit-html").TemplateResult;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-dropdownBib.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1 @@
+{"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/dist/iconVersion.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "6.1.1";
+export default _default;
+//# sourceMappingURL=iconVersion.d.ts.map

package/components/dropdown/dist/iconVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconVersion.d.ts","sourceRoot":"","sources":["../src/iconVersion.js"],"names":[],"mappings":"wBAAe,OAAO"}

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

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

package/components/dropdown/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";6BAA6B,oBAAoB"}