@ui5/webcomponents-fiori 2.22.0-rc.4 → 2.22.0

package/dist/TimelineHeaderBar.js

@@ -1,264 +0,0 @@
-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;
-};
-var TimelineHeaderBar_1;
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
-import Toolbar from "@ui5/webcomponents/dist/Toolbar.js";
-import ToolbarButton from "@ui5/webcomponents/dist/ToolbarButton.js";
-import ToolbarSpacer from "@ui5/webcomponents/dist/ToolbarSpacer.js";
-import Input from "@ui5/webcomponents/dist/Input.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import Dialog from "@ui5/webcomponents/dist/Dialog.js";
-import List from "@ui5/webcomponents/dist/List.js";
-import ListItemStandard from "@ui5/webcomponents/dist/ListItemStandard.js";
-import Bar from "@ui5/webcomponents/dist/Bar.js";
-import Button from "@ui5/webcomponents/dist/Button.js";
-// Import icons to register them
-import "@ui5/webcomponents-icons/dist/sort-descending.js";
-import "@ui5/webcomponents-icons/dist/add-filter.js";
-import TimelineHeaderBarTemplate from "./TimelineHeaderBarTemplate.js";
-import TimelineHeaderBarCss from "./generated/themes/TimelineHeaderBar.css.js";
-import { TIMELINE_HEADER_BAR_ACCESSIBLE_NAME, TIMELINE_SEARCH_PLACEHOLDER, TIMELINE_SEARCH_ACCESSIBLE_NAME, TIMELINE_FILTER_ACCESSIBLE_NAME, TIMELINE_SORT_ASCENDING_TOOLTIP, TIMELINE_SORT_DESCENDING_TOOLTIP, TIMELINE_SORT_ACCESSIBLE_NAME, TIMELINE_FILTER_DIALOG_TITLE, TIMELINE_FILTER_DIALOG_OK, TIMELINE_FILTER_DIALOG_CANCEL, } from "./generated/i18n/i18n-defaults.js";
-/**
- * @class
- *
- * ### Overview
- *
- * The `ui5-timeline-header-bar` component provides search, filter, and sort functionality
- * for the `ui5-timeline` component. It is designed to be slotted into the `header-bar` slot
- * of the Timeline.
- *
- * ### Usage
- *
- * The component fires events (`search`, `filter`, `sort`) that the application should handle
- * to filter/sort the timeline items. The Timeline component itself does not perform any
- * filtering or sorting - this is the responsibility of the application.
- *
- * ### ES6 Module Import
- *
- * `import "@ui5/webcomponents-fiori/dist/TimelineHeaderBar.js";`
- *
- * @constructor
- * @extends UI5Element
- * @public
- * @since 2.22.0
- */
-let TimelineHeaderBar = TimelineHeaderBar_1 = class TimelineHeaderBar extends UI5Element {
-    constructor() {
-        super(...arguments);
-        /**
-         * Shows the search input field.
-         * @default false
-         * @public
-         */
-        this.showSearch = false;
-        /**
-         * Shows the filter button.
-         * @default false
-         * @public
-         */
-        this.showFilter = false;
-        /**
-         * Shows the sort button.
-         * @default false
-         * @public
-         */
-        this.showSort = false;
-        /**
-         * The current filter category label.
-         * @default ""
-         * @public
-         */
-        this.filterBy = "";
-        /**
-         * The current search value.
-         * @default ""
-         * @public
-         */
-        this.searchValue = "";
-        /**
-         * The current sort order.
-         * @default "Ascending"
-         * @public
-         */
-        this.sortOrder = "Ascending";
-        /**
-         * Controls the filter dialog visibility.
-         * @private
-         */
-        this._filterDialogOpen = false;
-    }
-    get _headerBarAccessibleName() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_HEADER_BAR_ACCESSIBLE_NAME);
-    }
-    get _searchPlaceholder() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_SEARCH_PLACEHOLDER);
-    }
-    get _searchAccessibleName() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_SEARCH_ACCESSIBLE_NAME);
-    }
-    get _filterAccessibleName() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_FILTER_ACCESSIBLE_NAME);
-    }
-    get _sortAccessibleName() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_SORT_ACCESSIBLE_NAME);
-    }
-    get _sortTooltip() {
-        if (this.sortOrder === "Descending") {
-            return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_SORT_ASCENDING_TOOLTIP);
-        }
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_SORT_DESCENDING_TOOLTIP);
-    }
-    get _sortIcon() {
-        return "sort-descending";
-    }
-    get _filterIcon() {
-        return "add-filter";
-    }
-    get _filterDialogTitle() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_FILTER_DIALOG_TITLE);
-    }
-    get _filterDialogOkText() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_FILTER_DIALOG_OK);
-    }
-    get _filterDialogCancelText() {
-        return TimelineHeaderBar_1.i18nBundle.getText(TIMELINE_FILTER_DIALOG_CANCEL);
-    }
-    _onSearchInput(e) {
-        const value = e.target.value;
-        this.searchValue = value;
-        this.fireDecoratorEvent("search", { value });
-    }
-    _onFilterClick() {
-        this._filterDialogOpen = true;
-    }
-    _onFilterDialogConfirm() {
-        // Read selected state from the list items in the dialog
-        const list = this.shadowRoot.querySelector(".ui5-timeline-filter-list");
-        if (list) {
-            const selectedItems = list.getSelectedItems();
-            const selectedTexts = selectedItems.map(item => item.textContent?.trim() || "");
-            // Update the TimelineFilterOption elements to match the dialog selection
-            this.filterOptions.forEach(option => {
-                option.selected = selectedTexts.includes(option.text);
-            });
-        }
-        const selectedOptions = this.filterOptions
-            .filter(option => option.selected)
-            .map(option => option.text);
-        this.fireDecoratorEvent("filter", {
-            filterBy: this.filterBy,
-            selectedOptions,
-        });
-        this._filterDialogOpen = false;
-    }
-    _onFilterDialogCancel() {
-        this._filterDialogOpen = false;
-    }
-    _onFilterDialogClose() {
-        this._filterDialogOpen = false;
-    }
-    _onSortClick() {
-        // Toggle sort order: Ascending -> Descending -> Ascending
-        if (this.sortOrder === "Ascending") {
-            this.sortOrder = "Descending";
-        }
-        else {
-            this.sortOrder = "Ascending";
-        }
-        this.fireDecoratorEvent("sort", {
-            sortOrder: this.sortOrder,
-        });
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], TimelineHeaderBar.prototype, "showSearch", void 0);
-__decorate([
-    property({ type: Boolean })
-], TimelineHeaderBar.prototype, "showFilter", void 0);
-__decorate([
-    property({ type: Boolean })
-], TimelineHeaderBar.prototype, "showSort", void 0);
-__decorate([
-    property()
-], TimelineHeaderBar.prototype, "filterBy", void 0);
-__decorate([
-    property()
-], TimelineHeaderBar.prototype, "searchValue", void 0);
-__decorate([
-    property()
-], TimelineHeaderBar.prototype, "sortOrder", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true })
-], TimelineHeaderBar.prototype, "_filterDialogOpen", void 0);
-__decorate([
-    slot({ type: HTMLElement, "default": true, invalidateOnChildChange: true })
-], TimelineHeaderBar.prototype, "filterOptions", void 0);
-__decorate([
-    i18n("@ui5/webcomponents-fiori")
-], TimelineHeaderBar, "i18nBundle", void 0);
-TimelineHeaderBar = TimelineHeaderBar_1 = __decorate([
-    customElement({
-        tag: "ui5-timeline-header-bar",
-        languageAware: true,
-        renderer: jsxRenderer,
-        template: TimelineHeaderBarTemplate,
-        styles: TimelineHeaderBarCss,
-        dependencies: [
-            Toolbar,
-            ToolbarButton,
-            ToolbarSpacer,
-            Input,
-            Icon,
-            Dialog,
-            List,
-            ListItemStandard,
-            Bar,
-            Button,
-        ],
-    })
-    /**
-     * Fired when the user performs a search.
-     *
-     * @param {string} value The search value entered by the user.
-     * @public
-     */
-    ,
-    event("search", {
-        bubbles: true,
-    })
-    /**
-     * Fired when the user changes filter selection.
-     *
-     * @param {string} filterBy The filter category.
-     * @param {string[]} selectedOptions The selected filter option texts.
-     * @public
-     */
-    ,
-    event("filter", {
-        bubbles: true,
-    })
-    /**
-     * Fired when the user changes sort order.
-     *
-     * @param {string} sortOrder The sort order ("Ascending" or "Descending").
-     * @public
-     */
-    ,
-    event("sort", {
-        bubbles: true,
-    })
-], TimelineHeaderBar);
-TimelineHeaderBar.define();
-export default TimelineHeaderBar;
-//# sourceMappingURL=TimelineHeaderBar.js.map

package/dist/TimelineHeaderBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineHeaderBar.js","sourceRoot":"","sources":["../src/TimelineHeaderBar.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Toolbar from \"@ui5/webcomponents/dist/Toolbar.js\";\nimport ToolbarButton from \"@ui5/webcomponents/dist/ToolbarButton.js\";\nimport ToolbarSpacer from \"@ui5/webcomponents/dist/ToolbarSpacer.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemStandard from \"@ui5/webcomponents/dist/ListItemStandard.js\";\nimport Bar from \"@ui5/webcomponents/dist/Bar.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport type TimelineSortOrder from \"./types/TimelineSortOrder.js\";\nimport type TimelineFilterOption from \"./TimelineFilterOption.js\";\n\n// Import icons to register them\nimport \"@ui5/webcomponents-icons/dist/sort-descending.js\";\nimport \"@ui5/webcomponents-icons/dist/add-filter.js\";\n\nimport TimelineHeaderBarTemplate from \"./TimelineHeaderBarTemplate.js\";\nimport TimelineHeaderBarCss from \"./generated/themes/TimelineHeaderBar.css.js\";\n\nimport {\n\tTIMELINE_HEADER_BAR_ACCESSIBLE_NAME,\n\tTIMELINE_SEARCH_PLACEHOLDER,\n\tTIMELINE_SEARCH_ACCESSIBLE_NAME,\n\tTIMELINE_FILTER_ACCESSIBLE_NAME,\n\tTIMELINE_SORT_ASCENDING_TOOLTIP,\n\tTIMELINE_SORT_DESCENDING_TOOLTIP,\n\tTIMELINE_SORT_ACCESSIBLE_NAME,\n\tTIMELINE_FILTER_DIALOG_TITLE,\n\tTIMELINE_FILTER_DIALOG_OK,\n\tTIMELINE_FILTER_DIALOG_CANCEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype TimelineHeaderBarSearchEventDetail = {\n\tvalue: string;\n};\n\ntype TimelineHeaderBarFilterEventDetail = {\n\tfilterBy: string;\n\tselectedOptions: string[];\n};\n\ntype TimelineHeaderBarSortEventDetail = {\n\tsortOrder: string;\n};\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-timeline-header-bar` component provides search, filter, and sort functionality\n * for the `ui5-timeline` component. It is designed to be slotted into the `header-bar` slot\n * of the Timeline.\n *\n * ### Usage\n *\n * The component fires events (`search`, `filter`, `sort`) that the application should handle\n * to filter/sort the timeline items. The Timeline component itself does not perform any\n * filtering or sorting - this is the responsibility of the application.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/TimelineHeaderBar.js\";`\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.22.0\n */\n@customElement({\n\ttag: \"ui5-timeline-header-bar\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: TimelineHeaderBarTemplate,\n\tstyles: TimelineHeaderBarCss,\n\tdependencies: [\n\t\tToolbar,\n\t\tToolbarButton,\n\t\tToolbarSpacer,\n\t\tInput,\n\t\tIcon,\n\t\tDialog,\n\t\tList,\n\t\tListItemStandard,\n\t\tBar,\n\t\tButton,\n\t],\n})\n\n/**\n * Fired when the user performs a search.\n *\n * @param {string} value The search value entered by the user.\n * @public\n */\n@event(\"search\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the user changes filter selection.\n *\n * @param {string} filterBy The filter category.\n * @param {string[]} selectedOptions The selected filter option texts.\n * @public\n */\n@event(\"filter\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the user changes sort order.\n *\n * @param {string} sortOrder The sort order (\"Ascending\" or \"Descending\").\n * @public\n */\n@event(\"sort\", {\n\tbubbles: true,\n})\n\nclass TimelineHeaderBar extends UI5Element {\n\teventDetails!: {\n\t\t\"search\": TimelineHeaderBarSearchEventDetail,\n\t\t\"filter\": TimelineHeaderBarFilterEventDetail,\n\t\t\"sort\": TimelineHeaderBarSortEventDetail,\n\t};\n\n\t/**\n\t * Shows the search input field.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowSearch = false;\n\n\t/**\n\t * Shows the filter button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowFilter = false;\n\n\t/**\n\t * Shows the sort button.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowSort = false;\n\n\t/**\n\t * The current filter category label.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tfilterBy = \"\";\n\n\t/**\n\t * The current search value.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tsearchValue = \"\";\n\n\t/**\n\t * The current sort order.\n\t * @default \"Ascending\"\n\t * @public\n\t */\n\t@property()\n\tsortOrder: `${TimelineSortOrder}` = \"Ascending\";\n\n\t/**\n\t * Controls the filter dialog visibility.\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_filterDialogOpen = false;\n\n\t/**\n\t * Filter options to display in the filter dialog.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n\tfilterOptions!: Slot<TimelineFilterOption>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget _headerBarAccessibleName() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_HEADER_BAR_ACCESSIBLE_NAME);\n\t}\n\n\tget _searchPlaceholder() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_SEARCH_PLACEHOLDER);\n\t}\n\n\tget _searchAccessibleName() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_SEARCH_ACCESSIBLE_NAME);\n\t}\n\n\tget _filterAccessibleName() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_FILTER_ACCESSIBLE_NAME);\n\t}\n\n\tget _sortAccessibleName() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_SORT_ACCESSIBLE_NAME);\n\t}\n\n\tget _sortTooltip() {\n\t\tif (this.sortOrder === \"Descending\") {\n\t\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_SORT_ASCENDING_TOOLTIP);\n\t\t}\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_SORT_DESCENDING_TOOLTIP);\n\t}\n\n\tget _sortIcon() {\n\t\treturn \"sort-descending\";\n\t}\n\n\tget _filterIcon() {\n\t\treturn \"add-filter\";\n\t}\n\n\tget _filterDialogTitle() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_FILTER_DIALOG_TITLE);\n\t}\n\n\tget _filterDialogOkText() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_FILTER_DIALOG_OK);\n\t}\n\n\tget _filterDialogCancelText() {\n\t\treturn TimelineHeaderBar.i18nBundle.getText(TIMELINE_FILTER_DIALOG_CANCEL);\n\t}\n\n\t_onSearchInput(e: CustomEvent) {\n\t\tconst value = (e.target as Input).value;\n\t\tthis.searchValue = value;\n\t\tthis.fireDecoratorEvent(\"search\", { value });\n\t}\n\n\t_onFilterClick() {\n\t\tthis._filterDialogOpen = true;\n\t}\n\n\t_onFilterDialogConfirm() {\n\t\t// Read selected state from the list items in the dialog\n\t\tconst list = this.shadowRoot!.querySelector<List>(\".ui5-timeline-filter-list\");\n\t\tif (list) {\n\t\t\tconst selectedItems = list.getSelectedItems();\n\t\t\tconst selectedTexts = selectedItems.map(item => item.textContent?.trim() || \"\");\n\n\t\t\t// Update the TimelineFilterOption elements to match the dialog selection\n\t\t\tthis.filterOptions.forEach(option => {\n\t\t\t\toption.selected = selectedTexts.includes(option.text);\n\t\t\t});\n\t\t}\n\n\t\tconst selectedOptions = this.filterOptions\n\t\t\t.filter(option => option.selected)\n\t\t\t.map(option => option.text);\n\n\t\tthis.fireDecoratorEvent(\"filter\", {\n\t\t\tfilterBy: this.filterBy,\n\t\t\tselectedOptions,\n\t\t});\n\n\t\tthis._filterDialogOpen = false;\n\t}\n\n\t_onFilterDialogCancel() {\n\t\tthis._filterDialogOpen = false;\n\t}\n\n\t_onFilterDialogClose() {\n\t\tthis._filterDialogOpen = false;\n\t}\n\n\t_onSortClick() {\n\t\t// Toggle sort order: Ascending -> Descending -> Ascending\n\t\tif (this.sortOrder === \"Ascending\") {\n\t\t\tthis.sortOrder = \"Descending\";\n\t\t} else {\n\t\t\tthis.sortOrder = \"Ascending\";\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"sort\", {\n\t\t\tsortOrder: this.sortOrder,\n\t\t});\n\t}\n}\n\nTimelineHeaderBar.define();\n\nexport default TimelineHeaderBar;\nexport type {\n\tTimelineHeaderBarSearchEventDetail,\n\tTimelineHeaderBarFilterEventDetail,\n\tTimelineHeaderBarSortEventDetail,\n};\n"]}

package/dist/TimelineHeaderBarTemplate.d.ts

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

package/dist/TimelineHeaderBarTemplate.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
-import Toolbar from "@ui5/webcomponents/dist/Toolbar.js";
-import ToolbarButton from "@ui5/webcomponents/dist/ToolbarButton.js";
-import ToolbarSpacer from "@ui5/webcomponents/dist/ToolbarSpacer.js";
-import Input from "@ui5/webcomponents/dist/Input.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import Dialog from "@ui5/webcomponents/dist/Dialog.js";
-import List from "@ui5/webcomponents/dist/List.js";
-import ListItemStandard from "@ui5/webcomponents/dist/ListItemStandard.js";
-import Bar from "@ui5/webcomponents/dist/Bar.js";
-import Button from "@ui5/webcomponents/dist/Button.js";
-import searchIcon from "@ui5/webcomponents-icons/dist/search.js";
-import sortDescending from "@ui5/webcomponents-icons/dist/sort-descending.js";
-import addFilter from "@ui5/webcomponents-icons/dist/add-filter.js";
-export default function TimelineHeaderBarTemplate() {
-    return (_jsxs(_Fragment, { children: [_jsxs(Toolbar, { class: "ui5-timeline-header-bar-toolbar", accessibleName: this._headerBarAccessibleName, children: [_jsx(ToolbarSpacer, {}), this.showSearch && (_jsx(Input, { class: "ui5-timeline-header-bar-search", placeholder: this._searchPlaceholder, value: this.searchValue, showClearIcon: true, accessibleName: this._searchAccessibleName, onInput: this._onSearchInput, children: _jsx(Icon, { slot: "icon", name: searchIcon }) })), this.showSort && (_jsx(ToolbarButton, { icon: sortDescending, design: "Transparent", tooltip: this._sortTooltip, accessibleName: this._sortAccessibleName, onClick: this._onSortClick })), this.showFilter && (_jsx(ToolbarButton, { icon: addFilter, design: "Transparent", tooltip: this._filterAccessibleName, accessibleName: this._filterAccessibleName, onClick: this._onFilterClick }))] }), this.showFilter && (_jsxs(Dialog, { class: "ui5-timeline-filter-dialog", headerText: this._filterDialogTitle, open: this._filterDialogOpen, onClose: this._onFilterDialogClose, children: [_jsx(List, { selectionMode: "Multiple", class: "ui5-timeline-filter-list", children: this.filterOptions.map(option => (_jsx(ListItemStandard, { selected: option.selected, "data-filter-text": option.text, children: option.text }, option.text))) }), _jsxs(Bar, { slot: "footer", design: "Footer", children: [_jsx(Button, { slot: "endContent", design: "Emphasized", onClick: this._onFilterDialogConfirm, children: this._filterDialogOkText }), _jsx(Button, { slot: "endContent", design: "Transparent", onClick: this._onFilterDialogCancel, children: this._filterDialogCancelText })] })] }))] }));
-}
-//# sourceMappingURL=TimelineHeaderBarTemplate.js.map

package/dist/TimelineHeaderBarTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineHeaderBarTemplate.js","sourceRoot":"","sources":["../src/TimelineHeaderBarTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,GAAG,MAAM,gCAAgC,CAAC;AACjD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAEvD,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,cAAc,MAAM,kDAAkD,CAAC;AAC9E,OAAO,SAAS,MAAM,6CAA6C,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,yBAAyB;IAChD,OAAO,CAAC,8BACP,MAAC,OAAO,IACP,KAAK,EAAC,iCAAiC,EACvC,cAAc,EAAE,IAAI,CAAC,wBAAwB,aAG7C,KAAC,aAAa,KAAG,EAGhB,IAAI,CAAC,UAAU,IAAI,CACnB,KAAC,KAAK,IACL,KAAK,EAAC,gCAAgC,EACtC,WAAW,EAAE,IAAI,CAAC,kBAAkB,EACpC,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,aAAa,EAAE,IAAI,EACnB,cAAc,EAAE,IAAI,CAAC,qBAAqB,EAC1C,OAAO,EAAE,IAAI,CAAC,cAAc,YAE5B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,UAAU,GAAI,GAC/B,CACR,EAGA,IAAI,CAAC,QAAQ,IAAI,CACjB,KAAC,aAAa,IACb,IAAI,EAAE,cAAc,EACpB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,cAAc,EAAE,IAAI,CAAC,mBAAmB,EACxC,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EAGA,IAAI,CAAC,UAAU,IAAI,CACnB,KAAC,aAAa,IACb,IAAI,EAAE,SAAS,EACf,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,qBAAqB,EACnC,cAAc,EAAE,IAAI,CAAC,qBAAqB,EAC1C,OAAO,EAAE,IAAI,CAAC,cAAc,GAC3B,CACF,IACQ,EAGT,IAAI,CAAC,UAAU,IAAI,CACnB,MAAC,MAAM,IACN,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAE,IAAI,CAAC,kBAAkB,EACnC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAC5B,OAAO,EAAE,IAAI,CAAC,oBAAoB,aAElC,KAAC,IAAI,IACJ,aAAa,EAAC,UAAU,EACxB,KAAK,EAAC,0BAA0B,YAE/B,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACjC,KAAC,gBAAgB,IAEhB,QAAQ,EAAE,MAAM,CAAC,QAAQ,sBACP,MAAM,CAAC,IAAI,YAE5B,MAAM,CAAC,IAAI,IAJP,MAAM,CAAC,IAAI,CAKE,CACnB,CAAC,GACI,EAEP,MAAC,GAAG,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,aACjC,KAAC,MAAM,IACN,IAAI,EAAC,YAAY,EACjB,MAAM,EAAC,YAAY,EACnB,OAAO,EAAE,IAAI,CAAC,sBAAsB,YAEnC,IAAI,CAAC,mBAAmB,GACjB,EACT,KAAC,MAAM,IACN,IAAI,EAAC,YAAY,EACjB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,qBAAqB,YAElC,IAAI,CAAC,uBAAuB,GACrB,IACJ,IACE,CACT,IACC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import Toolbar from \"@ui5/webcomponents/dist/Toolbar.js\";\nimport ToolbarButton from \"@ui5/webcomponents/dist/ToolbarButton.js\";\nimport ToolbarSpacer from \"@ui5/webcomponents/dist/ToolbarSpacer.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemStandard from \"@ui5/webcomponents/dist/ListItemStandard.js\";\nimport Bar from \"@ui5/webcomponents/dist/Bar.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport type TimelineHeaderBar from \"./TimelineHeaderBar.js\";\nimport searchIcon from \"@ui5/webcomponents-icons/dist/search.js\";\nimport sortDescending from \"@ui5/webcomponents-icons/dist/sort-descending.js\";\nimport addFilter from \"@ui5/webcomponents-icons/dist/add-filter.js\";\n\nexport default function TimelineHeaderBarTemplate(this: TimelineHeaderBar) {\n\treturn (<>\n\t\t<Toolbar\n\t\t\tclass=\"ui5-timeline-header-bar-toolbar\"\n\t\t\taccessibleName={this._headerBarAccessibleName}\n\t\t>\n\t\t\t{/* Spacer pushes all controls to the end */}\n\t\t\t<ToolbarSpacer />\n\n\t\t\t{/* Search Input */}\n\t\t\t{this.showSearch && (\n\t\t\t\t<Input\n\t\t\t\t\tclass=\"ui5-timeline-header-bar-search\"\n\t\t\t\t\tplaceholder={this._searchPlaceholder}\n\t\t\t\t\tvalue={this.searchValue}\n\t\t\t\t\tshowClearIcon={true}\n\t\t\t\t\taccessibleName={this._searchAccessibleName}\n\t\t\t\t\tonInput={this._onSearchInput}\n\t\t\t\t>\n\t\t\t\t\t<Icon slot=\"icon\" name={searchIcon} />\n\t\t\t\t</Input>\n\t\t\t)}\n\n\t\t\t{/* Sort Button */}\n\t\t\t{this.showSort && (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={sortDescending}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\ttooltip={this._sortTooltip}\n\t\t\t\t\taccessibleName={this._sortAccessibleName}\n\t\t\t\t\tonClick={this._onSortClick}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{/* Filter Button */}\n\t\t\t{this.showFilter && (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\ticon={addFilter}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\ttooltip={this._filterAccessibleName}\n\t\t\t\t\taccessibleName={this._filterAccessibleName}\n\t\t\t\t\tonClick={this._onFilterClick}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Toolbar>\n\n\t\t{/* Filter Dialog */}\n\t\t{this.showFilter && (\n\t\t\t<Dialog\n\t\t\t\tclass=\"ui5-timeline-filter-dialog\"\n\t\t\t\theaderText={this._filterDialogTitle}\n\t\t\t\topen={this._filterDialogOpen}\n\t\t\t\tonClose={this._onFilterDialogClose}\n\t\t\t>\n\t\t\t\t<List\n\t\t\t\t\tselectionMode=\"Multiple\"\n\t\t\t\t\tclass=\"ui5-timeline-filter-list\"\n\t\t\t\t>\n\t\t\t\t\t{this.filterOptions.map(option => (\n\t\t\t\t\t\t<ListItemStandard\n\t\t\t\t\t\t\tkey={option.text}\n\t\t\t\t\t\t\tselected={option.selected}\n\t\t\t\t\t\t\tdata-filter-text={option.text}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option.text}\n\t\t\t\t\t\t</ListItemStandard>\n\t\t\t\t\t))}\n\t\t\t\t</List>\n\n\t\t\t\t<Bar slot=\"footer\" design=\"Footer\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tslot=\"endContent\"\n\t\t\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\t\t\tonClick={this._onFilterDialogConfirm}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._filterDialogOkText}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tslot=\"endContent\"\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._onFilterDialogCancel}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._filterDialogCancelText}\n\t\t\t\t\t</Button>\n\t\t\t\t</Bar>\n\t\t\t</Dialog>\n\t\t)}\n\t</>);\n}\n"]}

package/dist/css/themes/TimelineHeaderBar.css

@@ -1 +0,0 @@
-:host{display:block;--_ui5_timeline_header_bar_search_max_width: 16rem;--_ui5_timeline_filter_dialog_min_width: 20rem}.ui5-timeline-header-bar-search{max-width:var(--_ui5_timeline_header_bar_search_max_width)}.ui5-timeline-filter-dialog{min-width:var(--_ui5_timeline_filter_dialog_min_width)}.ui5-timeline-filter-list{width:100%}

package/dist/generated/themes/TimelineHeaderBar.css.d.ts

@@ -1,2 +0,0 @@
-declare const _default: ":host{display:block;--_ui5_timeline_header_bar_search_max_width: 16rem;--_ui5_timeline_filter_dialog_min_width: 20rem}.ui5-timeline-header-bar-search{max-width:var(--_ui5_timeline_header_bar_search_max_width)}.ui5-timeline-filter-dialog{min-width:var(--_ui5_timeline_filter_dialog_min_width)}.ui5-timeline-filter-list{width:100%}\n";
-export default _default;

package/dist/generated/themes/TimelineHeaderBar.css.js

@@ -1,8 +0,0 @@
-import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
-import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
-registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
-registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{display:block;--_ui5_timeline_header_bar_search_max_width: 16rem;--_ui5_timeline_filter_dialog_min_width: 20rem}.ui5-timeline-header-bar-search{max-width:var(--_ui5_timeline_header_bar_search_max_width)}.ui5-timeline-filter-dialog{min-width:var(--_ui5_timeline_filter_dialog_min_width)}.ui5-timeline-filter-list{width:100%}
-`;
-//# sourceMappingURL=TimelineHeaderBar.css.js.map

package/dist/generated/themes/TimelineHeaderBar.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineHeaderBar.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TimelineHeaderBar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{display:block;--_ui5_timeline_header_bar_search_max_width: 16rem;--_ui5_timeline_filter_dialog_min_width: 20rem}.ui5-timeline-header-bar-search{max-width:var(--_ui5_timeline_header_bar_search_max_width)}.ui5-timeline-filter-dialog{min-width:var(--_ui5_timeline_filter_dialog_min_width)}.ui5-timeline-filter-list{width:100%}\n`"]}

package/dist/types/TimelineSortOrder.d.ts

@@ -1,18 +0,0 @@
-/**
- * Sort order for Timeline items.
- * @public
- * @since 2.22.0
- */
-declare enum TimelineSortOrder {
-    /**
-     * Ascending order (oldest first).
-     * @public
-     */
-    Ascending = "Ascending",
-    /**
-     * Descending order (newest first).
-     * @public
-     */
-    Descending = "Descending"
-}
-export default TimelineSortOrder;

package/dist/types/TimelineSortOrder.js

@@ -1,20 +0,0 @@
-/**
- * Sort order for Timeline items.
- * @public
- * @since 2.22.0
- */
-var TimelineSortOrder;
-(function (TimelineSortOrder) {
-    /**
-     * Ascending order (oldest first).
-     * @public
-     */
-    TimelineSortOrder["Ascending"] = "Ascending";
-    /**
-     * Descending order (newest first).
-     * @public
-     */
-    TimelineSortOrder["Descending"] = "Descending";
-})(TimelineSortOrder || (TimelineSortOrder = {}));
-export default TimelineSortOrder;
-//# sourceMappingURL=TimelineSortOrder.js.map

package/dist/types/TimelineSortOrder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineSortOrder.js","sourceRoot":"","sources":["../../src/types/TimelineSortOrder.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,IAAK,iBAYJ;AAZD,WAAK,iBAAiB;IACrB;;;OAGG;IACH,4CAAuB,CAAA;IAEvB;;;OAGG;IACH,8CAAyB,CAAA;AAC1B,CAAC,EAZI,iBAAiB,KAAjB,iBAAiB,QAYrB;AAED,eAAe,iBAAiB,CAAC","sourcesContent":["/**\n * Sort order for Timeline items.\n * @public\n * @since 2.22.0\n */\nenum TimelineSortOrder {\n\t/**\n\t * Ascending order (oldest first).\n\t * @public\n\t */\n\tAscending = \"Ascending\",\n\n\t/**\n\t * Descending order (newest first).\n\t * @public\n\t */\n\tDescending = \"Descending\",\n}\n\nexport default TimelineSortOrder;\n"]}

package/src/TimelineHeaderBarTemplate.tsx

@@ -1,104 +0,0 @@
-import Toolbar from "@ui5/webcomponents/dist/Toolbar.js";
-import ToolbarButton from "@ui5/webcomponents/dist/ToolbarButton.js";
-import ToolbarSpacer from "@ui5/webcomponents/dist/ToolbarSpacer.js";
-import Input from "@ui5/webcomponents/dist/Input.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import Dialog from "@ui5/webcomponents/dist/Dialog.js";
-import List from "@ui5/webcomponents/dist/List.js";
-import ListItemStandard from "@ui5/webcomponents/dist/ListItemStandard.js";
-import Bar from "@ui5/webcomponents/dist/Bar.js";
-import Button from "@ui5/webcomponents/dist/Button.js";
-import type TimelineHeaderBar from "./TimelineHeaderBar.js";
-import searchIcon from "@ui5/webcomponents-icons/dist/search.js";
-import sortDescending from "@ui5/webcomponents-icons/dist/sort-descending.js";
-import addFilter from "@ui5/webcomponents-icons/dist/add-filter.js";
-
-export default function TimelineHeaderBarTemplate(this: TimelineHeaderBar) {
-	return (<>
-		<Toolbar
-			class="ui5-timeline-header-bar-toolbar"
-			accessibleName={this._headerBarAccessibleName}
-		>
-			{/* Spacer pushes all controls to the end */}
-			<ToolbarSpacer />
-
-			{/* Search Input */}
-			{this.showSearch && (
-				<Input
-					class="ui5-timeline-header-bar-search"
-					placeholder={this._searchPlaceholder}
-					value={this.searchValue}
-					showClearIcon={true}
-					accessibleName={this._searchAccessibleName}
-					onInput={this._onSearchInput}
-				>
-					<Icon slot="icon" name={searchIcon} />
-				</Input>
-			)}
-
-			{/* Sort Button */}
-			{this.showSort && (
-				<ToolbarButton
-					icon={sortDescending}
-					design="Transparent"
-					tooltip={this._sortTooltip}
-					accessibleName={this._sortAccessibleName}
-					onClick={this._onSortClick}
-				/>
-			)}
-
-			{/* Filter Button */}
-			{this.showFilter && (
-				<ToolbarButton
-					icon={addFilter}
-					design="Transparent"
-					tooltip={this._filterAccessibleName}
-					accessibleName={this._filterAccessibleName}
-					onClick={this._onFilterClick}
-				/>
-			)}
-		</Toolbar>
-
-		{/* Filter Dialog */}
-		{this.showFilter && (
-			<Dialog
-				class="ui5-timeline-filter-dialog"
-				headerText={this._filterDialogTitle}
-				open={this._filterDialogOpen}
-				onClose={this._onFilterDialogClose}
-			>
-				<List
-					selectionMode="Multiple"
-					class="ui5-timeline-filter-list"
-				>
-					{this.filterOptions.map(option => (
-						<ListItemStandard
-							key={option.text}
-							selected={option.selected}
-							data-filter-text={option.text}
-						>
-							{option.text}
-						</ListItemStandard>
-					))}
-				</List>
-
-				<Bar slot="footer" design="Footer">
-					<Button
-						slot="endContent"
-						design="Emphasized"
-						onClick={this._onFilterDialogConfirm}
-					>
-						{this._filterDialogOkText}
-					</Button>
-					<Button
-						slot="endContent"
-						design="Transparent"
-						onClick={this._onFilterDialogCancel}
-					>
-						{this._filterDialogCancelText}
-					</Button>
-				</Bar>
-			</Dialog>
-		)}
-	</>);
-}

package/src/themes/TimelineHeaderBar.css

@@ -1,17 +0,0 @@
-:host {
-	display: block;
-	--_ui5_timeline_header_bar_search_max_width: 16rem;
-	--_ui5_timeline_filter_dialog_min_width: 20rem;
-}
-
-.ui5-timeline-header-bar-search {
-	max-width: var(--_ui5_timeline_header_bar_search_max_width);
-}
-
-.ui5-timeline-filter-dialog {
-	min-width: var(--_ui5_timeline_filter_dialog_min_width);
-}
-
-.ui5-timeline-filter-list {
-	width: 100%;
-}