typetify 2.2.0 → 4.0.1

package/dist/dom/index.d.mts

@@ -0,0 +1,353 @@
+/**
+ * Type-safe querySelector that returns the correct element type.
+ *
+ * @example
+ * // Get a button with proper typing
+ * const button = querySelector<HTMLButtonElement>('#submit');
+ * if (button) {
+ *   button.disabled = true;
+ * }
+ *
+ * @example
+ * // Get an input element
+ * const input = querySelector<HTMLInputElement>('input[name="email"]');
+ * if (input) {
+ *   console.log(input.value);
+ * }
+ *
+ * @example
+ * // Returns null if not found
+ * const missing = querySelector('#nonexistent');
+ * // => null
+ */
+declare function querySelector<T extends Element = Element>(selector: string, parent?: Document | Element): T | null;
+/**
+ * Type-safe querySelectorAll that returns an array of elements.
+ *
+ * @example
+ * // Get all buttons
+ * const buttons = querySelectorAll<HTMLButtonElement>('button');
+ * buttons.forEach(btn => btn.disabled = true);
+ *
+ * @example
+ * // Get all list items
+ * const items = querySelectorAll<HTMLLIElement>('ul > li');
+ * console.log(items.length);
+ *
+ * @example
+ * // Search within a specific element
+ * const container = querySelector('#container');
+ * if (container) {
+ *   const links = querySelectorAll<HTMLAnchorElement>('a', container);
+ * }
+ */
+declare function querySelectorAll<T extends Element = Element>(selector: string, parent?: Document | Element): T[];
+
+type ClassValue = string | number | boolean | undefined | null | ClassValue[] | Record<string, boolean | undefined | null>;
+/**
+ * Combines class names conditionally (like clsx/classnames).
+ *
+ * @example
+ * // Simple strings
+ * classNames('btn', 'btn-primary');
+ * // => 'btn btn-primary'
+ *
+ * @example
+ * // Conditional classes
+ * classNames('btn', { 'btn-primary': isPrimary, 'btn-disabled': disabled });
+ * // => 'btn btn-primary' (if isPrimary=true, disabled=false)
+ *
+ * @example
+ * // Mixed with arrays
+ * classNames('btn', ['btn-lg', disabled && 'btn-disabled']);
+ * // => 'btn btn-lg btn-disabled' (if disabled=true)
+ *
+ * @example
+ * // Real-world React example
+ * function Button({ variant, disabled, className }: ButtonProps) {
+ *   return (
+ *     <button
+ *       className={classNames(
+ *         'btn',
+ *         `btn-${variant}`,
+ *         { 'btn-disabled': disabled },
+ *         className
+ *       )}
+ *     />
+ *   );
+ * }
+ *
+ * @example
+ * // Falsy values are ignored
+ * classNames('btn', null, undefined, false, '', 'active');
+ * // => 'btn active'
+ */
+declare function classNames(...classes: ClassValue[]): string;
+/**
+ * Adds a class to an element.
+ *
+ * @example
+ * const button = querySelector('#submit');
+ * addClass(button, 'active');
+ *
+ * @example
+ * // Add multiple classes
+ * addClass(element, 'btn', 'btn-primary', 'btn-lg');
+ */
+declare function addClass(element: Element | null, ...classes: string[]): void;
+/**
+ * Removes a class from an element.
+ *
+ * @example
+ * removeClass(button, 'active');
+ *
+ * @example
+ * // Remove multiple classes
+ * removeClass(element, 'btn-primary', 'btn-lg');
+ */
+declare function removeClass(element: Element | null, ...classes: string[]): void;
+/**
+ * Toggles a class on an element.
+ *
+ * @example
+ * // Toggle a class
+ * toggleClass(button, 'active');
+ *
+ * @example
+ * // Force add or remove
+ * toggleClass(button, 'active', true);  // Always add
+ * toggleClass(button, 'active', false); // Always remove
+ */
+declare function toggleClass(element: Element | null, className: string, force?: boolean): boolean;
+/**
+ * Checks if an element has a class.
+ *
+ * @example
+ * if (hasClass(button, 'active')) {
+ *   console.log('Button is active');
+ * }
+ */
+declare function hasClass(element: Element | null, className: string): boolean;
+
+/**
+ * Adds an event listener with automatic cleanup.
+ *
+ * @example
+ * // Basic usage
+ * const cleanup = addEventListener(button, 'click', () => {
+ *   console.log('Clicked!');
+ * });
+ * // Later: cleanup();
+ *
+ * @example
+ * // With options
+ * addEventListener(window, 'scroll', handleScroll, { passive: true });
+ *
+ * @example
+ * // Multiple events
+ * const cleanups = [
+ *   addEventListener(input, 'focus', handleFocus),
+ *   addEventListener(input, 'blur', handleBlur)
+ * ];
+ * // Cleanup all: cleanups.forEach(fn => fn());
+ */
+declare function addEventListener<K extends keyof HTMLElementEventMap>(element: HTMLElement | Window | Document | null, event: K, handler: (event: HTMLElementEventMap[K]) => void, options?: AddEventListenerOptions): () => void;
+/**
+ * Adds an event listener that fires only once.
+ *
+ * @example
+ * // Listen for one click
+ * once(button, 'click', () => {
+ *   console.log('Clicked once!');
+ * });
+ *
+ * @example
+ * // Wait for image load
+ * once(image, 'load', () => {
+ *   console.log('Image loaded');
+ * });
+ */
+declare function once<K extends keyof HTMLElementEventMap>(element: HTMLElement | Window | Document | null, event: K, handler: (event: HTMLElementEventMap[K]) => void): () => void;
+/**
+ * Event delegation - attach handler to parent that fires for matching children.
+ *
+ * @example
+ * // Handle clicks on any button inside container
+ * delegate(container, 'button', 'click', (event, target) => {
+ *   console.log('Button clicked:', target);
+ * });
+ *
+ * @example
+ * // Handle dynamic list items
+ * delegate(list, '.item', 'click', (event, item) => {
+ *   item.classList.toggle('selected');
+ * });
+ *
+ * @example
+ * // Works with dynamically added elements
+ * const cleanup = delegate(document.body, '[data-action]', 'click', (e, el) => {
+ *   const action = el.getAttribute('data-action');
+ *   handleAction(action);
+ * });
+ */
+declare function delegate<T extends HTMLElement = HTMLElement>(parent: HTMLElement | Document, selector: string, event: string, handler: (event: Event, target: T) => void): () => void;
+
+/**
+ * Checks if an element is visible in the viewport.
+ *
+ * @example
+ * // Check if element is visible
+ * if (isInViewport(element)) {
+ *   lazyLoadImage(element);
+ * }
+ *
+ * @example
+ * // Partial visibility
+ * if (isInViewport(element, 0.5)) {
+ *   // At least 50% visible
+ *   triggerAnimation(element);
+ * }
+ *
+ * @example
+ * // Lazy loading images
+ * const images = querySelectorAll<HTMLImageElement>('img[data-src]');
+ * images.forEach(img => {
+ *   if (isInViewport(img)) {
+ *     img.src = img.dataset.src!;
+ *   }
+ * });
+ */
+declare function isInViewport(element: Element | null, threshold?: number): boolean;
+/**
+ * Gets the bounding rectangle of an element.
+ *
+ * @example
+ * const rect = getRect(element);
+ * console.log(rect.top, rect.left, rect.width, rect.height);
+ *
+ * @example
+ * // Position tooltip relative to button
+ * const buttonRect = getRect(button);
+ * tooltip.style.top = `${buttonRect.bottom + 10}px`;
+ * tooltip.style.left = `${buttonRect.left}px`;
+ */
+declare function getRect(element: Element | null): DOMRect | null;
+/**
+ * Scrolls an element into view smoothly.
+ *
+ * @example
+ * // Scroll to element
+ * scrollIntoView(element);
+ *
+ * @example
+ * // Scroll to top of page
+ * scrollIntoView(document.body, 'start');
+ *
+ * @example
+ * // Scroll element to center
+ * scrollIntoView(element, 'center');
+ */
+declare function scrollIntoView(element: Element | null, block?: ScrollLogicalPosition, behavior?: ScrollBehavior): void;
+/**
+ * Scrolls to a specific position.
+ *
+ * @example
+ * // Scroll to top
+ * scrollTo(0, 0);
+ *
+ * @example
+ * // Scroll down 500px
+ * scrollTo(0, 500, 'smooth');
+ *
+ * @example
+ * // Scroll to bottom
+ * scrollTo(0, document.body.scrollHeight);
+ */
+declare function scrollTo(x: number, y: number, behavior?: ScrollBehavior): void;
+/**
+ * Gets the scroll position of the window.
+ *
+ * @example
+ * const { x, y } = getScrollPosition();
+ * console.log(`Scrolled ${y}px from top`);
+ *
+ * @example
+ * // Save scroll position
+ * const position = getScrollPosition();
+ * // Later: scrollTo(position.x, position.y);
+ */
+declare function getScrollPosition(): {
+    x: number;
+    y: number;
+};
+
+/**
+ * Sets inline styles on an element.
+ *
+ * @example
+ * // Set single style
+ * setStyle(element, 'color', 'red');
+ *
+ * @example
+ * // Set multiple styles
+ * setStyles(element, {
+ *   color: 'red',
+ *   fontSize: '16px',
+ *   display: 'flex'
+ * });
+ *
+ * @example
+ * // Conditional styles
+ * setStyles(button, {
+ *   opacity: disabled ? '0.5' : '1',
+ *   cursor: disabled ? 'not-allowed' : 'pointer'
+ * });
+ */
+declare function setStyle(element: HTMLElement | null, property: string, value: string): void;
+declare function setStyles(element: HTMLElement | null, styles: Partial<CSSStyleDeclaration> | Record<string, string>): void;
+/**
+ * Gets computed style of an element.
+ *
+ * @example
+ * const color = getComputedStyle(element, 'color');
+ * console.log(color); // => 'rgb(255, 0, 0)'
+ *
+ * @example
+ * // Get multiple properties
+ * const styles = getComputedStyles(element, ['width', 'height']);
+ * console.log(styles); // => { width: '100px', height: '50px' }
+ */
+declare function getComputedStyleValue(element: Element | null, property: string): string;
+declare function getComputedStyles(element: Element | null, properties: string[]): Record<string, string>;
+/**
+ * Shows an element by removing display: none.
+ *
+ * @example
+ * show(modal);
+ *
+ * @example
+ * // Show with specific display value
+ * show(element, 'flex');
+ */
+declare function show(element: HTMLElement | null, display?: string): void;
+/**
+ * Hides an element by setting display: none.
+ *
+ * @example
+ * hide(modal);
+ */
+declare function hide(element: HTMLElement | null): void;
+/**
+ * Toggles element visibility.
+ *
+ * @example
+ * toggle(dropdown);
+ *
+ * @example
+ * // Force show/hide
+ * toggle(element, true);  // Always show
+ * toggle(element, false); // Always hide
+ */
+declare function toggle(element: HTMLElement | null, force?: boolean): void;
+
+export { addClass, addEventListener, classNames, delegate, getComputedStyleValue, getComputedStyles, getRect, getScrollPosition, hasClass, hide, isInViewport, once, querySelector, querySelectorAll, removeClass, scrollIntoView, scrollTo, setStyle, setStyles, show, toggle, toggleClass };

package/dist/dom/index.d.ts

@@ -0,0 +1,353 @@
+/**
+ * Type-safe querySelector that returns the correct element type.
+ *
+ * @example
+ * // Get a button with proper typing
+ * const button = querySelector<HTMLButtonElement>('#submit');
+ * if (button) {
+ *   button.disabled = true;
+ * }
+ *
+ * @example
+ * // Get an input element
+ * const input = querySelector<HTMLInputElement>('input[name="email"]');
+ * if (input) {
+ *   console.log(input.value);
+ * }
+ *
+ * @example
+ * // Returns null if not found
+ * const missing = querySelector('#nonexistent');
+ * // => null
+ */
+declare function querySelector<T extends Element = Element>(selector: string, parent?: Document | Element): T | null;
+/**
+ * Type-safe querySelectorAll that returns an array of elements.
+ *
+ * @example
+ * // Get all buttons
+ * const buttons = querySelectorAll<HTMLButtonElement>('button');
+ * buttons.forEach(btn => btn.disabled = true);
+ *
+ * @example
+ * // Get all list items
+ * const items = querySelectorAll<HTMLLIElement>('ul > li');
+ * console.log(items.length);
+ *
+ * @example
+ * // Search within a specific element
+ * const container = querySelector('#container');
+ * if (container) {
+ *   const links = querySelectorAll<HTMLAnchorElement>('a', container);
+ * }
+ */
+declare function querySelectorAll<T extends Element = Element>(selector: string, parent?: Document | Element): T[];
+
+type ClassValue = string | number | boolean | undefined | null | ClassValue[] | Record<string, boolean | undefined | null>;
+/**
+ * Combines class names conditionally (like clsx/classnames).
+ *
+ * @example
+ * // Simple strings
+ * classNames('btn', 'btn-primary');
+ * // => 'btn btn-primary'
+ *
+ * @example
+ * // Conditional classes
+ * classNames('btn', { 'btn-primary': isPrimary, 'btn-disabled': disabled });
+ * // => 'btn btn-primary' (if isPrimary=true, disabled=false)
+ *
+ * @example
+ * // Mixed with arrays
+ * classNames('btn', ['btn-lg', disabled && 'btn-disabled']);
+ * // => 'btn btn-lg btn-disabled' (if disabled=true)
+ *
+ * @example
+ * // Real-world React example
+ * function Button({ variant, disabled, className }: ButtonProps) {
+ *   return (
+ *     <button
+ *       className={classNames(
+ *         'btn',
+ *         `btn-${variant}`,
+ *         { 'btn-disabled': disabled },
+ *         className
+ *       )}
+ *     />
+ *   );
+ * }
+ *
+ * @example
+ * // Falsy values are ignored
+ * classNames('btn', null, undefined, false, '', 'active');
+ * // => 'btn active'
+ */
+declare function classNames(...classes: ClassValue[]): string;
+/**
+ * Adds a class to an element.
+ *
+ * @example
+ * const button = querySelector('#submit');
+ * addClass(button, 'active');
+ *
+ * @example
+ * // Add multiple classes
+ * addClass(element, 'btn', 'btn-primary', 'btn-lg');
+ */
+declare function addClass(element: Element | null, ...classes: string[]): void;
+/**
+ * Removes a class from an element.
+ *
+ * @example
+ * removeClass(button, 'active');
+ *
+ * @example
+ * // Remove multiple classes
+ * removeClass(element, 'btn-primary', 'btn-lg');
+ */
+declare function removeClass(element: Element | null, ...classes: string[]): void;
+/**
+ * Toggles a class on an element.
+ *
+ * @example
+ * // Toggle a class
+ * toggleClass(button, 'active');
+ *
+ * @example
+ * // Force add or remove
+ * toggleClass(button, 'active', true);  // Always add
+ * toggleClass(button, 'active', false); // Always remove
+ */
+declare function toggleClass(element: Element | null, className: string, force?: boolean): boolean;
+/**
+ * Checks if an element has a class.
+ *
+ * @example
+ * if (hasClass(button, 'active')) {
+ *   console.log('Button is active');
+ * }
+ */
+declare function hasClass(element: Element | null, className: string): boolean;
+
+/**
+ * Adds an event listener with automatic cleanup.
+ *
+ * @example
+ * // Basic usage
+ * const cleanup = addEventListener(button, 'click', () => {
+ *   console.log('Clicked!');
+ * });
+ * // Later: cleanup();
+ *
+ * @example
+ * // With options
+ * addEventListener(window, 'scroll', handleScroll, { passive: true });
+ *
+ * @example
+ * // Multiple events
+ * const cleanups = [
+ *   addEventListener(input, 'focus', handleFocus),
+ *   addEventListener(input, 'blur', handleBlur)
+ * ];
+ * // Cleanup all: cleanups.forEach(fn => fn());
+ */
+declare function addEventListener<K extends keyof HTMLElementEventMap>(element: HTMLElement | Window | Document | null, event: K, handler: (event: HTMLElementEventMap[K]) => void, options?: AddEventListenerOptions): () => void;
+/**
+ * Adds an event listener that fires only once.
+ *
+ * @example
+ * // Listen for one click
+ * once(button, 'click', () => {
+ *   console.log('Clicked once!');
+ * });
+ *
+ * @example
+ * // Wait for image load
+ * once(image, 'load', () => {
+ *   console.log('Image loaded');
+ * });
+ */
+declare function once<K extends keyof HTMLElementEventMap>(element: HTMLElement | Window | Document | null, event: K, handler: (event: HTMLElementEventMap[K]) => void): () => void;
+/**
+ * Event delegation - attach handler to parent that fires for matching children.
+ *
+ * @example
+ * // Handle clicks on any button inside container
+ * delegate(container, 'button', 'click', (event, target) => {
+ *   console.log('Button clicked:', target);
+ * });
+ *
+ * @example
+ * // Handle dynamic list items
+ * delegate(list, '.item', 'click', (event, item) => {
+ *   item.classList.toggle('selected');
+ * });
+ *
+ * @example
+ * // Works with dynamically added elements
+ * const cleanup = delegate(document.body, '[data-action]', 'click', (e, el) => {
+ *   const action = el.getAttribute('data-action');
+ *   handleAction(action);
+ * });
+ */
+declare function delegate<T extends HTMLElement = HTMLElement>(parent: HTMLElement | Document, selector: string, event: string, handler: (event: Event, target: T) => void): () => void;
+
+/**
+ * Checks if an element is visible in the viewport.
+ *
+ * @example
+ * // Check if element is visible
+ * if (isInViewport(element)) {
+ *   lazyLoadImage(element);
+ * }
+ *
+ * @example
+ * // Partial visibility
+ * if (isInViewport(element, 0.5)) {
+ *   // At least 50% visible
+ *   triggerAnimation(element);
+ * }
+ *
+ * @example
+ * // Lazy loading images
+ * const images = querySelectorAll<HTMLImageElement>('img[data-src]');
+ * images.forEach(img => {
+ *   if (isInViewport(img)) {
+ *     img.src = img.dataset.src!;
+ *   }
+ * });
+ */
+declare function isInViewport(element: Element | null, threshold?: number): boolean;
+/**
+ * Gets the bounding rectangle of an element.
+ *
+ * @example
+ * const rect = getRect(element);
+ * console.log(rect.top, rect.left, rect.width, rect.height);
+ *
+ * @example
+ * // Position tooltip relative to button
+ * const buttonRect = getRect(button);
+ * tooltip.style.top = `${buttonRect.bottom + 10}px`;
+ * tooltip.style.left = `${buttonRect.left}px`;
+ */
+declare function getRect(element: Element | null): DOMRect | null;
+/**
+ * Scrolls an element into view smoothly.
+ *
+ * @example
+ * // Scroll to element
+ * scrollIntoView(element);
+ *
+ * @example
+ * // Scroll to top of page
+ * scrollIntoView(document.body, 'start');
+ *
+ * @example
+ * // Scroll element to center
+ * scrollIntoView(element, 'center');
+ */
+declare function scrollIntoView(element: Element | null, block?: ScrollLogicalPosition, behavior?: ScrollBehavior): void;
+/**
+ * Scrolls to a specific position.
+ *
+ * @example
+ * // Scroll to top
+ * scrollTo(0, 0);
+ *
+ * @example
+ * // Scroll down 500px
+ * scrollTo(0, 500, 'smooth');
+ *
+ * @example
+ * // Scroll to bottom
+ * scrollTo(0, document.body.scrollHeight);
+ */
+declare function scrollTo(x: number, y: number, behavior?: ScrollBehavior): void;
+/**
+ * Gets the scroll position of the window.
+ *
+ * @example
+ * const { x, y } = getScrollPosition();
+ * console.log(`Scrolled ${y}px from top`);
+ *
+ * @example
+ * // Save scroll position
+ * const position = getScrollPosition();
+ * // Later: scrollTo(position.x, position.y);
+ */
+declare function getScrollPosition(): {
+    x: number;
+    y: number;
+};
+
+/**
+ * Sets inline styles on an element.
+ *
+ * @example
+ * // Set single style
+ * setStyle(element, 'color', 'red');
+ *
+ * @example
+ * // Set multiple styles
+ * setStyles(element, {
+ *   color: 'red',
+ *   fontSize: '16px',
+ *   display: 'flex'
+ * });
+ *
+ * @example
+ * // Conditional styles
+ * setStyles(button, {
+ *   opacity: disabled ? '0.5' : '1',
+ *   cursor: disabled ? 'not-allowed' : 'pointer'
+ * });
+ */
+declare function setStyle(element: HTMLElement | null, property: string, value: string): void;
+declare function setStyles(element: HTMLElement | null, styles: Partial<CSSStyleDeclaration> | Record<string, string>): void;
+/**
+ * Gets computed style of an element.
+ *
+ * @example
+ * const color = getComputedStyle(element, 'color');
+ * console.log(color); // => 'rgb(255, 0, 0)'
+ *
+ * @example
+ * // Get multiple properties
+ * const styles = getComputedStyles(element, ['width', 'height']);
+ * console.log(styles); // => { width: '100px', height: '50px' }
+ */
+declare function getComputedStyleValue(element: Element | null, property: string): string;
+declare function getComputedStyles(element: Element | null, properties: string[]): Record<string, string>;
+/**
+ * Shows an element by removing display: none.
+ *
+ * @example
+ * show(modal);
+ *
+ * @example
+ * // Show with specific display value
+ * show(element, 'flex');
+ */
+declare function show(element: HTMLElement | null, display?: string): void;
+/**
+ * Hides an element by setting display: none.
+ *
+ * @example
+ * hide(modal);
+ */
+declare function hide(element: HTMLElement | null): void;
+/**
+ * Toggles element visibility.
+ *
+ * @example
+ * toggle(dropdown);
+ *
+ * @example
+ * // Force show/hide
+ * toggle(element, true);  // Always show
+ * toggle(element, false); // Always hide
+ */
+declare function toggle(element: HTMLElement | null, force?: boolean): void;
+
+export { addClass, addEventListener, classNames, delegate, getComputedStyleValue, getComputedStyles, getRect, getScrollPosition, hasClass, hide, isInViewport, once, querySelector, querySelectorAll, removeClass, scrollIntoView, scrollTo, setStyle, setStyles, show, toggle, toggleClass };

package/dist/dom/index.js

@@ -0,0 +1 @@
+'use strict';var chunk35CB7HNN_js=require('../chunk-35CB7HNN.js');require('../chunk-WOT6VMZA.js');Object.defineProperty(exports,"addClass",{enumerable:true,get:function(){return chunk35CB7HNN_js.d}});Object.defineProperty(exports,"addEventListener",{enumerable:true,get:function(){return chunk35CB7HNN_js.h}});Object.defineProperty(exports,"classNames",{enumerable:true,get:function(){return chunk35CB7HNN_js.c}});Object.defineProperty(exports,"delegate",{enumerable:true,get:function(){return chunk35CB7HNN_js.j}});Object.defineProperty(exports,"getComputedStyleValue",{enumerable:true,get:function(){return chunk35CB7HNN_js.r}});Object.defineProperty(exports,"getComputedStyles",{enumerable:true,get:function(){return chunk35CB7HNN_js.s}});Object.defineProperty(exports,"getRect",{enumerable:true,get:function(){return chunk35CB7HNN_js.l}});Object.defineProperty(exports,"getScrollPosition",{enumerable:true,get:function(){return chunk35CB7HNN_js.o}});Object.defineProperty(exports,"hasClass",{enumerable:true,get:function(){return chunk35CB7HNN_js.g}});Object.defineProperty(exports,"hide",{enumerable:true,get:function(){return chunk35CB7HNN_js.u}});Object.defineProperty(exports,"isInViewport",{enumerable:true,get:function(){return chunk35CB7HNN_js.k}});Object.defineProperty(exports,"once",{enumerable:true,get:function(){return chunk35CB7HNN_js.i}});Object.defineProperty(exports,"querySelector",{enumerable:true,get:function(){return chunk35CB7HNN_js.a}});Object.defineProperty(exports,"querySelectorAll",{enumerable:true,get:function(){return chunk35CB7HNN_js.b}});Object.defineProperty(exports,"removeClass",{enumerable:true,get:function(){return chunk35CB7HNN_js.e}});Object.defineProperty(exports,"scrollIntoView",{enumerable:true,get:function(){return chunk35CB7HNN_js.m}});Object.defineProperty(exports,"scrollTo",{enumerable:true,get:function(){return chunk35CB7HNN_js.n}});Object.defineProperty(exports,"setStyle",{enumerable:true,get:function(){return chunk35CB7HNN_js.p}});Object.defineProperty(exports,"setStyles",{enumerable:true,get:function(){return chunk35CB7HNN_js.q}});Object.defineProperty(exports,"show",{enumerable:true,get:function(){return chunk35CB7HNN_js.t}});Object.defineProperty(exports,"toggle",{enumerable:true,get:function(){return chunk35CB7HNN_js.v}});Object.defineProperty(exports,"toggleClass",{enumerable:true,get:function(){return chunk35CB7HNN_js.f}});