@neovici/cosmoz-autocomplete 8.6.0 → 8.7.0

package/dist/listbox/index.d.ts

@@ -1,20 +1,4 @@
 import { Props } from './use-listbox';
 export declare const listbox: <I>({ multi, ...thru }: Props<I> & {
     multi?: boolean | undefined;
-}) => import("lit-html/directive.js").DirectiveResult<{
-    new (_partInfo: import("lit-html/directive.js").PartInfo): {
-        _op?: import("lit-html").ChildPart | undefined;
-        _outlet?: HTMLElement | undefined;
-        _content?: unknown;
-        render(content: unknown, outlet?: HTMLElement | undefined): import("lit-html").TemplateResult<1>;
-        update(part: import("lit-html").Part, [content, outlet]: [unknown, (HTMLElement | undefined)?]): import("lit-html").TemplateResult<1>;
-        updateOutlet(outlet: HTMLElement, content: unknown): void;
-        clearOutlet(): void;
-        disconnected(): void;
-        reconnected(): void;
-        isConnected: boolean;
-        _$initialize(part: import("lit-html").Part, parent: import("lit-html").Disconnectable, attributeIndex: number | undefined): void;
-        setValue(value: unknown): void;
-        readonly _$isConnected: boolean;
-    };
-}>;
+}) => import("lit-html").TemplateResult<1>;

package/dist/listbox/index.js

@@ -1,6 +1,5 @@
 import { virtualize, virtualizerRef, } from '@lit-labs/virtualizer/virtualize.js';
 import { sheet } from '@neovici/cosmoz-utils';
-import { portal } from '@neovici/cosmoz-utils/directives/portal';
 import { spreadProps } from '@neovici/cosmoz-utils/directives/spread-props';
 import { useStyleSheet } from '@neovici/cosmoz-utils/hooks/use-stylesheet';
 import { props } from '@neovici/cosmoz-utils/object';
@@ -39,24 +38,19 @@ const supportsPopover = () => {
 };
 const showPopover = (popover) => {
     const popoverElement = popover;
-    requestAnimationFrame(() => {
-        popoverElement?.showPopover();
-    });
+    if (supportsPopover()) {
+        requestAnimationFrame(() => {
+            popoverElement?.showPopover();
+        });
+    }
 };
 customElements.define('cosmoz-listbox', component(Listbox, { styleSheets: [sheet(style)] }));
 export const listbox = ({ multi, ...thru }) => {
-    if (supportsPopover()) {
-        return html `<cosmoz-listbox
-			${ref(showPopover)}
-			popover="manual"
-			part="listbox"
-			?multi=${multi}
-			...=${spreadProps(props(properties)(thru))}
-		></cosmoz-listbox>`;
-    }
-    return portal(html `<cosmoz-listbox
-			part="listbox"
-			?multi=${multi}
-			...=${spreadProps(props(properties)(thru))}
-		></cosmoz-listbox>`);
+    return html `<cosmoz-listbox
+		${ref(showPopover)}
+		popover="manual"
+		part="listbox"
+		?multi=${multi}
+		...=${spreadProps(props(properties)(thru))}
+	></cosmoz-listbox>`;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-autocomplete",
-	"version": "8.6.0",
+	"version": "8.7.0",
 	"description": "A autocomplete input web component",
 	"keywords": [
 		"lit-html",