@cas-smartdesign/list 6.3.0

package/dist/list.d.ts

@@ -0,0 +1,68 @@
+import { ElementBase, CustomEventMap as BaseCustomEventMap } from "@cas-smartdesign/element-base";
+declare global {
+    interface HTMLElementTagNameMap {
+        [List.ID]: List;
+    }
+}
+export type ItemGenerator = (data: any, index: number) => HTMLElement;
+export type SelectionType = "trigger-only" | "single" | "multi";
+export type ISelectionEvent = {
+    index: number;
+    selected: boolean;
+    hasModifier: boolean;
+};
+export interface CustomEventMap extends BaseCustomEventMap {
+    selection: CustomEvent<ISelectionEvent>;
+}
+export default interface List {
+    addEventListener<K extends keyof CustomEventMap>(event: K, listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null, options?: AddEventListenerOptions | boolean): void;
+    addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): void;
+    removeEventListener<K extends keyof CustomEventMap>(type: K, listener: (this: this, ev: CustomEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;
+}
+export default class List extends ElementBase {
+    static readonly ID = "sd-list";
+    static ensureDefined: () => void;
+    private _items;
+    private _selectedIndexes;
+    private _itemGenerator;
+    private _fallbackId;
+    get items(): any[];
+    set items(value: any[]);
+    get itemGenerator(): ItemGenerator;
+    set itemGenerator(value: ItemGenerator);
+    get selectionType(): SelectionType;
+    set selectionType(type: SelectionType);
+    get focusIndex(): number;
+    set focusIndex(index: number);
+    get focusTarget(): boolean;
+    set focusTarget(value: boolean);
+    getListItem(index: number): HTMLElement | null;
+    get getListItems(): Array<HTMLElement>;
+    get selectedIndexes(): number[];
+    set selectedIndexes(indexes: number[]);
+    static get observedAttributes(): string[];
+    is(): string;
+    protected template(): HTMLTemplateElement;
+    constructor();
+    private removeFocusedItemAttributes;
+    connectedCallback(): void;
+    private onDefaultSlotChange;
+    private get defaultSlot();
+    private isSeparator;
+    attributeChangedCallback(name: string, oldValue: unknown, _newValue: unknown): void;
+    increaseWidthIfNeeded(): void;
+    private enableLineClampOnItemsIfNeeded;
+    private render;
+    private initListItem;
+    private ensureItemVisible;
+    private handleKeyDown;
+    private updateFocusedElement;
+    private handleItemClick;
+    private handleSelection;
+    private removeFromSelectedIndexes;
+    private toggleSelection;
+    private setSelectedAttr;
+    private isSelected;
+}

package/dist/list.mjs

@@ -0,0 +1,264 @@
+import { ElementBase as h } from "@cas-smartdesign/element-base";
+import d, { generator as u } from "@cas-smartdesign/list-item";
+const f = `<style>
+	:host {
+		background-color: var(--sd-list-base-background-color, white);
+	}
+
+	.container {
+		width: 100%;
+		height: 100%;
+	}
+
+	:host(:focus) {
+		outline: none;
+	}
+
+	:host(:focus-visible) ::slotted([focused]) {
+		box-shadow: 0 0 0 1px #1467ba inset;
+	}
+
+	.container ::slotted(*) {
+		display: block;
+		box-sizing: border-box;
+	}
+
+	.container ::slotted(:not(:last-of-type)) {
+		border-bottom: 1px solid #d9d9d9;
+	}
+</style>
+
+<div class="container">
+	<slot name="items"></slot>
+	<slot id="default-slot"></slot>
+</div>
+`;
+let m = 0;
+const o = class o 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++);
+      }), this.updateFocusedElement();
+    }, this.handleKeyDown = (e) => {
+      let t = !0;
+      switch (e.key) {
+        case "ArrowDown":
+        case "Down":
+          this.focusIndex = Math.min(this.getListItems.length - 1, this.focusIndex + 1);
+          break;
+        case "ArrowUp":
+        case "Up":
+          this.focusIndex = Math.max(0, this.focusIndex - 1);
+          break;
+        case "Enter":
+        case "Space":
+        case " ":
+          this.handleSelection(this.focusIndex, e.metaKey || e.ctrlKey);
+          break;
+        case "End":
+        case "PageDown":
+          this.focusIndex = this.items.length - 1;
+          break;
+        case "Home":
+        case "PageUp":
+          this.focusIndex = 0;
+          break;
+        default:
+          t = !1;
+          break;
+      }
+      t && (e.preventDefault(), e.stopPropagation());
+    }, this._fallbackId = o.ID + "_" + m++, this.addEventListener("pointerup", (e) => {
+      this.focusIndex = this.getListItems.indexOf(e.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());
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  get items() {
+    return this._items;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  set items(e) {
+    this._items = e, this.render();
+  }
+  get itemGenerator() {
+    return this._itemGenerator;
+  }
+  set itemGenerator(e) {
+    this._itemGenerator = e, this.render();
+  }
+  get selectionType() {
+    return this.getAttribute("selection-type");
+  }
+  set selectionType(e) {
+    e ? this.setAttribute("selection-type", e) : this.removeAttribute("selection-type");
+  }
+  get focusIndex() {
+    return this.hasAttribute("focus-index") ? Number(this.getAttribute("focus-index")) : -1;
+  }
+  set focusIndex(e) {
+    0 <= e && e < this.getListItems.length ? this.setAttribute("focus-index", e.toString()) : this.removeAttribute("focus-index");
+  }
+  get focusTarget() {
+    return this.hasAttribute("focus-target");
+  }
+  set focusTarget(e) {
+    this.toggleAttribute("focus-target", e);
+  }
+  getListItem(e) {
+    return this.shadowRoot ? this.getListItems[e] : null;
+  }
+  get getListItems() {
+    return Array.prototype.slice.call(this.children).filter((e) => !this.isSeparator(e));
+  }
+  get selectedIndexes() {
+    return this._selectedIndexes;
+  }
+  set selectedIndexes(e) {
+    const t = this._selectedIndexes || [];
+    this._selectedIndexes = e || [], t.filter((s) => !this._selectedIndexes.includes(s)).forEach((s) => {
+      this.setSelectedAttr(this.getListItem(s), !1);
+    }), this._selectedIndexes.filter((s) => !t.includes(s)).forEach((s) => {
+      this.setSelectedAttr(this.getListItem(s), !0);
+    });
+  }
+  static get observedAttributes() {
+    return ["focus-index", "focus-target"];
+  }
+  is() {
+    return o.ID;
+  }
+  template() {
+    const e = document.createElement("template");
+    return e.innerHTML = f, e;
+  }
+  removeFocusedItemAttributes() {
+    if (this.focusIndex != -1) {
+      const e = this.getListItem(this.focusIndex);
+      e && (e.removeAttribute("focused"), this.removeAttribute("aria-activedescendant"));
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.defaultSlot.addEventListener("slotchange", this.onDefaultSlotChange), this.hasAttribute("role") || this.setAttribute("role", "listbox"), this.id || (this.id = this._fallbackId), this.render(), this.addEventListener("keydown", this.handleKeyDown), this.selectionType || (this.selectionType = "trigger-only");
+  }
+  get defaultSlot() {
+    return this.shadowRoot.querySelector("#default-slot");
+  }
+  isSeparator(e) {
+    return e.tagName == "HR" || e.getAttribute("role") == "separator";
+  }
+  attributeChangedCallback(e, t, s) {
+    if (e === "focus-index") {
+      const i = this.getListItem(t);
+      i && i.removeAttribute("focused"), this.updateFocusedElement();
+    } else
+      e === "focus-target" && (this.focusTarget ? this.updateFocusedElement() : document.activeElement != this && this.removeFocusedItemAttributes());
+  }
+  increaseWidthIfNeeded() {
+    window.requestAnimationFrame(() => {
+      let e = Number.MAX_SAFE_INTEGER;
+      const t = getComputedStyle(this).maxWidth, s = this.offsetWidth;
+      t.endsWith("px") && (e = Number.parseInt(t) - s);
+      const i = this.style.width;
+      if (e == 0 || i.endsWith("px") && s < Number.parseInt(i))
+        this.enableLineClampOnItemsIfNeeded();
+      else {
+        const n = [...this.querySelectorAll("[slot='items']")].map((r) => {
+          if (r instanceof d) {
+            r.enableLineClamp = !1;
+            const a = r.missingWidthForTexts;
+            return a > e && (r.enableLineClamp = !0), a;
+          }
+        }), l = Math.max(...n);
+        if (l > 0) {
+          const r = s + l;
+          this.style.width = `${r}px`, this.offsetWidth < r && this.enableLineClampOnItemsIfNeeded();
+        }
+      }
+    });
+  }
+  enableLineClampOnItemsIfNeeded() {
+    this.querySelectorAll("[slot='items']").forEach((e) => {
+      e instanceof d && (e.enableLineClamp = e.enableLineClamp || e.missingWidthForTexts > 0);
+    });
+  }
+  render() {
+    if (!this.isConnected || !this.items)
+      return;
+    this.querySelectorAll("[slot='items']").forEach((s) => {
+      this.removeChild(s);
+    });
+    const e = document.createDocumentFragment();
+    let t = 0;
+    this.items.forEach((s, i) => {
+      const n = this.itemGenerator(s, i);
+      this.isSeparator(n) || this.initListItem(n, t++), n.slot = "items", e.appendChild(n);
+    }), this.appendChild(e), this.updateFocusedElement();
+  }
+  initListItem(e, t) {
+    this.setSelectedAttr(e, this.selectedIndexes.includes(t)), e.addEventListener("click", (s) => {
+      this.handleItemClick(s, t);
+    }), e.addEventListener("mousedown", (s) => {
+      s.button == 1 && s.preventDefault();
+    }), e.addEventListener("auxclick", (s) => {
+      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);
+  }
+  updateFocusedElement() {
+    const e = this.getListItem(this.focusIndex);
+    e && (this.focusTarget || document.activeElement == this) ? (e.setAttribute("focused", ""), this.setAttribute("aria-activedescendant", e.id), this.ensureItemVisible(e)) : 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);
+    }
+  }
+  handleSelection(e, t) {
+    const s = this.items[e];
+    if (!s || s.disabled)
+      return;
+    const i = this.getListItem(e), n = this.isSelected(i);
+    this.selectionType !== "trigger-only" && (this.selectionType === "single" ? this.selectedIndexes = n ? [] : [e] : this.toggleSelection(i) ? this._selectedIndexes.push(e) : this.removeFromSelectedIndexes(e)), this.focusIndex = e, this.dispatchEvent(
+      new CustomEvent("selection", {
+        detail: {
+          index: e,
+          selected: this.selectionType == "trigger-only" || !n,
+          hasModifier: t
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  removeFromSelectedIndexes(e) {
+    const t = this._selectedIndexes.indexOf(e);
+    t !== -1 && this._selectedIndexes.splice(t, 1);
+  }
+  toggleSelection(e) {
+    const t = !e.hasAttribute("selected");
+    return this.setSelectedAttr(e, t), t;
+  }
+  setSelectedAttr(e, t) {
+    e && (t ? e.setAttribute("selected", "") : e.removeAttribute("selected"), e.setAttribute("aria-selected", String(t)));
+  }
+  isSelected(e) {
+    return e.hasAttribute("selected");
+  }
+};
+o.ID = "sd-list", o.ensureDefined = () => {
+  d.ensureDefined(), customElements.get(o.ID) || customElements.define(o.ID, o);
+};
+let c = o;
+c.ensureDefined();
+export {
+  c as default
+};
+//# sourceMappingURL=list.mjs.map

package/dist/list.mjs.map

@@ -0,0 +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 || document.activeElement == this)) {\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 item = this.items[index];\n        if (!item || item.disabled) {\n            return;\n        }\n        const element = this.getListItem(index);\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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"}

package/npm-third-party-licenses.json

@@ -0,0 +1,192 @@
+{
+    "@cypress/vite-dev-server@5.0.7": {
+        "licenses": "MIT",
+        "repository": "https://github.com/cypress-io/cypress",
+        "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
+    },
+    "@rollup/plugin-node-resolve@15.2.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/rollup/plugins",
+        "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
+    },
+    "@types/node@20.10.6": {
+        "licenses": "MIT",
+        "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
+        "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
+    },
+    "@types/postcss-prefix-selector@1.16.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
+        "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
+    },
+    "@typescript-eslint/eslint-plugin@6.17.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/typescript-eslint/typescript-eslint",
+        "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
+    },
+    "@typescript-eslint/parser@6.17.0": {
+        "licenses": "BSD-2-Clause",
+        "repository": "https://github.com/typescript-eslint/typescript-eslint",
+        "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
+    },
+    "@vitest/coverage-v8@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
+    },
+    "@vitest/ui@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
+    },
+    "axe-core@4.8.3": {
+        "licenses": "MPL-2.0",
+        "repository": "https://github.com/dequelabs/axe-core",
+        "licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
+    },
+    "cypress-axe@1.5.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/component-driven/cypress-axe",
+        "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
+    },
+    "cypress-real-events@1.13.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
+        "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
+    },
+    "cypress@13.6.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/cypress-io/cypress",
+        "licenseUrl": "https://cypress.io"
+    },
+    "esbuild@0.19.11": {
+        "licenses": "MIT",
+        "repository": "https://github.com/evanw/esbuild",
+        "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
+    },
+    "eslint-config-google@0.14.0": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/google/eslint-config-google",
+        "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
+    },
+    "eslint-config-prettier@9.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/prettier/eslint-config-prettier",
+        "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
+    },
+    "eslint@8.56.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/eslint/eslint",
+        "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
+    },
+    "github-markdown-css@5.5.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sindresorhus/github-markdown-css",
+        "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
+    },
+    "highlight.js@11.9.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/highlightjs/highlight.js",
+        "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
+    },
+    "junit-report-builder@3.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/davidparsson/junit-report-builder",
+        "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
+    },
+    "lint-staged@15.2.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/okonet/lint-staged",
+        "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
+    },
+    "lit@2.8.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/lit/lit",
+        "licenseUrl": "https://github.com/lit/lit/raw/HEAD/LICENSE"
+    },
+    "marked@11.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/markedjs/marked",
+        "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
+    },
+    "postcss-prefix-selector@1.16.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/RadValentin/postcss-prefix-selector",
+        "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
+    },
+    "postcss@8.4.32": {
+        "licenses": "MIT",
+        "repository": "https://github.com/postcss/postcss",
+        "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
+    },
+    "prettier@3.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/prettier/prettier",
+        "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
+    },
+    "resolve-pkg@2.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sindresorhus/resolve-pkg",
+        "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
+    },
+    "sass@1.69.6": {
+        "licenses": "MIT",
+        "repository": "https://github.com/sass/dart-sass",
+        "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
+    },
+    "stylelint-config-recommended-scss@14.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
+        "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
+    },
+    "stylelint-config-standard@36.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint/stylelint-config-standard",
+        "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
+    },
+    "stylelint-scss@6.0.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint-scss/stylelint-scss",
+        "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
+    },
+    "stylelint@16.1.0": {
+        "licenses": "MIT",
+        "repository": "https://github.com/stylelint/stylelint",
+        "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
+    },
+    "tsup@8.0.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/egoist/tsup",
+        "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
+    },
+    "turbo@1.11.2": {
+        "licenses": "MPL-2.0",
+        "repository": "https://github.com/vercel/turbo",
+        "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
+    },
+    "typescript@5.3.3": {
+        "licenses": "Apache-2.0",
+        "repository": "https://github.com/Microsoft/TypeScript",
+        "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
+    },
+    "vite-tsconfig-paths@4.2.3": {
+        "licenses": "MIT",
+        "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
+        "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
+    },
+    "vite@5.0.10": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitejs/vite",
+        "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
+    },
+    "vitest@1.1.1": {
+        "licenses": "MIT",
+        "repository": "https://github.com/vitest-dev/vitest",
+        "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
+    },
+    "yargs@17.7.2": {
+        "licenses": "MIT",
+        "repository": "https://github.com/yargs/yargs",
+        "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
+    }
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@cas-smartdesign/list",
+  "version": "6.3.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/element-base": "^5.0.1",
+    "@cas-smartdesign/list-item": "^7.2.2"
+  },
+  "devDependencies": {
+    "@cas-smartdesign/element-utils": "^1.0.2",
+    "@cas-smartdesign/element-preview": "^0.2.1",
+    "@cas-smartdesign/license-generator": "^1.6.1"
+  },
+  "files": [
+    "dist",
+    "npm-third-party-licenses.json"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "version": "pnpm version",
+    "generate-declaration": "tsc -p tsconfig.types.json",
+    "build:no-license": "vite build && pnpm generate-declaration && vite build --mode documentation",
+    "build": "pnpm generate-license && pnpm build:no-license",
+    "watch": "vite build --watch",
+    "dev": "vite",
+    "generate-license": "sd-license-generator --r ../../"
+  }
+}