@neovici/cosmoz-autocomplete 10.10.0 → 10.10.4

package/dist/autocomplete/chip.css.js

@@ -30,7 +30,6 @@ export default css `
 		white-space: nowrap;
 		flex: auto;
 		min-width: 16px;
-		text-align: center;
 	}
 
 	.clear {

package/dist/autocomplete/index.js

@@ -1,6 +1,6 @@
+import { sheet } from '@neovici/cosmoz-utils';
 import { component, useCallback, useEffect, useProperty } from '@pionjs/pion';
 import { Autocomplete, observedAttributes, style } from './autocomplete';
-import { sheet } from '@neovici/cosmoz-utils';
 const Standalone = (host) => {
     const { onChange, onText, ...props } = host;
     const [value, setValue] = useProperty('value');

package/dist/autocomplete/use-autocomplete.js

@@ -1,12 +1,12 @@
-import { useCallback, useMemo, useEffect, useState } from '@pionjs/pion';
-import { without, array } from '@neovici/cosmoz-utils/array';
-import { prop, strProp } from '@neovici/cosmoz-utils/object';
+import { useFocus } from '@neovici/cosmoz-dropdown/use-focus';
+import { array, without } from '@neovici/cosmoz-utils/array';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
-import { useFocus } from '@neovici/cosmoz-dropdown/use-focus';
-import { useKeys } from './use-keys';
-import { search, normalize, notify, useNotify, EMPTY } from './util';
 import { usePromise } from '@neovici/cosmoz-utils/hooks/use-promise';
+import { prop, strProp } from '@neovici/cosmoz-utils/object';
+import { useCallback, useEffect, useMemo, useState } from '@pionjs/pion';
+import { useKeys } from './use-keys';
+import { EMPTY, normalize, notify, search, useNotify } from './util';
 export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, min, source, textProperty, textual: _textual, valueProperty, keepOpened, keepQuery, preserveOrder, defaultIndex, externalSearch, ...thru }) => {
     const textual = useMemo(() => (_textual ?? strProp)(textProperty), [_textual, textProperty]), { active, focused, onFocus, setClosed } = useFocus(thru), empty = !text, query = useMemo(() => text?.trim(), [text]), host = useHost(), onText = useNotify(host, _onText, 'text'), onChange = useCallback((val) => {
         _onChange?.(val, () => setClosed(true));
@@ -22,9 +22,9 @@ export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onTe
         onText,
     });
     useEffect(() => {
-        if (!focused)
+        if (!focused && !keepQuery)
             onText('');
-    }, [focused]);
+    }, [focused, keepQuery]);
     const meta = useMeta({
         onText,
         onChange,

package/dist/autocomplete/use-keys.js

@@ -1,6 +1,6 @@
-import { useEffect } from '@pionjs/pion';
 import { array } from '@neovici/cosmoz-utils/array';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { useEffect } from '@pionjs/pion';
 export const useKeys = ({ focused, empty, ...rest }) => {
     const enabled = focused && empty && rest.limit !== 1, meta = useMeta(rest);
     useEffect(() => {

package/dist/autocomplete/use-overflow.js

@@ -1,5 +1,5 @@
-import { useLayoutEffect, useState, useMemo } from '@pionjs/pion';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+import { useLayoutEffect, useMemo, useState } from '@pionjs/pion';
 import { raf } from './util';
 // eslint-disable-next-line max-statements
 const overflow = (host) => {

package/dist/excluding/index.js

@@ -3,9 +3,9 @@ import { nothing } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import '../autocomplete';
 import { Autocomplete, observedAttributes, style, } from '../autocomplete/autocomplete';
+import excludingStyle from './style.css';
 import { useExcludingSelection } from './use-excluding-selection';
 import { unwrap } from './utils';
-import excludingStyle from './style.css';
 const isItemExcluded = (value, item) => value?.some((v) => v.item === item && v.excluded);
 const excludedState = (value, item) => (item && isItemExcluded(value, item) ? 'excluded' : nothing);
 const mkItemRenderer = (value) => (item, i, { highlight, select, textual, isSelected }) => {

package/dist/listbox/index.js

@@ -2,6 +2,7 @@ import { virtualize, virtualizerRef, } from '@lit-labs/virtualizer/virtualize.js
 import { connectable } from '@neovici/cosmoz-dropdown/connectable';
 import { sheet } from '@neovici/cosmoz-utils';
 import { spreadProps } from '@neovici/cosmoz-utils/directives/spread-props';
+import { noop } from '@neovici/cosmoz-utils/function';
 import { useStyleSheet } from '@neovici/cosmoz-utils/hooks/use-stylesheet';
 import { props } from '@neovici/cosmoz-utils/object';
 import { component, html, useEffect, useRef } from '@pionjs/pion';
@@ -9,7 +10,6 @@ import { ref } from 'lit-html/directives/ref.js';
 import { styleMap } from 'lit-html/directives/style-map.js';
 import style, { styles } from './style.css';
 import { properties, useListbox } from './use-listbox';
-import { noop } from '@neovici/cosmoz-utils/function';
 const ignore = noop;
 const Listbox = (host) => {
     const listRef = useRef(undefined);

package/dist/listbox/use-keyboard.js

@@ -1,5 +1,5 @@
-import { useEffect } from '@pionjs/pion';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { useEffect } from '@pionjs/pion';
 export const useKeyboard = (handlers) => {
     const listeners = useMeta(handlers);
     useEffect(() => {

package/dist/listbox/use-listbox.d.ts

@@ -1,4 +1,4 @@
-import { useRenderItem, ItemRenderer } from './use-render-item';
+import { ItemRenderer, useRenderItem } from './use-render-item';
 export declare const properties: string[];
 export interface Props<I> {
     value: I | I[];

package/dist/listbox/use-listbox.js

@@ -1,8 +1,8 @@
 import { useMemo } from '@pionjs/pion';
-import { byValue } from './util';
+import { useItemHeight } from './use-item-height';
 import { useItems } from './use-items';
 import { useRenderItem } from './use-render-item';
-import { useItemHeight } from './use-item-height';
+import { byValue } from './util';
 export const properties = [
     'query',
     'items',

package/dist/listbox/use-render-item.js

@@ -1,5 +1,5 @@
-import { useCallback } from '@pionjs/pion';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { useCallback } from '@pionjs/pion';
 import { itemRenderer as mkItemRenderer, } from './item-renderer';
 export const useRenderItem = ({ itemRenderer = mkItemRenderer(), ...meta }) => {
     const info = useMeta(meta);

package/dist/listbox/util.js

@@ -1,5 +1,5 @@
-import { html } from 'lit-html';
 import { array } from '@neovici/cosmoz-utils/array';
+import { html } from 'lit-html';
 export const byValue = (value, valueProperty) => {
     if (!valueProperty) {
         return (item) => array(value).includes(item);

package/package.json

@@ -1,18 +1,19 @@
 {
 	"name": "@neovici/cosmoz-autocomplete",
-	"version": "10.10.0",
+	"version": "10.10.4",
+	"type": "module",
 	"description": "A autocomplete input web component",
 	"keywords": [
 		"lit-html",
 		"web-components"
 	],
-	"homepage": "https://github.com/neovici/cosmoz-autocomplete#readme",
+	"homepage": "https://github.com/Neovici/cosmoz-autocomplete#readme",
 	"bugs": {
-		"url": "https://github.com/neovici/cosmoz-autocomplete/issues"
+		"url": "https://github.com/Neovici/cosmoz-autocomplete/issues"
 	},
 	"repository": {
 		"type": "git",
-		"url": "git+https://github.com/neovici/cosmoz-autocomplete.git"
+		"url": "git+https://github.com/Neovici/cosmoz-autocomplete.git"
 	},
 	"license": "Apache-2.0",
 	"author": "",
@@ -80,25 +81,25 @@
 		"lit-html": "^2.0.0 || ^3.0.0"
 	},
 	"devDependencies": {
-		"@commitlint/cli": "^19.0.0",
-		"@commitlint/config-conventional": "^19.0.0",
-		"@neovici/cfg": "^1.34.0",
+		"@commitlint/cli": "^20.0.0",
+		"@commitlint/config-conventional": "^20.0.0",
+		"@neovici/cfg": "^2.0.0",
 		"@open-wc/testing": "^4.0.0",
 		"@playwright/test": "^1.43.1",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
-		"@storybook/web-components-vite": "^9.1.4",
-		"@types/mocha": "^10.0.6",
-		"@types/node": "^22.10.2",
+		"@storybook/web-components-vite": "^10.0.0",
+		"@types/mocha": "^10.0.0",
+		"@types/node": "24.0.0",
 		"esbuild": "^0.24.0",
+		"eslint": "^9.0.0",
 		"http-server": "^14.1.1",
 		"husky": "^9.0.0",
-		"prettier": "^3.6.2",
 		"rollup-plugin-esbuild": "^6.1.1",
 		"rollup-plugin-terser": "^7.0.2",
-		"semantic-release": "^24.0.0",
+		"semantic-release": "^25.0.0",
 		"sinon": "^19.0.0",
-		"storybook": "^9.1.4"
+		"storybook": "^10.0.0"
 	},
 	"overrides": {
 		"conventional-changelog-conventionalcommits": ">= 8.0.0"