@aquera/nile-elements 0.1.36-beta-1.3 → 0.1.36-beta-1.4

package/dist/src/nile-virtual-select/event-handlers.js

@@ -0,0 +1,153 @@
+export class SelectEventHandlers {
+    constructor(select) {
+        this.select = select;
+        // Bind methods to this instance
+        this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this);
+        this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
+        this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);
+    }
+    setupEventHandlers() {
+        // No listeners added initially - they're added when the select opens
+    }
+    addOpenListeners() {
+        document.addEventListener('focusin', this.handleDocumentFocusIn);
+        document.addEventListener('keydown', this.handleDocumentKeyDown);
+        document.addEventListener('mousedown', this.handleDocumentMouseDown);
+    }
+    removeOpenListeners() {
+        document.removeEventListener('focusin', this.handleDocumentFocusIn);
+        document.removeEventListener('keydown', this.handleDocumentKeyDown);
+        document.removeEventListener('mousedown', this.handleDocumentMouseDown);
+    }
+    removeEventHandlers() {
+        this.removeOpenListeners();
+    }
+    handleFocus() {
+        this.select.hasFocus = true;
+        this.select.displayInput.setSelectionRange(0, 0);
+        this.select.emit('nile-focus', { value: this.select.value, name: this.select.name });
+    }
+    handleBlur() {
+        this.select.hasFocus = false;
+        this.select.emit('nile-blur', { value: this.select.value, name: this.select.name });
+    }
+    handleDocumentFocusIn(event) {
+        // Close when focusing out of the select
+        const path = event.composedPath();
+        if (this.select && !path.includes(this.select)) {
+            this.select.hide();
+        }
+    }
+    handleDocumentKeyDown(event) {
+        const target = event.target;
+        const isClearButton = target.closest('.select__clear') !== null;
+        const isIconButton = target.closest('nile-icon-button') !== null;
+        // Ignore presses when the target is an icon button (e.g. the remove button in <nile-tag>)
+        if (isClearButton || isIconButton) {
+            return;
+        }
+        // Close when pressing escape
+        if (event.key === 'Escape' && this.select.open) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.select.hide();
+            this.select.displayInput.focus({ preventScroll: true });
+        }
+        // Handle enter and space. When pressing space, we allow for type to select behaviors so if there's anything in the
+        // buffer we _don't_ close it.
+        if (event.key === 'Enter' ||
+            (event.key === ' ' && this.select.typeToSelectString === '')) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            // If it's not open, open it
+            if (!this.select.open) {
+                this.select.show();
+                return;
+            }
+            // If it is open, update the value based on the current selection and close it
+            if (this.select.currentOption && !this.select.currentOption.disabled) {
+                if (this.select.multiple) {
+                    this.select.toggleOptionSelection(this.select.currentOption);
+                }
+                else {
+                    this.select.setSelectedOptions(this.select.currentOption);
+                }
+                // Emit after updating
+                this.select.updateComplete.then(() => {
+                    this.select.nileInput({ value: this.select.value, name: this.select.name });
+                    this.select.nileChange({ value: this.select.value, name: this.select.name });
+                });
+                if (!this.select.multiple) {
+                    this.select.hide();
+                    this.select.displayInput.focus({ preventScroll: true });
+                }
+            }
+            return;
+        }
+        // All other "printable" keys trigger type to select
+        if (event.key.length === 1 || event.key === 'Backspace') {
+            const allOptions = this.select.optionUtils.getAllOptions(this.select);
+            // Don't block important key combos like CMD+R
+            if (event.metaKey || event.ctrlKey || event.altKey) {
+                return;
+            }
+            // Open, unless the key that triggered is backspace
+            if (!this.select.open) {
+                if (event.key === 'Backspace') {
+                    return;
+                }
+                this.select.show();
+            }
+            event.stopPropagation();
+            event.preventDefault();
+            clearTimeout(this.select.typeToSelectTimeout);
+            this.select.typeToSelectTimeout = window.setTimeout(() => (this.select.typeToSelectString = ''), 1000);
+            if (event.key === 'Backspace') {
+                this.select.typeToSelectString = this.select.typeToSelectString.slice(0, -1);
+            }
+            else {
+                this.select.typeToSelectString += event.key.toLowerCase();
+            }
+            for (const option of allOptions) {
+                const label = option.getTextLabel().toLowerCase();
+                if (label.startsWith(this.select.typeToSelectString)) {
+                    this.select.setCurrentOption(option);
+                    break;
+                }
+            }
+        }
+    }
+    handleDocumentMouseDown(event) {
+        // Close when clicking outside of the select
+        const path = event.composedPath();
+        if (this.select && !path.includes(this.select)) {
+            this.select.hide();
+        }
+    }
+    handleLabelClick() {
+        this.select.displayInput.focus();
+        this.select.hide();
+    }
+    handleComboboxMouseDown(event) {
+        const path = event.composedPath();
+        const isIconButton = path.some(el => el instanceof Element && el.tagName.toLowerCase() === 'nile-icon-button');
+        // Ignore disabled controls and clicks on tags (remove buttons)
+        if (this.select.disabled || isIconButton) {
+            return;
+        }
+        event.preventDefault();
+        this.select.displayInput.focus({ preventScroll: true });
+        this.select.open = !this.select.open;
+    }
+    handleComboboxKeyDown(event) {
+        event.stopPropagation();
+        this.handleDocumentKeyDown(event);
+    }
+    handleSearchFocus() {
+        document.removeEventListener('keydown', this.handleDocumentKeyDown);
+    }
+    handleSearchBlur() {
+        document.addEventListener('keydown', this.handleDocumentKeyDown);
+    }
+}
+//# sourceMappingURL=event-handlers.js.map

package/dist/src/nile-virtual-select/event-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-handlers.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/event-handlers.ts"],"names":[],"mappings":"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","sourcesContent":["import type { NileVirtualSelect } from './nile-virtual-select';\nimport type NileOption from '../nile-option/nile-option';\nimport { scrollIntoView } from '../internal/scroll';\n\nexport class SelectEventHandlers {\n  private select: NileVirtualSelect;\n  \n  constructor(select: NileVirtualSelect) {\n    this.select = select;\n    \n    // Bind methods to this instance\n    this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n  }\n  \n  setupEventHandlers() {\n    // No listeners added initially - they're added when the select opens\n  }\n  \n  addOpenListeners() {\n    document.addEventListener('focusin', this.handleDocumentFocusIn);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  removeOpenListeners() {\n    document.removeEventListener('focusin', this.handleDocumentFocusIn);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n  \n  removeEventHandlers() {\n    this.removeOpenListeners();\n  }\n  \n  handleFocus() {\n    this.select.hasFocus = true;\n    this.select.displayInput.setSelectionRange(0, 0);\n    this.select.emit('nile-focus', { value: this.select.value, name: this.select.name });\n  }\n\n  handleBlur() {\n    this.select.hasFocus = false;\n    this.select.emit('nile-blur', { value: this.select.value, name: this.select.name });\n  }\n\n  handleDocumentFocusIn(event: FocusEvent) {\n    // Close when focusing out of the select\n    const path = event.composedPath();\n    if (this.select && !path.includes(this.select)) {\n      this.select.hide();\n    }\n  }\n\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n    const isClearButton = target.closest('.select__clear') !== null;\n    const isIconButton = target.closest('nile-icon-button') !== null;\n\n    // Ignore presses when the target is an icon button (e.g. the remove button in <nile-tag>)\n    if (isClearButton || isIconButton) {\n      return;\n    }\n\n    // Close when pressing escape\n    if (event.key === 'Escape' && this.select.open) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.select.hide();\n      this.select.displayInput.focus({ preventScroll: true });\n    }\n\n    // Handle enter and space. When pressing space, we allow for type to select behaviors so if there's anything in the\n    // buffer we _don't_ close it.\n    if (\n      event.key === 'Enter' ||\n      (event.key === ' ' && (this.select as any).typeToSelectString === '')\n    ) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      // If it's not open, open it\n      if (!this.select.open) {\n        this.select.show();\n        return;\n      }\n\n      // If it is open, update the value based on the current selection and close it\n      if (this.select.currentOption && !this.select.currentOption.disabled) {\n        if (this.select.multiple) {\n          this.select.toggleOptionSelection(this.select.currentOption);\n        } else {\n          this.select.setSelectedOptions(this.select.currentOption);\n        }\n\n        // Emit after updating\n        this.select.updateComplete.then(() => {\n          this.select.nileInput({ value: this.select.value, name: this.select.name });\n          this.select.nileChange({ value: this.select.value, name: this.select.name });\n        });\n\n        if (!this.select.multiple) {\n          this.select.hide();\n          this.select.displayInput.focus({ preventScroll: true });\n        }\n      }\n\n      return;\n    }\n\n    // All other \"printable\" keys trigger type to select\n    if (event.key.length === 1 || event.key === 'Backspace') {\n      const allOptions = (this.select as any).optionUtils.getAllOptions(this.select);\n\n      // Don't block important key combos like CMD+R\n      if (event.metaKey || event.ctrlKey || event.altKey) {\n        return;\n      }\n\n      // Open, unless the key that triggered is backspace\n      if (!this.select.open) {\n        if (event.key === 'Backspace') {\n          return;\n        }\n\n        this.select.show();\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n\n      clearTimeout((this.select as any).typeToSelectTimeout);\n      (this.select as any).typeToSelectTimeout = window.setTimeout(\n        () => ((this.select as any).typeToSelectString = ''),\n        1000\n      );\n\n      if (event.key === 'Backspace') {\n        (this.select as any).typeToSelectString = (this.select as any).typeToSelectString.slice(0, -1);\n      } else {\n        (this.select as any).typeToSelectString += event.key.toLowerCase();\n      }\n\n      for (const option of allOptions) {\n        const label = option.getTextLabel().toLowerCase();\n\n        if (label.startsWith((this.select as any).typeToSelectString)) {\n          this.select.setCurrentOption(option);\n          break;\n        }\n      }\n    }\n  }\n\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the select\n    const path = event.composedPath();\n    if (this.select && !path.includes(this.select)) {\n      this.select.hide();\n    }\n  }\n\n  handleLabelClick() {\n    this.select.displayInput.focus();\n    this.select.hide();\n  }\n\n  handleComboboxMouseDown(event: MouseEvent) {\n    const path = event.composedPath();\n    const isIconButton = path.some(\n      el =>\n        el instanceof Element && el.tagName.toLowerCase() === 'nile-icon-button'\n    );\n\n    // Ignore disabled controls and clicks on tags (remove buttons)\n    if (this.select.disabled || isIconButton) {\n      return;\n    }\n\n    event.preventDefault();\n    this.select.displayInput.focus({ preventScroll: true });\n    this.select.open = !this.select.open;\n  }\n\n  handleComboboxKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n    this.handleDocumentKeyDown(event);\n  }\n  \n  handleSearchFocus() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  handleSearchBlur() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n}"]}

package/dist/src/nile-virtual-select/index.d.ts

@@ -0,0 +1 @@
+export { NileVirtualSelect } from './nile-virtual-select';

package/dist/src/nile-virtual-select/index.js

@@ -0,0 +1,2 @@
+export { NileVirtualSelect } from './nile-virtual-select';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-virtual-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileVirtualSelect } from './nile-virtual-select';\n"]}

package/dist/src/nile-virtual-select/models.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Types and interfaces for nile-virtual-select
+ */
+import type NileOption from '../nile-option/nile-option';
+export type NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;
+export interface SelectChangeEventDetail {
+    value: string | string[];
+    name: string;
+}
+export interface SelectClearEventDetail {
+    value: string | string[];
+    name: string;
+}
+export interface SelectInputEventDetail {
+    value: string | string[];
+    name: string;
+}
+export interface TagRemoveEventDetail {
+    value: string | string[];
+    name: string;
+    removedtagvalue: string;
+}
+export interface SelectSize {
+    size: 'small' | 'medium' | 'large';
+}
+export interface SelectPlacement {
+    placement: 'top' | 'bottom';
+}
+export interface VirtualOptionState {
+    option: NileOption;
+    visible: boolean;
+    index: number;
+}

package/dist/src/nile-virtual-select/models.js

@@ -0,0 +1,5 @@
+/**
+ * Types and interfaces for nile-virtual-select
+ */
+export {};
+//# sourceMappingURL=models.js.map

package/dist/src/nile-virtual-select/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/models.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Types and interfaces for nile-virtual-select\n */\n\nimport type NileOption from '../nile-option/nile-option';\n\nexport type NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;\n\nexport interface SelectChangeEventDetail {\n  value: string | string[];\n  name: string;\n}\n\nexport interface SelectClearEventDetail {\n  value: string | string[];\n  name: string;\n}\n\nexport interface SelectInputEventDetail {\n  value: string | string[];\n  name: string;\n}\n\nexport interface TagRemoveEventDetail {\n  value: string | string[];\n  name: string;\n  removedtagvalue: string;\n}\n\nexport interface SelectSize {\n  size: 'small' | 'medium' | 'large';\n}\n\nexport interface SelectPlacement {\n  placement: 'top' | 'bottom';\n}\n\nexport interface VirtualOptionState {\n  option: NileOption;\n  visible: boolean;\n  index: number;\n}"]}

package/dist/src/nile-virtual-select/nile-virtual-select.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Select_2 CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;