@ui5/webcomponents 0.0.0-037d08c67

package/dist/TreeItemCustom.d.ts

@@ -0,0 +1,45 @@
+import TreeItemBase from "./TreeItemBase.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ * The `ui5-tree-item-custom` represents a node in a tree structure, shown as a `ui5-list`.
+ *
+ * This is the item to use inside a `ui5-tree`.
+ * You can represent an arbitrary tree structure by recursively nesting tree items.
+ *
+ * You can use this item to put any custom content inside the tree item.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents/dist/TreeItemCustom.js";`
+ * @csspart title - Used to style the title of the tree list item
+ * @csspart additionalText - Used to style the additionalText of the tree list item
+ * @csspart icon - Used to style the icon of the tree list item
+ * @constructor
+ * @extends TreeItemBase
+ * @public
+ * @since 1.9.2
+ */
+declare class TreeItemCustom extends TreeItemBase {
+    /**
+     * Defines whether the tree list item should display the selection element.
+     * @public
+     * @default false
+     */
+    hideSelectionElement: boolean;
+    /**
+     * Defines the content of the `ui5-tree-item`.
+     * @public
+     */
+    content: Slot<HTMLElement>;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    /**
+     * @override
+     */
+    get placeSelectionElementBefore(): boolean;
+    /**
+     * @override
+     */
+    get placeSelectionElementAfter(): boolean;
+}
+export default TreeItemCustom;

package/dist/TreeItemCustom.js

@@ -0,0 +1,95 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import { isTabNext, isTabPrevious, isF2, isDown, } from "@ui5/webcomponents-base/dist/Keys.js";
+import TreeItemBase from "./TreeItemBase.js";
+// Template
+import TreeItemCustomTemplate from "./TreeItemCustomTemplate.js";
+// Styles
+import treeItemCustomCss from "./generated/themes/TreeItem.css.js";
+/**
+ * @class
+ * The `ui5-tree-item-custom` represents a node in a tree structure, shown as a `ui5-list`.
+ *
+ * This is the item to use inside a `ui5-tree`.
+ * You can represent an arbitrary tree structure by recursively nesting tree items.
+ *
+ * You can use this item to put any custom content inside the tree item.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents/dist/TreeItemCustom.js";`
+ * @csspart title - Used to style the title of the tree list item
+ * @csspart additionalText - Used to style the additionalText of the tree list item
+ * @csspart icon - Used to style the icon of the tree list item
+ * @constructor
+ * @extends TreeItemBase
+ * @public
+ * @since 1.9.2
+ */
+let TreeItemCustom = class TreeItemCustom extends TreeItemBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines whether the tree list item should display the selection element.
+         * @public
+         * @default false
+         */
+        this.hideSelectionElement = false;
+    }
+    _onkeydown(e) {
+        if (isDown(e) && this.content?.some(el => el.contains(e.target))) {
+            e.stopPropagation();
+            return;
+        }
+        const isTab = isTabNext(e) || isTabPrevious(e);
+        const isFocused = this.matches(":focus");
+        if (!isTab && !isFocused && !isF2(e)) {
+            return;
+        }
+        super._onkeydown(e);
+    }
+    _onkeyup(e) {
+        const isTab = isTabNext(e) || isTabPrevious(e);
+        const isFocused = this.matches(":focus");
+        if (!isTab && !isFocused && !isF2(e)) {
+            return;
+        }
+        super._onkeyup(e);
+    }
+    /**
+     * @override
+     */
+    get placeSelectionElementBefore() {
+        return !this.hideSelectionElement && super.placeSelectionElementBefore;
+    }
+    /**
+     * @override
+     */
+    get placeSelectionElementAfter() {
+        return !this.hideSelectionElement && super.placeSelectionElementAfter;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], TreeItemCustom.prototype, "hideSelectionElement", void 0);
+__decorate([
+    slot()
+], TreeItemCustom.prototype, "content", void 0);
+TreeItemCustom = __decorate([
+    customElement({
+        renderer: jsxRenderer,
+        tag: "ui5-tree-item-custom",
+        template: TreeItemCustomTemplate,
+        styles: [TreeItemBase.styles, treeItemCustomCss],
+    })
+], TreeItemCustom);
+TreeItemCustom.define();
+export default TreeItemCustom;
+//# sourceMappingURL=TreeItemCustom.js.map

package/dist/TreeItemCustom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemCustom.js","sourceRoot":"","sources":["../src/TreeItemCustom.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,EACN,SAAS,EACT,aAAa,EACb,IAAI,EACJ,MAAM,GACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,WAAW;AACX,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,SAAS;AACT,OAAO,iBAAiB,MAAM,oCAAoC,CAAC;AAGnE;;;;;;;;;;;;;;;;;;GAkBG;AAOH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;IAAzC;;QACC;;;;WAIG;QAEH,yBAAoB,GAAG,KAAK,CAAC;IAgD9B,CAAC;IAvCA,UAAU,CAAC,CAAgB;QAC1B,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAC,EAAE,CAAC;YAC1E,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;QACD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAEzC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACtC,OAAO;QACR,CAAC;QAED,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAEzC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACtC,OAAO;QACR,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED;;OAEG;IACH,IAAI,2BAA2B;QAC9B,OAAO,CAAC,IAAI,CAAC,oBAAoB,IAAI,KAAK,CAAC,2BAA2B,CAAC;IACxE,CAAC;IAED;;OAEG;IACH,IAAI,0BAA0B;QAC7B,OAAO,CAAC,IAAI,CAAC,oBAAoB,IAAI,KAAK,CAAC,0BAA0B,CAAC;IACvE,CAAC;CACD,CAAA;AAhDA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACC;AAO7B;IADC,IAAI,EAAE;+CACqB;AAdvB,cAAc;IANnB,aAAa,CAAC;QACd,QAAQ,EAAE,WAAW;QACrB,GAAG,EAAE,sBAAsB;QAC3B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC;KAChD,CAAC;GACI,cAAc,CAuDnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport {\n\tisTabNext,\n\tisTabPrevious,\n\tisF2,\n\tisDown,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport TreeItemBase from \"./TreeItemBase.js\";\n\n// Template\nimport TreeItemCustomTemplate from \"./TreeItemCustomTemplate.js\";\n\n// Styles\nimport treeItemCustomCss from \"./generated/themes/TreeItem.css.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\n/**\n * @class\n * The `ui5-tree-item-custom` represents a node in a tree structure, shown as a `ui5-list`.\n *\n * This is the item to use inside a `ui5-tree`.\n * You can represent an arbitrary tree structure by recursively nesting tree items.\n *\n * You can use this item to put any custom content inside the tree item.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/TreeItemCustom.js\";`\n * @csspart title - Used to style the title of the tree list item\n * @csspart additionalText - Used to style the additionalText of the tree list item\n * @csspart icon - Used to style the icon of the tree list item\n * @constructor\n * @extends TreeItemBase\n * @public\n * @since 1.9.2\n */\n@customElement({\n\trenderer: jsxRenderer,\n\ttag: \"ui5-tree-item-custom\",\n\ttemplate: TreeItemCustomTemplate,\n\tstyles: [TreeItemBase.styles, treeItemCustomCss],\n})\nclass TreeItemCustom extends TreeItemBase {\n\t/**\n\t * Defines whether the tree list item should display the selection element.\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\thideSelectionElement = false;\n\n\t/**\n\t * Defines the content of the `ui5-tree-item`.\n\t * @public\n\t */\n\t@slot()\n\tcontent!: Slot<HTMLElement>;\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isDown(e) && this.content?.some(el => el.contains(e.target as Node))) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\t\tconst isTab = isTabNext(e) || isTabPrevious(e);\n\t\tconst isFocused = this.matches(\":focus\");\n\n\t\tif (!isTab && !isFocused && !isF2(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tconst isTab = isTabNext(e) || isTabPrevious(e);\n\t\tconst isFocused = this.matches(\":focus\");\n\n\t\tif (!isTab && !isFocused && !isF2(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeyup(e);\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget placeSelectionElementBefore() {\n\t\treturn !this.hideSelectionElement && super.placeSelectionElementBefore;\n\t}\n\n\t/**\n\t * @override\n\t */\n\tget placeSelectionElementAfter() {\n\t\treturn !this.hideSelectionElement && super.placeSelectionElementAfter;\n\t}\n}\n\nTreeItemCustom.define();\n\nexport default TreeItemCustom;\n"]}

package/dist/TreeItemCustomTemplate.d.ts

@@ -0,0 +1,3 @@
+import type TreeItemCustom from "./TreeItemCustom.js";
+import type { ListItemHooks } from "./ListItemTemplate.js";
+export default function TreeItemCustomTemplate(this: TreeItemCustom, hooks?: Partial<ListItemHooks>): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/TreeItemCustomTemplate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import TreeItemBaseTemplate from "./TreeItemBaseTemplate.js";
+const predefinedHooks = {
+    listItemContent,
+};
+export default function TreeItemCustomTemplate(hooks) {
+    const currentHooks = { ...predefinedHooks, ...hooks };
+    return TreeItemBaseTemplate.call(this, currentHooks);
+}
+function listItemContent() {
+    return (_jsx("div", { class: "ui5-li-tree-text-wrapper", children: _jsx("slot", { name: "content", slot: "content" }) }));
+}
+//# sourceMappingURL=TreeItemCustomTemplate.js.map

package/dist/TreeItemCustomTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemCustomTemplate.js","sourceRoot":"","sources":["../src/TreeItemCustomTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAG7D,MAAM,eAAe,GAA2B;IAC/C,eAAe;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAuB,KAA8B;IAClG,MAAM,YAAY,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC;IAEtD,OAAO,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,eAAe;IACvB,OAAO,CACN,cAAK,KAAK,EAAC,0BAA0B,YACpC,eAAM,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAQ,GACtC,CACN,CAAC;AACH,CAAC","sourcesContent":["import type TreeItemCustom from \"./TreeItemCustom.js\";\nimport TreeItemBaseTemplate from \"./TreeItemBaseTemplate.js\";\nimport type { ListItemHooks } from \"./ListItemTemplate.js\";\n\nconst predefinedHooks: Partial<ListItemHooks> = {\n\tlistItemContent,\n};\n\nexport default function TreeItemCustomTemplate(this: TreeItemCustom, hooks?: Partial<ListItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks };\n\n\treturn TreeItemBaseTemplate.call(this, currentHooks);\n}\n\nfunction listItemContent(this: TreeItemCustom) {\n\treturn (\n\t\t<div class=\"ui5-li-tree-text-wrapper\">\n\t\t\t<slot name=\"content\" slot=\"content\"></slot>\n\t\t</div>\n\t);\n}\n"]}

package/dist/TreeItemTemplate.d.ts

@@ -0,0 +1,3 @@
+import type TreeItem from "./TreeItem.js";
+import type { ListItemHooks } from "./ListItemTemplate.js";
+export default function TreeItemTemplate(this: TreeItem, hooks?: Partial<ListItemHooks>): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/TreeItemTemplate.js

@@ -0,0 +1,15 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import TreeItemBaseTemplate from "./TreeItemBaseTemplate.js";
+const predefinedHooks = {
+    listItemContent,
+};
+export default function TreeItemTemplate(hooks) {
+    const currentHooks = { ...predefinedHooks, ...hooks };
+    return TreeItemBaseTemplate.call(this, currentHooks);
+}
+function listItemContent() {
+    return _jsxs(_Fragment, { children: [_jsx("div", { class: "ui5-li-text-wrapper", children: !!this._showTitle &&
+                    _jsxs("div", { part: "title", class: "ui5-li-title", children: [" ", this.text] }) }), this.additionalText &&
+                _jsx("span", { part: "additional-text", class: "ui5-li-additional-text", children: this.additionalText })] });
+}
+//# sourceMappingURL=TreeItemTemplate.js.map

package/dist/TreeItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemTemplate.js","sourceRoot":"","sources":["../src/TreeItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAG7D,MAAM,eAAe,GAA2B;IAC/C,eAAe;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAiB,KAA8B;IACtF,MAAM,YAAY,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,EAAE,CAAC;IAEtD,OAAO,oBAAoB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,eAAe;IACvB,OAAO,8BACN,cAAK,KAAK,EAAC,qBAAqB,YAC9B,CAAC,CAAC,IAAI,CAAC,UAAU;oBACjB,eAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,kBAAG,IAAI,CAAC,IAAI,IAAO,GAErD,EACL,IAAI,CAAC,cAAc;gBACnB,eAAM,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,wBAAwB,YACzD,IAAI,CAAC,cAAc,GACd,IAEN,CAAC;AACL,CAAC","sourcesContent":["import type TreeItem from \"./TreeItem.js\";\nimport TreeItemBaseTemplate from \"./TreeItemBaseTemplate.js\";\nimport type { ListItemHooks } from \"./ListItemTemplate.js\";\n\nconst predefinedHooks: Partial<ListItemHooks> = {\n\tlistItemContent,\n};\n\nexport default function TreeItemTemplate(this: TreeItem, hooks?: Partial<ListItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks };\n\n\treturn TreeItemBaseTemplate.call(this, currentHooks);\n}\n\nfunction listItemContent(this: TreeItem) {\n\treturn <>\n\t\t<div class=\"ui5-li-text-wrapper\">\n\t\t\t{!!this._showTitle &&\n\t\t\t\t<div part=\"title\" class=\"ui5-li-title\"> {this.text}</div>\n\t\t\t}\n\t\t</div>\n\t\t{this.additionalText &&\n\t\t\t<span part=\"additional-text\" class=\"ui5-li-additional-text\">\n\t\t\t\t{this.additionalText}\n\t\t\t</span>\n\t\t}\n\t</>;\n}\n"]}

package/dist/TreeList.d.ts

@@ -0,0 +1,7 @@
+import List from "./List.js";
+import type TreeItemBase from "./TreeItemBase.js";
+declare class TreeList extends List {
+    getItems(includeCollapsed?: boolean): Array<TreeItemBase>;
+    getItemsForProcessing(): Array<TreeItemBase>;
+}
+export default TreeList;

package/dist/TreeList.js

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import List from "./List.js";
+let TreeList = class TreeList extends List {
+    /*
+     * @override
+     */
+    getItems(includeCollapsed = false) {
+        const slottedItems = this.getSlottedNodes("items");
+        const flatItems = [];
+        if (!(slottedItems.length === 1 && slottedItems[0].hasAttribute("ui5-drop-indicator"))) {
+            flattenTree(slottedItems, flatItems, includeCollapsed);
+        }
+        return flatItems;
+    }
+    getItemsForProcessing() {
+        return this.getItems(true);
+    }
+};
+TreeList = __decorate([
+    customElement("ui5-tree-list")
+], TreeList);
+/*
+ * Converts a tree structure into a flat array
+ * @param {Array} treeItems
+ * @param {Array} result
+ * @param {Boolean} includeCollapsed
+ */
+const flattenTree = (items, result, includeCollapsed = false) => {
+    items.forEach(item => {
+        result.push(item);
+        if ((item.expanded || includeCollapsed) && item.items) {
+            flattenTree(item.items, result, includeCollapsed);
+        }
+    });
+};
+TreeList.define();
+export default TreeList;
+//# sourceMappingURL=TreeList.js.map

package/dist/TreeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeList.js","sourceRoot":"","sources":["../src/TreeList.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,WAAW,CAAC;AAK7B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,IAAI;IAC1B;;OAEG;IACH,QAAQ,CAAC,gBAAgB,GAAG,KAAK;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAe,OAAO,CAAC,CAAC;QACjE,MAAM,SAAS,GAAwB,EAAE,CAAC;QAE1C,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC;YACxF,WAAW,CAAC,YAAY,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC;QACxD,CAAC;QAED,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,qBAAqB;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;CACD,CAAA;AAlBK,QAAQ;IAFb,aAAa,CAAC,eAAe,CAAC;GAEzB,QAAQ,CAkBb;AAED;;;;;GAKG;AACH,MAAM,WAAW,GAAG,CAAC,KAA0B,EAAE,MAA2B,EAAE,gBAAgB,GAAG,KAAK,EAAE,EAAE;IACzG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACpB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAElB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACvD,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC;QACnD,CAAC;IACF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport List from \"./List.js\";\nimport type TreeItemBase from \"./TreeItemBase.js\";\n\n@customElement(\"ui5-tree-list\")\n\nclass TreeList extends List {\n\t/*\n\t * @override\n\t */\n\tgetItems(includeCollapsed = false): Array<TreeItemBase> {\n\t\tconst slottedItems = this.getSlottedNodes<TreeItemBase>(\"items\");\n\t\tconst flatItems: Array<TreeItemBase> = [];\n\n\t\tif (!(slottedItems.length === 1 && slottedItems[0].hasAttribute(\"ui5-drop-indicator\"))) {\n\t\t\tflattenTree(slottedItems, flatItems, includeCollapsed);\n\t\t}\n\n\t\treturn flatItems;\n\t}\n\n\tgetItemsForProcessing(): Array<TreeItemBase> {\n\t\treturn this.getItems(true);\n\t}\n}\n\n/*\n * Converts a tree structure into a flat array\n * @param {Array} treeItems\n * @param {Array} result\n * @param {Boolean} includeCollapsed\n */\nconst flattenTree = (items: Array<TreeItemBase>, result: Array<TreeItemBase>, includeCollapsed = false) => {\n\titems.forEach(item => {\n\t\tresult.push(item);\n\n\t\tif ((item.expanded || includeCollapsed) && item.items) {\n\t\t\tflattenTree(item.items, result, includeCollapsed);\n\t\t}\n\t});\n};\n\nTreeList.define();\n\nexport default TreeList;\n"]}

package/dist/TreeTemplate.d.ts

@@ -0,0 +1,2 @@
+import type Tree from "./Tree.js";
+export default function TreeTemplate(this: Tree): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/TreeTemplate.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import DropIndicator from "./DropIndicator.js";
+import TreeList from "./TreeList.js";
+export default function TreeTemplate() {
+    return (_jsxs(TreeList, { class: "ui5-tree-root", selectionMode: this.selectionMode, headerText: this.headerText, footerText: this.footerText, noDataText: this.noDataText, accessibleRole: this._role, accessibleName: this.accessibleName, accessibleNameRef: this.accessibleNameRef, accessibleDescription: this.accessibleDescription, accessibleDescriptionRef: this.accessibleDescriptionRef, onDragEnter: this._ondragenter, onDragOver: this._ondragover, onDrop: this._ondrop, onDragLeave: this._ondragleave, onItemClick: this._onListItemClick, onItemDelete: this._onListItemDelete, onItemFocused: this._onListItemFocus, onSelectionChange: this._onListSelectionChange, onMouseOver: this._onListItemMouseOver, onMouseOut: this._onListItemMouseOut, "onui5-toggle": this._onListItemToggle, "onui5-step-in": this._onListItemStepIn, "onui5-step-out": this._onListItemStepOut, children: [this._hasHeader && _jsx("slot", { name: "header", slot: "header" }), _jsx("slot", {}), _jsx(DropIndicator, { orientation: "Horizontal", ownerReference: this })] }));
+}
+//# sourceMappingURL=TreeTemplate.js.map

package/dist/TreeTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeTemplate.js","sourceRoot":"","sources":["../src/TreeTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,YAAY;IACnC,OAAO,CACN,MAAC,QAAQ,IACR,KAAK,EAAC,eAAe,EACrB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,cAAc,EAAE,IAAI,CAAC,KAAK,EAC1B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EACvD,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,YAAY,EAAE,IAAI,CAAC,iBAAiB,EACpC,aAAa,EAAE,IAAI,CAAC,gBAAgB,EACpC,iBAAiB,EAAE,IAAI,CAAC,sBAAsB,EAC9C,WAAW,EAAE,IAAI,CAAC,oBAAoB,EACtC,UAAU,EAAE,IAAI,CAAC,mBAAmB,kBAEtB,IAAI,CAAC,iBAAiB,mBACrB,IAAI,CAAC,iBAAiB,oBACrB,IAAI,CAAC,kBAAkB,aAEtC,IAAI,CAAC,UAAU,IAAI,eAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,EAE7D,gBAAa,EAEb,KAAC,aAAa,IAAC,WAAW,EAAC,YAAY,EAAC,cAAc,EAAE,IAAI,GAAI,IACtD,CACX,CAAC;AACH,CAAC","sourcesContent":["import DropIndicator from \"./DropIndicator.js\";\nimport type Tree from \"./Tree.js\";\nimport TreeList from \"./TreeList.js\";\n\nexport default function TreeTemplate(this: Tree) {\n\treturn (\n\t\t<TreeList\n\t\t\tclass=\"ui5-tree-root\"\n\t\t\tselectionMode={this.selectionMode}\n\t\t\theaderText={this.headerText}\n\t\t\tfooterText={this.footerText}\n\t\t\tnoDataText={this.noDataText}\n\t\t\taccessibleRole={this._role}\n\t\t\taccessibleName={this.accessibleName}\n\t\t\taccessibleNameRef={this.accessibleNameRef}\n\t\t\taccessibleDescription={this.accessibleDescription}\n\t\t\taccessibleDescriptionRef={this.accessibleDescriptionRef}\n\t\t\tonDragEnter={this._ondragenter}\n\t\t\tonDragOver={this._ondragover}\n\t\t\tonDrop={this._ondrop}\n\t\t\tonDragLeave={this._ondragleave}\n\t\t\tonItemClick={this._onListItemClick}\n\t\t\tonItemDelete={this._onListItemDelete}\n\t\t\tonItemFocused={this._onListItemFocus}\n\t\t\tonSelectionChange={this._onListSelectionChange}\n\t\t\tonMouseOver={this._onListItemMouseOver}\n\t\t\tonMouseOut={this._onListItemMouseOut}\n\t\t\t// events bubbling from slotted items\n\t\t\tonui5-toggle={this._onListItemToggle}\n\t\t\tonui5-step-in={this._onListItemStepIn}\n\t\t\tonui5-step-out={this._onListItemStepOut}\n\t\t>\n\t\t\t{this._hasHeader && <slot name=\"header\" slot=\"header\"></slot>}\n\n\t\t\t<slot></slot>\n\n\t\t\t<DropIndicator orientation=\"Horizontal\" ownerReference={this} />\n\t\t</TreeList>\n\t);\n}\n"]}

package/dist/YearPicker.d.ts

@@ -0,0 +1,136 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import CalendarPart from "./CalendarPart.js";
+import type { CalendarYearRangeT, ICalendarPicker } from "./Calendar.js";
+import CalendarSelectionMode from "./types/CalendarSelectionMode.js";
+type Year = {
+    timestamp: string;
+    _tabIndex: number;
+    focusRef: boolean;
+    selected: boolean;
+    ariaSelected: boolean;
+    year: string;
+    yearInSecType: string | undefined;
+    disabled: boolean;
+    ariaDisabled: boolean | undefined;
+    classes: string;
+    parts: string;
+};
+type YearInterval = Array<Array<Year>>;
+type YearPickerChangeEventDetail = {
+    dates: Array<number>;
+    timestamp: number;
+};
+type YearPickerNavigateEventDetail = {
+    timestamp: number;
+};
+/**
+ * @class
+ *
+ * Displays years which can be selected.
+ * @constructor
+ * @extends CalendarPart
+ * @private
+ */
+declare class YearPicker extends CalendarPart implements ICalendarPicker {
+    eventDetails: CalendarPart["eventDetails"] & {
+        "change": YearPickerChangeEventDetail;
+        "navigate": YearPickerNavigateEventDetail;
+    };
+    /**
+     * An array of UTC timestamps representing the selected date
+     * or dates depending on the capabilities of the picker component.
+     * @default []
+     */
+    selectedDates: Array<number>;
+    /**
+     * Defines the type of selection used in the year picker component.
+     * Accepted property values are:
+     *
+     * - `CalendarSelectionMode.Single` - enables election of a single year.
+     * - `CalendarSelectionMode.Range` - enables selection of a year range.
+     *
+     * Note that 'CalendarSelectionMode.Multiple` is not supported for Year Picker!
+     * @default "Single"
+     * @since 2.2.0
+     */
+    selectionMode: `${CalendarSelectionMode}`;
+    _yearsInterval: YearInterval;
+    _hidden: boolean;
+    /**
+     * When selectionMode="Range" and the first year in the range is selected, this is the currently hovered or focused year.
+     *
+     * @private
+     */
+    _secondTimestamp?: number;
+    _currentYearRange?: CalendarYearRangeT;
+    _firstYear?: number;
+    static i18nBundle: I18nBundle;
+    get roleDescription(): string;
+    onBeforeRendering(): void;
+    _getPageSize(): 8 | 20;
+    _getRowSize(): 2 | 4;
+    _buildYears(): void;
+    /**
+      * Returns true if year timestamp is inside the selection range.
+      * @private
+      */
+    _isYearInsideSelectionRange(timestamp: number): boolean;
+    _onkeydown(e: KeyboardEvent): void;
+    _onHomeOrEnd(homePressed: boolean): void;
+    /**
+     * In range selection, the currently focused or hovered year is considered the "second day".
+     * @private
+     */
+    _updateSecondTimestamp(): void;
+    /**
+     * Set the hovered day as the "_secondTimestamp".
+     *
+     * @param e
+     * @private
+     */
+    _onmouseover(e: MouseEvent): void;
+    /**
+     * Sets the timestamp to an absolute value.
+     * @param value
+     * @private
+     */
+    _setTimestamp(value: number): void;
+    /**
+     * Modifies timestamp by a given amount of years and, if necessary, loads the prev/next page.
+     * @param amount
+     * @private
+     */
+    _modifyTimestampBy(amount: number): void;
+    _onkeyup(e: KeyboardEvent): void;
+    /**
+     * User clicked with the mouser or pressed Enter/Space
+     * @param e
+     * @private
+     */
+    _selectYear(e: Event): void;
+    _updateSelectedDates(timestamp: number): void;
+    /**
+     * Called by the Calendar component.
+     * @protected
+     */
+    _hasPreviousPage(): boolean;
+    /**
+     * Called by the Calendar component.
+     * @protected
+     */
+    _hasNextPage(): boolean;
+    /**
+     * Called by the Calendar component.
+     * **Note:** when the user presses the "<" button in the calendar header (same as "PageUp")
+     * @protected
+     */
+    _showPreviousPage(): void;
+    /**
+     * Called by the Calendar component.
+     * **Note:** when the user presses the ">" button in the calendar header (same as "PageDown")
+     * @protected
+     */
+    _showNextPage(): void;
+}
+export default YearPicker;
+export type { YearPickerChangeEventDetail, YearPickerNavigateEventDetail, };