@supersoniks/concorde 1.1.47 → 1.1.48

package/core/components/functional/list/list.d.ts

@@ -84,6 +84,10 @@ declare const List_base: {
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/TemplatesContainer").TemplatesContainerInterface) & typeof LitElement;
 export declare class List extends List_base {

package/core/components/functional/queue/queue.d.ts

@@ -3,6 +3,7 @@ import "@supersoniks/concorde/core/components/functional/list/list";
 import { PublisherProxy } from "@supersoniks/concorde/core/utils/PublisherProxy";
 type QueueItem = {
     id: string;
+    endPoint: string;
     dataProvider: string;
     offset: number;
     limit: number;
@@ -37,6 +38,7 @@ export default class Queue extends Queue_base {
     filteredFields: string;
     disconnectedCallback(): void;
     static instanceCounter: number;
+    instanceId: number;
     localStorage: string;
     connectedCallback(): Promise<void>;
     filterPublisher: PublisherProxy | null;

package/core/components/functional/queue/queue.js

@@ -52,6 +52,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         this.resultCount = 0;
         this.noLazyload = false;
         this.filteredFields = "";
+        this.instanceId = 0;
         this.localStorage = "disabled";
         this.filterPublisher = null;
         this.searchHash = "";
@@ -81,6 +82,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             connectedCallback: { get: () => super.connectedCallback }
         });
         return __awaiter(this, void 0, void 0, function* () {
+            this.instanceId = Queue_1.instanceCounter++;
             this.localStorage = this.getAttribute("localStorage") || this.localStorage;
             this.removeAttribute("localStorage");
             this.noShadowDom = "";
@@ -89,9 +91,14 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             if (!this.dataProvider)
                 this.dataProvider =
                     this.dataProviderExpression ||
-                        "sonic-queue-" + Queue_1.instanceCounter++ + "-" + Math.random().toString(36).substring(7);
+                        "sonic-queue-" +
+                            this.instanceId +
+                            "-" +
+                            Math.random().toString(36).substring(7);
             if (!this.dataProviderExpression) {
-                this.dataProviderExpression = HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") || "";
+                this.dataProviderExpression =
+                    HTML.getAncestorAttributeValue(this.parentElement, "dataProvider") ||
+                        "";
             }
             _super.connectedCallback.call(this);
             this.key = this.getAttribute("key");
@@ -109,7 +116,8 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             this.next();
             return;
         }
-        this.filterPublisher = PublisherManager.getInstance().get(dataFilterProvider);
+        this.filterPublisher =
+            PublisherManager.getInstance().get(dataFilterProvider);
         (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.onInternalMutation(() => {
             this.updateFilteredContent();
         });
@@ -129,7 +137,9 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             let value = filterData[f];
             if (Array.isArray(value))
                 value = value.filter((v) => v !== null);
-            if ((this.filteredFields && !filteredFieldsArray.includes(f)) || value == null || value.toString() === "")
+            if ((this.filteredFields && !filteredFieldsArray.includes(f)) ||
+                value == null ||
+                value.toString() === "")
                 continue;
             searchParams.set(f, filterData[f].toString());
         }
@@ -169,6 +179,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
          * Un ne repasse donc à 0 qu'à partir du premier chargement.
          * */
         if (!this.nextHadEvent && e) {
+            this.publisher.resultCount = 0;
             this.resultCount = 0;
         }
         this.nextHadEvent = !!e;
@@ -176,7 +187,9 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             if (e.detail.requestId < this.requestId)
                 return;
             this.resultCount += e.detail.props.length;
-            if (!e.detail.isFirstLoad || !e.detail.props.length || this.dataProviderExpression.indexOf("$offset") == -1) {
+            if (!e.detail.isFirstLoad ||
+                !e.detail.props.length ||
+                this.dataProviderExpression.indexOf("$offset") == -1) {
                 this.publisher.resultCount = this.resultCount;
                 return;
             }
@@ -189,7 +202,8 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         else {
             const props = this.props;
             const item = props[props.length - 1];
-            offset = parseInt(item.offset.toString()) + parseInt(item.limit.toString());
+            offset =
+                parseInt(item.offset.toString()) + parseInt(item.limit.toString());
         }
         if (requestDuration > 0 && e && !this.localStorage)
             this.limit = Math.round((this.limit / requestDuration) * this.targetRequestDuration);
@@ -197,14 +211,18 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             this.limit = 1;
         if (this.limit > 15)
             this.limit = 15;
-        let dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
+        let dataProvider = this.dataProviderExpression
+            .replace("$offset", offset + "")
+            .replace("$limit", this.limit + "");
         const split = dataProvider.split("?");
         const endpoint = split.shift();
         const searchParams = new URLSearchParams(split.join("?"));
         const filterData = (_a = this.filterPublisher) === null || _a === void 0 ? void 0 : _a.get();
         const filteredFieldsArray = this.filteredFields.split(" ");
         for (const f in filterData) {
-            if ((this.filteredFields && !filteredFieldsArray.includes(f)) || filterData[f] == null)
+            if ((this.filteredFields && filteredFieldsArray.includes(f)) ||
+                filterData[f] == null ||
+                filterData[f] == "")
                 continue;
             searchParams.set(f, filterData[f]);
         }
@@ -217,7 +235,8 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             ...this.props,
             {
                 id: searchParams.toString() + "/" + this.props.length,
-                dataProvider: dataProvider,
+                dataProvider: dataProvider + "_item_from_queue_" + this.instanceId,
+                endPoint: dataProvider,
                 offset: offset,
                 limit: this.limit,
             },
@@ -239,17 +258,23 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
         // }
         if (!Array.isArray(this.props))
             return nothing;
+        let lazyload = !this.noLazyload;
+        if (this.props.length == 1) {
+            lazyload = false;
+        }
         return html `
       ${map(this.props, (item, index) => {
             var _a;
-            const templates = index == 0 ? this.templates : (_a = this.templates) === null || _a === void 0 ? void 0 : _a.filter((elt) => elt.getAttribute("data-value") != "no-item");
+            const templates = index == 0
+                ? this.templates
+                : (_a = this.templates) === null || _a === void 0 ? void 0 : _a.filter((elt) => elt.getAttribute("data-value") != "no-item");
             return html `
           <sonic-list
             fetch
             cache=${this.cache}
             displayContents
             lazyBoundsRatio=${this.lazyBoundsRatio}
-            ?lazyload=${!this.noLazyload}
+            ?lazyload=${lazyload}
             localStorage=${this.localStorage}
             requestId=${this.requestId}
             .itemPropertyMap=${this.itemPropertyMap}
@@ -258,6 +283,7 @@ let Queue = Queue_1 = class Queue extends Subscriber(LitElement, {}) {
             key=${this.key}
             @loading=${this.resetDuration}
             dataProvider="${item.dataProvider}"
+            endPoint="${item.endPoint}"
             idKey=${this.idKey}
             .templates=${templates}
           >

package/core/components/functional/sdui/sdui.d.ts

@@ -47,6 +47,10 @@ declare const SonicSDUI_base: {
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("../../../mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**

package/core/components/ui/badge/badge.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, css } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { fontSize, } from "@supersoniks/concorde/core/components/ui/_css/size";
+import { fontSize } from "@supersoniks/concorde/core/components/ui/_css/size";
 const tagName = "sonic-badge";
 /**
  * Un badge simple avec deux slots, un nommé prefix et un nomé suffix de manière à pouvoir mettre (par exemple) une icone avant ou après le contenu.
@@ -46,12 +46,11 @@ Badge.styles = [
         --sc-fs: 1rem;
 
         --sc-badge-color: var(--sc-base-content, #1f2937);
-        --sc-badge-bg: var(--sc-base-200, #e5e7eb);
+        --sc-badge-bg: var(--sc-base-100, #e5e7eb);
 
         --sc-badge-border-with: var(--sc-form-border-width, 0.1rem);
         --sc-badge-border-color: transparent;
-        --sc-badge-border: var(--sc-badge-border-with) solid
-          var(--sc-badge-border-color);
+        --sc-badge-border: var(--sc-badge-border-with) solid var(--sc-badge-border-color);
 
         --sc-badge-rounded: 0.85em;
         --sc-badge-fw: var(--sc-font-weight-base);

package/core/components/ui/button/button.d.ts

@@ -59,6 +59,10 @@ declare const Button_base: {
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
 /**

package/core/components/ui/form/checkbox/checkbox.d.ts

@@ -60,6 +60,10 @@ declare const Checkbox_base: {
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & {
     new (...args: any[]): {
@@ -138,6 +142,10 @@ declare const Checkbox_base: {
         hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 /**

package/core/components/ui/form/css/form-control.js

@@ -67,12 +67,13 @@ export const formControl = css `
 
     line-height: 1.1;
     color: var(--sc-input-c);
-    border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br)
-      var(--sc-item-rounded-bl);
+    border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr)
+      var(--sc-item-rounded-br) var(--sc-item-rounded-bl);
 
     font-family: var(--sc-input-ff);
     background-color: var(--sc-input-background);
-    border: var(--sc-input-b-width) solid var(--sc-input-b-color, var(--sc-base-300, #aaa));
+    border: var(--sc-input-b-width) solid
+      var(--sc-input-b-color, var(--sc-base-300, #aaa));
     width: 100%;
     font-size: var(--sc-input-fs);
 
@@ -167,6 +168,7 @@ export const formControl = css `
     flex: 0 0 auto;
     max-width: 100%;
     max-width: 100%;
+    white-space: nowrap;
   }
 
   :host([inlineContent]) .has-suffix slot[name="suffix"] {
@@ -289,8 +291,8 @@ export const formControl = css `
   }
   input[type="color"]::-webkit-color-swatch {
     border: none;
-    border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr) var(--sc-item-rounded-br)
-      var(--sc-item-rounded-bl);
+    border-radius: var(--sc-item-rounded-tl) var(--sc-item-rounded-tr)
+      var(--sc-item-rounded-br) var(--sc-item-rounded-bl);
   }
 
   /*Input Image*/

package/core/components/ui/form/form-layout/form-layout.js

@@ -59,7 +59,9 @@ FormLayout.styles = [
       ::slotted(sonic-textarea) {
         grid-column: 1 / -1;
       }*/
-
+      ::slotted(sonic-submit) {
+        display: contents;
+      }
       ::slotted(:not(sonic-input):not(sonic-select):not(sonic-input-autocomplete):not(.form-item-container)) {
         grid-column: 1 / -1;
       }

package/core/components/ui/form/input/input.d.ts

@@ -54,8 +54,14 @@ declare const Input_base: {
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
-        disconnectedCallback(): void;
+        disconnectedCallback(): void; /**
+         * Taille du composant, implique notamment des modifications de typo et de marge interne
+         */
         getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
     };
 } & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 export declare class Input extends Input_base {
@@ -92,6 +98,7 @@ export declare class Input extends Input_base {
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(changedProperties: PropertyValues): void;
+    setSelectionRange(start: number, end: number): void;
     hasSlotOrProps(): void;
     inlineContentFocus(): void;
     changeTimeoutId?: ReturnType<typeof setTimeout>;

package/core/components/ui/form/input/input.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement, css } from "lit";
-import { customElement, property, queryAssignedNodes, state } from "lit/decorators.js";
+import { customElement, property, queryAssignedNodes, state, } from "lit/decorators.js";
 import { query } from "lit/decorators/query.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { formControl, label, description, passwordToggle, } from "@supersoniks/concorde/core/components/ui/form/css/form-control";
@@ -69,10 +69,14 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
         this.hasSlotOrProps();
         super.willUpdate(changedProperties);
     }
+    setSelectionRange(start, end) {
+        this.input.setSelectionRange(start, end);
+    }
     hasSlotOrProps() {
         var _a, _b, _c, _d;
         this.hasLabel = this.label || ((_a = this.slotLabelNodes) === null || _a === void 0 ? void 0 : _a.length) ? true : false;
-        this.hasDescription = this.description || ((_b = this.slotDescriptionNodes) === null || _b === void 0 ? void 0 : _b.length) ? true : false;
+        this.hasDescription =
+            this.description || ((_b = this.slotDescriptionNodes) === null || _b === void 0 ? void 0 : _b.length) ? true : false;
         this.hasSuffix = ((_c = this.slotSuffixNodes) === null || _c === void 0 ? void 0 : _c.length) ? true : false;
         this.hasPrefix = ((_d = this.slotPrefixNodes) === null || _d === void 0 ? void 0 : _d.length) ? true : false;
     }
@@ -152,7 +156,10 @@ let Input = class Input extends FormInput(FormElement(Subscriber(LitElement))) {
                       aria-label="Toggle password visibility"
                       variant="unstyled"
                     >
-                      <sonic-icon library="heroicons" name=${this.isPassword ? "eye" : "eye-slash"}></sonic-icon>
+                      <sonic-icon
+                        library="heroicons"
+                        name=${this.isPassword ? "eye" : "eye-slash"}
+                      ></sonic-icon>
                     </sonic-button>`
             : ""}
             <slot name="suffix" @slotchange=${this.hasSlotOrProps}></slot>

package/core/components/ui/form/input-autocomplete/input-autocomplete.d.ts

@@ -3,7 +3,72 @@ import "@supersoniks/concorde/core/components/ui/form/input/input";
 import "@supersoniks/concorde/core/components/ui/pop/pop";
 import "@supersoniks/concorde/core/components/functional/queue/queue";
 import "@supersoniks/concorde/core/components/ui/menu/menu-item";
-declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
+import { Size } from "../../_css/size";
+import { ResizeController } from "@lit-labs/observers/resize_controller.js";
+type ListItem = Record<string, string>;
+declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../../mixins/TemplatesContainer").TemplatesContainerInterface) & {
+    new (...args: any[]): {
+        validateFormElement(): void;
+        forceAutoFill: boolean;
+        _type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        type: "number" | "search" | "file" | "button" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local" | "password";
+        _description?: string | undefined;
+        description: string | undefined;
+        _label?: string | undefined;
+        label: string | undefined;
+        tabindex?: number | undefined;
+        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
+        getFormPublisher(): any;
+        updateDataValue(): void;
+        handleChange(e?: Event | undefined): void;
+        handleBlur(e?: Event | undefined): void;
+        getValueForFormPublisher(): string | object | string[] | null | undefined;
+        focus?: (() => void) | undefined;
+        shadowRoot?: ShadowRoot | undefined;
+        error: boolean;
+        autofocus: boolean;
+        required: boolean;
+        disabled: true | null;
+        formDataProvider: string;
+        ariaLabelledby?: string | undefined;
+        ariaLabel?: string | undefined;
+        _value: string | object | string[] | null | undefined;
+        value: string | object | string[] | null | undefined;
+        _name: string;
+        name: string;
+        props: import("../../../../_types/types").CoreJSType;
+        propertyMap: object;
+        isConnected: boolean;
+        children: HTMLCollection;
+        appendChild(node: Node): Node;
+        getAncestorAttributeValue(attributeName: string): string;
+        hasAncestorAttribute(attributeName: string): boolean;
+        querySelectorAll(selector: string): NodeListOf<Element>;
+        publisher: any;
+        dataProvider: string | null;
+        noShadowDom: string | null;
+        debug: HTMLElement | null;
+        defferedDebug: boolean | null;
+        displayContents: boolean;
+        dispatchEvent(event: Event): void;
+        setAttribute(name: string, value: string): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+        removeAttribute(name: string): void;
+        initPublisher(): void;
+        getApiConfiguration(): import("../../../../utils/api").APIConfiguration;
+        connectedCallback(): void;
+        requestUpdate(): void;
+        getAttribute(name: string): string;
+        hasAttribute(attributeName: string): boolean;
+        disconnectedCallback(): void;
+        getBoundingClientRect(): DOMRect;
+        onConnected(callback: (component: any) => void): void;
+        offConnected(callback: (component: any) => void): void;
+        onDisconnected(callback: (component: any) => void): void;
+        offDisconnected(callback: (component: any) => void): void;
+    };
+} & (new (...args: any[]) => import("../../../../mixins/FormElement").FormElementInterface) & (new (...args: any[]) => import("../../../../mixins/Subscriber").SubscriberInterface<import("../../../../_types/types").CoreJSType>) & typeof LitElement;
 /**
  * Input avec autocomplete. Propose des valeurs à partir d'un sonic-queue.
  * L'input permet de filtrer les choix de valeurs dans le sonic-pop.
@@ -11,24 +76,48 @@ declare const InputAutocomplete_base: (new (...args: any[]) => import("../../../
  */
 export declare class InputAutocomplete extends InputAutocomplete_base {
     static styles: import("lit").CSSResult[];
-    _name: string;
-    get name(): string;
-    set name(value: string);
-    forceAutoFill: boolean;
-    _description?: string;
-    get description(): string | undefined;
-    set description(value: string | undefined);
-    _label?: string;
-    get label(): string | undefined;
-    set label(value: string | undefined);
+    /**
+     * Possibles mutualisation avec text
+     */
+    size: Size;
     placeholder: string;
     filteredFields: string;
     readonly: boolean | null;
     dataProviderExpression: string;
+    select?: boolean;
     key: string;
-    value: string;
+    searchParameter: string;
+    slotInputPrefixNodes: Array<Node>;
+    hasInputPrefix: boolean;
+    _resizeController: ResizeController<unknown>;
+    /**
+     * Les dataProviders
+     */
+    private searchDataProvider;
+    private initSearchDataProvider;
+    private queueDataProvider;
+    private initQueueDataProvider;
+    private lastValidSearch;
+    private searchPublisher?;
+    private countPublisher?;
+    private initCountPublisher?;
+    private formValuePublisher?;
+    /**
+     * Les fonctions de gestion
+     */
+    hasSlotOrProps(): void;
+    private updateSearchParameter;
+    private initSearchParameter;
+    private selectListItem;
+    private findSearchedItem;
+    private findSelection;
+    private setSearchFromSelection;
+    private updateActiveSelection;
     connectedCallback(): void;
-    formDataProvider: string;
+    disconnectedCallback(): void;
+    queryQueueListItem(queueDataProvider: string, itemFinder: (listItem: ListItem) => boolean, itemMutator: (listItem: ListItem) => void): void;
+    setSelectionRange(start: number, end: number): void;
+    handleHide(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};