@sme.up/ketchup 10.3.0 → 10.3.2

package/dist/collection/components/kup-accordion/kup-accordion.js

@@ -1,3 +1,20 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupAccordion_clickCbDropCard, _KupAccordion_dropDownActionCardAnchor;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { MDCRipple } from "@material/ripple";
 import { KupComponentSizing, } from "../../types/GenericTypes";
@@ -7,24 +24,70 @@ import { KupAccordionProps, } from "./kup-accordion-declarations";
 import { FImage } from "../../f-components/f-image/f-image";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { KupThemeColorValues, KupThemeIconValues, } from "../../managers/kup-theme/kup-theme-declarations";
+import { KupDynamicPositionPlacement, } from "../../managers/kup-dynamic-position/kup-dynamic-position-declarations";
 export class KupAccordion {
     constructor() {
         /*-------------------------------------------------*/
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
+        this.toolbarState = [];
+        this.infoState = [];
         /**
          * Instance of the KupManager class.
          */
         this.kupManager = kupManagerInstance();
+        _KupAccordion_clickCbDropCard.set(this, null);
         /**
          * Instance of the KupManager class.
          */
         this.slotsNames = [];
+        _KupAccordion_dropDownActionCardAnchor.set(this, null);
         this.selectedItems = [];
         this.customStyle = '';
         this.data = null;
+        this.infoIcon = false;
         this.ripple = false;
+        this.toolbar = false;
         this.sizing = KupComponentSizing.SMALL;
+        this.toolbarCallback = undefined;
+        this.infoCallback = undefined;
+    }
+    onKupBlur(node) {
+        this.kupBlur.emit({
+            comp: this,
+            id: this.rootElement.id,
+            node: node,
+        });
+    }
+    onKupIconClick(el) {
+        if (!el) {
+            this.kupManager.debug.logMessage(this, 'onKupIconClick: Element is null');
+            return;
+        }
+        __classPrivateFieldSet(this, _KupAccordion_dropDownActionCardAnchor, el, "f");
+        this.createDropDownToolbarList();
+    }
+    onKupInfoIconClick(el) {
+        if (!el) {
+            this.kupManager.debug.logMessage(this, 'onKupIconClick: Element is null');
+            return;
+        }
+        __classPrivateFieldSet(this, _KupAccordion_dropDownActionCardAnchor, el, "f");
+        this.createDropDownInfoList();
+    }
+    onKupFocus(node) {
+        this.kupFocus.emit({
+            comp: this,
+            id: this.rootElement.id,
+            node: node,
+        });
+    }
+    onKupToolbarItemClick(e) {
+        this.kupToolbarItemClick.emit({
+            comp: this,
+            id: this.rootElement.id,
+            node: e.detail.selected,
+        });
     }
     /*-------------------------------------------------*/
     /*                  W a t c h e r s                */
@@ -40,6 +103,22 @@ export class KupAccordion {
             }
         }
     }
+    updateSelectedItems() {
+        var _a;
+        const ids = [];
+        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) {
+            for (let i = 0; i < this.data.length; i++) {
+                const node = this.data[i];
+                if (node.contentVisible === undefined) {
+                    node.contentVisible = true;
+                }
+                if (node.contentVisible) {
+                    ids.push(node.id);
+                }
+            }
+        }
+        this.selectedItems = ids;
+    }
     /*-------------------------------------------------*/
     /*           P u b l i c   M e t h o d s           */
     /*-------------------------------------------------*/
@@ -48,12 +127,10 @@ export class KupAccordion {
      */
     async collapseAll() {
         const ids = [];
-        for (let i = 0; i < this.data.columns.length; i++) {
-            const column = this.data.columns[i];
-            const itemName = column.name;
-            if (!this.isItemExpandible(itemName) &&
-                this.isItemSelected(itemName)) {
-                ids.push(itemName);
+        for (let i = 0; i < this.data.length; i++) {
+            const node = this.data[i];
+            if (!this.isItemExpandible(node) && this.isItemSelected(node)) {
+                ids.push(node.id);
             }
         }
         this.selectedItems = ids;
@@ -63,11 +140,10 @@ export class KupAccordion {
      */
     async expandAll() {
         const ids = [];
-        for (let i = 0; i < this.data.columns.length; i++) {
-            const column = this.data.columns[i];
-            const itemName = column.name;
-            if (this.isItemExpandible(itemName)) {
-                ids.push(itemName);
+        for (let i = 0; i < this.data.length; i++) {
+            const node = this.data[i];
+            if (this.isItemExpandible(node)) {
+                ids.push(node.id);
             }
         }
         this.selectedItems = ids;
@@ -97,34 +173,32 @@ export class KupAccordion {
      * This method activates or deactivates an item
      * @param {string} itemName - Name of the item.
      */
-    async toggleItem(itemName) {
-        const isItemExpandible = this.isItemExpandible(itemName);
-        const ids = [...this.selectedItems];
-        if (ids.includes(itemName)) {
-            ids.splice(ids.indexOf(itemName), 1);
+    async toggleItem(node) {
+        if (!this.isItemExpandible(node)) {
+            return;
         }
-        else {
-            ids.push(itemName);
-        }
-        this.selectedItems = ids;
-        if (!isItemExpandible) {
-            this.kupAccordionItemSelected.emit({
-                comp: this,
-                id: this.rootElement.id,
-                itemName: itemName,
-            });
+        if (node.contentVisible === undefined) {
+            node.contentVisible = true;
         }
+        node.contentVisible = !node.contentVisible;
+        this.updateSelectedItems();
+        this.kupClick.emit({
+            comp: this,
+            id: this.rootElement.id,
+            node: node,
+        });
     }
     /*-------------------------------------------------*/
     /*           P r i v a t e   M e t h o d s         */
     /*-------------------------------------------------*/
-    isItemExpandible(itemName) {
-        return this.slotsNames.includes(itemName);
+    isItemExpandible(item) {
+        return item.expandable || this.slotsNames.includes(item.id);
     }
-    isItemSelected(itemName) {
-        return this.selectedItems.includes(itemName);
+    isItemSelected(item) {
+        return this.selectedItems.includes(item.id);
     }
     renderItems() {
+        var _a, _b;
         const items = [];
         const slots = Array.prototype.slice.call(this.rootElement.children, 0);
         this.slotsNames = [];
@@ -132,11 +206,10 @@ export class KupAccordion {
             const slot = slots[index];
             this.slotsNames.push(slot.slot);
         }
-        for (let i = 0; i < this.data.columns.length; i++) {
-            const column = this.data.columns[i];
-            const itemName = column.name;
-            const isItemSelected = this.isItemSelected(itemName);
-            const isItemExpandible = this.isItemExpandible(itemName);
+        for (let i = 0; i < this.data.length; i++) {
+            const node = this.data[i];
+            const isItemSelected = this.isItemSelected(node);
+            const isItemExpandible = this.isItemExpandible(node);
             const itemHeaderClass = {
                 'accordion-item__header': true,
                 'accordion-item__header--selected': !isItemExpandible && isItemSelected ? true : false,
@@ -150,10 +223,129 @@ export class KupAccordion {
                     ? true
                     : false,
             };
-            items.push(h("div", { class: "accordion-item" }, h("div", { tabindex: "1", title: column.title, class: itemHeaderClass, onClick: () => this.toggleItem(itemName) }, column.icon ? (h(FImage, { color: `var(${KupThemeColorValues.ICON})`, resource: column.icon, sizeX: "1.5em", sizeY: "1.5em", wrapperClass: "accordion-item__icon" })) : null, h("span", { class: "accordion-item__text" }, column.title), isItemExpandible ? (h("span", { class: `accordion-item__dropdown kup-icon ${KupThemeIconValues.DROPDOWN.replace('--', '')}` })) : null), h("div", { class: itemContentClass }, h("slot", { name: column.name }))));
+            const wrapper = (h("div", { class: "accordion-rigtbuttons" }, this.infoIcon && this.infoCallback && (h(FImage, { resource: "info_outline", sizeX: "16px", sizeY: "16px", onClick: async (event) => {
+                    event.stopPropagation();
+                    const el = event.currentTarget;
+                    this.infoState = await this.infoCallback();
+                    if (this.infoState.length > 0) {
+                        this.onKupInfoIconClick(el);
+                    }
+                    else {
+                        this.kupManager.debug.logMessage(this, 'InfoIcon data is empty, not opening dropdown.');
+                    }
+                }, wrapperClass: "tab__iconToolbar iconInfo" })), this.toolbar && this.toolbarCallback && (h(FImage, { resource: "more_vert", sizeX: "16px", sizeY: "16px", onClick: async (event) => {
+                    var _a;
+                    event.stopPropagation();
+                    const el = event.currentTarget;
+                    this.toolbarState =
+                        await this.toolbarCallback();
+                    if (((_a = this.toolbarState) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                        this.onKupIconClick(el);
+                    }
+                    else {
+                        this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
+                    }
+                }, wrapperClass: "tab__iconToolbar iconToolbar" })), isItemExpandible ? (h("div", { class: `accordion-item__dropdown kup-icon ${KupThemeIconValues.DROPDOWN.replace('--', '')}` })) : null));
+            items.push(h("div", { class: "accordion-item" }, h("div", { tabindex: i, title: (_a = node.title) !== null && _a !== void 0 ? _a : null, class: itemHeaderClass, onClick: (e) => {
+                    e.stopPropagation();
+                    this.toggleItem(node);
+                }, onBlur: () => this.onKupBlur(node), onFocus: () => this.onKupFocus(node) }, node.icon ? (h(FImage, { color: `var(${KupThemeColorValues.PRIMARY})`, resource: node.icon, placeholderResource: node.placeholderIcon, sizeX: "1.5em", sizeY: "1.5em", wrapperClass: "accordion-item__icon" })) : null, node.value ? (h("span", { class: "accordion-item__text" }, (_b = node.value) !== null && _b !== void 0 ? _b : '')) : null, wrapper), h("div", { class: itemContentClass }, h("slot", { name: node.id }))));
         }
         return items;
     }
+    closeRowToolbarList() {
+        if (this.toolbarList) {
+            this.kupManager.dynamicPosition.stop(this.toolbarList);
+            this.kupManager.removeClickCallback(__classPrivateFieldGet(this, _KupAccordion_clickCbDropCard, "f"));
+            this.toolbarList.remove();
+            this.kupManager.dynamicPosition.unregister([this.toolbarList]);
+            this.toolbarList = null;
+        }
+    }
+    /**
+     * Create dropdown list for toolbar
+     */
+    createDropDownToolbarList() {
+        if (!__classPrivateFieldGet(this, _KupAccordion_dropDownActionCardAnchor, "f")) {
+            this.kupManager.debug.logMessage(this, 'createDropDownToolbarList: Anchor is null!');
+            return;
+        }
+        if (this.toolbarList) {
+            this.closeRowToolbarList();
+        }
+        if (this.toolbarState.length === 0) {
+            this.kupManager.debug.logMessage(this, 'No toolbar state available.');
+            return;
+        }
+        const listEl = document.createElement('kup-toolbar');
+        listEl.data = this.toolbarState;
+        listEl.addEventListener('kup-toolbar-click', (e) => {
+            this.onKupToolbarItemClick(e);
+            setTimeout(() => {
+                this.closeRowToolbarList();
+            }, 0);
+        });
+        this.toolbarList = listEl;
+        __classPrivateFieldSet(this, _KupAccordion_clickCbDropCard, {
+            cb: () => {
+                this.closeRowToolbarList();
+            },
+            el: this.toolbarList,
+        }, "f");
+        this.kupManager.addClickCallback(__classPrivateFieldGet(this, _KupAccordion_clickCbDropCard, "f"), true);
+        this.rootElement.shadowRoot.appendChild(this.toolbarList);
+        requestAnimationFrame(() => {
+            if (!__classPrivateFieldGet(this, _KupAccordion_dropDownActionCardAnchor, "f")) {
+                this.kupManager.debug.logMessage(this, 'DropDown anchor is still null after delay!');
+                return;
+            }
+            this.kupManager.dynamicPosition.register(this.toolbarList, __classPrivateFieldGet(this, _KupAccordion_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
+            this.kupManager.dynamicPosition.start(this.toolbarList);
+        });
+    }
+    /**
+     * Create dropdown list for tab info icon
+     */
+    createDropDownInfoList() {
+        if (!__classPrivateFieldGet(this, _KupAccordion_dropDownActionCardAnchor, "f")) {
+            this.kupManager.debug.logMessage(this, 'createDropDownToolbarList: Anchor is null!');
+            return;
+        }
+        if (this.infoList) {
+            this.closeInfoDataList();
+        }
+        if (this.infoState.length === 0) {
+            this.kupManager.debug.logMessage(this, 'No toolbar state available.');
+            return;
+        }
+        const listEl = document.createElement('kup-list');
+        listEl.data = this.infoState;
+        this.infoList = listEl;
+        __classPrivateFieldSet(this, _KupAccordion_clickCbDropCard, {
+            cb: () => {
+                this.closeInfoDataList();
+            },
+            el: this.infoList,
+        }, "f");
+        this.kupManager.addClickCallback(__classPrivateFieldGet(this, _KupAccordion_clickCbDropCard, "f"), true);
+        this.rootElement.shadowRoot.appendChild(this.infoList);
+        requestAnimationFrame(() => {
+            this.kupManager.dynamicPosition.register(this.infoList, __classPrivateFieldGet(this, _KupAccordion_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
+            this.kupManager.dynamicPosition.start(this.infoList);
+        });
+    }
+    /**
+     * Destroy dropdown list for tab info icon
+     */
+    closeInfoDataList() {
+        if (this.infoList) {
+            this.kupManager.dynamicPosition.stop(this.infoList);
+            this.kupManager.removeClickCallback(__classPrivateFieldGet(this, _KupAccordion_clickCbDropCard, "f"));
+            this.infoList.remove();
+            this.kupManager.dynamicPosition.unregister([this.infoList]);
+            this.infoList = null;
+        }
+    }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
@@ -162,6 +354,7 @@ export class KupAccordion {
         this.kupManager.theme.register(this);
     }
     componentDidLoad() {
+        this.updateSelectedItems();
         this.applyRipple();
         this.kupManager.debug.logLoad(this, true);
     }
@@ -181,8 +374,8 @@ export class KupAccordion {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        const content = this.data && this.data.columns ? this.renderItems() : null;
-        return (h(Host, { key: '6bccc41c0680bb83ec429fba199468a8bcdc3ff9' }, h("style", { key: '5051d2c6cfb8a385568db37969402e965323cc6f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '632bfcd9acb77fa135b3e925155fdcb30930475f', id: componentWrapperId }, h("div", { key: 'bc7ffd6b0a12fdd22418e0319a595778ee37bad6', class: "accordion" }, content))));
+        const content = this.data && this.data.length ? this.renderItems() : null;
+        return (h(Host, { key: '160f982fd131a7658aca021617c4e7f567193ad3' }, h("style", { key: 'c30ccb77782b4c1826da9c2646aab3e3c2cb7b2d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '17904c4792e45fb3ac69dfc813b58020bf62b83d', id: componentWrapperId }, h("div", { key: 'c0870a1b510b2733a1b104a467822144a5f51efb', class: "accordion" }, content))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -229,13 +422,13 @@ export class KupAccordion {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "KupAccordionData",
-                    "resolved": "KupAccordionData",
+                    "original": "KupAccordionNode[]",
+                    "resolved": "KupAccordionNode[]",
                     "references": {
-                        "KupAccordionData": {
+                        "KupAccordionNode": {
                             "location": "import",
                             "path": "./kup-accordion-declarations",
-                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionData"
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionNode"
                         }
                     }
                 },
@@ -250,6 +443,27 @@ export class KupAccordion {
                 },
                 "defaultValue": "null"
             },
+            "infoIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "When true, it will show the info activation icon."
+                },
+                "attribute": "info-icon",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "ripple": {
                 "type": "boolean",
                 "mutable": false,
@@ -271,6 +485,27 @@ export class KupAccordion {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "toolbar": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "When true, it will show the toolbar activation icon."
+                },
+                "attribute": "toolbar",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "sizing": {
                 "type": "string",
                 "mutable": false,
@@ -292,11 +527,61 @@ export class KupAccordion {
                             "name": "default",
                             "text": "KupComponentSizing.SMALL"
                         }],
-                    "text": "Sets the type of the button"
+                    "text": "Sets the type of the component sizing"
                 },
                 "attribute": "sizing",
                 "reflect": false,
                 "defaultValue": "KupComponentSizing.SMALL"
+            },
+            "toolbarCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<KupDataNode[]>",
+                    "resolved": "() => Promise<KupDataNode[]>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KupDataNode": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataNode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "infoCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<KupDataNode[]>",
+                    "resolved": "() => Promise<KupDataNode[]>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KupDataNode": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataNode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
         };
     }
@@ -307,23 +592,107 @@ export class KupAccordion {
     }
     static get events() {
         return [{
-                "method": "kupAccordionItemSelected",
-                "name": "kup-accordion-itemselected",
+                "method": "kupBlur",
+                "name": "kup-accordion-blur",
                 "bubbles": true,
                 "cancelable": false,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Fired when an item is selected."
+                    "text": "Triggered when the accordion loses focus."
                 },
                 "complexType": {
-                    "original": "KupAccordionItemSelectedEventPayload",
-                    "resolved": "KupAccordionItemSelectedEventPayload",
+                    "original": "KupAccordionEventPayload",
+                    "resolved": "KupAccordionEventPayload",
                     "references": {
-                        "KupAccordionItemSelectedEventPayload": {
+                        "KupAccordionEventPayload": {
                             "location": "import",
                             "path": "./kup-accordion-declarations",
-                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionItemSelectedEventPayload"
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionEventPayload"
+                        }
+                    }
+                }
+            }, {
+                "method": "kupClick",
+                "name": "kup-accordion-click",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Triggered when an item is selected."
+                },
+                "complexType": {
+                    "original": "KupAccordionEventPayload",
+                    "resolved": "KupAccordionEventPayload",
+                    "references": {
+                        "KupAccordionEventPayload": {
+                            "location": "import",
+                            "path": "./kup-accordion-declarations",
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionEventPayload"
+                        }
+                    }
+                }
+            }, {
+                "method": "kupIconClick",
+                "name": "kup-accordion-iconclick",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Triggered when the icon inside accordion is clicked."
+                },
+                "complexType": {
+                    "original": "KupAccordionEventPayload",
+                    "resolved": "KupAccordionEventPayload",
+                    "references": {
+                        "KupAccordionEventPayload": {
+                            "location": "import",
+                            "path": "./kup-accordion-declarations",
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionEventPayload"
+                        }
+                    }
+                }
+            }, {
+                "method": "kupFocus",
+                "name": "kup-accordion-focus",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Triggered when the accordion is focused."
+                },
+                "complexType": {
+                    "original": "KupAccordionEventPayload",
+                    "resolved": "KupAccordionEventPayload",
+                    "references": {
+                        "KupAccordionEventPayload": {
+                            "location": "import",
+                            "path": "./kup-accordion-declarations",
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionEventPayload"
+                        }
+                    }
+                }
+            }, {
+                "method": "kupToolbarItemClick",
+                "name": "kup-accordion-toolbaritemclick",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Triggered when a list item is clicked."
+                },
+                "complexType": {
+                    "original": "KupAccordionEventPayload",
+                    "resolved": "KupAccordionEventPayload",
+                    "references": {
+                        "KupAccordionEventPayload": {
+                            "location": "import",
+                            "path": "./kup-accordion-declarations",
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionEventPayload"
                         }
                     }
                 }
@@ -445,16 +814,21 @@ export class KupAccordion {
             },
             "toggleItem": {
                 "complexType": {
-                    "signature": "(itemName: string) => Promise<void>",
+                    "signature": "(node: KupAccordionNode) => Promise<void>",
                     "parameters": [{
-                            "name": "itemName",
-                            "type": "string",
-                            "docs": "- Name of the item."
+                            "name": "node",
+                            "type": "KupAccordionNode",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "KupAccordionNode": {
+                            "location": "import",
+                            "path": "./kup-accordion-declarations",
+                            "id": "src/components/kup-accordion/kup-accordion-declarations.ts::KupAccordionNode"
                         }
                     },
                     "return": "Promise<void>"
@@ -474,6 +848,10 @@ export class KupAccordion {
         return [{
                 "propName": "ripple",
                 "methodName": "applyRipple"
+            }, {
+                "propName": "data",
+                "methodName": "updateSelectedItems"
             }];
     }
 }
+_KupAccordion_clickCbDropCard = new WeakMap(), _KupAccordion_dropDownActionCardAnchor = new WeakMap();

package/dist/collection/components/kup-autocomplete/kup-autocomplete-declarations.js

@@ -18,4 +18,6 @@ export var KupAutocompleteProps;
     KupAutocompleteProps["showDropDownIcon"] = "When true shows the drop-down icon, for open list.";
     KupAutocompleteProps["showMarker"] = "When true shows a small marker on the component";
     KupAutocompleteProps["legacyLook"] = "When true enables the monospaces look for the ACP component";
+    KupAutocompleteProps["size"] = "Sets the size of the input element";
+    KupAutocompleteProps["placeholder"] = "Set custom placeholder / watermark for text field, if not set the default one will be taken on component load.";
 })(KupAutocompleteProps || (KupAutocompleteProps = {}));