@cas-smartdesign/list 6.5.3 → 7.0.0

package/dist/list.d.ts

@@ -9,7 +9,7 @@ export type SelectionType = "trigger-only" | "single" | "multi";
 export type ISelectionEvent = {
     index: number;
     selected: boolean;
-    hasModifier: boolean;
+    originalEvent: Event;
 };
 export interface CustomEventMap extends BaseCustomEventMap {
     selection: CustomEvent<ISelectionEvent>;

package/dist/list.mjs

@@ -23,7 +23,7 @@ const f = `<style>
 		box-sizing: border-box;
 	}
 
-	.container ::slotted(:not(:last-of-type)) {
+	.container ::slotted(:not(:last-child)) {
 		border-bottom: 1px solid #d9d9d9;
 	}
 </style>
@@ -56,7 +56,7 @@ const r = class r extends h {
         case "Enter":
         case "Space":
         case " ":
-          this.handleSelection(this.focusIndex, t.metaKey || t.ctrlKey);
+          this.handleSelection(this.focusIndex, t);
           break;
         case "End":
         case "PageDown":
@@ -226,10 +226,7 @@ const r = class r extends h {
     })) : (this._focusObserverCleanupTasks.forEach((t) => t.call(this)), this._focusObserverCleanupTasks = [], this.removeAttribute("aria-activedescendant"));
   }
   handleItemClick(e, t) {
-    if (e.button !== null) {
-      const s = e.type == "auxclick" && e.button == 1 || e.metaKey || e.ctrlKey;
-      (e.button == 0 || e.button == 1) && this.handleSelection(t, s);
-    }
+    e.button !== null && (e.button == 0 || e.button == 1) && this.handleSelection(t, e);
   }
   handleSelection(e, t) {
     const s = this.getListItem(e);
@@ -241,7 +238,7 @@ const r = class r extends h {
         detail: {
           index: e,
           selected: this.selectionType == "trigger-only" || !i,
-          hasModifier: t
+          originalEvent: t
         },
         bubbles: !0,
         composed: !0

package/dist/list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.mjs","sources":["../list.html?raw","../list.ts"],"sourcesContent":["export default \"<style>\\n\\t:host {\\n\\t\\tbackground-color: var(--sd-list-base-background-color, white);\\n\\t}\\n\\n\\t.container {\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\t}\\n\\n\\t:host(:focus) {\\n\\t\\toutline: none;\\n\\t}\\n\\n\\t:host(:focus-visible) ::slotted([focused]) {\\n\\t\\tbox-shadow: 0 0 0 1px #1467ba inset;\\n\\t}\\n\\n\\t.container ::slotted(*) {\\n\\t\\tdisplay: block;\\n\\t\\tbox-sizing: border-box;\\n\\t}\\n\\n\\t.container ::slotted(:not(:last-of-type)) {\\n\\t\\tborder-bottom: 1px solid #d9d9d9;\\n\\t}\\n</style>\\n\\n<div class=\\\"container\\\">\\n\\t<slot name=\\\"items\\\"></slot>\\n\\t<slot id=\\\"default-slot\\\"></slot>\\n</div>\\n\"","import { ElementBase, CustomEventMap as BaseCustomEventMap } from \"@cas-smartdesign/element-base\";\nimport ListItem, { generator } from \"@cas-smartdesign/list-item\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [List.ID]: List;\n    }\n}\n\nimport { default as htmlTemplate } from \"./list.html?raw\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ItemGenerator = (data: any, index: number) => HTMLElement;\nexport type SelectionType = \"trigger-only\" | \"single\" | \"multi\";\n\nlet idCounter = 0;\n\nexport type ISelectionEvent = {\n    index: number;\n    selected: boolean;\n    hasModifier: boolean;\n};\n\nexport interface CustomEventMap extends BaseCustomEventMap {\n    selection: CustomEvent<ISelectionEvent>;\n}\n\nexport default interface List {\n    addEventListener<K extends keyof CustomEventMap>(\n        event: K,\n        listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    addEventListener(\n        type: string,\n        callback: EventListenerOrEventListenerObject | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    removeEventListener<K extends keyof CustomEventMap>(\n        type: K,\n        listener: (this: this, ev: CustomEventMap[K]) => unknown,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    removeEventListener(\n        type: string,\n        listener: EventListenerOrEventListenerObject,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class List extends ElementBase {\n    public static readonly ID = \"sd-list\";\n    public static ensureDefined = (): void => {\n        ListItem.ensureDefined();\n        if (!customElements.get(List.ID)) {\n            customElements.define(List.ID, List);\n        }\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private _items: any[] = [];\n    private _selectedIndexes: number[] = [];\n    private _itemGenerator: ItemGenerator = generator;\n    private _fallbackId: string;\n    private _focusObserver: IntersectionObserver;\n    private _focusObserverCleanupTasks: (() => void)[] = [];\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public get items(): any[] {\n        return this._items;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public set items(value: any[]) {\n        this._items = value;\n        this.render();\n    }\n\n    public get itemGenerator(): ItemGenerator {\n        return this._itemGenerator;\n    }\n\n    public set itemGenerator(value: ItemGenerator) {\n        this._itemGenerator = value;\n        this.render();\n    }\n\n    public get selectionType(): SelectionType {\n        return this.getAttribute(\"selection-type\") as SelectionType;\n    }\n\n    public set selectionType(type: SelectionType) {\n        if (type) {\n            this.setAttribute(\"selection-type\", type);\n        } else {\n            this.removeAttribute(\"selection-type\");\n        }\n    }\n\n    public get focusIndex(): number {\n        return this.hasAttribute(\"focus-index\") ? Number(this.getAttribute(\"focus-index\")) : -1;\n    }\n\n    public set focusIndex(index: number) {\n        if (0 <= index && index < this.getListItems.length) {\n            this.setAttribute(\"focus-index\", index.toString());\n        } else {\n            this.removeAttribute(\"focus-index\");\n        }\n    }\n\n    public get focusTarget(): boolean {\n        return this.hasAttribute(\"focus-target\");\n    }\n\n    public set focusTarget(value: boolean) {\n        this.toggleAttribute(\"focus-target\", value);\n    }\n\n    public getListItem(index: number): HTMLElement | null {\n        if (this.shadowRoot) {\n            return this.getListItems[index];\n        }\n        return null;\n    }\n\n    public get getListItems(): Array<HTMLElement> {\n        return Array.prototype.slice.call(this.children).filter((child) => !this.isSeparator(child));\n    }\n\n    public get selectedIndexes(): number[] {\n        return this._selectedIndexes;\n    }\n\n    public set selectedIndexes(indexes: number[]) {\n        const prevIndexes = this._selectedIndexes || [];\n        this._selectedIndexes = indexes || [];\n        prevIndexes\n            .filter((index) => !this._selectedIndexes.includes(index))\n            .forEach((index) => {\n                this.setSelectedAttr(this.getListItem(index), false);\n            });\n        this._selectedIndexes\n            .filter((index) => !prevIndexes.includes(index))\n            .forEach((index) => {\n                this.setSelectedAttr(this.getListItem(index), true);\n            });\n    }\n\n    static get observedAttributes(): string[] {\n        return [\"focus-index\", \"focus-target\"];\n    }\n\n    is(): string {\n        return List.ID;\n    }\n\n    protected template(): HTMLTemplateElement {\n        const template = document.createElement(\"template\");\n        template.innerHTML = htmlTemplate;\n        return template;\n    }\n\n    constructor() {\n        super();\n        this._fallbackId = List.ID + \"_\" + idCounter++;\n        this.addEventListener(\"pointerup\", (event) => {\n            this.focusIndex = this.getListItems.indexOf(event.target as HTMLElement);\n            this.updateFocusedElement();\n        });\n        this.addEventListener(\"focus\", () => {\n            if (this.matches(\":focus-visible\")) {\n                if (this.focusIndex == -1) {\n                    if (this.selectedIndexes) {\n                        this.focusIndex = this.selectedIndexes[0];\n                    }\n                    if (this.focusIndex == -1 && this.childElementCount > 0) {\n                        this.focusIndex = 0;\n                    }\n                } else {\n                    this.updateFocusedElement();\n                }\n            }\n        });\n        this.addEventListener(\"blur\", () => this.removeFocusedItemAttributes());\n\n        const observerOptions = {\n            root: null,\n            rootMargin: \"0px\",\n            threshold: [0.0, 1.0],\n        };\n        this._focusObserver = new IntersectionObserver((x) => this.focusIntersectionCallback(x, this), observerOptions);\n    }\n\n    private removeFocusedItemAttributes() {\n        if (this.focusIndex != -1) {\n            const focusedElement = this.getListItem(this.focusIndex);\n            if (focusedElement) {\n                focusedElement.removeAttribute(\"focused\");\n                this._focusObserverCleanupTasks.forEach((x) => x.call(this));\n                this._focusObserverCleanupTasks = [];\n                this.removeAttribute(\"aria-activedescendant\");\n            }\n        }\n    }\n\n    public connectedCallback(): void {\n        super.connectedCallback();\n        this.defaultSlot.addEventListener(\"slotchange\", this.onDefaultSlotChange);\n        if (!this.hasAttribute(\"role\")) {\n            this.setAttribute(\"role\", \"listbox\");\n        }\n        if (!this.id) {\n            this.id = this._fallbackId;\n        }\n\n        this.render();\n        this.addEventListener(\"keydown\", this.handleKeyDown);\n\n        if (!this.selectionType) {\n            this.selectionType = \"trigger-only\";\n        }\n    }\n\n    private onDefaultSlotChange = () => {\n        let index = 0;\n        this.defaultSlot.assignedElements().forEach((item: HTMLElement) => {\n            if (!this.isSeparator(item)) {\n                this.initListItem(item, index++);\n            }\n        });\n        this.updateFocusedElement();\n    };\n\n    private get defaultSlot(): HTMLSlotElement {\n        return this.shadowRoot.querySelector(\"#default-slot\");\n    }\n\n    private isSeparator(element: Element): boolean {\n        return \"HR\" == element.tagName || element.getAttribute(\"role\") == \"separator\";\n    }\n\n    public attributeChangedCallback(name: string, oldValue: unknown, _newValue: unknown): void {\n        if (name === \"focus-index\") {\n            const lastFocusedElement = this.getListItem(oldValue as number);\n            if (lastFocusedElement) {\n                lastFocusedElement.removeAttribute(\"focused\");\n            }\n            this.updateFocusedElement();\n        } else if (name === \"focus-target\") {\n            if (this.focusTarget) {\n                this.updateFocusedElement();\n            } else if (document.activeElement != this) {\n                this.removeFocusedItemAttributes();\n            }\n        }\n    }\n\n    public increaseWidthIfNeeded() {\n        window.requestAnimationFrame(() => {\n            let remainingWidth = Number.MAX_SAFE_INTEGER;\n            const maxWidth = getComputedStyle(this).maxWidth;\n            const offsetWidth = this.offsetWidth;\n            if (maxWidth.endsWith(\"px\")) {\n                remainingWidth = Number.parseInt(maxWidth) - offsetWidth;\n            }\n            const styleWidth = this.style.width;\n            if (remainingWidth == 0 || (styleWidth.endsWith(\"px\") && offsetWidth < Number.parseInt(styleWidth))) {\n                this.enableLineClampOnItemsIfNeeded();\n            } else {\n                const missingWidths = [...Array.from(this.children).filter((child) => child.slot === \"items\")].map(\n                    (item) => {\n                        if (item instanceof ListItem) {\n                            item.enableLineClamp = false;\n                            const missingWidthForTexts = item.missingWidthForTexts;\n                            if (missingWidthForTexts > remainingWidth) {\n                                item.enableLineClamp = true;\n                            }\n                            return missingWidthForTexts;\n                        }\n                    },\n                );\n                const additionalWidth = Math.max(...missingWidths);\n                if (additionalWidth > 0) {\n                    const requiredWidth = offsetWidth + additionalWidth;\n                    this.style.width = `${requiredWidth}px`;\n                    if (this.offsetWidth < requiredWidth) {\n                        this.enableLineClampOnItemsIfNeeded();\n                    }\n                }\n            }\n        });\n    }\n\n    private enableLineClampOnItemsIfNeeded() {\n        Array.from(this.children)\n            .filter((child) => child.slot === \"items\")\n            .forEach((item) => {\n                if (item instanceof ListItem) {\n                    item.enableLineClamp = item.enableLineClamp || item.missingWidthForTexts > 0;\n                }\n            });\n    }\n\n    private render(): void {\n        if (!this.isConnected || !this.items) {\n            return;\n        }\n        Array.from(this.children)\n            .filter((child) => child.slot === \"items\")\n            .forEach((child) => child.remove());\n\n        const fragment = document.createDocumentFragment();\n        let indexOfRealItems = 0;\n        this.items.forEach((item, index) => {\n            const itemElement = this.itemGenerator(item, index);\n\n            if (!this.isSeparator(itemElement)) {\n                this.initListItem(itemElement, indexOfRealItems++);\n            }\n\n            itemElement.slot = \"items\";\n            fragment.appendChild(itemElement);\n        });\n        this.appendChild(fragment);\n\n        this.updateFocusedElement();\n    }\n\n    private initListItem(item: HTMLElement, index: number): void {\n        this.setSelectedAttr(item, this.selectedIndexes.includes(index));\n        item.addEventListener(\"click\", (event) => {\n            this.handleItemClick(event, index);\n        });\n        item.addEventListener(\"mousedown\", (event) => {\n            if (event.button == 1) {\n                event.preventDefault();\n            }\n        });\n        item.addEventListener(\"auxclick\", (event) => {\n            this.handleItemClick(event, index);\n        });\n        if (!item.id || item.id.startsWith(this.id + \"_item_\")) {\n            item.id = this.id + \"_item_\" + index;\n        }\n    }\n\n    private focusIntersectionCallback(entries: IntersectionObserverEntry[], list: this) {\n        entries.forEach((entry) => {\n            const element = entry.target;\n\n            if (!entry.isIntersecting || entry.intersectionRatio < 1) {\n                element.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n                list._focusObserver.unobserve(element);\n            }\n        });\n    }\n\n    private handleKeyDown = (event: KeyboardEvent) => {\n        let shouldPrevent = true;\n        const itemCount = this.getListItems.length;\n        switch (event.key) {\n            case \"ArrowDown\":\n            case \"Down\":\n                this.focusIndex = (this.focusIndex + 1) % itemCount;\n                break;\n            case \"ArrowUp\":\n            case \"Up\":\n                this.focusIndex = (this.focusIndex - 1 + itemCount) % itemCount;\n                break;\n            case \"Enter\":\n            case \"Space\":\n            case \" \":\n                this.handleSelection(this.focusIndex, event.metaKey || event.ctrlKey);\n                break;\n            case \"End\":\n            case \"PageDown\":\n                this.focusIndex = this.items.length - 1;\n                break;\n            case \"Home\":\n            case \"PageUp\":\n                this.focusIndex = 0;\n                break;\n            default:\n                shouldPrevent = false;\n                break;\n        }\n        if (shouldPrevent) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n\n    private updateFocusedElement(): void {\n        const focusedElement = this.getListItem(this.focusIndex);\n        if (focusedElement && (this.focusTarget || this.matches(\":focus\"))) {\n            focusedElement.setAttribute(\"focused\", \"\");\n            this.setAttribute(\"aria-activedescendant\", focusedElement.id);\n            this._focusObserver.observe(focusedElement);\n            this._focusObserverCleanupTasks.push(() => {\n                this._focusObserver.unobserve(focusedElement);\n            });\n        } else {\n            this._focusObserverCleanupTasks.forEach((x) => x.call(this));\n            this._focusObserverCleanupTasks = [];\n            this.removeAttribute(\"aria-activedescendant\");\n        }\n    }\n\n    private handleItemClick(event: MouseEvent, index: number): void {\n        if (event.button !== null) {\n            const hasModifier = (event.type == \"auxclick\" && event.button == 1) || event.metaKey || event.ctrlKey;\n            if (event.button == 0 || event.button == 1) {\n                this.handleSelection(index, hasModifier);\n            }\n        }\n    }\n\n    private handleSelection(index: number, hasModifier: boolean): void {\n        const element = this.getListItem(index);\n        if (element.getAttribute(\"aria-disabled\") == \"true\" || element.hasAttribute(\"disabled\")) {\n            return;\n        }\n        const wasSelected = this.isSelected(element);\n        if (this.selectionType !== \"trigger-only\") {\n            if (this.selectionType === \"single\") {\n                this.selectedIndexes = wasSelected ? [] : [index];\n            } else {\n                const newSelectedState = this.toggleSelection(element);\n                if (newSelectedState) {\n                    this._selectedIndexes.push(index);\n                } else {\n                    this.removeFromSelectedIndexes(index);\n                }\n            }\n        }\n        this.focusIndex = index;\n        this.dispatchEvent(\n            new CustomEvent<ISelectionEvent>(\"selection\", {\n                detail: {\n                    index,\n                    selected: this.selectionType == \"trigger-only\" || !wasSelected,\n                    hasModifier,\n                },\n                bubbles: true,\n                composed: true,\n            }),\n        );\n    }\n\n    private removeFromSelectedIndexes(indexToRemove: number) {\n        const index = this._selectedIndexes.indexOf(indexToRemove);\n        if (index !== -1) {\n            this._selectedIndexes.splice(index, 1);\n        }\n    }\n\n    private toggleSelection(element: Element): boolean {\n        const selected = !element.hasAttribute(\"selected\");\n        this.setSelectedAttr(element, selected);\n        return selected;\n    }\n\n    private setSelectedAttr(element: Element, selected: boolean) {\n        if (element) {\n            if (selected) {\n                element.setAttribute(\"selected\", \"\");\n            } else {\n                element.removeAttribute(\"selected\");\n            }\n            element.setAttribute(\"aria-selected\", String(selected));\n        }\n    }\n\n    private isSelected(element: Element): boolean {\n        return element.hasAttribute(\"selected\");\n    }\n}\n\nList.ensureDefined();\n"],"names":["htmlTemplate","idCounter","_List","ElementBase","generator","index","item","event","shouldPrevent","itemCount","observerOptions","x","value","type","child","indexes","prevIndexes","template","focusedElement","element","name","oldValue","_newValue","lastFocusedElement","remainingWidth","maxWidth","offsetWidth","styleWidth","missingWidths","ListItem","missingWidthForTexts","additionalWidth","requiredWidth","fragment","indexOfRealItems","itemElement","entries","list","entry","hasModifier","wasSelected","indexToRemove","selected","List"],"mappings":";;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACef,IAAIC,IAAY;AAoChB,MAAqBC,IAArB,MAAqBA,UAAaC,EAAY;AAAA,EAiH1C,cAAc;AACV,UAAA,GAxGJ,KAAQ,SAAgB,CAAA,GACxB,KAAQ,mBAA6B,CAAA,GACrC,KAAQ,iBAAgCC,GAGxC,KAAQ,6BAA6C,CAAA,GA+JrD,KAAQ,sBAAsB,MAAM;AAChC,UAAIC,IAAQ;AACZ,WAAK,YAAY,iBAAA,EAAmB,QAAQ,CAACC,MAAsB;AAC/D,QAAK,KAAK,YAAYA,CAAI,KACtB,KAAK,aAAaA,GAAMD,GAAO;AAAA,MAEvC,CAAC,GACD,KAAK,qBAAA;AAAA,IACT,GA8HA,KAAQ,gBAAgB,CAACE,MAAyB;AAC9C,UAAIC,IAAgB;AACpB,YAAMC,IAAY,KAAK,aAAa;AACpC,cAAQF,EAAM,KAAA;AAAA,QACV,KAAK;AAAA,QACL,KAAK;AACD,eAAK,cAAc,KAAK,aAAa,KAAKE;AAC1C;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AACD,eAAK,cAAc,KAAK,aAAa,IAAIA,KAAaA;AACtD;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACD,eAAK,gBAAgB,KAAK,YAAYF,EAAM,WAAWA,EAAM,OAAO;AACpE;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AACD,eAAK,aAAa,KAAK,MAAM,SAAS;AACtC;AAAA,QACJ,KAAK;AAAA,QACL,KAAK;AACD,eAAK,aAAa;AAClB;AAAA,QACJ;AACI,UAAAC,IAAgB;AAChB;AAAA,MAAA;AAER,MAAIA,MACAD,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,IAEd,GAlOI,KAAK,cAAcL,EAAK,KAAK,MAAMD,KACnC,KAAK,iBAAiB,aAAa,CAACM,MAAU;AAC1C,WAAK,aAAa,KAAK,aAAa,QAAQA,EAAM,MAAqB,GACvE,KAAK,qBAAA;AAAA,IACT,CAAC,GACD,KAAK,iBAAiB,SAAS,MAAM;AACjC,MAAI,KAAK,QAAQ,gBAAgB,MACzB,KAAK,cAAc,MACf,KAAK,oBACL,KAAK,aAAa,KAAK,gBAAgB,CAAC,IAExC,KAAK,cAAc,MAAM,KAAK,oBAAoB,MAClD,KAAK,aAAa,MAGtB,KAAK,qBAAA;AAAA,IAGjB,CAAC,GACD,KAAK,iBAAiB,QAAQ,MAAM,KAAK,6BAA6B;AAEtE,UAAMG,IAAkB;AAAA,MACpB,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,CAAC,GAAK,CAAG;AAAA,IAAA;AAExB,SAAK,iBAAiB,IAAI,qBAAqB,CAACC,MAAM,KAAK,0BAA0BA,GAAG,IAAI,GAAGD,CAAe;AAAA,EAClH;AAAA;AAAA,EA5HA,IAAW,QAAe;AACtB,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA,EAGA,IAAW,MAAME,GAAc;AAC3B,SAAK,SAASA,GACd,KAAK,OAAA;AAAA,EACT;AAAA,EAEA,IAAW,gBAA+B;AACtC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAW,cAAcA,GAAsB;AAC3C,SAAK,iBAAiBA,GACtB,KAAK,OAAA;AAAA,EACT;AAAA,EAEA,IAAW,gBAA+B;AACtC,WAAO,KAAK,aAAa,gBAAgB;AAAA,EAC7C;AAAA,EAEA,IAAW,cAAcC,GAAqB;AAC1C,IAAIA,IACA,KAAK,aAAa,kBAAkBA,CAAI,IAExC,KAAK,gBAAgB,gBAAgB;AAAA,EAE7C;AAAA,EAEA,IAAW,aAAqB;AAC5B,WAAO,KAAK,aAAa,aAAa,IAAI,OAAO,KAAK,aAAa,aAAa,CAAC,IAAI;AAAA,EACzF;AAAA,EAEA,IAAW,WAAWR,GAAe;AACjC,IAAI,KAAKA,KAASA,IAAQ,KAAK,aAAa,SACxC,KAAK,aAAa,eAAeA,EAAM,SAAA,CAAU,IAEjD,KAAK,gBAAgB,aAAa;AAAA,EAE1C;AAAA,EAEA,IAAW,cAAuB;AAC9B,WAAO,KAAK,aAAa,cAAc;AAAA,EAC3C;AAAA,EAEA,IAAW,YAAYO,GAAgB;AACnC,SAAK,gBAAgB,gBAAgBA,CAAK;AAAA,EAC9C;AAAA,EAEO,YAAYP,GAAmC;AAClD,WAAI,KAAK,aACE,KAAK,aAAaA,CAAK,IAE3B;AAAA,EACX;AAAA,EAEA,IAAW,eAAmC;AAC1C,WAAO,MAAM,UAAU,MAAM,KAAK,KAAK,QAAQ,EAAE,OAAO,CAACS,MAAU,CAAC,KAAK,YAAYA,CAAK,CAAC;AAAA,EAC/F;AAAA,EAEA,IAAW,kBAA4B;AACnC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAW,gBAAgBC,GAAmB;AAC1C,UAAMC,IAAc,KAAK,oBAAoB,CAAA;AAC7C,SAAK,mBAAmBD,KAAW,CAAA,GACnCC,EACK,OAAO,CAACX,MAAU,CAAC,KAAK,iBAAiB,SAASA,CAAK,CAAC,EACxD,QAAQ,CAACA,MAAU;AAChB,WAAK,gBAAgB,KAAK,YAAYA,CAAK,GAAG,EAAK;AAAA,IACvD,CAAC,GACL,KAAK,iBACA,OAAO,CAACA,MAAU,CAACW,EAAY,SAASX,CAAK,CAAC,EAC9C,QAAQ,CAACA,MAAU;AAChB,WAAK,gBAAgB,KAAK,YAAYA,CAAK,GAAG,EAAI;AAAA,IACtD,CAAC;AAAA,EACT;AAAA,EAEA,WAAW,qBAA+B;AACtC,WAAO,CAAC,eAAe,cAAc;AAAA,EACzC;AAAA,EAEA,KAAa;AACT,WAAOH,EAAK;AAAA,EAChB;AAAA,EAEU,WAAgC;AACtC,UAAMe,IAAW,SAAS,cAAc,UAAU;AAClD,WAAAA,EAAS,YAAYjB,GACdiB;AAAA,EACX;AAAA,EAiCQ,8BAA8B;AAClC,QAAI,KAAK,cAAc,IAAI;AACvB,YAAMC,IAAiB,KAAK,YAAY,KAAK,UAAU;AACvD,MAAIA,MACAA,EAAe,gBAAgB,SAAS,GACxC,KAAK,2BAA2B,QAAQ,CAACP,MAAMA,EAAE,KAAK,IAAI,CAAC,GAC3D,KAAK,6BAA6B,CAAA,GAClC,KAAK,gBAAgB,uBAAuB;AAAA,IAEpD;AAAA,EACJ;AAAA,EAEO,oBAA0B;AAC7B,UAAM,kBAAA,GACN,KAAK,YAAY,iBAAiB,cAAc,KAAK,mBAAmB,GACnE,KAAK,aAAa,MAAM,KACzB,KAAK,aAAa,QAAQ,SAAS,GAElC,KAAK,OACN,KAAK,KAAK,KAAK,cAGnB,KAAK,OAAA,GACL,KAAK,iBAAiB,WAAW,KAAK,aAAa,GAE9C,KAAK,kBACN,KAAK,gBAAgB;AAAA,EAE7B;AAAA,EAYA,IAAY,cAA+B;AACvC,WAAO,KAAK,WAAW,cAAc,eAAe;AAAA,EACxD;AAAA,EAEQ,YAAYQ,GAA2B;AAC3C,WAAeA,EAAQ,WAAhB,QAA2BA,EAAQ,aAAa,MAAM,KAAK;AAAA,EACtE;AAAA,EAEO,yBAAyBC,GAAcC,GAAmBC,GAA0B;AACvF,QAAIF,MAAS,eAAe;AACxB,YAAMG,IAAqB,KAAK,YAAYF,CAAkB;AAC9D,MAAIE,KACAA,EAAmB,gBAAgB,SAAS,GAEhD,KAAK,qBAAA;AAAA,IACT,MAAA,CAAWH,MAAS,mBACZ,KAAK,cACL,KAAK,qBAAA,IACE,SAAS,iBAAiB,QACjC,KAAK,4BAAA;AAAA,EAGjB;AAAA,EAEO,wBAAwB;AAC3B,WAAO,sBAAsB,MAAM;AAC/B,UAAII,IAAiB,OAAO;AAC5B,YAAMC,IAAW,iBAAiB,IAAI,EAAE,UAClCC,IAAc,KAAK;AACzB,MAAID,EAAS,SAAS,IAAI,MACtBD,IAAiB,OAAO,SAASC,CAAQ,IAAIC;AAEjD,YAAMC,IAAa,KAAK,MAAM;AAC9B,UAAIH,KAAkB,KAAMG,EAAW,SAAS,IAAI,KAAKD,IAAc,OAAO,SAASC,CAAU;AAC7F,aAAK,+BAAA;AAAA,WACF;AACH,cAAMC,IAAgB,CAAC,GAAG,MAAM,KAAK,KAAK,QAAQ,EAAE,OAAO,CAACd,MAAUA,EAAM,SAAS,OAAO,CAAC,EAAE;AAAA,UAC3F,CAACR,MAAS;AACN,gBAAIA,aAAgBuB,GAAU;AAC1B,cAAAvB,EAAK,kBAAkB;AACvB,oBAAMwB,IAAuBxB,EAAK;AAClC,qBAAIwB,IAAuBN,MACvBlB,EAAK,kBAAkB,KAEpBwB;AAAA,YACX;AAAA,UACJ;AAAA,QAAA,GAEEC,IAAkB,KAAK,IAAI,GAAGH,CAAa;AACjD,YAAIG,IAAkB,GAAG;AACrB,gBAAMC,IAAgBN,IAAcK;AACpC,eAAK,MAAM,QAAQ,GAAGC,CAAa,MAC/B,KAAK,cAAcA,KACnB,KAAK,+BAAA;AAAA,QAEb;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEQ,iCAAiC;AACrC,UAAM,KAAK,KAAK,QAAQ,EACnB,OAAO,CAAClB,MAAUA,EAAM,SAAS,OAAO,EACxC,QAAQ,CAACR,MAAS;AACf,MAAIA,aAAgBuB,MAChBvB,EAAK,kBAAkBA,EAAK,mBAAmBA,EAAK,uBAAuB;AAAA,IAEnF,CAAC;AAAA,EACT;AAAA,EAEQ,SAAe;AACnB,QAAI,CAAC,KAAK,eAAe,CAAC,KAAK;AAC3B;AAEJ,UAAM,KAAK,KAAK,QAAQ,EACnB,OAAO,CAACQ,MAAUA,EAAM,SAAS,OAAO,EACxC,QAAQ,CAACA,MAAUA,EAAM,QAAQ;AAEtC,UAAMmB,IAAW,SAAS,uBAAA;AAC1B,QAAIC,IAAmB;AACvB,SAAK,MAAM,QAAQ,CAAC5B,GAAMD,MAAU;AAChC,YAAM8B,IAAc,KAAK,cAAc7B,GAAMD,CAAK;AAElD,MAAK,KAAK,YAAY8B,CAAW,KAC7B,KAAK,aAAaA,GAAaD,GAAkB,GAGrDC,EAAY,OAAO,SACnBF,EAAS,YAAYE,CAAW;AAAA,IACpC,CAAC,GACD,KAAK,YAAYF,CAAQ,GAEzB,KAAK,qBAAA;AAAA,EACT;AAAA,EAEQ,aAAa3B,GAAmBD,GAAqB;AACzD,SAAK,gBAAgBC,GAAM,KAAK,gBAAgB,SAASD,CAAK,CAAC,GAC/DC,EAAK,iBAAiB,SAAS,CAACC,MAAU;AACtC,WAAK,gBAAgBA,GAAOF,CAAK;AAAA,IACrC,CAAC,GACDC,EAAK,iBAAiB,aAAa,CAACC,MAAU;AAC1C,MAAIA,EAAM,UAAU,KAChBA,EAAM,eAAA;AAAA,IAEd,CAAC,GACDD,EAAK,iBAAiB,YAAY,CAACC,MAAU;AACzC,WAAK,gBAAgBA,GAAOF,CAAK;AAAA,IACrC,CAAC,IACG,CAACC,EAAK,MAAMA,EAAK,GAAG,WAAW,KAAK,KAAK,QAAQ,OACjDA,EAAK,KAAK,KAAK,KAAK,WAAWD;AAAA,EAEvC;AAAA,EAEQ,0BAA0B+B,GAAsCC,GAAY;AAChF,IAAAD,EAAQ,QAAQ,CAACE,MAAU;AACvB,YAAMnB,IAAUmB,EAAM;AAEtB,OAAI,CAACA,EAAM,kBAAkBA,EAAM,oBAAoB,OACnDnB,EAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW,GAC9DkB,EAAK,eAAe,UAAUlB,CAAO;AAAA,IAE7C,CAAC;AAAA,EACL;AAAA,EAqCQ,uBAA6B;AACjC,UAAMD,IAAiB,KAAK,YAAY,KAAK,UAAU;AACvD,IAAIA,MAAmB,KAAK,eAAe,KAAK,QAAQ,QAAQ,MAC5DA,EAAe,aAAa,WAAW,EAAE,GACzC,KAAK,aAAa,yBAAyBA,EAAe,EAAE,GAC5D,KAAK,eAAe,QAAQA,CAAc,GAC1C,KAAK,2BAA2B,KAAK,MAAM;AACvC,WAAK,eAAe,UAAUA,CAAc;AAAA,IAChD,CAAC,MAED,KAAK,2BAA2B,QAAQ,CAACP,MAAMA,EAAE,KAAK,IAAI,CAAC,GAC3D,KAAK,6BAA6B,CAAA,GAClC,KAAK,gBAAgB,uBAAuB;AAAA,EAEpD;AAAA,EAEQ,gBAAgBJ,GAAmBF,GAAqB;AAC5D,QAAIE,EAAM,WAAW,MAAM;AACvB,YAAMgC,IAAehC,EAAM,QAAQ,cAAcA,EAAM,UAAU,KAAMA,EAAM,WAAWA,EAAM;AAC9F,OAAIA,EAAM,UAAU,KAAKA,EAAM,UAAU,MACrC,KAAK,gBAAgBF,GAAOkC,CAAW;AAAA,IAE/C;AAAA,EACJ;AAAA,EAEQ,gBAAgBlC,GAAekC,GAA4B;AAC/D,UAAMpB,IAAU,KAAK,YAAYd,CAAK;AACtC,QAAIc,EAAQ,aAAa,eAAe,KAAK,UAAUA,EAAQ,aAAa,UAAU;AAClF;AAEJ,UAAMqB,IAAc,KAAK,WAAWrB,CAAO;AAC3C,IAAI,KAAK,kBAAkB,mBACnB,KAAK,kBAAkB,WACvB,KAAK,kBAAkBqB,IAAc,CAAA,IAAK,CAACnC,CAAK,IAEvB,KAAK,gBAAgBc,CAAO,IAEjD,KAAK,iBAAiB,KAAKd,CAAK,IAEhC,KAAK,0BAA0BA,CAAK,IAIhD,KAAK,aAAaA,GAClB,KAAK;AAAA,MACD,IAAI,YAA6B,aAAa;AAAA,QAC1C,QAAQ;AAAA,UACJ,OAAAA;AAAA,UACA,UAAU,KAAK,iBAAiB,kBAAkB,CAACmC;AAAA,UACnD,aAAAD;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACb;AAAA,IAAA;AAAA,EAET;AAAA,EAEQ,0BAA0BE,GAAuB;AACrD,UAAMpC,IAAQ,KAAK,iBAAiB,QAAQoC,CAAa;AACzD,IAAIpC,MAAU,MACV,KAAK,iBAAiB,OAAOA,GAAO,CAAC;AAAA,EAE7C;AAAA,EAEQ,gBAAgBc,GAA2B;AAC/C,UAAMuB,IAAW,CAACvB,EAAQ,aAAa,UAAU;AACjD,gBAAK,gBAAgBA,GAASuB,CAAQ,GAC/BA;AAAA,EACX;AAAA,EAEQ,gBAAgBvB,GAAkBuB,GAAmB;AACzD,IAAIvB,MACIuB,IACAvB,EAAQ,aAAa,YAAY,EAAE,IAEnCA,EAAQ,gBAAgB,UAAU,GAEtCA,EAAQ,aAAa,iBAAiB,OAAOuB,CAAQ,CAAC;AAAA,EAE9D;AAAA,EAEQ,WAAWvB,GAA2B;AAC1C,WAAOA,EAAQ,aAAa,UAAU;AAAA,EAC1C;AACJ;AA1aIjB,EAAuB,KAAK,WAC5BA,EAAc,gBAAgB,MAAY;AACtC,EAAA2B,EAAS,cAAA,GACJ,eAAe,IAAI3B,EAAK,EAAE,KAC3B,eAAe,OAAOA,EAAK,IAAIA,CAAI;AAE3C;AAPJ,IAAqByC,IAArBzC;AA6aAyC,EAAK,cAAA;"}
+{"version":3,"file":"list.mjs","sources":["../list.html?raw","../list.ts"],"sourcesContent":["export default \"<style>\\n\\t:host {\\n\\t\\tbackground-color: var(--sd-list-base-background-color, white);\\n\\t}\\n\\n\\t.container {\\n\\t\\twidth: 100%;\\n\\t\\theight: 100%;\\n\\t}\\n\\n\\t:host(:focus) {\\n\\t\\toutline: none;\\n\\t}\\n\\n\\t:host(:focus-visible) ::slotted([focused]) {\\n\\t\\tbox-shadow: 0 0 0 1px #1467ba inset;\\n\\t}\\n\\n\\t.container ::slotted(*) {\\n\\t\\tdisplay: block;\\n\\t\\tbox-sizing: border-box;\\n\\t}\\n\\n\\t.container ::slotted(:not(:last-child)) {\\n\\t\\tborder-bottom: 1px solid #d9d9d9;\\n\\t}\\n</style>\\n\\n<div class=\\\"container\\\">\\n\\t<slot name=\\\"items\\\"></slot>\\n\\t<slot id=\\\"default-slot\\\"></slot>\\n</div>\\n\"","import { ElementBase, CustomEventMap as BaseCustomEventMap } from \"@cas-smartdesign/element-base\";\nimport ListItem, { generator } from \"@cas-smartdesign/list-item\";\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        [List.ID]: List;\n    }\n}\n\nimport { default as htmlTemplate } from \"./list.html?raw\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ItemGenerator = (data: any, index: number) => HTMLElement;\nexport type SelectionType = \"trigger-only\" | \"single\" | \"multi\";\n\nlet idCounter = 0;\n\nexport type ISelectionEvent = {\n    index: number;\n    selected: boolean;\n    originalEvent: Event;\n};\n\nexport interface CustomEventMap extends BaseCustomEventMap {\n    selection: CustomEvent<ISelectionEvent>;\n}\n\nexport default interface List {\n    addEventListener<K extends keyof CustomEventMap>(\n        event: K,\n        listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    addEventListener(\n        type: string,\n        callback: EventListenerOrEventListenerObject | null,\n        options?: AddEventListenerOptions | boolean,\n    ): void;\n    removeEventListener<K extends keyof CustomEventMap>(\n        type: K,\n        listener: (this: this, ev: CustomEventMap[K]) => unknown,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    removeEventListener(\n        type: string,\n        listener: EventListenerOrEventListenerObject,\n        options?: boolean | EventListenerOptions,\n    ): void;\n    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class List extends ElementBase {\n    public static readonly ID = \"sd-list\";\n    public static ensureDefined = (): void => {\n        ListItem.ensureDefined();\n        if (!customElements.get(List.ID)) {\n            customElements.define(List.ID, List);\n        }\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private _items: any[] = [];\n    private _selectedIndexes: number[] = [];\n    private _itemGenerator: ItemGenerator = generator;\n    private _fallbackId: string;\n    private _focusObserver: IntersectionObserver;\n    private _focusObserverCleanupTasks: (() => void)[] = [];\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public get items(): any[] {\n        return this._items;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public set items(value: any[]) {\n        this._items = value;\n        this.render();\n    }\n\n    public get itemGenerator(): ItemGenerator {\n        return this._itemGenerator;\n    }\n\n    public set itemGenerator(value: ItemGenerator) {\n        this._itemGenerator = value;\n        this.render();\n    }\n\n    public get selectionType(): SelectionType {\n        return this.getAttribute(\"selection-type\") as SelectionType;\n    }\n\n    public set selectionType(type: SelectionType) {\n        if (type) {\n            this.setAttribute(\"selection-type\", type);\n        } else {\n            this.removeAttribute(\"selection-type\");\n        }\n    }\n\n    public get focusIndex(): number {\n        return this.hasAttribute(\"focus-index\") ? Number(this.getAttribute(\"focus-index\")) : -1;\n    }\n\n    public set focusIndex(index: number) {\n        if (0 <= index && index < this.getListItems.length) {\n            this.setAttribute(\"focus-index\", index.toString());\n        } else {\n            this.removeAttribute(\"focus-index\");\n        }\n    }\n\n    public get focusTarget(): boolean {\n        return this.hasAttribute(\"focus-target\");\n    }\n\n    public set focusTarget(value: boolean) {\n        this.toggleAttribute(\"focus-target\", value);\n    }\n\n    public getListItem(index: number): HTMLElement | null {\n        if (this.shadowRoot) {\n            return this.getListItems[index];\n        }\n        return null;\n    }\n\n    public get getListItems(): Array<HTMLElement> {\n        return Array.prototype.slice.call(this.children).filter((child) => !this.isSeparator(child));\n    }\n\n    public get selectedIndexes(): number[] {\n        return this._selectedIndexes;\n    }\n\n    public set selectedIndexes(indexes: number[]) {\n        const prevIndexes = this._selectedIndexes || [];\n        this._selectedIndexes = indexes || [];\n        prevIndexes\n            .filter((index) => !this._selectedIndexes.includes(index))\n            .forEach((index) => {\n                this.setSelectedAttr(this.getListItem(index), false);\n            });\n        this._selectedIndexes\n            .filter((index) => !prevIndexes.includes(index))\n            .forEach((index) => {\n                this.setSelectedAttr(this.getListItem(index), true);\n            });\n    }\n\n    static get observedAttributes(): string[] {\n        return [\"focus-index\", \"focus-target\"];\n    }\n\n    is(): string {\n        return List.ID;\n    }\n\n    protected template(): HTMLTemplateElement {\n        const template = document.createElement(\"template\");\n        template.innerHTML = htmlTemplate;\n        return template;\n    }\n\n    constructor() {\n        super();\n        this._fallbackId = List.ID + \"_\" + idCounter++;\n        this.addEventListener(\"pointerup\", (event) => {\n            this.focusIndex = this.getListItems.indexOf(event.target as HTMLElement);\n            this.updateFocusedElement();\n        });\n        this.addEventListener(\"focus\", () => {\n            if (this.matches(\":focus-visible\")) {\n                if (this.focusIndex == -1) {\n                    if (this.selectedIndexes) {\n                        this.focusIndex = this.selectedIndexes[0];\n                    }\n                    if (this.focusIndex == -1 && this.childElementCount > 0) {\n                        this.focusIndex = 0;\n                    }\n                } else {\n                    this.updateFocusedElement();\n                }\n            }\n        });\n        this.addEventListener(\"blur\", () => this.removeFocusedItemAttributes());\n\n        const observerOptions = {\n            root: null,\n            rootMargin: \"0px\",\n            threshold: [0.0, 1.0],\n        };\n        this._focusObserver = new IntersectionObserver((x) => this.focusIntersectionCallback(x, this), observerOptions);\n    }\n\n    private removeFocusedItemAttributes() {\n        if (this.focusIndex != -1) {\n            const focusedElement = this.getListItem(this.focusIndex);\n            if (focusedElement) {\n                focusedElement.removeAttribute(\"focused\");\n                this._focusObserverCleanupTasks.forEach((x) => x.call(this));\n                this._focusObserverCleanupTasks = [];\n                this.removeAttribute(\"aria-activedescendant\");\n            }\n        }\n    }\n\n    public connectedCallback(): void {\n        super.connectedCallback();\n        this.defaultSlot.addEventListener(\"slotchange\", this.onDefaultSlotChange);\n        if (!this.hasAttribute(\"role\")) {\n            this.setAttribute(\"role\", \"listbox\");\n        }\n        if (!this.id) {\n            this.id = this._fallbackId;\n        }\n\n        this.render();\n        this.addEventListener(\"keydown\", this.handleKeyDown);\n\n        if (!this.selectionType) {\n            this.selectionType = \"trigger-only\";\n        }\n    }\n\n    private onDefaultSlotChange = () => {\n        let index = 0;\n        this.defaultSlot.assignedElements().forEach((item: HTMLElement) => {\n            if (!this.isSeparator(item)) {\n                this.initListItem(item, index++);\n            }\n        });\n        this.updateFocusedElement();\n    };\n\n    private get defaultSlot(): HTMLSlotElement {\n        return this.shadowRoot.querySelector(\"#default-slot\");\n    }\n\n    private isSeparator(element: Element): boolean {\n        return \"HR\" == element.tagName || element.getAttribute(\"role\") == \"separator\";\n    }\n\n    public attributeChangedCallback(name: string, oldValue: unknown, _newValue: unknown): void {\n        if (name === \"focus-index\") {\n            const lastFocusedElement = this.getListItem(oldValue as number);\n            if (lastFocusedElement) {\n                lastFocusedElement.removeAttribute(\"focused\");\n            }\n            this.updateFocusedElement();\n        } else if (name === \"focus-target\") {\n            if (this.focusTarget) {\n                this.updateFocusedElement();\n            } else if (document.activeElement != this) {\n                this.removeFocusedItemAttributes();\n            }\n        }\n    }\n\n    public increaseWidthIfNeeded() {\n        window.requestAnimationFrame(() => {\n            let remainingWidth = Number.MAX_SAFE_INTEGER;\n            const maxWidth = getComputedStyle(this).maxWidth;\n            const offsetWidth = this.offsetWidth;\n            if (maxWidth.endsWith(\"px\")) {\n                remainingWidth = Number.parseInt(maxWidth) - offsetWidth;\n            }\n            const styleWidth = this.style.width;\n            if (remainingWidth == 0 || (styleWidth.endsWith(\"px\") && offsetWidth < Number.parseInt(styleWidth))) {\n                this.enableLineClampOnItemsIfNeeded();\n            } else {\n                const missingWidths = [...Array.from(this.children).filter((child) => child.slot === \"items\")].map(\n                    (item) => {\n                        if (item instanceof ListItem) {\n                            item.enableLineClamp = false;\n                            const missingWidthForTexts = item.missingWidthForTexts;\n                            if (missingWidthForTexts > remainingWidth) {\n                                item.enableLineClamp = true;\n                            }\n                            return missingWidthForTexts;\n                        }\n                    },\n                );\n                const additionalWidth = Math.max(...missingWidths);\n                if (additionalWidth > 0) {\n                    const requiredWidth = offsetWidth + additionalWidth;\n                    this.style.width = `${requiredWidth}px`;\n                    if (this.offsetWidth < requiredWidth) {\n                        this.enableLineClampOnItemsIfNeeded();\n                    }\n                }\n            }\n        });\n    }\n\n    private enableLineClampOnItemsIfNeeded() {\n        Array.from(this.children)\n            .filter((child) => child.slot === \"items\")\n            .forEach((item) => {\n                if (item instanceof ListItem) {\n                    item.enableLineClamp = item.enableLineClamp || item.missingWidthForTexts > 0;\n                }\n            });\n    }\n\n    private render(): void {\n        if (!this.isConnected || !this.items) {\n            return;\n        }\n        Array.from(this.children)\n            .filter((child) => child.slot === \"items\")\n            .forEach((child) => child.remove());\n\n        const fragment = document.createDocumentFragment();\n        let indexOfRealItems = 0;\n        this.items.forEach((item, index) => {\n            const itemElement = this.itemGenerator(item, index);\n\n            if (!this.isSeparator(itemElement)) {\n                this.initListItem(itemElement, indexOfRealItems++);\n            }\n\n            itemElement.slot = \"items\";\n            fragment.appendChild(itemElement);\n        });\n        this.appendChild(fragment);\n\n        this.updateFocusedElement();\n    }\n\n    private initListItem(item: HTMLElement, index: number): void {\n        this.setSelectedAttr(item, this.selectedIndexes.includes(index));\n        item.addEventListener(\"click\", (event) => {\n            this.handleItemClick(event, index);\n        });\n        item.addEventListener(\"mousedown\", (event) => {\n            if (event.button == 1) {\n                event.preventDefault();\n            }\n        });\n        item.addEventListener(\"auxclick\", (event) => {\n            this.handleItemClick(event, index);\n        });\n        if (!item.id || item.id.startsWith(this.id + \"_item_\")) {\n            item.id = this.id + \"_item_\" + index;\n        }\n    }\n\n    private focusIntersectionCallback(entries: IntersectionObserverEntry[], list: this) {\n        entries.forEach((entry) => {\n            const element = entry.target;\n\n            if (!entry.isIntersecting || entry.intersectionRatio < 1) {\n                element.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n                list._focusObserver.unobserve(element);\n            }\n        });\n    }\n\n    private handleKeyDown = (event: KeyboardEvent) => {\n        let shouldPrevent = true;\n        const itemCount = this.getListItems.length;\n        switch (event.key) {\n            case \"ArrowDown\":\n            case \"Down\":\n                this.focusIndex = (this.focusIndex + 1) % itemCount;\n                break;\n            case \"ArrowUp\":\n            case \"Up\":\n                this.focusIndex = (this.focusIndex - 1 + itemCount) % itemCount;\n                break;\n            case \"Enter\":\n            case \"Space\":\n            case \" \":\n                this.handleSelection(this.focusIndex, event);\n                break;\n            case \"End\":\n            case \"PageDown\":\n                this.focusIndex = this.items.length - 1;\n                break;\n            case \"Home\":\n            case \"PageUp\":\n                this.focusIndex = 0;\n                break;\n            default:\n                shouldPrevent = false;\n                break;\n        }\n        if (shouldPrevent) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n\n    private updateFocusedElement(): void {\n        const focusedElement = this.getListItem(this.focusIndex);\n        if (focusedElement && (this.focusTarget || this.matches(\":focus\"))) {\n            focusedElement.setAttribute(\"focused\", \"\");\n            this.setAttribute(\"aria-activedescendant\", focusedElement.id);\n            this._focusObserver.observe(focusedElement);\n            this._focusObserverCleanupTasks.push(() => {\n                this._focusObserver.unobserve(focusedElement);\n            });\n        } else {\n            this._focusObserverCleanupTasks.forEach((x) => x.call(this));\n            this._focusObserverCleanupTasks = [];\n            this.removeAttribute(\"aria-activedescendant\");\n        }\n    }\n\n    private handleItemClick(event: MouseEvent, index: number): void {\n        if (event.button !== null && (event.button == 0 || event.button == 1)) {\n            this.handleSelection(index, event);\n        }\n    }\n\n    private handleSelection(index: number, originalEvent: Event): void {\n        const element = this.getListItem(index);\n        if (element.getAttribute(\"aria-disabled\") == \"true\" || element.hasAttribute(\"disabled\")) {\n            return;\n        }\n        const wasSelected = this.isSelected(element);\n        if (this.selectionType !== \"trigger-only\") {\n            if (this.selectionType === \"single\") {\n                this.selectedIndexes = wasSelected ? [] : [index];\n            } else {\n                const newSelectedState = this.toggleSelection(element);\n                if (newSelectedState) {\n                    this._selectedIndexes.push(index);\n                } else {\n                    this.removeFromSelectedIndexes(index);\n                }\n            }\n        }\n        this.focusIndex = index;\n        this.dispatchEvent(\n            new CustomEvent<ISelectionEvent>(\"selection\", {\n                detail: {\n                    index,\n                    selected: this.selectionType == \"trigger-only\" || !wasSelected,\n                    originalEvent,\n                },\n                bubbles: true,\n                composed: true,\n            }),\n        );\n    }\n\n    private removeFromSelectedIndexes(indexToRemove: number) {\n        const index = this._selectedIndexes.indexOf(indexToRemove);\n        if (index !== -1) {\n            this._selectedIndexes.splice(index, 1);\n        }\n    }\n\n    private toggleSelection(element: Element): boolean {\n        const selected = !element.hasAttribute(\"selected\");\n        this.setSelectedAttr(element, selected);\n        return selected;\n    }\n\n    private setSelectedAttr(element: Element, selected: boolean) {\n        if (element) {\n            if (selected) {\n                element.setAttribute(\"selected\", \"\");\n            } else {\n                element.removeAttribute(\"selected\");\n            }\n            element.setAttribute(\"aria-selected\", String(selected));\n        }\n    }\n\n    private isSelected(element: Element): boolean {\n        return element.hasAttribute(\"selected\");\n    }\n}\n\nList.ensureDefined();\n"],"names":["htmlTemplate","idCounter","_List","ElementBase","generator","index","item","event","shouldPrevent","itemCount","observerOptions","x","value","type","child","indexes","prevIndexes","template","focusedElement","element","name","oldValue","_newValue","lastFocusedElement","remainingWidth","maxWidth","offsetWidth","styleWidth","missingWidths","ListItem","missingWidthForTexts","additionalWidth","requiredWidth","fragment","indexOfRealItems","itemElement","entries","list","entry","originalEvent","wasSelected","indexToRemove","selected","List"],"mappings":"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"}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@cas-smartdesign/list",
-  "version": "6.5.3",
+  "version": "7.0.0",
   "description": "A list element with SmartDesign look and feel.",
   "main": "dist/list-with-externals.js",
   "module": "dist/list.mjs",
   "license": "SEE LICENSE IN LICENSE",
   "types": "dist/list.d.ts",
   "dependencies": {
-    "@cas-smartdesign/list-item": "^7.4.3",
-    "@cas-smartdesign/element-base": "^5.1.0"
+    "@cas-smartdesign/element-base": "^5.1.0",
+    "@cas-smartdesign/list-item": "^7.4.3"
   },
   "devDependencies": {
-    "@cas-smartdesign/license-generator": "^1.8.0",
     "@cas-smartdesign/element-preview": "^0.3.0",
-    "@cas-smartdesign/element-utils": "^1.2.0"
+    "@cas-smartdesign/element-utils": "^1.2.0",
+    "@cas-smartdesign/license-generator": "^1.8.0"
   },
   "files": [
     "dist",