@smilodon/core 1.4.13 → 1.5.0

package/dist/types/src/components/enhanced-select.d.ts

@@ -15,6 +15,7 @@ export declare class EnhancedSelect extends HTMLElement {
     private _shadow;
     private _container;
     private _inputContainer;
+    private _inputContent;
     private _input;
     private _dropdown;
     private _optionsContainer;
@@ -50,6 +51,10 @@ export declare class EnhancedSelect extends HTMLElement {
     private _tracking;
     private _suppressBlurClose;
     private _renderCycleId;
+    private _suppressNextOpenClick;
+    private _resolvedDropdownPlacement;
+    private _multiScrollDrag;
+    private _liftedAncestors;
     get classMap(): ClassMap | undefined;
     set classMap(map: ClassMap | undefined);
     /**
@@ -68,7 +73,22 @@ export declare class EnhancedSelect extends HTMLElement {
     private _mirrorDocumentStylesIntoShadow;
     private _createContainer;
     private _createInputContainer;
+    private _createInputContent;
+    private _setCssVariable;
+    private _applyStyleVariableMap;
+    private _syncStyleConfigVariables;
+    private _resolveDropdownPlacement;
+    private _syncDropdownPlacement;
+    private _syncDirectionConfig;
+    private _setIconContent;
     private _syncInputContainerMode;
+    private _syncMultiSelectDisplayConfig;
+    private _canUseHorizontalMultiScroll;
+    private _isScrollableMultiSelectMode;
+    private _isPointerOnInputScrollbar;
+    private _beginMultiScrollDrag;
+    private _updateMultiScrollDrag;
+    private _endMultiScrollDrag;
     private _createInput;
     private _createDropdown;
     private _createOptionsContainer;
@@ -83,6 +103,9 @@ export declare class EnhancedSelect extends HTMLElement {
     private _handleOpen;
     private _handleClose;
     private _updateDropdownVisibility;
+    private _liftStackingAncestors;
+    private _restoreLiftedAncestors;
+    private _createsStackingContext;
     private _updateArrowRotation;
     private _isPerfEnabled;
     private _perfMark;

package/dist/types/src/components/select-option.d.ts

@@ -30,6 +30,8 @@ export interface OptionConfig {
     classMap?: ClassMap;
     /** Show remove button (for multi-select) */
     showRemoveButton?: boolean;
+    /** Custom icon/markup for the remove button */
+    removeButtonIcon?: string;
 }
 export interface OptionEventDetail {
     item: unknown;

package/dist/types/src/config/global-config.d.ts

@@ -45,6 +45,11 @@ export interface ExpandableConfig {
     /** Label for the collapse button */
     collapseLabel?: string;
 }
+export interface DropdownPlacementConfig {
+    /** Preferred dropdown placement mode */
+    mode: 'bottom' | 'top' | 'auto';
+}
+export type SelectDirection = 'ltr' | 'rtl';
 export interface ClearControlConfig {
     /** Enable clear control button inside input container */
     enabled: boolean;
@@ -68,11 +73,25 @@ export interface SelectionConfig {
     maxSelections?: number;
     /** Show remove button on selected options in multi-select */
     showRemoveButton?: boolean;
+    /** Custom icon/markup for multi-select remove buttons (chips and selected option remove buttons) */
+    removeButtonIcon?: string;
     /** Close dropdown after selection in single-select */
     closeOnSelect?: boolean;
     /** Allow repeated trigger clicks to toggle the dropdown open/closed */
     toggleOnTriggerClick?: boolean;
 }
+export interface MultiSelectDisplayConfig {
+    /** Layout mode for selected chips in multi-select mode */
+    mode: 'wrap' | 'vertical' | 'horizontal';
+    /** Maximum visible height of the selected-chip area */
+    maxHeight?: string;
+    /** Horizontal overflow behavior for the chip area */
+    overflowX?: 'auto' | 'scroll' | 'hidden';
+    /** Vertical overflow behavior for the chip area */
+    overflowY?: 'auto' | 'scroll' | 'hidden';
+    /** Enable drag-to-scroll interactions in horizontal mode */
+    dragScroll?: boolean;
+}
 export interface StyleConfig {
     /** Container styles */
     container?: Partial<CSSStyleDeclaration>;
@@ -86,8 +105,26 @@ export interface StyleConfig {
     disabledOption?: Partial<CSSStyleDeclaration>;
     /** Hover option styles */
     hoverOption?: Partial<CSSStyleDeclaration>;
+    /** Active option styles */
+    activeOption?: Partial<CSSStyleDeclaration>;
     /** Input field styles */
     input?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge styles */
+    badge?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge hover styles */
+    badgeHover?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge active styles */
+    badgeActive?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge label styles */
+    badgeLabel?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge remove button styles */
+    badgeRemove?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge remove button hover styles */
+    badgeRemoveHover?: Partial<CSSStyleDeclaration>;
+    /** Multi-select badge remove button active styles */
+    badgeRemoveActive?: Partial<CSSStyleDeclaration>;
+    /** Group header styles */
+    groupHeader?: Partial<CSSStyleDeclaration>;
     /** Loading indicator styles */
     loader?: Partial<CSSStyleDeclaration>;
     /** Custom CSS class names */
@@ -97,9 +134,14 @@ export interface StyleConfig {
         option?: string;
         selectedOption?: string;
         disabledOption?: string;
+        activeOption?: string;
         input?: string;
         loader?: string;
         removeButton?: string;
+        badge?: string;
+        badgeLabel?: string;
+        badgeRemove?: string;
+        groupHeader?: string;
     };
 }
 export interface ServerSideConfig {
@@ -182,6 +224,12 @@ export interface LimitationsConfig {
 export interface GlobalSelectConfig {
     /** Selection behavior */
     selection: SelectionConfig;
+    /** Text and layout direction for the select */
+    direction: SelectDirection;
+    /** Dropdown placement behavior */
+    dropdownPlacement: DropdownPlacementConfig;
+    /** Multi-select chip display behavior */
+    multiSelectDisplay: MultiSelectDisplayConfig;
     /** Scroll to selected configuration */
     scrollToSelected: ScrollToSelectedConfig;
     /** Load more configuration */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smilodon/core",
-  "version": "1.4.13",
+  "version": "1.5.0",
   "description": "High-performance native select component with extreme-scale virtualization - React, Vue, Svelte, Vanilla JS",
   "type": "module",
   "main": "./dist/index.cjs",