@aurodesignsystem/auro-formkit 1.6.0-beta.4

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

@@ -0,0 +1,168 @@
+/**
+ * The auro-menu element provides users a way to select from a list of options.
+ * @attr {Object} optionSelected - Specifies the current selected menuOption.
+ * @attr {String} matchWord - Specifies the a string used to highlight matched string parts in options.
+ * @attr {Boolean} disabled - When true, the entire menu and all options are disabled;
+ * @attr {Boolean} noCheckmark - When true, selected option will not show the checkmark.
+ * @attr {String} value - Value selected for the menu.
+ * @event auroMenu-selectedOption - Notifies that a new menuoption selection has been made.
+ * @event selectedOption - (DEPRECATED) Notifies that a new menuoption selection has been made.
+ * @event auroMenu-activatedOption - Notifies that a menuoption has been made `active`.
+ * @event auroMenuActivatedOption - (DEPRECATED) Notifies that a menuoption has been made `active`.
+ * @event auroMenu-selectValueFailure - Notifies that a an attempt to select a menuoption by matching a value has failed.
+ * @event auroMenuSelectValueFailure - (DEPRECATED) Notifies that a an attempt to select a menuoption by matching a value has failed.
+ * @event auroMenu-customEventFired - Notifies that a custom event has been fired.
+ * @event auroMenuCustomEventFired - (DEPRECATED) Notifies that a custom event has been fired.
+ * @event auroMenu-selectValueReset - Notifies that the component value has been reset.
+ * @slot Slot for insertion of menu options.
+ */
+export class AuroMenu extends LitElement {
+    static get properties(): {
+        noCheckmark: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        optionSelected: {
+            type: ObjectConstructor;
+        };
+        optionActive: {
+            type: ObjectConstructor;
+        };
+        matchWord: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-menu"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroMenu.register("custom-menu") // this will register this element to <custom-menu/>
+     *
+     */
+    static register(name?: string): void;
+    value: any;
+    optionSelected: any;
+    matchWord: any;
+    noCheckmark: boolean;
+    optionActive: Element;
+    /**
+     * @private
+     */
+    private rootMenu;
+    /**
+     * @private
+     */
+    private runtimeUtils;
+    /**
+     * @private
+     */
+    private nestingSpacer;
+    /**
+     * Passes the noCheckmark attribute to all nested auro-menuoptions.
+     * @private
+     * @returns {void}
+     */
+    private handleNoCheckmarkAttr;
+    firstUpdated(): void;
+    updated(changedProperties: any): void;
+    /**
+     * @private
+     * @param {Object} option - The menuoption to check for interactive state.
+     * @returns {Boolean} Returns true if the option is interactive.
+     */
+    private optionInteractive;
+    /**
+     * @private
+     * @returns {void} When called will update the DOM with visible suggest text matches.
+     */
+    private markOptions;
+    /**
+     * Reset the menu and all options.
+     */
+    resetOptionsStates(): void;
+    /**
+     * Set the attributes on the selected menuoption, the menu value and stored option.
+     * @param {Object} option - The menuoption to be selected.
+     * @private
+     */
+    private handleLocalSelectState;
+    index: number;
+    /**
+     * Notify selection change.
+     * @private
+     * @return {void}
+     */
+    private notifySelectionChange;
+    /**
+     * Process actions for making making a menuoption selection.
+     */
+    makeSelection(): void;
+    /**
+     * Manage ArrowDown, ArrowUp and Enter keyboard events.
+     * @private
+     * @param {Object} event - Event object from the browser.
+     */
+    private handleKeyDown;
+    /**
+     * Initializes all menu options in the DOM. This must be re-run every time the options are changed.
+     * @private
+     */
+    private initItems;
+    items: Element[];
+    /**
+     * Sets the index value of the selected item or first non-disabled menuoption.
+     * @private
+     */
+    private getSelectedIndex;
+    /**
+     * Using value of current this.index evaluates index
+     * of next :focus to set based on array of this.items ignoring items
+     * with disabled attr.
+     *
+     * The event.target is not used as the function needs to know where to go,
+     * versus knowing where it is.
+     * @param {String} moveDirection - Up or Down based on keyboard event.
+     */
+    selectNextItem(moveDirection: string): void;
+    /**
+     * Used for applying indentation to each level of nested menu.
+     * @private
+     * @param {String} menu - Root level menu object.
+     */
+    private handleNestedMenus;
+    /**
+     * Method to apply `selected` attribute to `menuoption` via `value`.
+     * @private
+     * @param {String} value - Must match a unique `menuoption` value.
+     */
+    private selectByValue;
+    /**
+     * Used to make the active state for options follow mouseover.
+     * @param {Number} index - Index of the menuoption that will be made active.
+     * @private
+     */
+    private updateActiveOption;
+    /**
+     * Used to only make a selection when a menuoption is receiving a mousedown event.
+     * @param {Event} evt - Mousedown event.
+     * @private
+     */
+    private handleMenuMouseDown;
+    /**
+     * Used for @slotchange event on slotted element.
+     * @private
+     */
+    private handleSlotItems;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-menu.d.ts","sourceRoot":"","sources":["../src/auro-menu.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;GAiBG;AAIH;IAyBE;;;;;;;;;;;;;;;;;;;;;MAeC;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAzDC,WAAsB;IACtB,oBAA+B;IAC/B,eAA0B;IAC1B,qBAAwB;IACxB,sBAA6B;IAE7B;;OAEG;IACH,iBAAoB;IAEpB;;OAEG;IACH,qBAAiD;IAEjD;;OAEG;IACH,sBAA0D;IAwC5D;;;;OAIG;IACH,8BAcC;IAED,qBAKC;IAED,sCAgBC;IAED;;;;OAIG;IACH,0BAEC;IAED;;;OAGG;IACH,oBAkBC;IAED;;OAEG;IACH,2BAQC;IAED;;;;OAIG;IACH,+BAQC;IADC,cAAuC;IAGzC;;;;OAIG;IACH,8BAaC;IAED;;OAEG;IACH,sBAyCC;IAED;;;;OAIG;IACH,sBAoBC;IAED;;;OAGG;IACH,kBAGC;IAFC,iBAAoF;IAItF;;;OAGG;IACH,yBAQC;IAED;;;;;;;;OAQG;IACH,4CAsCC;IAED;;;;OAIG;IACH,0BAgBC;IAED;;;;OAIG;IACH,sBA4CC;IAED;;;;OAIG;IACH,2BAoBC;IAED;;;;OAIG;IACH,4BAIC;IAED;;;OAGG;IACH,wBA0BC;IAED,+CAIC;CACF;2BAngBgC,KAAK"}

package/components/menu/dist/auro-menuoption.d.ts

@@ -0,0 +1,65 @@
+/**
+ * The auro-menu element provides users a way to define a menu option.
+ *
+ * @attr {String} value - Specifies the value to be sent to a server.
+ * @attr {String} noCheckmark - When true, selected option will not show the checkmark.
+ * @attr {Boolean} disabled - When true specifies that the menuoption is disabled.
+ * @attr {Boolean} selected - Specifies that an option is selected.
+ * @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
+ * @slot Specifies text for an option, but is not the value.
+ */
+export class AuroMenuOption extends LitElement {
+    static get properties(): {
+        nocheckmark: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        selected: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-menuoption"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroMenuOption.register("custom-menuoption") // this will register this element to <custom-menuoption/>
+     *
+     */
+    static register(name?: string): void;
+    iconTag: any;
+    selected: boolean;
+    nocheckmark: boolean;
+    disabled: boolean;
+    /**
+     * @private
+     */
+    private runtimeUtils;
+    firstUpdated(): void;
+    updated(changedProperties: any): void;
+    /**
+     * Generates an HTML element containing an SVG icon based on the provided `svgContent`.
+     *
+     * @private
+     * @param {string} svgContent - The SVG content to be embedded.
+     * @returns {Element} The HTML element containing the SVG icon.
+     */
+    private generateIconHtml;
+    render(): import("lit-html").TemplateResult;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-menuoption.d.ts.map

package/components/menu/dist/auro-menuoption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auro-menuoption.d.ts","sourceRoot":"","sources":["../src/auro-menuoption.js"],"names":[],"mappings":"AAqBA;;;;;;;;;GASG;AACH;IAyBE;;;;;;;;;;;;;;;;;;;;;MAuBC;IAED,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IA5DC,aAAyE;IAEzE,kBAAqB;IACrB,qBAAwB;IACxB,kBAAqB;IAOrB;;OAEG;IACH,qBAAiD;IAgDnD,qBAeC;IAGD,sCAIC;IAED;;;;;;OAMG;IACH,yBAOC;IAED,4CAKC;CACF;2BA7I0B,KAAK"}

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

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

package/components/menu/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/menu/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { AuroMenu } from './auro-menu.js';
+import { AuroMenuOption } from './auro-menuoption.js';
+export { AuroMenu, AuroMenuOption };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"yBAAyB,gBAAgB;+BACV,sBAAsB"}