ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.18

package/components/ids-list-box/ids-list-box-option.d.ts

@@ -1,20 +1,36 @@
 import IdsElement from '../../core/ids-element';
+import '../ids-checkbox/ids-checkbox';
+import '../ids-icon/ids-icon';
+import type IdsCheckbox from '../ids-checkbox/ids-checkbox';
+import type IdsIcon from '../ids-icon/ids-icon';
 declare const Base: {
     new (...args: any[]): {
         connectedCallback(): void;
         handleTooltipEvents(): void;
-        readonly toolTipTarget: any;
+        readonly tooltipEl: import("../ids-tooltip/ids-tooltip").default | null;
+        readonly toolTipTarget: HTMLElement | SVGElement;
+        getTooltipContainer(): Element;
         showTooltip(): void;
         beforeTooltipShow(tooltip?: any): void;
         tooltip: string;
         onEvent(eventName: string, target?: any, callback?: ((evt: any) => void) | undefined, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
         offEvent(eventName: string, target?: any, options?: import("../../mixins/ids-events-mixin/ids-events-mixin").EventOptions | undefined): void;
+        /**
+         * IDS List Box Option Component
+         * @type {IdsListBoxOption}
+         * @inherits IdsElement
+         * @mixes IdsEventsMixin
+         * @mixes IdsTooltipMixin
+         * @part option - the option element
+         */
         triggerEvent(eventName: string, target: any, options?: CustomEventInit<any> | undefined): void;
         triggerVetoableEvent(eventType: string, data?: any): boolean;
         detachEventsByName: (eventName: string) => void;
         handledEvents: Map<any, any>;
+        canTooltipShow?(tooltipEl: import("../ids-tooltip/ids-tooltip").default | null, tooltipContent: string): boolean;
+        onTooltipTargetDetection?(tooltipEl: import("../ids-tooltip/ids-tooltip").default | null): HTMLElement | SVGElement;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -22,14 +38,15 @@ declare const Base: {
             noShadowRoot?: boolean | undefined;
             noStyles?: boolean | undefined;
         } | undefined;
-        "__#4@#addBaseName"(): void;
+        mountedCallback(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         disconnectedCallback(): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -49,11 +66,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -87,6 +108,7 @@ declare const Base: {
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -217,7 +239,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -244,6 +266,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -316,6 +339,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -388,7 +412,7 @@ declare const Base: {
         "__#5@#removeHoverEndListener"(): void;
         "__#5@#removeKeyDownEndListener"(): void;
         name?: string | undefined;
-        state: Record<string, any>;
+        state: any;
         cachedNonce: string;
         container?: HTMLElement | null | undefined;
         hasStyles: boolean;
@@ -397,13 +421,14 @@ declare const Base: {
             noStyles?: boolean | undefined;
         } | undefined;
         connectedCallback(): void;
-        "__#4@#addBaseName"(): void;
+        mountedCallback(): void;
+        "__#3@#addBaseName"(): void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
         render(force?: boolean | undefined): any;
         template(): string;
         readonly nonce: any;
         appendStyles(): void;
-        "__#4@#appendHostCss"(): void;
+        "__#3@#appendHostCss"(): void;
         theme: string;
         lastTheme: string;
         loadTheme(theme: string): Promise<void>;
@@ -423,11 +448,15 @@ declare const Base: {
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K_17 extends keyof HTMLElementEventMap>(type: K_17, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_17]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_18 extends keyof HTMLElementEventMap>(type: K_18, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_18]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -461,6 +490,7 @@ declare const Base: {
         closest<K_20 extends keyof SVGElementTagNameMap>(selector: K_20): SVGElementTagNameMap[K_20] | null;
         closest<K_21 extends keyof MathMLElementTagNameMap>(selector: K_21): MathMLElementTagNameMap[K_21] | null;
         closest<E_3 extends Element = Element>(selectors: string): E_3 | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -591,7 +621,7 @@ declare const Base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
@@ -618,6 +648,7 @@ declare const Base: {
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -690,6 +721,7 @@ declare const Base: {
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -734,6 +766,7 @@ declare const Base: {
  * @part option - the option element
  */
 export default class IdsListBoxOption extends Base {
+    #private;
     constructor();
     /**
      * Return the attributes we handle as getters/setters
@@ -742,11 +775,36 @@ export default class IdsListBoxOption extends Base {
     static get attributes(): Array<any>;
     connectedCallback(): void;
     /**
-     * Create the Template for the contents
+     * Create the template for the contents
      * @returns {string} The template
      */
     template(): string;
-    set value(val: string | null);
-    get value(): string | null;
+    /**
+     * Get nested ids-checkbox child
+     * @returns {IdsCheckbox | undefined} - nested ids-checkbox child
+     */
+    get childCheckbox(): IdsCheckbox | undefined;
+    get childIcon(): IdsIcon | undefined;
+    get label(): string;
+    get groupLabel(): boolean;
+    set groupLabel(value: boolean);
+    set value(value: string | null);
+    get value(): string;
+    /**
+     * Set the selected state on the list-box-option
+     * @param {boolean} val true if this option should appear "selected"
+     */
+    set selected(val: boolean);
+    get selected(): boolean;
+    /**
+     * Set the row index. This index will be used to sort options in ids-list-box component.
+     * @param {number} value the index
+     */
+    set rowIndex(value: number);
+    /**
+     * Gets the row index # of this row.
+     * @returns {number} the row-index
+     */
+    get rowIndex(): number;
 }
 export {};

package/components/ids-list-box/ids-list-box-option.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-LUQ5WTTM.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-3G57636C.js";import"../../chunks/ids-chunk-M5LCEYHU.js";import"../../chunks/ids-chunk-I6TOGPN2.js";import"../../chunks/ids-chunk-QLVMBFTN.js";import"../../chunks/ids-chunk-TSK7TBSI.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IUVWKE3X.js";import"../../chunks/ids-chunk-AKMJAVDI.js";import"../../chunks/ids-chunk-HXA5LW64.js";import"../../chunks/ids-chunk-2EIIZF2N.js";import"../../chunks/ids-chunk-6WLH3QI5.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-4MO5P7YP.js";import"../../chunks/ids-chunk-2HSKMXJV.js";import"../../chunks/ids-chunk-OPOTJ7IF.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-IFNEWXJJ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-list-box/ids-list-box.css

@@ -1,71 +1,90 @@
-/* Ids Dropdown List Component */
+/* Ids List Box Component */
 :root {
+  color: var(--ids-dropdown-color-text-default);
+  cursor: var(--ids-cursor-pointer);
   display: block;
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: var(--ids-input-width-40);
-  scroll-behavior: smooth;
+  font-family: var(--ids-font-family-default);
+  font-size: 16px;
+  line-height: 36px;
+  outline: none;
+  min-height: 32px;
+  padding: 0;
+  text-indent: 8px;
+  user-select: none;
   min-width: calc(var(--ids-input-width-10) - 2px);
-  max-width: calc(var(--ids-input-width-40) - 2px);
-  width: var(--ids-input-width-full);
+  text-transform: capitalize;
+  text-overflow: ellipsis;
+  width: 100%;
+  white-space: nowrap;
 }
 
-:host([size=xs]),
-:host([size=xs]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-10) - 2px);
+:host(.multiselect-option) {
+  display: flex;
+}
+:host(.multiselect-option) ::slotted(ids-icon) {
+  margin: 0;
+  margin-inline-start: var(--ids-dropdown-space-text);
 }
 
-:host([size=sm]),
-:host([size=sm]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-20) - 2px);
+:host(.is-selected:not(.multiselect-option)) {
+  background-color: var(--ids-dropdown-color-background-selected);
+  color: var(--ids-dropdown-color-text-selected);
 }
 
-:host([size=md]),
-:host([size=md]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-40) - 2px);
+:host(:hover:not(.is-selected):not([group-label]):not(.multiselect-option)),
+:host(.is-focused),
+:host(.multiselect-option:focus),
+:host(.multiselect-option.is-selected),
+:host(.multiselect-option:hover) {
+  background-color: var(--ids-dropdown-color-background-hover);
 }
 
-:host([size=mm]),
-:host([size=mm]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-30) - 2px);
+::slotted(ids-icon) {
+  vertical-align: middle;
+  margin: 0 var(--ids-dropdown-space-text) 2px 0;
 }
 
-:host([size=lg]),
-:host([size=lg]) ::slotted(ids-list-box-option) {
-  max-width: calc(var(--ids-input-width-50) - 2px);
+::slotted(ids-icon[dir=rtl]) {
+  margin: 0 0 2px var(--ids-dropdown-space-text);
 }
 
-:host([size=full]),
-:host([size=full]) ::slotted(ids-list-box-option) {
-  max-width: var(--ids-input-width-full);
+::slotted(ids-check-box) {
+  line-height: normal;
 }
 
-:host([compact]) ::slotted(ids-list-box-option),
-:host([field-height=xs]) ::slotted(ids-list-box-option) {
-  font-size: var(--ids-dropdown-font-size);
-  min-height: calc(var(--ids-input-height-10) - 2px);
-  line-height: calc(var(--ids-input-height-10) - 2px);
+::slotted(.highlight) {
+  font-weight: var(--ids-font-weight-bold);
 }
 
-:host([field-height=sm]) ::slotted(ids-list-box-option) {
-  min-height: calc(var(--ids-input-height-20) - 2px);
-  line-height: calc(var(--ids-input-height-20) - 2px);
+:host([group-label]) {
+  cursor: var(--ids-cursor-default);
+  color: var(--ids-dropdown-group-color-text);
+  font-weight: var(--ids-font-weight-semibold);
 }
 
-:host([field-height=md]) ::slotted(ids-list-box-option) {
-  min-height: calc(var(--ids-input-height-30) - 2px);
-  line-height: calc(var(--ids-input-height-30) - 2px);
+:host([group-label]:not(:first-child)),
+:host(.multiselect-border) {
+  border-top: 1px solid var(--ids-dropdown-group-color-border);
+  margin-top: var(--ids-dropdown-group-padding);
 }
 
-:host([field-height=lg]) ::slotted(ids-list-box-option) {
-  min-height: calc(var(--ids-input-height-40) - 2px);
-  line-height: calc(var(--ids-input-height-40) - 2px);
+:host(.module-nav) {
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+  min-height: var(--ids-module-nav-item-height);
+  padding-block: var(--ids-module-nav-switcher-dropdown-item-margin-block);
 }
 
-:host([uppercase]) ::slotted(ids-list-box-option) {
-  text-transform: uppercase;
+:host(.module-nav) ::slotted(ids-icon) {
+  margin-inline-end: 8px;
+  margin-block-end: 1px;
 }
 
-:host(.module-nav) {
-  max-height: none;
+:host(.module-nav:hover) {
+  background-color: var(--ids-module-nav-item-hover-bg-color);
+  color: var(--ids-module-nav-item-hover-text-color);
+}
+
+:host(.module-nav.is-selected) {
+  background-color: var(--ids-module-nav-item-hover-bg-color);
+  color: var(--ids-module-nav-item-hover-text-color);
 }

package/components/ids-list-box/ids-list-box.d.ts

@@ -1,4 +1,5 @@
 import IdsElement from '../../core/ids-element';
+import type IdsListBoxOption from './ids-list-box-option';
 import './ids-list-box-option';
 /**
  * IDS List Box Component
@@ -6,6 +7,7 @@ import './ids-list-box-option';
  * @inherits IdsElement
  */
 export default class IdsListBox extends IdsElement {
+    #private;
     constructor();
     connectedCallback(): void;
     /**
@@ -13,4 +15,10 @@ export default class IdsListBox extends IdsElement {
      * @returns {string} The template
      */
     template(): string;
+    /**
+     * Get list of options
+     * @returns {IdsListBoxOption[]} ids-list-box-option child elements
+     */
+    get options(): IdsListBoxOption[];
+    get optionsSorted(): IdsListBoxOption[];
 }

package/components/ids-list-box/ids-list-box.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-BL6DBLBQ.js";import"../../chunks/ids-chunk-LUQ5WTTM.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-BO5Z7R4A.js";import"../../chunks/ids-chunk-3G57636C.js";import"../../chunks/ids-chunk-M5LCEYHU.js";import"../../chunks/ids-chunk-I6TOGPN2.js";import"../../chunks/ids-chunk-QLVMBFTN.js";import"../../chunks/ids-chunk-TSK7TBSI.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IUVWKE3X.js";import"../../chunks/ids-chunk-AKMJAVDI.js";import"../../chunks/ids-chunk-HXA5LW64.js";import"../../chunks/ids-chunk-2EIIZF2N.js";import"../../chunks/ids-chunk-6WLH3QI5.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-4MO5P7YP.js";import"../../chunks/ids-chunk-2HSKMXJV.js";import"../../chunks/ids-chunk-OPOTJ7IF.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-IFNEWXJJ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};

package/components/ids-list-builder/ids-list-builder.css

@@ -4,7 +4,10 @@
   border: var(--ids-list-builder-border);
   border-radius: var(--ids-list-builder-border-radius);
 }
-.ids-list-builder .ids-list-view-body div[part=list-item].is-editing > ids-text,
+.ids-list-builder ids-list-view-item.is-editing [hide] {
+  display: none;
+}
+.ids-list-builder .ids-list-view-body ids-list-view-item.is-editing > ids-text,
 .ids-list-builder .ids-list-view-body .list-item-content.is-editing > ids-text {
   display: none;
 }
@@ -21,7 +24,8 @@
 .ids-list-builder .ids-list-view ids-input::part(field-container) {
   max-width: 98%;
 }
-.ids-list-builder .ids-list-view div[part=list-item] {
+
+:host ids-list-view-item {
   border: var(--ids-list-builder-item-border);
   padding: var(--ids-list-builder-item-padding);
   min-height: var(--ids-list-builder-item-height-min);
@@ -32,7 +36,10 @@
   position: relative;
   width: 100%;
 }
-.ids-list-builder .ids-list-view div[part=list-item]:hover span::after {
+:host ids-list-view-item[selected] {
+  background: transparent;
+}
+:host ids-list-view-item:hover span::after {
   position: absolute;
   left: 0;
   transform: translate(100%, -8%);
@@ -40,11 +47,11 @@
   content: var(--ids-list-builder-drag-content);
   cursor: var(--ids-list-builder-item-cursor-drag);
 }
-.ids-list-builder .ids-list-view div[part=list-item] ids-text::part(text) {
+:host ids-list-view-item ids-text::part(text) {
   display: inline;
   user-select: none;
 }
-.ids-list-builder .ids-list-view div[part=list-item].placeholder {
+:host ids-list-view-item.placeholder {
   background-color: var(--ids-list-builder-item-color-background-placeholder);
   opacity: var(--ids-list-builder-item-placeholder-opacity);
 }

package/components/ids-list-builder/ids-list-builder.d.ts

@@ -1,6 +1,5 @@
 import '../ids-toolbar/ids-toolbar';
 import IdsListView from '../ids-list-view/ids-list-view';
-import IdsSwappableItem from '../ids-swappable/ids-swappable-item';
 import type IdsToolbar from '../ids-toolbar/ids-toolbar';
 import type IdsSwappable from '../ids-swappable/ids-swappable';
 /**
@@ -69,12 +68,6 @@ export default class IdsListBuilder extends IdsListView {
      * @returns {IdsToolbar|null} the toolbar element
      */
     get toolbar(): IdsToolbar | null;
-    /**
-     * Set the selection mode of the listview
-     * @param {string} value true to use virtual scrolling
-     */
-    set selectable(value: string | null);
-    get selectable(): string | null;
     get dataKeys(): Array<any>;
     set dataKeys(val: Array<any>);
     get data(): Array<any>;
@@ -83,49 +76,26 @@ export default class IdsListBuilder extends IdsListView {
      * @param {Array<any>} val The list of items
      */
     set data(val: Array<any>);
-    get selectedLi(): IdsSwappableItem | null | undefined;
-    get allSelectedLi(): NodeListOf<IdsSwappableItem> | undefined;
-    /**
-     * Helper function for swapping nodes in the list item -- used when dragging list items or clicking the up/down arrows
-     * @param {Node} nodeA the first node
-     * @param {Node} nodeB the second node
-     */
-    swap(nodeA: Node, nodeB: Node): void;
     /**
-     * Add new item
-     * @returns {void}
+     * Add new item after selected item(s) or at the very end of list
      */
     add(): void;
-    /**
-     * Delete selected
-     * @returns {void}
-     */
-    delete(): void;
     /**
      * Edit selected item
-     * @returns {void}
      */
     edit(): void;
     /**
-     * Move up selected
-     * @returns {void}
+     * Delete selected item(s)
      */
-    moveUp(): void;
-    /**
-     * Move down selected
-     * @returns {void}
-     */
-    moveDown(): void;
+    delete(): void;
     /**
-     * Get focused Li
-     * @returns {any} focused Li
+     * Move up selected item(s)
      */
-    getFocusedLi(): any;
+    moveUp(): void;
     /**
-     * Reset indices
-     * @returns {void}
+     * Move down selected item(s)
      */
-    resetIndices(): void;
+    moveDown(): void;
     set virtualScroll(value: string | boolean);
     /**
      * List builder does not support VS

package/components/ids-list-builder/ids-list-builder.js

@@ -1 +1 @@
-import{a}from"../../chunks/ids-chunk-LO2FBJGW.js";import"../../chunks/ids-chunk-3VSCYT6S.js";import"../../chunks/ids-chunk-XLV3I2G5.js";import"../../chunks/ids-chunk-CGDRYT3L.js";import"../../chunks/ids-chunk-JTU3ELLM.js";import"../../chunks/ids-chunk-6DMHSAHB.js";import"../../chunks/ids-chunk-4ADP36SL.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-COAUDFQ4.js";import"../../chunks/ids-chunk-TLWKYEHJ.js";import"../../chunks/ids-chunk-XOOLNL2R.js";import"../../chunks/ids-chunk-FVLHGO4F.js";import"../../chunks/ids-chunk-4Z7TNS7T.js";import"../../chunks/ids-chunk-ORGFBW2R.js";import"../../chunks/ids-chunk-7OHFXCP3.js";import"../../chunks/ids-chunk-XDGYUGXP.js";import"../../chunks/ids-chunk-K7QDSV6T.js";import"../../chunks/ids-chunk-RL4NAQQE.js";import"../../chunks/ids-chunk-N4PGPFE5.js";import"../../chunks/ids-chunk-27XAFGEX.js";import"../../chunks/ids-chunk-FH6Y4MTJ.js";import"../../chunks/ids-chunk-V7XUWW5B.js";import"../../chunks/ids-chunk-LL4HKB7S.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-YG2GGPUF.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-FYDKD3TL.js";import"../../chunks/ids-chunk-BL6DBLBQ.js";import"../../chunks/ids-chunk-LUQ5WTTM.js";import"../../chunks/ids-chunk-SCWD3ICQ.js";import"../../chunks/ids-chunk-SDRG6LI4.js";import"../../chunks/ids-chunk-TR5PD2OO.js";import"../../chunks/ids-chunk-Y4WUDVCZ.js";import"../../chunks/ids-chunk-NWQJK4KK.js";import"../../chunks/ids-chunk-AYDTADXU.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-7ZTSUHBA.js";import"../../chunks/ids-chunk-T47YQ3TX.js";import"../../chunks/ids-chunk-SB3FSWQK.js";import"../../chunks/ids-chunk-MQRVAUAO.js";import"../../chunks/ids-chunk-BPOXPSJG.js";import"../../chunks/ids-chunk-HT6LX5MG.js";import"../../chunks/ids-chunk-XTFBAHLT.js";import"../../chunks/ids-chunk-MTO4IW77.js";import"../../chunks/ids-chunk-R5ZFGKRA.js";import"../../chunks/ids-chunk-X6RWFTGV.js";import"../../chunks/ids-chunk-4RSNCW6T.js";import"../../chunks/ids-chunk-MA5MPQCR.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-FLW6Z5UP.js";import"../../chunks/ids-chunk-7O3OTI42.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-LFTWDGW6.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-HXQK5AOF.js";import"../../chunks/ids-chunk-B5JKAHB2.js";import"../../chunks/ids-chunk-QGYYPJNG.js";import"../../chunks/ids-chunk-BTXG2E4X.js";import"../../chunks/ids-chunk-ZGB2BJN7.js";import"../../chunks/ids-chunk-6D5SDTJL.js";import"../../chunks/ids-chunk-XJ6YDMYE.js";import"../../chunks/ids-chunk-RFSSSI2A.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-CYHGXCKL.js";import"../../chunks/ids-chunk-RZXRZPI4.js";import"../../chunks/ids-chunk-6NIQXA2N.js";import"../../chunks/ids-chunk-R7IBXBBI.js";import"../../chunks/ids-chunk-MXFCUDLP.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-B6P5AQ2Z.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-VD3FN2LH.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-DCNGT4R2.js";import"../../chunks/ids-chunk-CS7RTATZ.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-ZVK34T2N.js";import"../../chunks/ids-chunk-N7P4D4N3.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-TJKIW3GF.js";import"../../chunks/ids-chunk-6EMRTLSG.js";import"../../chunks/ids-chunk-5K6IDMGA.js";export{a as default};
+import{a}from"../../chunks/ids-chunk-TEL2LLWU.js";import"../../chunks/ids-chunk-SXTIEPC4.js";import"../../chunks/ids-chunk-7NRG5NRA.js";import"../../chunks/ids-chunk-3MD3NFTS.js";import"../../chunks/ids-chunk-I5BRSE7Z.js";import"../../chunks/ids-chunk-RNW2M7BI.js";import"../../chunks/ids-chunk-3NZ7H7BT.js";import"../../chunks/ids-chunk-ME6UDWGR.js";import"../../chunks/ids-chunk-ZXYYML6R.js";import"../../chunks/ids-chunk-YEP4WSGM.js";import"../../chunks/ids-chunk-BVXSH34Z.js";import"../../chunks/ids-chunk-UBKI3PZB.js";import"../../chunks/ids-chunk-WEFCRV2K.js";import"../../chunks/ids-chunk-GQBNBWWN.js";import"../../chunks/ids-chunk-XDGYUGXP.js";import"../../chunks/ids-chunk-F2GWOI4N.js";import"../../chunks/ids-chunk-YYYNRWTN.js";import"../../chunks/ids-chunk-L6TXGTNK.js";import"../../chunks/ids-chunk-TKQCOPYQ.js";import"../../chunks/ids-chunk-FYNCTTLY.js";import"../../chunks/ids-chunk-QBTCBMUS.js";import"../../chunks/ids-chunk-BWJBFHK4.js";import"../../chunks/ids-chunk-V36EUKX6.js";import"../../chunks/ids-chunk-AYV2UDVJ.js";import"../../chunks/ids-chunk-Y7ULYDKT.js";import"../../chunks/ids-chunk-DX3F6CNY.js";import"../../chunks/ids-chunk-GX2AIROS.js";import"../../chunks/ids-chunk-WDG374YV.js";import"../../chunks/ids-chunk-BO5Z7R4A.js";import"../../chunks/ids-chunk-3G57636C.js";import"../../chunks/ids-chunk-SBYA6MC4.js";import"../../chunks/ids-chunk-7AX677DF.js";import"../../chunks/ids-chunk-S3IRDAIM.js";import"../../chunks/ids-chunk-M5LCEYHU.js";import"../../chunks/ids-chunk-I6TOGPN2.js";import"../../chunks/ids-chunk-QLVMBFTN.js";import"../../chunks/ids-chunk-TSK7TBSI.js";import"../../chunks/ids-chunk-M7IB5XSG.js";import"../../chunks/ids-chunk-IUVWKE3X.js";import"../../chunks/ids-chunk-AKMJAVDI.js";import"../../chunks/ids-chunk-HQ2TN5FH.js";import"../../chunks/ids-chunk-724RH7ID.js";import"../../chunks/ids-chunk-JYDTDVDA.js";import"../../chunks/ids-chunk-TPYEYUWM.js";import"../../chunks/ids-chunk-7SNGPV6G.js";import"../../chunks/ids-chunk-M2HWRJ3J.js";import"../../chunks/ids-chunk-7A2NKIJD.js";import"../../chunks/ids-chunk-S3YYCVI2.js";import"../../chunks/ids-chunk-FHAPH6QW.js";import"../../chunks/ids-chunk-XKY7GB2B.js";import"../../chunks/ids-chunk-GXK74R7H.js";import"../../chunks/ids-chunk-HXA5LW64.js";import"../../chunks/ids-chunk-2EIIZF2N.js";import"../../chunks/ids-chunk-RLFU67F6.js";import"../../chunks/ids-chunk-Z3WYQHPE.js";import"../../chunks/ids-chunk-3OCB55IU.js";import"../../chunks/ids-chunk-KTHLZJSX.js";import"../../chunks/ids-chunk-O4ZJEHEO.js";import"../../chunks/ids-chunk-VA2FZ2XK.js";import"../../chunks/ids-chunk-WL54H54A.js";import"../../chunks/ids-chunk-FYG64AZR.js";import"../../chunks/ids-chunk-LEAYO2RU.js";import"../../chunks/ids-chunk-UR2NLGN4.js";import"../../chunks/ids-chunk-6WLH3QI5.js";import"../../chunks/ids-chunk-MDLMRVPY.js";import"../../chunks/ids-chunk-JIIECYJR.js";import"../../chunks/ids-chunk-J6DDVFGW.js";import"../../chunks/ids-chunk-4MO5P7YP.js";import"../../chunks/ids-chunk-2HSKMXJV.js";import"../../chunks/ids-chunk-OPOTJ7IF.js";import"../../chunks/ids-chunk-T6ZV4PDM.js";import"../../chunks/ids-chunk-DK5QOJMP.js";import"../../chunks/ids-chunk-CK6SA7FU.js";import"../../chunks/ids-chunk-27RPCUPT.js";import"../../chunks/ids-chunk-IFNEWXJJ.js";import"../../chunks/ids-chunk-ZUHWNQKP.js";import"../../chunks/ids-chunk-XE4WFW5M.js";import"../../chunks/ids-chunk-RCDMHHTV.js";import"../../chunks/ids-chunk-UCUVUYRO.js";import"../../chunks/ids-chunk-RMV7ZP4H.js";import"../../chunks/ids-chunk-WYSIBKRB.js";import"../../chunks/ids-chunk-JBUWUXJX.js";import"../../chunks/ids-chunk-AG3TBUSU.js";import"../../chunks/ids-chunk-X4NATGYL.js";import"../../chunks/ids-chunk-U4XVR5SW.js";import"../../chunks/ids-chunk-5Q3WPKMB.js";import"../../chunks/ids-chunk-4NXTNKXV.js";import"../../chunks/ids-chunk-Y32WUP63.js";export{a as default};