@cas-smartdesign/list 6.5.0 → 6.5.2

package/dist/list.d.ts

@@ -28,6 +28,8 @@ export default class List extends ElementBase {
     private _selectedIndexes;
     private _itemGenerator;
     private _fallbackId;
+    private _focusObserver;
+    private _focusObserverCleanupTasks;
     get items(): any[];
     set items(value: any[]);
     get itemGenerator(): ItemGenerator;
@@ -56,7 +58,7 @@ export default class List extends ElementBase {
     private enableLineClampOnItemsIfNeeded;
     private render;
     private initListItem;
-    private ensureItemVisible;
+    private focusIntersectionCallback;
     private handleKeyDown;
     private updateFocusedElement;
     private handleItemClick;

package/dist/list.mjs

@@ -34,16 +34,16 @@ const f = `<style>
 </div>
 `;
 let m = 0;
-const n = class n extends h {
+const r = class r extends h {
   constructor() {
-    super(), this._items = [], this._selectedIndexes = [], this._itemGenerator = u, this.onDefaultSlotChange = () => {
-      let e = 0;
-      this.defaultSlot.assignedElements().forEach((t) => {
-        this.isSeparator(t) || this.initListItem(t, e++);
+    super(), this._items = [], this._selectedIndexes = [], this._itemGenerator = u, this._focusObserverCleanupTasks = [], this.onDefaultSlotChange = () => {
+      let t = 0;
+      this.defaultSlot.assignedElements().forEach((s) => {
+        this.isSeparator(s) || this.initListItem(s, t++);
       }), this.updateFocusedElement();
-    }, this.handleKeyDown = (e) => {
-      let t = !0;
-      switch (e.key) {
+    }, this.handleKeyDown = (t) => {
+      let s = !0;
+      switch (t.key) {
         case "ArrowDown":
         case "Down":
           this.focusIndex = Math.min(this.getListItems.length - 1, this.focusIndex + 1);
@@ -55,7 +55,7 @@ const n = class n extends h {
         case "Enter":
         case "Space":
         case " ":
-          this.handleSelection(this.focusIndex, e.metaKey || e.ctrlKey);
+          this.handleSelection(this.focusIndex, t.metaKey || t.ctrlKey);
           break;
         case "End":
         case "PageDown":
@@ -66,15 +66,21 @@ const n = class n extends h {
           this.focusIndex = 0;
           break;
         default:
-          t = !1;
+          s = !1;
           break;
       }
-      t && (e.preventDefault(), e.stopPropagation());
-    }, this._fallbackId = n.ID + "_" + m++, this.addEventListener("pointerup", (e) => {
-      this.focusIndex = this.getListItems.indexOf(e.target), this.updateFocusedElement();
+      s && (t.preventDefault(), t.stopPropagation());
+    }, this._fallbackId = r.ID + "_" + m++, this.addEventListener("pointerup", (t) => {
+      this.focusIndex = this.getListItems.indexOf(t.target), this.updateFocusedElement();
     }), this.addEventListener("focus", () => {
       this.matches(":focus-visible") && (this.focusIndex == -1 ? (this.selectedIndexes && (this.focusIndex = this.selectedIndexes[0]), this.focusIndex == -1 && this.childElementCount > 0 && (this.focusIndex = 0)) : this.updateFocusedElement());
     }), this.addEventListener("blur", () => this.removeFocusedItemAttributes());
+    const e = {
+      root: null,
+      rootMargin: "0px",
+      threshold: [0, 1]
+    };
+    this._focusObserver = new IntersectionObserver((t) => this.focusIntersectionCallback(t, this), e);
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   get items() {
@@ -129,7 +135,7 @@ const n = class n extends h {
     return ["focus-index", "focus-target"];
   }
   is() {
-    return n.ID;
+    return r.ID;
   }
   template() {
     const e = document.createElement("template");
@@ -138,7 +144,7 @@ const n = class n extends h {
   removeFocusedItemAttributes() {
     if (this.focusIndex != -1) {
       const e = this.getListItem(this.focusIndex);
-      e && (e.removeAttribute("focused"), this.removeAttribute("aria-activedescendant"));
+      e && (e.removeAttribute("focused"), this._focusObserverCleanupTasks.forEach((t) => t.call(this)), this._focusObserverCleanupTasks = [], this.removeAttribute("aria-activedescendant"));
     }
   }
   connectedCallback() {
@@ -165,31 +171,31 @@ const n = class n extends h {
       if (e == 0 || i.endsWith("px") && s < Number.parseInt(i))
         this.enableLineClampOnItemsIfNeeded();
       else {
-        const o = [...this.querySelectorAll("[slot='items']")].map((r) => {
-          if (r instanceof l) {
-            r.enableLineClamp = !1;
-            const a = r.missingWidthForTexts;
-            return a > e && (r.enableLineClamp = !0), a;
+        const o = [...Array.from(this.children).filter((n) => n.slot === "items")].map(
+          (n) => {
+            if (n instanceof l) {
+              n.enableLineClamp = !1;
+              const d = n.missingWidthForTexts;
+              return d > e && (n.enableLineClamp = !0), d;
+            }
           }
-        }), c = Math.max(...o);
+        ), c = Math.max(...o);
         if (c > 0) {
-          const r = s + c;
-          this.style.width = `${r}px`, this.offsetWidth < r && this.enableLineClampOnItemsIfNeeded();
+          const n = s + c;
+          this.style.width = `${n}px`, this.offsetWidth < n && this.enableLineClampOnItemsIfNeeded();
         }
       }
     });
   }
   enableLineClampOnItemsIfNeeded() {
-    this.querySelectorAll("[slot='items']").forEach((e) => {
+    Array.from(this.children).filter((e) => e.slot === "items").forEach((e) => {
       e instanceof l && (e.enableLineClamp = e.enableLineClamp || e.missingWidthForTexts > 0);
     });
   }
   render() {
     if (!this.isConnected || !this.items)
       return;
-    this.querySelectorAll("[slot='items']").forEach((s) => {
-      this.removeChild(s);
-    });
+    Array.from(this.children).filter((s) => s.slot === "items").forEach((s) => s.remove());
     const e = document.createDocumentFragment();
     let t = 0;
     this.items.forEach((s, i) => {
@@ -206,13 +212,17 @@ const n = class n extends h {
       this.handleItemClick(s, t);
     }), (!e.id || e.id.startsWith(this.id + "_item_")) && (e.id = this.id + "_item_" + t);
   }
-  ensureItemVisible(e) {
-    const t = e.getBoundingClientRect(), s = this.getBoundingClientRect();
-    t.bottom > s.bottom ? this.scrollTop += t.bottom - s.bottom : t.top < s.top && (this.scrollTop -= s.top - t.top);
+  focusIntersectionCallback(e, t) {
+    e.forEach((s) => {
+      const i = s.target;
+      (!s.isIntersecting || s.intersectionRatio < 1) && (i.scrollIntoView({ block: "nearest", inline: "nearest" }), t._focusObserver.unobserve(i));
+    });
   }
   updateFocusedElement() {
     const e = this.getListItem(this.focusIndex);
-    e && (this.focusTarget || this.matches(":focus")) ? (e.setAttribute("focused", ""), this.setAttribute("aria-activedescendant", e.id), this.ensureItemVisible(e)) : this.removeAttribute("aria-activedescendant");
+    e && (this.focusTarget || this.matches(":focus")) ? (e.setAttribute("focused", ""), this.setAttribute("aria-activedescendant", e.id), this._focusObserver.observe(e), this._focusObserverCleanupTasks.push(() => {
+      this._focusObserver.unobserve(e);
+    })) : (this._focusObserverCleanupTasks.forEach((t) => t.call(this)), this._focusObserverCleanupTasks = [], this.removeAttribute("aria-activedescendant"));
   }
   handleItemClick(e, t) {
     if (e.button !== null) {
@@ -252,12 +262,12 @@ const n = class n extends h {
     return e.hasAttribute("selected");
   }
 };
-n.ID = "sd-list", n.ensureDefined = () => {
-  l.ensureDefined(), customElements.get(n.ID) || customElements.define(n.ID, n);
+r.ID = "sd-list", r.ensureDefined = () => {
+  l.ensureDefined(), customElements.get(r.ID) || customElements.define(r.ID, r);
 };
-let d = n;
-d.ensureDefined();
+let a = r;
+a.ensureDefined();
 export {
-  d as default
+  a as default
 };
 //# sourceMappingURL=list.mjs.map

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\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\n    private removeFocusedItemAttributes() {\n        if (this.focusIndex != -1) {\n            const focusedElement = this.getListItem(this.focusIndex);\n            if (focusedElement) {\n                focusedElement.removeAttribute(\"focused\");\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 = [...this.querySelectorAll(\"[slot='items']\")].map((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                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        this.querySelectorAll(\"[slot='items']\").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        this.querySelectorAll(\"[slot='items']\").forEach((oldItem) => {\n            this.removeChild(oldItem);\n        });\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 ensureItemVisible(item: HTMLElement): void {\n        const itemRect = item.getBoundingClientRect();\n        const rect = this.getBoundingClientRect();\n        if (itemRect.bottom > rect.bottom) {\n            this.scrollTop += itemRect.bottom - rect.bottom;\n        } else if (itemRect.top < rect.top) {\n            this.scrollTop -= rect.top - itemRect.top;\n        }\n    }\n\n    private handleKeyDown = (event: KeyboardEvent) => {\n        let shouldPrevent = true;\n        switch (event.key) {\n            case \"ArrowDown\":\n            case \"Down\":\n                this.focusIndex = Math.min(this.getListItems.length - 1, this.focusIndex + 1);\n                break;\n            case \"ArrowUp\":\n            case \"Up\":\n                this.focusIndex = Math.max(0, this.focusIndex - 1);\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.ensureItemVisible(focusedElement);\n        } else {\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","value","type","child","indexes","prevIndexes","template","focusedElement","element","name","oldValue","_newValue","lastFocusedElement","remainingWidth","maxWidth","offsetWidth","styleWidth","missingWidths","ListItem","missingWidthForTexts","additionalWidth","requiredWidth","oldItem","fragment","indexOfRealItems","itemElement","itemRect","rect","hasModifier","wasSelected","indexToRemove","selected","List"],"mappings":"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"}
+{"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        switch (event.key) {\n            case \"ArrowDown\":\n            case \"Down\":\n                this.focusIndex = Math.min(this.getListItems.length - 1, this.focusIndex + 1);\n                break;\n            case \"ArrowUp\":\n            case \"Up\":\n                this.focusIndex = Math.max(0, this.focusIndex - 1);\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","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":"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"}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@cas-smartdesign/list",
-  "version": "6.5.0",
+  "version": "6.5.2",
   "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/element-base": "^5.1.0",
-    "@cas-smartdesign/list-item": "^7.4.1"
+    "@cas-smartdesign/list-item": "^7.4.3",
+    "@cas-smartdesign/element-base": "^5.1.0"
   },
   "devDependencies": {
-    "@cas-smartdesign/element-preview": "^0.3.0",
     "@cas-smartdesign/element-utils": "^1.2.0",
-    "@cas-smartdesign/license-generator": "^1.7.0"
+    "@cas-smartdesign/license-generator": "^1.8.0",
+    "@cas-smartdesign/element-preview": "^0.3.0"
   },
   "files": [
     "dist",