@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

package/dist/src/nile-virtual-select/search-manager.js

@@ -0,0 +1,40 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export class VirtualSelectSearchManager {
+    static filterVirtualOptions(searchValue, originalOptionItems, data, renderItemFunction, getSearchText) {
+        if (originalOptionItems.length === 0 && data.length > 0) {
+            return {
+                filteredItems: [...data],
+                showNoResults: false
+            };
+        }
+        if (!originalOptionItems || originalOptionItems.length === 0) {
+            return {
+                filteredItems: [],
+                showNoResults: true
+            };
+        }
+        if (!searchValue || searchValue.trim() === '') {
+            return {
+                filteredItems: [...originalOptionItems],
+                showNoResults: false
+            };
+        }
+        const lowerCaseSearchValue = searchValue.toLowerCase();
+        const searchTextFn = getSearchText || renderItemFunction;
+        const filteredItems = originalOptionItems.filter((item) => {
+            const itemValue = searchTextFn(item);
+            const lowerCaseItemValue = itemValue.toLowerCase();
+            return lowerCaseItemValue.includes(lowerCaseSearchValue);
+        });
+        return {
+            filteredItems,
+            showNoResults: filteredItems.length === 0
+        };
+    }
+}
+//# sourceMappingURL=search-manager.js.map

package/dist/src/nile-virtual-select/search-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-manager.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/search-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,OAAO,0BAA0B;IACnC,MAAM,CAAC,oBAAoB,CAC3B,WAAmB,EACnB,mBAA0B,EAC1B,IAAW,EACX,kBAAyC,EACzC,aAAqC;QAErC,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxD,OAAO;gBACL,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;gBACxB,aAAa,EAAE,KAAK;aACrB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7D,OAAO;gBACL,aAAa,EAAE,EAAE;gBACjB,aAAa,EAAE,IAAI;aACpB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC9C,OAAO;gBACL,aAAa,EAAE,CAAC,GAAG,mBAAmB,CAAC;gBACvC,aAAa,EAAE,KAAK;aACrB,CAAC;QACJ,CAAC;QAED,MAAM,oBAAoB,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;QACvD,MAAM,YAAY,GAAG,aAAa,IAAI,kBAAkB,CAAC;QACzD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE;YAC7D,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,kBAAkB,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;YACnD,OAAO,kBAAkB,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,aAAa;YACb,aAAa,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;SAC1C,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport class VirtualSelectSearchManager {\n    static filterVirtualOptions(\n    searchValue: string,\n    originalOptionItems: any[],\n    data: any[], \n    renderItemFunction: (item: any) => string,\n    getSearchText?: (item: any) => string\n  ): { filteredItems: any[], showNoResults: boolean } {\n    if (originalOptionItems.length === 0 && data.length > 0) {\n      return {\n        filteredItems: [...data],\n        showNoResults: false\n      };\n    }\n\n    if (!originalOptionItems || originalOptionItems.length === 0) {\n      return {\n        filteredItems: [],\n        showNoResults: true\n      };\n    }\n\n    if (!searchValue || searchValue.trim() === '') {\n      return {\n        filteredItems: [...originalOptionItems],\n        showNoResults: false\n      };\n    }\n\n    const lowerCaseSearchValue = searchValue.toLowerCase();\n    const searchTextFn = getSearchText || renderItemFunction;\n    const filteredItems = originalOptionItems.filter((item: any) => {\n      const itemValue = searchTextFn(item);\n      const lowerCaseItemValue = itemValue.toLowerCase();\n      return lowerCaseItemValue.includes(lowerCaseSearchValue);\n    });\n\n    return {\n      filteredItems,\n      showNoResults: filteredItems.length === 0\n    };\n  }\n} \n"]}

package/dist/src/nile-virtual-select/selection-manager.js

@@ -0,0 +1,64 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export class VirtualSelectSelectionManager {
+    static createVirtualOptionsFromValues(value, data, getDisplayText, getItemValue) {
+        if (!value || (Array.isArray(value) && value.length === 0)) {
+            return [];
+        }
+        const values = Array.isArray(value) ? value : [value];
+        return values.map(valueItem => {
+            // Use enhanced functions if available, otherwise fallback to basic logic
+            const displayTextFn = getDisplayText;
+            const valueFn = getItemValue || ((item) => item?.value || item);
+            const item = data.find((item) => {
+                const itemValue = valueFn(item);
+                const itemDisplayText = displayTextFn(item);
+                return String(itemValue) === String(valueItem) || String(itemDisplayText) === String(valueItem);
+            });
+            const displayText = item ? displayTextFn(item) : valueItem;
+            return {
+                value: valueItem,
+                selected: true,
+                getTextLabel: () => {
+                    // If displayText contains HTML, strip tags
+                    if (typeof displayText === 'string' && /<[^>]+>/.test(displayText)) {
+                        const div = document.createElement('div');
+                        div.innerHTML = displayText;
+                        return div.textContent || div.innerText || '';
+                    }
+                    return displayText;
+                },
+                getOptionPrefix: () => '',
+            };
+        });
+    }
+    static updateDisplayLabel(selectedOptions, placeholder, multiple, value) {
+        if (multiple) {
+            if (placeholder && selectedOptions.length === 0) {
+                return '';
+            }
+            else {
+                return selectedOptions.length + ' selected';
+            }
+        }
+        else {
+            const currentValue = Array.isArray(value) ? value[0] : value;
+            return selectedOptions[0]?.getTextLabel()
+                ? selectedOptions[0].getTextLabel()
+                : currentValue ?? '';
+        }
+    }
+    static updateValue(selectedOptions, multiple) {
+        if (multiple) {
+            return selectedOptions.map(el => el.value);
+        }
+        else {
+            return selectedOptions[0]?.value ?? '';
+        }
+    }
+}
+//# sourceMappingURL=selection-manager.js.map

package/dist/src/nile-virtual-select/selection-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-manager.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/selection-manager.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { VirtualOption } from './types.js';\n\nexport class VirtualSelectSelectionManager {\n  static createVirtualOptionsFromValues(\n    value: string | string[], \n    data: any[], \n    getDisplayText: (item: any) => string,\n    getItemValue?: (item: any) => string\n  ): VirtualOption[] {\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      return [];\n    }\n\n    const values = Array.isArray(value) ? value : [value];\n    \n    return values.map(valueItem => {\n      // Use enhanced functions if available, otherwise fallback to basic logic\n      const displayTextFn = getDisplayText;\n      const valueFn = getItemValue || ((item: any) => item?.value || item);\n      \n      const item = data.find((item: any) => {\n        const itemValue = valueFn(item);\n        const itemDisplayText = displayTextFn(item);\n        return String(itemValue) === String(valueItem) || String(itemDisplayText) === String(valueItem);\n      });\n      \n      const displayText = item ? displayTextFn(item) : valueItem;\n      \n      return {\n        value: valueItem,\n        selected: true,\n        getTextLabel: () => {\n          // If displayText contains HTML, strip tags\n          if (typeof displayText === 'string' && /<[^>]+>/.test(displayText)) {\n            const div = document.createElement('div');\n            div.innerHTML = displayText;\n            return div.textContent || div.innerText || '';\n          }\n          return displayText;\n        },\n        getOptionPrefix: () => '',\n      };\n    });\n  }\n\n  static updateDisplayLabel(selectedOptions: VirtualOption[], placeholder: string, multiple: boolean, value: string | string[]): string {\n    if (multiple) {\n      if (placeholder && selectedOptions.length === 0) {\n        return '';\n      } else {\n        return selectedOptions.length + ' selected';\n      }\n    } else {\n      const currentValue = Array.isArray(value) ? value[0] : value;\n      return selectedOptions[0]?.getTextLabel()\n        ? selectedOptions[0].getTextLabel()\n        : currentValue ?? '';\n    }\n  }\n\n  static updateValue(selectedOptions: VirtualOption[], multiple: boolean): string | string[] {\n    if (multiple) {\n      return selectedOptions.map(el => el.value);\n    } else {\n      return selectedOptions[0]?.value ?? '';\n    }\n  }\n} \n"]}

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

@@ -0,0 +1,8 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;\n\nexport interface VirtualOption {\n  value: string;\n  selected: boolean;\n  getTextLabel: () => string;\n  getOptionPrefix: () => string;\n}\n\nexport interface RenderItemConfig {\n  getDisplayText: (item: any) => string;\n  getValue?: (item: any) => string;\n  getSearchText?: (item: any) => string;\n}\n\nexport interface VirtualSelectProperties {\n  name: string;\n  data: any[];\n  value: string | string[];\n  size: 'small' | 'medium' | 'large';\n  placeholder: string;\n  searchEnabled: boolean;\n  internalSearchPlaceHolder: string;\n  disableLocalSearch: boolean;\n  optionsLoading: boolean;\n  multiple: boolean;\n  helpText: string;\n  errorMessage: string;\n  warning: boolean;\n  error: boolean;\n  success: boolean;\n  disabled: boolean;\n  clearable: boolean;\n  open: boolean;\n  hoist: boolean;\n  filled: boolean;\n  pill: boolean;\n  label: string;\n  placement: 'top' | 'bottom';\n  form: string;\n  required: boolean;\n  showNoResults: boolean;\n  noResultsMessage: string;\n  renderItemConfig?: RenderItemConfig;\n  blockValueChange: boolean;\n  noWidthSync: boolean;\n} \n"]}

package/dist/src/slot.js

@@ -0,0 +1,82 @@
+/** A reactive controller that determines when slots exist. */
+export class HasSlotController {
+    constructor(host, ...slotNames) {
+        this.slotNames = [];
+        (this.host = host).addController(this);
+        this.slotNames = slotNames;
+        this.handleSlotChange = this.handleSlotChange.bind(this);
+    }
+    hasDefaultSlot() {
+        return [...this.host.childNodes].some(node => {
+            if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
+                return true;
+            }
+            if (node.nodeType === node.ELEMENT_NODE) {
+                const el = node;
+                const tagName = el.tagName.toLowerCase();
+                // Ignore visually hidden elements since they aren't rendered
+                if (tagName === 'nile-visually-hidden') {
+                    return false;
+                }
+                // If it doesn't have a slot attribute, it's part of the default slot
+                if (!el.hasAttribute('slot')) {
+                    return true;
+                }
+            }
+            return false;
+        });
+    }
+    hasNamedSlot(name) {
+        return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
+    }
+    test(slotName) {
+        return slotName === '[default]' ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
+    }
+    hostConnected() {
+        this.host.shadowRoot.addEventListener('slotchange', this.handleSlotChange);
+    }
+    hostDisconnected() {
+        this.host.shadowRoot.removeEventListener('slotchange', this.handleSlotChange);
+    }
+    handleSlotChange(event) {
+        const slot = event.target;
+        if ((this.slotNames.includes('[default]') && !slot.name) || (slot.name && this.slotNames.includes(slot.name))) {
+            this.host.requestUpdate();
+        }
+    }
+}
+/**
+ * Given a slot, this function iterates over all of its assigned element and text nodes and returns the concatenated
+ * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
+ */
+export function getInnerHTML(slot) {
+    const nodes = slot.assignedNodes({ flatten: true });
+    let html = '';
+    [...nodes].forEach(node => {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            html += node.outerHTML;
+        }
+        if (node.nodeType === Node.TEXT_NODE) {
+            html += node.textContent;
+        }
+    });
+    return html;
+}
+/**
+ * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
+ * string. This is useful because we can't use slot.textContent as an alternative.
+ */
+export function getTextContent(slot) {
+    if (!slot) {
+        return '';
+    }
+    const nodes = slot.assignedNodes({ flatten: true });
+    let text = '';
+    [...nodes].forEach(node => {
+        if (node.nodeType === Node.TEXT_NODE) {
+            text += node.textContent;
+        }
+    });
+    return text;
+}
+//# sourceMappingURL=slot.js.map

package/dist/src/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/slot.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/** A reactive controller that determines when slots exist. */\nexport class HasSlotController implements ReactiveController {\n  host: ReactiveControllerHost & Element;\n  slotNames: string[] = [];\n\n  constructor(host: ReactiveControllerHost & Element, ...slotNames: string[]) {\n    (this.host = host).addController(this);\n    this.slotNames = slotNames;\n    this.handleSlotChange = this.handleSlotChange.bind(this);\n  }\n\n  private hasDefaultSlot() {\n    return [...this.host.childNodes].some(node => {\n      if (node.nodeType === node.TEXT_NODE && node.textContent!.trim() !== '') {\n        return true;\n      }\n\n      if (node.nodeType === node.ELEMENT_NODE) {\n        const el = node as HTMLElement;\n        const tagName = el.tagName.toLowerCase();\n\n        // Ignore visually hidden elements since they aren't rendered\n        if (tagName === 'nile-visually-hidden') {\n          return false;\n        }\n\n        // If it doesn't have a slot attribute, it's part of the default slot\n        if (!el.hasAttribute('slot')) {\n          return true;\n        }\n      }\n\n      return false;\n    });\n  }\n\n  private hasNamedSlot(name: string) {\n    return this.host.querySelector(`:scope > [slot=\"${name}\"]`) !== null;\n  }\n\n  test(slotName: string) {\n    return slotName === '[default]' ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);\n  }\n\n  hostConnected() {\n    this.host.shadowRoot!.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  hostDisconnected() {\n    this.host.shadowRoot!.removeEventListener('slotchange', this.handleSlotChange);\n  }\n\n  handleSlotChange(event: Event) {\n    const slot = event.target as HTMLSlotElement;\n\n    if ((this.slotNames.includes('[default]') && !slot.name) || (slot.name && this.slotNames.includes(slot.name))) {\n      this.host.requestUpdate();\n    }\n  }\n}\n\n/**\n * Given a slot, this function iterates over all of its assigned element and text nodes and returns the concatenated\n * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].forEach(node => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      html += (node as HTMLElement).outerHTML;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n * string. This is useful because we can't use slot.textContent as an alternative.\n */\nexport function getTextContent(slot: HTMLSlotElement | undefined | null): string {\n  if (!slot) {\n    return '';\n  }\n  const nodes = slot.assignedNodes({ flatten: true });\n  let text = '';\n\n  [...nodes].forEach(node => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      text += node.textContent;\n    }\n  });\n\n  return text;\n}\n"]}

package/dist/src/utilities/animation-registry.js

@@ -0,0 +1,48 @@
+const defaultAnimationRegistry = new Map();
+const customAnimationRegistry = new WeakMap();
+function ensureAnimation(animation) {
+    return animation ?? { keyframes: [], options: { duration: 0 } };
+}
+//
+// Given an ElementAnimation, this function returns a new ElementAnimation where the keyframes property reflects either
+// keyframes or rtlKeyframes depending on the specified directionality.
+//
+function getLogicalAnimation(animation, dir) {
+    if (dir.toLowerCase() === 'rtl') {
+        return {
+            keyframes: animation.rtlKeyframes || animation.keyframes,
+            options: animation.options
+        };
+    }
+    return animation;
+}
+/**
+ * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`
+ * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.
+ */
+export function setDefaultAnimation(animationName, animation) {
+    defaultAnimationRegistry.set(animationName, ensureAnimation(animation));
+}
+/** Sets a custom animation for the specified element. */
+export function setAnimation(el, animationName, animation) {
+    customAnimationRegistry.set(el, { ...customAnimationRegistry.get(el), [animationName]: ensureAnimation(animation) });
+}
+/** Gets an element's animation. Falls back to the default if no animation is found. */
+export function getAnimation(el, animationName, options) {
+    const customAnimation = customAnimationRegistry.get(el);
+    // Check for a custom animation
+    if (customAnimation?.[animationName]) {
+        return getLogicalAnimation(customAnimation[animationName], options.dir);
+    }
+    // Check for a default animation
+    const defaultAnimation = defaultAnimationRegistry.get(animationName);
+    if (defaultAnimation) {
+        return getLogicalAnimation(defaultAnimation, options.dir);
+    }
+    // Fall back to an empty animation
+    return {
+        keyframes: [],
+        options: { duration: 0 }
+    };
+}
+//# sourceMappingURL=animation-registry.js.map

package/dist/src/utilities/animation-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-registry.js","sourceRoot":"","sources":["../../../src/utilities/animation-registry.ts"],"names":[],"mappings":"AAkBA,MAAM,wBAAwB,GAAG,IAAI,GAAG,EAA4B,CAAC;AACrE,MAAM,uBAAuB,GAAG,IAAI,OAAO,EAAgC,CAAC;AAE5E,SAAS,eAAe,CAAC,SAAkC;IACzD,OAAO,SAAS,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AAClE,CAAC;AAED,EAAE;AACF,uHAAuH;AACvH,uEAAuE;AACvE,EAAE;AACF,SAAS,mBAAmB,CAAC,SAA2B,EAAE,GAAW;IACnE,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE,CAAC;QAChC,OAAO;YACL,SAAS,EAAE,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,SAAS;YACxD,OAAO,EAAE,SAAS,CAAC,OAAO;SAC3B,CAAC;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,aAAqB,EAAE,SAAkC;IAC3F,wBAAwB,CAAC,GAAG,CAAC,aAAa,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1E,CAAC;AAED,yDAAyD;AACzD,MAAM,UAAU,YAAY,CAAC,EAAW,EAAE,aAAqB,EAAE,SAAkC;IACjG,uBAAuB,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;AACvH,CAAC;AAED,uFAAuF;AACvF,MAAM,UAAU,YAAY,CAAC,EAAW,EAAE,aAAqB,EAAE,OAA4B;IAC3F,MAAM,eAAe,GAAG,uBAAuB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAExD,+BAA+B;IAC/B,IAAI,eAAe,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;QACrC,OAAO,mBAAmB,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1E,CAAC;IAED,gCAAgC;IAChC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrE,IAAI,gBAAgB,EAAE,CAAC;QACrB,OAAO,mBAAmB,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,CAAC;IAED,kCAAkC;IAClC,OAAO;QACL,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;KACzB,CAAC;AACJ,CAAC","sourcesContent":["export interface ElementAnimation {\n  keyframes: Keyframe[];\n  rtlKeyframes?: Keyframe[];\n  options?: KeyframeAnimationOptions;\n}\n\nexport interface ElementAnimationMap {\n  [animationName: string]: ElementAnimation;\n}\n\nexport interface GetAnimationOptions {\n  /**\n   * The component's directionality. When set to \"rtl\", `rtlKeyframes` will be preferred over `keyframes` where\n   * available using getAnimation().\n   */\n  dir: string;\n}\n\nconst defaultAnimationRegistry = new Map<string, ElementAnimation>();\nconst customAnimationRegistry = new WeakMap<Element, ElementAnimationMap>();\n\nfunction ensureAnimation(animation: ElementAnimation | null) {\n  return animation ?? { keyframes: [], options: { duration: 0 } };\n}\n\n//\n// Given an ElementAnimation, this function returns a new ElementAnimation where the keyframes property reflects either\n// keyframes or rtlKeyframes depending on the specified directionality.\n//\nfunction getLogicalAnimation(animation: ElementAnimation, dir: string) {\n  if (dir.toLowerCase() === 'rtl') {\n    return {\n      keyframes: animation.rtlKeyframes || animation.keyframes,\n      options: animation.options\n    };\n  }\n\n  return animation;\n}\n\n/**\n * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`\n * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.\n */\nexport function setDefaultAnimation(animationName: string, animation: ElementAnimation | null) {\n  defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\n\n/** Sets a custom animation for the specified element. */\nexport function setAnimation(el: Element, animationName: string, animation: ElementAnimation | null) {\n  customAnimationRegistry.set(el, { ...customAnimationRegistry.get(el), [animationName]: ensureAnimation(animation) });\n}\n\n/** Gets an element's animation. Falls back to the default if no animation is found. */\nexport function getAnimation(el: Element, animationName: string, options: GetAnimationOptions) {\n  const customAnimation = customAnimationRegistry.get(el);\n\n  // Check for a custom animation\n  if (customAnimation?.[animationName]) {\n    return getLogicalAnimation(customAnimation[animationName], options.dir);\n  }\n\n  // Check for a default animation\n  const defaultAnimation = defaultAnimationRegistry.get(animationName);\n  if (defaultAnimation) {\n    return getLogicalAnimation(defaultAnimation, options.dir);\n  }\n\n  // Fall back to an empty animation\n  return {\n    keyframes: [],\n    options: { duration: 0 }\n  };\n}\n"]}

package/dist/src/utilities/visibility-manager.js

@@ -0,0 +1,64 @@
+export class VisibilityManager {
+    constructor(options) {
+        this.observers = [];
+        this.options = options;
+        this.handleVisibilityChange = this.onDocumentVisibilityChange.bind(this);
+    }
+    setup() {
+        const { target, enableVisibilityEffect, enableTabClose, } = this.options;
+        if (!enableVisibilityEffect || !target)
+            return;
+        this.cleanup();
+        const scrollContainers = [...this.getScrollableAncestors(this.options.host), null];
+        scrollContainers.forEach(rootContainer => {
+            const observer = new IntersectionObserver(entries => {
+                for (const entry of entries) {
+                    if (!entry.isIntersecting && this.options.isOpen?.()) {
+                        this.options.onAnchorOutOfView?.(rootContainer);
+                        this.options.emit?.('visibility-change', {
+                            visible: false,
+                            reason: 'anchor-out-of-view',
+                            root: rootContainer,
+                        });
+                        return;
+                    }
+                }
+            }, { root: rootContainer, threshold: 0.1 });
+            observer.observe(target);
+            this.observers.push(observer);
+        });
+        if (enableTabClose) {
+            document.addEventListener('visibilitychange', this.handleVisibilityChange);
+        }
+    }
+    cleanup() {
+        this.observers.forEach(o => o.disconnect());
+        this.observers = [];
+        document.removeEventListener('visibilitychange', this.handleVisibilityChange);
+    }
+    onDocumentVisibilityChange() {
+        const { enableTabClose, isOpen, onDocumentHidden, emit } = this.options;
+        if (!enableTabClose)
+            return;
+        if (document.visibilityState === 'hidden' && isOpen?.()) {
+            onDocumentHidden?.();
+            emit?.('visibility-change', {
+                visible: false,
+                reason: 'document-hidden',
+            });
+        }
+    }
+    getScrollableAncestors(element) {
+        const scrollables = [];
+        let parent = element.parentElement;
+        while (parent) {
+            const style = getComputedStyle(parent);
+            const canScroll = /(auto|scroll)/.test(style.overflow + style.overflowY + style.overflowX);
+            if (canScroll)
+                scrollables.push(parent);
+            parent = parent.parentElement;
+        }
+        return scrollables;
+    }
+}
+//# sourceMappingURL=visibility-manager.js.map

package/dist/src/utilities/visibility-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visibility-manager.js","sourceRoot":"","sources":["../../../src/utilities/visibility-manager.ts"],"names":[],"mappings":"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","sourcesContent":["\nexport interface VisibilityManagerOptions {\n \n    host: HTMLElement;\n\n    target: HTMLElement | null;\n  \n    enableVisibilityEffect?: boolean;\n  \n    enableTabClose?: boolean;\n  \n    onAnchorOutOfView?: (root?: Element | Document | null) => void;\n \n    onDocumentHidden?: () => void;\n  \n    emit?: (event: string, detail?: Record<string, any>) => void;\n  \n    isOpen?: () => boolean;\n  }\n  \n  export class VisibilityManager {\n    private observers: IntersectionObserver[] = [];\n    private options: VisibilityManagerOptions;\n    private handleVisibilityChange: () => void;\n  \n    constructor(options: VisibilityManagerOptions) {\n      this.options = options;\n      this.handleVisibilityChange = this.onDocumentVisibilityChange.bind(this);\n    }\n  \n \n    setup(): void {\n      const {\n        target,\n        enableVisibilityEffect,\n        enableTabClose,\n      } = this.options;\n  \n      if (!enableVisibilityEffect || !target) return;\n  \n      this.cleanup(); \n  \n      const scrollContainers = [...this.getScrollableAncestors(this.options.host), null];\n  \n      scrollContainers.forEach(rootContainer => {\n        const observer = new IntersectionObserver(\n          entries => {\n            for (const entry of entries) {\n              if (!entry.isIntersecting && this.options.isOpen?.()) {\n                this.options.onAnchorOutOfView?.(rootContainer);\n                this.options.emit?.('visibility-change', {\n                  visible: false,\n                  reason: 'anchor-out-of-view',\n                  root: rootContainer,\n                });\n                return;\n              }\n            }\n          },\n          { root: rootContainer, threshold: 0.1 }\n        );\n        observer.observe(target);\n        this.observers.push(observer);\n      });\n  \n      if (enableTabClose) {\n        document.addEventListener('visibilitychange', this.handleVisibilityChange);\n      }\n    }\n  \n    cleanup(): void {\n      this.observers.forEach(o => o.disconnect());\n      this.observers = [];\n      document.removeEventListener('visibilitychange', this.handleVisibilityChange);\n    }\n  \n    private onDocumentVisibilityChange(): void {\n      const { enableTabClose, isOpen, onDocumentHidden, emit } = this.options;\n      if (!enableTabClose) return;\n  \n      if (document.visibilityState === 'hidden' && isOpen?.()) {\n        onDocumentHidden?.();\n        emit?.('visibility-change', {\n          visible: false,\n          reason: 'document-hidden',\n        });\n      }\n    }\n  \n    private getScrollableAncestors(element: HTMLElement): HTMLElement[] {\n      const scrollables: HTMLElement[] = [];\n      let parent = element.parentElement;\n      while (parent) {\n        const style = getComputedStyle(parent);\n        const canScroll = /(auto|scroll)/.test(\n          style.overflow + style.overflowY + style.overflowX\n        );\n        if (canScroll) scrollables.push(parent);\n        parent = parent.parentElement;\n      }\n      return scrollables;\n    }\n  }\n  "]}

package/dist/src/version.js

@@ -0,0 +1,10 @@
+// Version utility - placeholders will be replaced during build
+export const NILE_ELEMENTS_VERSION = '1.3.3-beta-1.5';
+export const NILE_VERSION = '1.1.1';
+// Set global versions for runtime access
+if (typeof window !== 'undefined') {
+    window.nileElementsVersion = NILE_ELEMENTS_VERSION;
+    window.nileVersion = NILE_VERSION;
+    window.process = window.process || { env: { NODE_ENV: 'production' } };
+}
+//# sourceMappingURL=version.js.map

package/dist/src/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.3.3-beta-1.5';\nexport const NILE_VERSION = '1.1.1';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}

package/dist/src/watch.js

@@ -0,0 +1,40 @@
+/**
+ * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an
+ * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the
+ * initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.
+ *
+ * Usage:
+ *
+ * @watch('propName')
+ * handlePropChange(oldValue, newValue) {
+ *   ...
+ * }
+ */
+export function watch(propertyName, options) {
+    const resolvedOptions = {
+        waitUntilFirstUpdate: false,
+        ...options
+    };
+    return (proto, decoratedFnName) => {
+        // @ts-expect-error - update is a protected property
+        const { update } = proto;
+        const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
+        // @ts-expect-error - update is a protected property
+        proto.update = function (changedProps) {
+            watchedProperties.forEach(property => {
+                const key = property;
+                if (changedProps.has(key)) {
+                    const oldValue = changedProps.get(key);
+                    const newValue = this[key];
+                    if (oldValue !== newValue) {
+                        if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
+                            this[decoratedFnName](oldValue, newValue);
+                        }
+                    }
+                }
+            });
+            update.call(this, changedProps);
+        };
+    };
+}
+//# sourceMappingURL=watch.js.map

package/dist/src/watch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/watch.ts"],"names":[],"mappings":"AAiBA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,KAAK,CAAC,YAA+B,EAAE,OAAsB;IAC3E,MAAM,eAAe,GAA2B;QAC9C,oBAAoB,EAAE,KAAK;QAC3B,GAAG,OAAO;KACX,CAAC;IACF,OAAO,CAA+B,KAAgB,EAAE,eAAqD,EAAE,EAAE;QAC/G,oDAAoD;QACpD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;QACzB,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAEtF,oDAAoD;QACpD,KAAK,CAAC,MAAM,GAAG,UAA2B,YAA8D;YACtG,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACnC,MAAM,GAAG,GAAG,QAA2B,CAAC;gBACxC,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC1B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;oBACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;oBAE3B,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;wBAC1B,IAAI,CAAC,eAAe,CAAC,oBAAoB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;4BAC5D,IAAI,CAAC,eAAe,CAA8B,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAC1E,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import type { LitElement } from 'lit';\n\ntype UpdateHandler = (prev?: unknown, next?: unknown) => void;\n\ntype NonUndefined<A> = A extends undefined ? never : A;\n\ntype UpdateHandlerFunctionKeys<T extends object> = {\n  [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;\n}[keyof T];\n\ninterface WatchOptions {\n  /**\n   * If true, will only start watching after the initial update/render\n   */\n  waitUntilFirstUpdate?: boolean;\n}\n\n/**\n * Runs when observed properties change, e.g. @property or @state, but before the component updates. To wait for an\n * update to complete after a change occurs, use `await this.updateComplete` in the handler. To start watching after the\n * initial update/render, use `{ waitUntilFirstUpdate: true }` or `this.hasUpdated` in the handler.\n *\n * Usage:\n *\n * @watch('propName')\n * handlePropChange(oldValue, newValue) {\n *   ...\n * }\n */\nexport function watch(propertyName: string | string[], options?: WatchOptions) {\n  const resolvedOptions: Required<WatchOptions> = {\n    waitUntilFirstUpdate: false,\n    ...options\n  };\n  return <ElemClass extends LitElement>(proto: ElemClass, decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>) => {\n    // @ts-expect-error - update is a protected property\n    const { update } = proto;\n    const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];\n\n    // @ts-expect-error - update is a protected property\n    proto.update = function (this: ElemClass, changedProps: Map<keyof ElemClass, ElemClass[keyof ElemClass]>) {\n      watchedProperties.forEach(property => {\n        const key = property as keyof ElemClass;\n        if (changedProps.has(key)) {\n          const oldValue = changedProps.get(key);\n          const newValue = this[key];\n\n          if (oldValue !== newValue) {\n            if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {\n              (this[decoratedFnName] as unknown as UpdateHandler)(oldValue, newValue);\n            }\n          }\n        }\n      });\n\n      update.call(this, changedProps);\n    };\n  };\n}\n"]}