@ui5/webcomponents 0.0.0-fca1107e7 → 0.0.0-fd426fe8a

package/dist/ToolbarRegistry.js

@@ -1,22 +0,0 @@
-import getSharedResource from "@ui5/webcomponents-base/dist/getSharedResource.js";
-const registry = getSharedResource("ToolbarItem.registry", new Map());
-const registerToolbarItem = (ElementClass) => {
-    registry.set(ElementClass.name, ElementClass);
-};
-const getRegisteredToolbarItem = (name) => {
-    if (!registry.has(name)) {
-        throw new Error(`No template found for ${name}`);
-    }
-    return registry.get(name);
-};
-const getRegisteredStyles = () => {
-    return [...registry.values()].map((ElementClass) => ElementClass.styles);
-};
-const getRegisteredStaticAreaStyles = () => {
-    return [...registry.values()].map((ElementClass) => ElementClass.staticAreaStyles);
-};
-const getRegisteredDependencies = () => {
-    return [...registry.values()].map((ElementClass) => ElementClass.dependencies).flat();
-};
-export { registerToolbarItem, getRegisteredToolbarItem, getRegisteredStyles, getRegisteredStaticAreaStyles, getRegisteredDependencies, };
-//# sourceMappingURL=ToolbarRegistry.js.map

package/dist/ToolbarRegistry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarRegistry.js","sourceRoot":"","sources":["../src/ToolbarRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,mDAAmD,CAAC;AAIlF,MAAM,QAAQ,GAAG,iBAAiB,CAAkC,sBAAsB,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAEvG,MAAM,mBAAmB,GAAG,CAAC,YAAgC,EAAE,EAAE;IAChE,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAAY,EAAE,EAAE;IACjD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACxB,MAAM,IAAI,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;KACjD;IAED,OAAO,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAChC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAgC,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,6BAA6B,GAAG,GAAG,EAAE;IAC1C,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAgC,EAAE,EAAE,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACxG,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACtC,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAgC,EAAE,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;AAC3G,CAAC,CAAC;AAEF,OAAO,EACN,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,6BAA6B,EAC7B,yBAAyB,GACzB,CAAC","sourcesContent":["import getSharedResource from \"@ui5/webcomponents-base/dist/getSharedResource.js\";\n\nimport type ToolbarItem from \"./ToolbarItem.js\";\n\nconst registry = getSharedResource<Map<string, typeof ToolbarItem>>(\"ToolbarItem.registry\", new Map());\n\nconst registerToolbarItem = (ElementClass: typeof ToolbarItem) => {\n\tregistry.set(ElementClass.name, ElementClass);\n};\n\nconst getRegisteredToolbarItem = (name: string) => {\n\tif (!registry.has(name)) {\n\t\tthrow new Error(`No template found for ${name}`);\n\t}\n\n\treturn registry.get(name);\n};\n\nconst getRegisteredStyles = () => {\n\treturn [...registry.values()].map((ElementClass: typeof ToolbarItem) => ElementClass.styles);\n};\n\nconst getRegisteredStaticAreaStyles = () => {\n\treturn [...registry.values()].map((ElementClass: typeof ToolbarItem) => ElementClass.staticAreaStyles);\n};\n\nconst getRegisteredDependencies = () => {\n\treturn [...registry.values()].map((ElementClass: typeof ToolbarItem) => ElementClass.dependencies).flat();\n};\n\nexport {\n\tregisterToolbarItem,\n\tgetRegisteredToolbarItem,\n\tgetRegisteredStyles,\n\tgetRegisteredStaticAreaStyles,\n\tgetRegisteredDependencies,\n};\n"]}

package/dist/WheelSlider.d.ts

@@ -1,101 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import "@ui5/webcomponents-icons/dist/navigation-up-arrow.js";
-import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
-import ScrollEnablement from "@ui5/webcomponents-base/dist/delegate/ScrollEnablement.js";
-type WheelSliderSelectEventDetail = {
-    value: string;
-};
-/**
- * @class
- *
- * ### Overview
- *
- * ### Usage
- *
- * ### ES6 Module Import
- *
- * `import "@ui5/webcomponents/dist/WheelSlider.js";`
- * @constructor
- * @extends UI5Element
- * @private
- * @since 1.0.0-rc.6
- */
-declare class WheelSlider extends UI5Element {
-    /**
-     * Defines whether the component is disabled
-     * (default is set to `false`).
-     * A disabled component can't be pressed or
-     * focused, and it is not in the tab chain.
-     * @default false
-     * @public
-     */
-    disabled: boolean;
-    /**
-     * Defines the currently selected value
-     * @default "0"
-     * @public
-     */
-    value: string;
-    /**
-     * Defines the label of the wheelslider.
-     * @default ""
-     * @public
-     */
-    label: string;
-    /**
-     * Indicates if the wheelslider is expanded.
-     * @default false
-     * @public
-     */
-    expanded: boolean;
-    /**
-     * Indicates if the wheelslider has a cyclic behaviour.
-     * @default false
-     * @public
-     */
-    cyclic: boolean;
-    _items: Array<string>;
-    _itemsToShow: Array<{
-        value: string;
-        selected: boolean;
-    }>;
-    _currentElementIndex: number;
-    _scroller: ScrollEnablement;
-    _prevWheelTimestamp?: number;
-    _density: string;
-    constructor();
-    onBeforeRendering(): void;
-    onAfterRendering(): true | undefined;
-    get classes(): {
-        root: {
-            "ui5-wheelslider-root": boolean;
-            "ui5-phone": boolean;
-        };
-    };
-    expandSlider(): void;
-    collapseSlider(): void;
-    get _itemCellHeight(): number;
-    _updateScrolling(): void;
-    _handleScrollTouchEnd(): void;
-    _selectElement(element: HTMLElement): void;
-    _getCurrentRepetition(): number;
-    _selectElementByIndex(currentIndex: number): void;
-    _timesMultipliedOnCyclic(): number;
-    _buildItemsToShow(): void;
-    _handleArrayBorderReached(currentIndex: number): number;
-    /**
-     * The listener for this event can't be passive as it calls preventDefault()
-     * @param e Wheel Event
-     * @private
-     */
-    _handleWheel(e: WheelEvent): void;
-    _onclick(e: MouseEvent): void;
-    _onArrowDown(e: KeyboardEvent): void;
-    _onArrowUp(e: KeyboardEvent): void;
-    _itemDown(): void;
-    _itemUp(): void;
-    _onkeydown(e: KeyboardEvent): void;
-    _selectLimitCell(e: KeyboardEvent, isMax: boolean): void;
-}
-export default WheelSlider;
-export type { WheelSliderSelectEventDetail };

package/dist/WheelSlider.js

@@ -1,338 +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;
-};
-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 event from "@ui5/webcomponents-base/dist/decorators/event.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
-import { getScopedVarName } from "@ui5/webcomponents-base/dist/CustomElementsScope.js";
-import { isDown, isUp, isPageUp, isPageDown, } from "@ui5/webcomponents-base/dist/Keys.js";
-import "@ui5/webcomponents-icons/dist/navigation-up-arrow.js";
-import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
-import ScrollEnablement from "@ui5/webcomponents-base/dist/delegate/ScrollEnablement.js";
-import WheelSliderTemplate from "./generated/templates/WheelSliderTemplate.lit.js";
-import Button from "./Button.js";
-// Styles
-import WheelSliderCss from "./generated/themes/WheelSlider.css.js";
-const CELL_SIZE_COMPACT = 32;
-const CELL_SIZE_COZY = 46;
-/**
- * @class
- *
- * ### Overview
- *
- * ### Usage
- *
- * ### ES6 Module Import
- *
- * `import "@ui5/webcomponents/dist/WheelSlider.js";`
- * @constructor
- * @extends UI5Element
- * @private
- * @since 1.0.0-rc.6
- */
-let WheelSlider = class WheelSlider extends UI5Element {
-    constructor() {
-        super();
-        this._currentElementIndex = 0;
-        this._itemsToShow = [];
-        this._scroller = new ScrollEnablement(this);
-        this._scroller.attachEvent("scroll", this._updateScrolling.bind(this));
-        this._scroller.attachEvent("mouseup", this._handleScrollTouchEnd.bind(this));
-        this._scroller.attachEvent("touchend", this._handleScrollTouchEnd.bind(this));
-    }
-    onBeforeRendering() {
-        if (!this.expanded && this.cyclic) {
-            const index = this._currentElementIndex % this._items.length;
-            this._currentElementIndex = (this._timesMultipliedOnCyclic() / 2) * this._items.length + index;
-        }
-        if (!this.value) {
-            this.value = this._items[0];
-        }
-        this._buildItemsToShow();
-    }
-    onAfterRendering() {
-        if (!this._scroller.scrollContainer) {
-            this._scroller.scrollContainer = this.shadowRoot.querySelector(`[id="${this._id}--wrapper"]`);
-        }
-        if (!this.expanded) {
-            this._scroller.scrollTo(0, 0);
-        }
-        if (this.expanded) {
-            const elements = this.shadowRoot.querySelectorAll(".ui5-wheelslider-item");
-            for (let i = 0; i < elements.length; i++) {
-                const el = elements[i];
-                if (el.textContent === this.value) {
-                    this._selectElementByIndex(Number(el.dataset.itemIndex) + this._getCurrentRepetition() * this._items.length);
-                    return true;
-                }
-            }
-            this._selectElement(elements[0]);
-        }
-    }
-    get classes() {
-        return {
-            root: {
-                "ui5-wheelslider-root": true,
-                "ui5-phone": isPhone(),
-            },
-        };
-    }
-    expandSlider() {
-        this.expanded = true;
-        this.fireEvent("expand", {});
-    }
-    collapseSlider() {
-        this.expanded = false;
-        this.fireEvent("collapse", {});
-    }
-    get _itemCellHeight() {
-        const defaultSize = this._density === "compact" ? CELL_SIZE_COMPACT : CELL_SIZE_COZY;
-        if (this.shadowRoot.querySelectorAll(".ui5-wheelslider-item").length) {
-            const itemComputedStyle = getComputedStyle(this.shadowRoot.querySelector(".ui5-wheelslider-item"));
-            const itemHeightValue = itemComputedStyle.getPropertyValue(getScopedVarName("--_ui5_wheelslider_item_height"));
-            const onlyDigitsValue = itemHeightValue.replace("px", "");
-            return Number(onlyDigitsValue) || defaultSize;
-        }
-        return defaultSize;
-    }
-    _updateScrolling() {
-        const cellSizeInPx = this._itemCellHeight, scrollWhere = this._scroller.scrollContainer.scrollTop;
-        let offsetIndex;
-        if (!scrollWhere) {
-            return;
-        }
-        offsetIndex = Math.round(scrollWhere / cellSizeInPx);
-        if (this.value === this._itemsToShow[offsetIndex].value) {
-            return;
-        }
-        if (this.cyclic) {
-            const newIndex = this._handleArrayBorderReached(offsetIndex);
-            if (offsetIndex !== newIndex) {
-                offsetIndex = newIndex;
-            }
-        }
-        this.value = this._itemsToShow[offsetIndex].value;
-        this._currentElementIndex = offsetIndex;
-    }
-    _handleScrollTouchEnd() {
-        if (this.expanded) {
-            this._selectElementByIndex(this._currentElementIndex);
-        }
-    }
-    _selectElement(element) {
-        if (element && element.textContent && this._items.indexOf(element.textContent) > -1) {
-            this._currentElementIndex = Number(element.dataset.itemIndex);
-            this._selectElementByIndex(this._currentElementIndex);
-        }
-    }
-    _getCurrentRepetition() {
-        if (this._currentElementIndex) {
-            return Math.floor(this._currentElementIndex / this._items.length);
-        }
-        if (this._items.length > 0 && this.cyclic) {
-            return 1;
-        }
-        return 0;
-    }
-    _selectElementByIndex(currentIndex) {
-        let index = currentIndex;
-        const itemsCount = this._itemsToShow.length;
-        const cellSizeInPx = this._itemCellHeight;
-        const scrollBy = cellSizeInPx * index;
-        if (this.cyclic) {
-            index = this._handleArrayBorderReached(index);
-        }
-        if (index < itemsCount && index > -1) {
-            this._scroller.scrollTo(0, scrollBy, 5, 100); // sometimes the container isn't painted yet so retry 5 times (although it succeeds on the 1st)
-            this._currentElementIndex = index;
-            this.value = this._items[index - (this._getCurrentRepetition() * this._items.length)];
-            this.fireEvent("select", { value: this.value });
-        }
-    }
-    _timesMultipliedOnCyclic() {
-        const minElementsInCyclicWheelSlider = 70;
-        const repetitionCount = Math.round(minElementsInCyclicWheelSlider / this._items.length);
-        const minRepetitionCount = 3;
-        return Math.max(minRepetitionCount, repetitionCount);
-    }
-    _buildItemsToShow() {
-        let itemsToShow = this._items;
-        if (this.cyclic) {
-            if (itemsToShow.length < this._items.length * this._timesMultipliedOnCyclic()) {
-                for (let i = 0; i < this._timesMultipliedOnCyclic(); i++) {
-                    itemsToShow = itemsToShow.concat(this._items);
-                }
-            }
-        }
-        this._itemsToShow = itemsToShow.map(value => {
-            return {
-                value,
-                "selected": (value === this.value),
-            };
-        });
-    }
-    _handleArrayBorderReached(currentIndex) {
-        const arrayLength = this._itemsToShow.length;
-        const maxVisibleElementsOnOneSide = 7;
-        let index = currentIndex;
-        if (maxVisibleElementsOnOneSide > index) {
-            index += this._items.length * 2;
-        }
-        else if (index > arrayLength - maxVisibleElementsOnOneSide) {
-            index -= this._items.length * 2;
-        }
-        return index;
-    }
-    /**
-     * The listener for this event can't be passive as it calls preventDefault()
-     * @param e Wheel Event
-     * @private
-     */
-    _handleWheel(e) {
-        if (!e) {
-            return;
-        }
-        e.stopPropagation();
-        e.preventDefault();
-        if (e.timeStamp === this._prevWheelTimestamp || !this.expanded) {
-            return;
-        }
-        if (this._prevWheelTimestamp && (e.timeStamp < this._prevWheelTimestamp + 250 || !this.expanded)) {
-            return;
-        }
-        if (e.deltaY > 0) {
-            this._itemUp();
-        }
-        else if (e.deltaY < 0) {
-            this._itemDown();
-        }
-        this._prevWheelTimestamp = e.timeStamp;
-    }
-    _onclick(e) {
-        const target = e.target;
-        if (!target.classList.contains("ui5-wheelslider-item")) {
-            return;
-        }
-        if (this.expanded) {
-            this.value = target.textContent || "";
-            this._selectElement(target);
-            this.fireEvent("select", { value: this.value });
-        }
-        else {
-            this.expanded = true;
-        }
-    }
-    _onArrowDown(e) {
-        e.preventDefault();
-        this._itemDown();
-    }
-    _onArrowUp(e) {
-        e.preventDefault();
-        this._itemUp();
-    }
-    _itemDown() {
-        const nextElementIndex = this._currentElementIndex + 1;
-        this._selectElementByIndex(nextElementIndex);
-    }
-    _itemUp() {
-        const nextElementIndex = this._currentElementIndex - 1;
-        this._selectElementByIndex(nextElementIndex);
-    }
-    _onkeydown(e) {
-        if (!this.expanded) {
-            return;
-        }
-        if (isUp(e)) {
-            this._onArrowUp(e);
-        }
-        if (isDown(e)) {
-            this._onArrowDown(e);
-        }
-        if (isPageDown(e)) {
-            this._selectLimitCell(e, false);
-        }
-        if (isPageUp(e)) {
-            this._selectLimitCell(e, true);
-        }
-    }
-    _selectLimitCell(e, isMax) {
-        e.preventDefault();
-        const intexIncrease = this.cyclic ? this._items.length : 0;
-        if (isMax) {
-            this._selectElementByIndex(this._items.length - 1 + intexIncrease);
-        }
-        else {
-            this._selectElementByIndex(intexIncrease);
-        }
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], WheelSlider.prototype, "disabled", void 0);
-__decorate([
-    property({ defaultValue: "0" })
-], WheelSlider.prototype, "value", void 0);
-__decorate([
-    property({ defaultValue: "" })
-], WheelSlider.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean })
-], WheelSlider.prototype, "expanded", void 0);
-__decorate([
-    property({ type: Boolean })
-], WheelSlider.prototype, "cyclic", void 0);
-__decorate([
-    property({ multiple: true, compareValues: true })
-], WheelSlider.prototype, "_items", void 0);
-__decorate([
-    property({ type: Object, multiple: true })
-], WheelSlider.prototype, "_itemsToShow", void 0);
-__decorate([
-    property()
-], WheelSlider.prototype, "_density", void 0);
-WheelSlider = __decorate([
-    customElement({
-        tag: "ui5-wheelslider",
-        renderer: litRender,
-        styles: WheelSliderCss,
-        template: WheelSliderTemplate,
-        dependencies: [Button],
-    })
-    /**
-     * Fires when new value is selected.
-     * @public
-     * @param {string} value The selected value.
-     */
-    ,
-    event("select", {
-        detail: {
-            /**
-             * @public
-             */
-            value: {
-                type: String,
-            },
-        },
-    })
-    /**
-     * Fires when the wheel slider is expanded.
-     * @public
-     */
-    ,
-    event("expand")
-    /**
-     * Fires when the wheel slider is collapsed.
-     * @public
-     */
-    ,
-    event("collapse")
-], WheelSlider);
-WheelSlider.define();
-export default WheelSlider;
-//# sourceMappingURL=WheelSlider.js.map

package/dist/WheelSlider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WheelSlider.js","sourceRoot":"","sources":["../src/WheelSlider.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element 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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport {\n\tisDown,\n\tisUp,\n\tisPageUp,\n\tisPageDown,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-up-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport ScrollEnablement from \"@ui5/webcomponents-base/dist/delegate/ScrollEnablement.js\";\nimport WheelSliderTemplate from \"./generated/templates/WheelSliderTemplate.lit.js\";\nimport Button from \"./Button.js\";\n\n// Styles\nimport WheelSliderCss from \"./generated/themes/WheelSlider.css.js\";\n\nconst CELL_SIZE_COMPACT = 32;\nconst CELL_SIZE_COZY = 46;\n\ntype WheelSliderSelectEventDetail = { value: string };\n\n/**\n * @class\n *\n * ### Overview\n *\n * ### Usage\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/WheelSlider.js\";`\n * @constructor\n * @extends UI5Element\n * @private\n * @since 1.0.0-rc.6\n */\n@customElement({\n\ttag: \"ui5-wheelslider\",\n\trenderer: litRender,\n\tstyles: WheelSliderCss,\n\ttemplate: WheelSliderTemplate,\n\tdependencies: [Button],\n})\n/**\n * Fires when new value is selected.\n * @public\n * @param {string} value The selected value.\n */\n@event<WheelSliderSelectEventDetail>(\"select\", {\n\tdetail: {\n\t\t/**\n\t\t * @public\n\t\t */\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t},\n\t},\n})\n\n/**\n * Fires when the wheel slider is expanded.\n * @public\n */\n@event(\"expand\")\n\n/**\n * Fires when the wheel slider is collapsed.\n * @public\n */\n@event(\"collapse\")\nclass WheelSlider extends UI5Element {\n\t/**\n\t * Defines whether the component is disabled\n\t * (default is set to `false`).\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Defines the currently selected value\n\t * @default \"0\"\n\t * @public\n\t */\n\t@property({ defaultValue: \"0\" })\n\tvalue!: string;\n\n\t/**\n\t * Defines the label of the wheelslider.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ defaultValue: \"\" })\n\tlabel!: string;\n\n\t/**\n\t * Indicates if the wheelslider is expanded.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\texpanded!: boolean;\n\n\t/**\n\t * Indicates if the wheelslider has a cyclic behaviour.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tcyclic!: boolean;\n\n\t@property({ multiple: true, compareValues: true })\n\t_items!: Array<string>;\n\n\t@property({ type: Object, multiple: true })\n\t_itemsToShow!: Array<{\n\t\tvalue: string,\n\t\tselected: boolean,\n\t}>;\n\n\t_currentElementIndex: number;\n\t_scroller: ScrollEnablement;\n\t_prevWheelTimestamp?: number;\n\n\t@property()\n\t_density!: string;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._currentElementIndex = 0;\n\t\tthis._itemsToShow = [];\n\t\tthis._scroller = new ScrollEnablement(this);\n\t\tthis._scroller.attachEvent(\"scroll\", this._updateScrolling.bind(this));\n\t\tthis._scroller.attachEvent(\"mouseup\", this._handleScrollTouchEnd.bind(this));\n\t\tthis._scroller.attachEvent(\"touchend\", this._handleScrollTouchEnd.bind(this));\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.expanded && this.cyclic) {\n\t\t\tconst index = this._currentElementIndex % this._items.length;\n\t\t\tthis._currentElementIndex = (this._timesMultipliedOnCyclic() / 2) * this._items.length + index;\n\t\t}\n\n\t\tif (!this.value) {\n\t\t\tthis.value = this._items[0];\n\t\t}\n\n\t\tthis._buildItemsToShow();\n\t}\n\n\tonAfterRendering() {\n\t\tif (!this._scroller.scrollContainer) {\n\t\t\tthis._scroller.scrollContainer = this.shadowRoot!.querySelector(`[id=\"${this._id}--wrapper\"]`)!;\n\t\t}\n\n\t\tif (!this.expanded) {\n\t\t\tthis._scroller.scrollTo(0, 0);\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\tconst elements = this.shadowRoot!.querySelectorAll(\".ui5-wheelslider-item\");\n\t\t\tfor (let i = 0; i < elements.length; i++) {\n\t\t\t\tconst el = elements[i] as HTMLElement;\n\t\t\t\tif (el.textContent === this.value) {\n\t\t\t\t\tthis._selectElementByIndex(Number(el.dataset.itemIndex) + this._getCurrentRepetition() * this._items.length);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis._selectElement(elements[0] as HTMLElement);\n\t\t}\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-wheelslider-root\": true,\n\t\t\t\t\"ui5-phone\": isPhone(),\n\t\t\t},\n\t\t};\n\t}\n\n\texpandSlider() {\n\t\tthis.expanded = true;\n\t\tthis.fireEvent(\"expand\", {});\n\t}\n\n\tcollapseSlider() {\n\t\tthis.expanded = false;\n\t\tthis.fireEvent(\"collapse\", {});\n\t}\n\n\tget _itemCellHeight() {\n\t\tconst defaultSize = this._density === \"compact\" ? CELL_SIZE_COMPACT : CELL_SIZE_COZY;\n\n\t\tif (this.shadowRoot!.querySelectorAll(\".ui5-wheelslider-item\").length) {\n\t\t\tconst itemComputedStyle = getComputedStyle(this.shadowRoot!.querySelector(\".ui5-wheelslider-item\")!);\n\t\t\tconst itemHeightValue = itemComputedStyle.getPropertyValue(getScopedVarName(\"--_ui5_wheelslider_item_height\"));\n\t\t\tconst onlyDigitsValue = itemHeightValue.replace(\"px\", \"\");\n\t\t\treturn Number(onlyDigitsValue) || defaultSize;\n\t\t}\n\n\t\treturn defaultSize;\n\t}\n\n\t_updateScrolling() {\n\t\tconst cellSizeInPx = this._itemCellHeight,\n\t\t\tscrollWhere = this._scroller.scrollContainer.scrollTop;\n\t\tlet offsetIndex;\n\n\t\tif (!scrollWhere) {\n\t\t\treturn;\n\t\t}\n\n\t\toffsetIndex = Math.round(scrollWhere / cellSizeInPx);\n\n\t\tif (this.value === this._itemsToShow[offsetIndex].value) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.cyclic) {\n\t\t\tconst newIndex = this._handleArrayBorderReached(offsetIndex);\n\t\t\tif (offsetIndex !== newIndex) {\n\t\t\t\toffsetIndex = newIndex;\n\t\t\t}\n\t\t}\n\n\t\tthis.value = this._itemsToShow[offsetIndex].value;\n\t\tthis._currentElementIndex = offsetIndex;\n\t}\n\n\t_handleScrollTouchEnd() {\n\t\tif (this.expanded) {\n\t\t\tthis._selectElementByIndex(this._currentElementIndex);\n\t\t}\n\t}\n\n\t_selectElement(element: HTMLElement) {\n\t\tif (element && element.textContent && this._items.indexOf(element.textContent) > -1) {\n\t\t\tthis._currentElementIndex = Number(element.dataset.itemIndex);\n\t\t\tthis._selectElementByIndex(this._currentElementIndex);\n\t\t}\n\t}\n\n\t_getCurrentRepetition() {\n\t\tif (this._currentElementIndex) {\n\t\t\treturn Math.floor(this._currentElementIndex / this._items.length);\n\t\t}\n\n\t\tif (this._items.length > 0 && this.cyclic) {\n\t\t\treturn 1;\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t_selectElementByIndex(currentIndex: number) {\n\t\tlet index = currentIndex;\n\t\tconst itemsCount = this._itemsToShow.length;\n\t\tconst cellSizeInPx = this._itemCellHeight;\n\t\tconst scrollBy = cellSizeInPx * index;\n\n\t\tif (this.cyclic) {\n\t\t\tindex = this._handleArrayBorderReached(index);\n\t\t}\n\n\t\tif (index < itemsCount && index > -1) {\n\t\t\tthis._scroller.scrollTo(0, scrollBy, 5, 100); // sometimes the container isn't painted yet so retry 5 times (although it succeeds on the 1st)\n\t\t\tthis._currentElementIndex = index;\n\t\t\tthis.value = this._items[index - (this._getCurrentRepetition() * this._items.length)];\n\t\t\tthis.fireEvent<WheelSliderSelectEventDetail>(\"select\", { value: this.value });\n\t\t}\n\t}\n\n\t_timesMultipliedOnCyclic() {\n\t\tconst minElementsInCyclicWheelSlider = 70;\n\t\tconst repetitionCount = Math.round(minElementsInCyclicWheelSlider / this._items.length);\n\t\tconst minRepetitionCount = 3;\n\n\t\treturn Math.max(minRepetitionCount, repetitionCount);\n\t}\n\n\t_buildItemsToShow() {\n\t\tlet itemsToShow = this._items;\n\t\tif (this.cyclic) {\n\t\t\tif (itemsToShow.length < this._items.length * this._timesMultipliedOnCyclic()) {\n\t\t\t\tfor (let i = 0; i < this._timesMultipliedOnCyclic(); i++) {\n\t\t\t\t\titemsToShow = itemsToShow.concat(this._items);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis._itemsToShow = itemsToShow.map(value => {\n\t\t\treturn {\n\t\t\t\tvalue,\n\t\t\t\t\"selected\": (value === this.value),\n\t\t\t};\n\t\t});\n\t}\n\n\t_handleArrayBorderReached(currentIndex: number) {\n\t\tconst arrayLength = this._itemsToShow.length;\n\t\tconst maxVisibleElementsOnOneSide = 7;\n\t\tlet index = currentIndex;\n\n\t\tif (maxVisibleElementsOnOneSide > index) {\n\t\t\tindex += this._items.length * 2;\n\t\t} else if (index > arrayLength - maxVisibleElementsOnOneSide) {\n\t\t\tindex -= this._items.length * 2;\n\t\t}\n\n\t\treturn index;\n\t}\n\n\t/**\n\t * The listener for this event can't be passive as it calls preventDefault()\n\t * @param e Wheel Event\n\t * @private\n\t */\n\t_handleWheel(e: WheelEvent) {\n\t\tif (!e) {\n\t\t\treturn;\n\t\t}\n\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\n\t\tif (e.timeStamp === this._prevWheelTimestamp || !this.expanded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._prevWheelTimestamp && (e.timeStamp < this._prevWheelTimestamp + 250 || !this.expanded)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.deltaY > 0) {\n\t\t\tthis._itemUp();\n\t\t} else if (e.deltaY < 0) {\n\t\t\tthis._itemDown();\n\t\t}\n\n\t\tthis._prevWheelTimestamp = e.timeStamp;\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tconst target = e.target as HTMLElement;\n\n\t\tif (!target.classList.contains(\"ui5-wheelslider-item\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\tthis.value = target.textContent || \"\";\n\t\t\tthis._selectElement(target);\n\t\t\tthis.fireEvent<WheelSliderSelectEventDetail>(\"select\", { value: this.value });\n\t\t} else {\n\t\t\tthis.expanded = true;\n\t\t}\n\t}\n\n\t_onArrowDown(e: KeyboardEvent) {\n\t\te.preventDefault();\n\t\tthis._itemDown();\n\t}\n\n\t_onArrowUp(e: KeyboardEvent) {\n\t\te.preventDefault();\n\t\tthis._itemUp();\n\t}\n\n\t_itemDown() {\n\t\tconst nextElementIndex = this._currentElementIndex + 1;\n\t\tthis._selectElementByIndex(nextElementIndex);\n\t}\n\n\t_itemUp() {\n\t\tconst nextElementIndex = this._currentElementIndex - 1;\n\t\tthis._selectElementByIndex(nextElementIndex);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (!this.expanded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isUp(e)) {\n\t\t\tthis._onArrowUp(e);\n\t\t}\n\n\t\tif (isDown(e)) {\n\t\t\tthis._onArrowDown(e);\n\t\t}\n\n\t\tif (isPageDown(e)) {\n\t\t\tthis._selectLimitCell(e, false);\n\t\t}\n\n\t\tif (isPageUp(e)) {\n\t\t\tthis._selectLimitCell(e, true);\n\t\t}\n\t}\n\n\t_selectLimitCell(e: KeyboardEvent, isMax: boolean) {\n\t\te.preventDefault();\n\t\tconst intexIncrease = this.cyclic ? this._items.length : 0;\n\t\tif (isMax) {\n\t\t\tthis._selectElementByIndex(this._items.length - 1 + intexIncrease);\n\t\t} else {\n\t\t\tthis._selectElementByIndex(intexIncrease);\n\t\t}\n\t}\n}\n\nWheelSlider.define();\n\nexport default WheelSlider;\nexport type { WheelSliderSelectEventDetail };\n"]}

package/dist/css/themes/Badge.css

@@ -1 +0,0 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{font-size:var(--_ui5-v1-24-5-badge-font-size);font-family:var(--_ui5-v1-24-5-badge-font);font-weight:var(--_ui5-v1-24-5-badge-font-weight);letter-spacing:var(--_ui5-v1-24-5-badge-letter-spacing)}:host([_is-tag-design]){font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSmallSize)}.ui5-badge-root{display:flex;align-items:center;justify-content:center;width:100%;min-width:1.125em;max-width:100%;min-height:var(--_ui5-v1-24-5-badge-height);height:var(--_ui5-v1-24-5-badge-height);box-sizing:border-box;padding:0 var(--_ui5-v1-24-5-badge-padding-inline);border:var(--_ui5-v1-24-5-badge-border);border-radius:var(--_ui5-v1-24-5-badge-border-radius);white-space:nowrap;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}:host([_is-tag-design]) .ui5-badge-root{padding:0 .25rem;border:.0625rem solid;border-radius:var(--sapButton_BorderCornerRadius)}:host([_is-tag-design][interactive]) .ui5-badge-root:active{text-shadow:var(--ui5-v1-24-5-badge-text-shadow)}:host([interactive]) .ui5-badge-root{cursor:pointer}:host([interactive]) .ui5-badge-root:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:1px}:host([wrapping-type="Normal"]) .ui5-badge-root{white-space:normal;height:auto}:host([_icon-only]) .ui5-badge-root{padding-inline:var(--_ui5-v1-24-5-badge-padding-inline-icon-only)}.ui5-badge-text{text-transform:var(--_ui5-v1-24-5-badge-text-transform);text-align:start;pointer-events:none;overflow:hidden;text-overflow:ellipsis}:host([_has-icon]) .ui5-badge-text{padding-inline-start:var(--_ui5-v1-24-5-badge-icon-gap)}[ui5-icon],::slotted([ui5-icon]){width:var(--_ui5-v1-24-5-badge-icon-width);min-width:var(--_ui5-v1-24-5-badge-icon-width);height:var(--_ui5-v1-24-5-badge-height);min-height:var(--_ui5-v1-24-5-badge-height);color:inherit;pointer-events:none}:host([wrapping-type="Normal"]) [ui5-icon],:host([wrapping-type="Normal"]) ::slotted([ui5-icon]){align-self:flex-start}.ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-1-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-1-border);color:var(--ui5-v1-24-5-badge-color-scheme-1-color)}:host([color-scheme="2"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-2-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-2-border);color:var(--ui5-v1-24-5-badge-color-scheme-2-color)}:host([color-scheme="3"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-3-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-3-border);color:var(--ui5-v1-24-5-badge-color-scheme-3-color)}:host([color-scheme="4"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-4-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-4-border);color:var(--ui5-v1-24-5-badge-color-scheme-4-color)}:host([color-scheme="5"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-5-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-5-border);color:var(--ui5-v1-24-5-badge-color-scheme-5-color)}:host([color-scheme="6"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-6-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-6-border);color:var(--ui5-v1-24-5-badge-color-scheme-6-color)}:host([color-scheme="7"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-7-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-7-border);color:var(--ui5-v1-24-5-badge-color-scheme-7-color)}:host([color-scheme="8"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-8-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-8-border);color:var(--ui5-v1-24-5-badge-color-scheme-8-color)}:host([color-scheme="9"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-9-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-9-border);color:var(--ui5-v1-24-5-badge-color-scheme-9-color)}:host([color-scheme="10"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-color-scheme-10-background);border-color:var(--ui5-v1-24-5-badge-color-scheme-10-border);color:var(--ui5-v1-24-5-badge-color-scheme-10-color)}:host([design="Neutral"]) .ui5-badge-root{background-color:var(--sapNeutralBackground);border-color:var(--sapNeutralBorderColor);color:var(--sapTextColor);text-shadow:var(--ui5-v1-24-5-badge-text-shadow)}:host([interactive][design="Neutral"]) .ui5-badge-root:hover{background-color:var(--sapButton_Neutral_Hover_Background);border-color:var(--sapButton_Neutral_Hover_BorderColor);color:var(--sapButton_Neutral_Hover_TextColor)}:host([interactive][design="Neutral"]) .ui5-badge-root:active{background-color:var(--sapButton_Neutral_Active_Background);border-color:var(--sapButton_Neutral_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]) .ui5-badge-root{background-color:var(--sapButton_Success_Background);border-color:var(--sapButton_Success_BorderColor);color:var(--sapButton_Success_TextColor);text-shadow:var(--ui5-v1-24-5-badge-contrast-text-shadow)}:host([interactive][design="Positive"]) .ui5-badge-root:hover{background-color:var(--sapButton_Success_Hover_Background);border-color:var(--sapButton_Success_Hover_BorderColor);color:var(--sapButton_Success_Hover_TextColor)}:host([interactive][design="Positive"]) .ui5-badge-root:active{background-color:var(--sapButton_Success_Active_Background);border-color:var(--sapButton_Success_Active_BorderColor);color:var(--sapButton_Accept_Selected_TextColor)}:host([design="Negative"]) .ui5-badge-root{background-color:var(--sapButton_Negative_Background);border-color:var(--sapButton_Negative_BorderColor);color:var(--sapButton_Negative_TextColor);text-shadow:var(--ui5-v1-24-5-badge-contrast-text-shadow)}:host([interactive][design="Negative"]) .ui5-badge-root:hover{background-color:var(--sapButton_Negative_Hover_Background);border-color:var(--sapButton_Negative_Hover_BorderColor);color:var(--sapButton_Negative_Hover_TextColor)}:host([interactive][design="Negative"]) .ui5-badge-root:active{background-color:var(--sapButton_Negative_Active_Background);border-color:var(--sapButton_Negative_Active_BorderColor);color:var(--sapButton_Reject_Selected_TextColor)}:host([design="Critical"]) .ui5-badge-root{background-color:var(--sapButton_Critical_Background);border-color:var(--sapButton_Critical_BorderColor);color:var(--sapButton_Critical_TextColor);text-shadow:var(--ui5-v1-24-5-badge-contrast-text-shadow)}:host([interactive][design="Critical"]) .ui5-badge-root:hover{background-color:var(--sapButton_Critical_Hover_Background);border-color:var(--sapButton_Critical_Hover_BorderColor);color:var(--sapButton_Critical_Hover_TextColor)}:host([interactive][design="Critical"]) .ui5-badge-root:active{background-color:var(--sapButton_Critical_Active_Background);border-color:var(--sapButton_Critical_Active_BorderColor);color:var(--sapButton_Attention_Selected_TextColor)}:host([design="Information"]) .ui5-badge-root{background-color:var(--sapButton_Information_Background);border-color:var(--sapButton_Information_BorderColor);color:var(--sapButton_Information_TextColor);text-shadow:var(--ui5-v1-24-5-badge-text-shadow)}:host([interactive][design="Information"]) .ui5-badge-root:hover{background-color:var(--sapButton_Information_Hover_Background);border-color:var(--sapButton_Information_Hover_BorderColor);color:var(--sapButton_Information_Hover_TextColor)}:host([interactive][design="Information"]) .ui5-badge-root:active{background-color:var(--sapButton_Information_Active_Background);border-color:var(--sapButton_Information_Active_BorderColor);color:var(--sapButton_Selected_TextColor)}:host([design="Set1"]) .ui5-badge-root{text-shadow:var(--ui5-v1-24-5-badge-contrast-text-shadow)}:host([design="Set1"]) .ui5-badge-root{background-color:var(--sapIndicationColor_1_Background);border-color:var(--sapIndicationColor_1_BorderColor);color:var(--sapIndicationColor_1_TextColor)}:host([interactive][design="Set1"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_1_Hover_Background)}:host([interactive][design="Set1"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_1_Active_Background);border-color:var(--sapIndicationColor_1_Active_BorderColor);color:var(--sapIndicationColor_1_Active_TextColor)}:host([design="Set1"][color-scheme="2"]) .ui5-badge-root{background-color:var(--sapIndicationColor_2_Background);border-color:var(--sapIndicationColor_2_BorderColor);color:var(--sapIndicationColor_2_TextColor)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_2_Hover_Background)}:host([interactive][design="Set1"][color-scheme="2"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_2_Active_Background);border-color:var(--sapIndicationColor_2_Active_BorderColor);color:var(--sapIndicationColor_2_Active_TextColor)}:host([design="Set1"][color-scheme="3"]) .ui5-badge-root{background-color:var(--sapIndicationColor_3_Background);border-color:var(--sapIndicationColor_3_BorderColor);color:var(--sapIndicationColor_3_TextColor)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_3_Hover_Background)}:host([interactive][design="Set1"][color-scheme="3"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_3_Active_Background);border-color:var(--sapIndicationColor_3_Active_BorderColor);color:var(--sapIndicationColor_3_Active_TextColor)}:host([design="Set1"][color-scheme="4"]) .ui5-badge-root{background-color:var(--sapIndicationColor_4_Background);border-color:var(--sapIndicationColor_4_BorderColor);color:var(--sapIndicationColor_4_TextColor)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_4_Hover_Background)}:host([interactive][design="Set1"][color-scheme="4"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_4_Active_Background);border-color:var(--sapIndicationColor_4_Active_BorderColor);color:var(--sapIndicationColor_4_Active_TextColor)}:host([design="Set1"][color-scheme="5"]) .ui5-badge-root{background-color:var(--sapIndicationColor_5_Background);border-color:var(--sapIndicationColor_5_BorderColor);color:var(--sapIndicationColor_5_TextColor)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_5_Hover_Background)}:host([interactive][design="Set1"][color-scheme="5"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_5_Active_Background);border-color:var(--sapIndicationColor_5_Active_BorderColor);color:var(--sapIndicationColor_5_Active_TextColor)}:host([design="Set1"][color-scheme="6"]) .ui5-badge-root{background-color:var(--sapIndicationColor_6_Background);border-color:var(--sapIndicationColor_6_BorderColor);color:var(--sapIndicationColor_6_TextColor)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_6_Hover_Background)}:host([interactive][design="Set1"][color-scheme="6"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_6_Active_Background);border-color:var(--sapIndicationColor_6_Active_BorderColor);color:var(--sapIndicationColor_6_Active_TextColor)}:host([design="Set1"][color-scheme="7"]) .ui5-badge-root{background-color:var(--sapIndicationColor_7_Background);border-color:var(--sapIndicationColor_7_BorderColor);color:var(--sapIndicationColor_7_TextColor)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_7_Hover_Background)}:host([interactive][design="Set1"][color-scheme="7"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_7_Active_Background);border-color:var(--sapIndicationColor_7_Active_BorderColor);color:var(--sapIndicationColor_7_Active_TextColor)}:host([design="Set1"][color-scheme="8"]) .ui5-badge-root{background-color:var(--sapIndicationColor_8_Background);border-color:var(--sapIndicationColor_8_BorderColor);color:var(--sapIndicationColor_8_TextColor)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_8_Hover_Background)}:host([interactive][design="Set1"][color-scheme="8"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_8_Active_Background);border-color:var(--sapIndicationColor_8_Active_BorderColor);color:var(--sapIndicationColor_8_Active_TextColor)}:host([design="Set1"][color-scheme="9"]) .ui5-badge-root{background-color:var(--sapIndicationColor_9_Background);border-color:var(--sapIndicationColor_9_BorderColor);color:var(--sapIndicationColor_9_TextColor)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_9_Hover_Background)}:host([interactive][design="Set1"][color-scheme="9"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_9_Active_Background);border-color:var(--sapIndicationColor_9_Active_BorderColor);color:var(--sapIndicationColor_9_Active_TextColor)}:host([design="Set1"][color-scheme="10"]) .ui5-badge-root{background-color:var(--sapIndicationColor_10_Background);border-color:var(--sapIndicationColor_10_BorderColor);color:var(--sapIndicationColor_10_TextColor)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-badge-root:hover{background-color:var(--sapIndicationColor_10_Hover_Background)}:host([interactive][design="Set1"][color-scheme="10"]) .ui5-badge-root:active{background-color:var(--sapIndicationColor_10_Active_Background);border-color:var(--sapIndicationColor_10_Active_BorderColor);color:var(--sapIndicationColor_10_Active_TextColor)}:host([design="Set2"]) .ui5-badge-root{text-shadow:var(--ui5-v1-24-5-badge-text-shadow)}:host([design="Set2"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-color)}:host([interactive][design="Set2"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-hover-background)}:host([interactive][design="Set2"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-1-active-color)}:host([design="Set2"][color-scheme="2"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-color)}:host([design="Set2"][color-scheme="3"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-color)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-hover-background)}:host([interactive][design="Set2"][color-scheme="3"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-3-active-color)}:host([design="Set2"][color-scheme="4"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-color)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-hover-background)}:host([interactive][design="Set2"][color-scheme="4"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-4-active-color)}:host([design="Set2"][color-scheme="5"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-color)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-hover-background)}:host([interactive][design="Set2"][color-scheme="5"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-5-active-color)}:host([design="Set2"][color-scheme="6"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-color)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-hover-background)}:host([interactive][design="Set2"][color-scheme="6"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-6-active-color)}:host([design="Set2"][color-scheme="7"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-color)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-hover-background)}:host([interactive][design="Set2"][color-scheme="7"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-7-active-color)}:host([design="Set2"][color-scheme="8"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-color)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-hover-background)}:host([interactive][design="Set2"][color-scheme="8"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-8-active-color)}:host([design="Set2"][color-scheme="9"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-9-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-9-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-9-color)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-hover-background)}:host([interactive][design="Set2"][color-scheme="10"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-active-color)}:host([design="Set2"][color-scheme="10"]) .ui5-badge-root{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-10-color)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-badge-root:hover{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-hover-background)}:host([interactive][design="Set2"][color-scheme="2"]) .ui5-badge-root:active{background-color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-active-background);border-color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-active-border);color:var(--ui5-v1-24-5-badge-set2-color-scheme-2-active-color)}

package/dist/css/themes/BrowserScrollbar.css

@@ -1 +0,0 @@
-:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:var(--browser_scrollbar_border)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb{border-radius:var(--browser_scrollbar_border_radius);background-color:var(--sapScrollBar_FaceColor)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}

package/dist/css/themes/CustomListItem.css

@@ -1 +0,0 @@
-:host(:not([hidden])){display:block}:host{min-height:var(--_ui5-v1-24-5_list_item_base_height);height:auto;box-sizing:border-box}.ui5-li-root.ui5-custom-li-root{pointer-events:inherit;min-height:inherit}.ui5-li-root.ui5-custom-li-root .ui5-li-content{pointer-events:inherit}[ui5-checkbox].ui5-li-singlesel-radiobtn,[ui5-radio-button].ui5-li-singlesel-radiobtn{display:flex;align-items:center}.ui5-li-root.ui5-custom-li-root,[ui5-checkbox].ui5-li-singlesel-radiobtn,[ui5-radio-button].ui5-li-singlesel-radiobtn{min-width:var(--_ui5-v1-24-5_custom_list_item_rb_min_width)}

package/dist/css/themes/GroupHeaderListItem.css

@@ -1 +0,0 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{height:var(--_ui5-v1-24-5_group_header_list_item_height);background:var(--ui5-v1-24-5-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([has-border]){border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem;margin:0}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-family:var(--sapFontHeaderFamily)}

package/dist/css/themes/MenuListItem.css

@@ -1 +0,0 @@
-:host([disabled]){pointer-events:initial;opacity:initial}:host([disabled])::part(content){opacity:var(--_ui5-v1-24-5-listitembase_disabled_opacity)}:host([disabled][actionable]:not([active]):not([selected]):hover),:host([disabled][active][actionable]){background:var(--ui5-v1-24-5-listitem-background-color)}:host([disabled][active][actionable]) .ui5-li-root .ui5-li-icon{color:var(--sapContent_NonInteractiveIconColor)}:host([active][actionable]:not([disabled]))::part(content),:host([active][actionable]:not([disabled]))::part(additional-text){color:var(--sapList_Active_TextColor)}:host([focused]:not([active]):not([disabled])){background-color:var(--sapList_Hover_Background)}:host::part(additional-text){margin:unset;margin-inline-start:1rem;color:var(--sapContent_LabelColor);min-width:max-content}.ui5-menu-item-text{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;display:inline-block}.ui5-menu-item-dummy-icon{visibility:hidden}:host::part(title){font-size:var(--sapFontSize);padding-top:.125rem}:host([icon]:not([is-phone]))::part(title),:host([is-phone]:not([icon=""]))::part(title){padding-top:0}:host(:not([is-phone]))::part(native-li){padding:var(--_ui5-v1-24-5_menu_item_padding)}:host([starts-section]){border-top:1px solid var(--sapGroup_ContentBorderColor)}:host::part(content){padding-inline-end:.5rem}.ui5-menu-item-submenu-icon{min-width:var(--_ui5-v1-24-5_list_item_icon_size);min-height:var(--_ui5-v1-24-5_list_item_icon_size);display:inline-block;vertical-align:middle;pointer-events:none}.ui5-menu-item-icon-end{display:inline-block;vertical-align:middle;padding-inline-start:.5rem;pointer-events:none;position:absolute;inset-inline-end:var(--_ui5-v1-24-5_menu_item_submenu_icon_right)}.ui5-menu-item-dummy-icon{min-width:var(--_ui5-v1-24-5_list_item_icon_size);min-height:var(--_ui5-v1-24-5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-end:.5rem;pointer-events:none}

package/dist/css/themes/NavigationMenu.css

@@ -1 +0,0 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-navigation-menu .ui5-navigation-menu-main{padding:var(--_ui5-v1-24-5_side_navigation_parent_popup_padding)}.ui5-navigation-menu .ui5-menu-item.ui5-navigation-menu-item::part(native-li){padding-left:.5rem;width:auto}.ui5-navigation-menu .ui5-menu-item.ui5-navigation-menu-item::part(native-li):after{border-radius:.375rem;inset:0}.ui5-navigation-menu .ui5-navigation-menu-item{display:flex;align-items:center;width:100%;box-sizing:border-box;position:relative;height:var(--_ui5-v1-24-5_side_navigation_item_height);min-height:var(--_ui5-v1-24-5_side_navigation_item_height);border-radius:.375rem;transition:var(--_ui5-v1-24-5_side_navigation_item_transition);color:var(--sapList_TextColor);font-weight:700;font-size:var(--sapFontSize);border-bottom:none}.ui5-navigation-menu .ui5-navigation-menu-item a{display:flex;align-items:center;text-decoration:none;color:var(--sapList_TextColor)}.ui5-navigation-menu[sub-menu] .ui5-navigation-menu-item{font-weight:400}.ui5-menu-rp.ui5-navigation-menu{box-shadow:var(--_ui5-v1-24-5_side_navigation_popup_box_shadow);width:auto;min-width:10rem;height:auto;background:var(--sapGroup_ContentBackground);border:none;border-radius:.75rem}.ui5-navigation-menu .ui5-navigation-menu-item .ui5-menu-item-icon-end{position:relative;inset-inline-end:auto;width:.75rem;height:.75rem;color:var(--sapList_TextColor)}.ui5-navigation-menu .ui5-navigation-menu-item::part(icon){color:var(--sapList_TextColor);min-width:1rem;min-height:1rem}.ui5-navigation-menu .ui5-menu-item[focused]:not([active]){background:none}.ui5-sn-item-external-link-icon{color:var(--_ui5-v1-24-5_side_navigation_external_link_icon_color);min-width:2rem;height:.875rem}

package/dist/css/themes/PopupStaticAreaStyles.css

@@ -1 +0,0 @@
-.ui5-block-layer{display:none;position:fixed;background-color:var(--_ui5-v1-24-5_popup_block_layer_background);inset:-500px;outline:none;pointer-events:all;z-index:-1}.ui5-block-layer:not([hidden]){display:inline-block}

package/dist/css/themes/SelectMenu.css

@@ -1 +0,0 @@
-.ui5-select-menu::part(content),.ui5-select-menu::part(header){padding:0}.ui5-select-menu [ui5-li-custom]{height:var(--_ui5-v1-24-5_list_item_dropdown_base_height)}.ui5-select-menu [ui5-li-custom]::part(native-li){padding:0}.ui5-select-menu [ui5-icon]{color:var(--sapList_TextColor)}

package/dist/css/themes/TableColumn.css

@@ -1 +0,0 @@
-:host{display:contents}th{background:var(--sapList_HeaderBackground);width:inherit;font-weight:var(--ui5-v1-24-5_table_header_row_font_weight);font-size:var(--sapFontMediumSize);font-family:var(--ui5-v1-24-5_table_header_row_font_family);padding:.5rem;box-sizing:border-box;text-align:start;vertical-align:middle}:host([first]) th{padding-inline-start:1rem}th ::slotted([ui5-label]){font-weight:var(--ui5-v1-24-5_table_header_row_font_weight);font-size:var(--sapFontMediumSize);font-family:var(--ui5-v1-24-5_table_header_row_font_family)}

package/dist/css/themes/TableGroupRow.css

@@ -1 +0,0 @@
-:host{display:contents}:host([_busy]) .ui5-table-group-row-root{opacity:.72;pointer-events:none}.ui5-table-group-row-root{height:var(--ui5-v1-24-5_table_group_row_height);border-style:solid;border-color:var(--sapList_TableGroupHeaderBorderColor);border-width:var(--ui5-v1-24-5_table_border_width);background-color:var(--sapList_TableGroupHeaderBackground);color:var(--sapList_TableGroupHeaderTextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--ui5-v1-24-5_table_group_row_font-weight)}.ui5-table-group-row-root:focus{outline:var(--ui5-v1-24-5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--ui5-v1-24-5_table_focus_outline_offset)}td{word-break:break-word;vertical-align:middle;padding:.5rem .25rem .5rem 1rem;text-align:start}

package/dist/css/themes/TimeSelection.css

@@ -1 +0,0 @@
-:host(:not([hidden])){display:inline-block;min-width:18rem}.ui5-time-selection-root{width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;direction:ltr;box-sizing:border-box}.ui5-time-selection-root.ui5-phone{height:90vh}:host(.ui5-dt-time.ui5-dt-cal--hidden) .ui5-time-selection-root.ui5-phone{height:80vh}[ui5-wheelslider]{padding-left:.25rem;padding-right:.25rem}

package/dist/css/themes/ToolbarButtonPopover.css

@@ -1 +0,0 @@
-:not([icon-only]).ui5-tb-popover-button::part(button){justify-content:start}

package/dist/css/themes/WheelSlider.css

@@ -1 +0,0 @@
-.ui5-wheelslider-root{overflow:hidden;height:100%;vertical-align:middle;text-align:center;box-sizing:border-box;font-family:"72override",var(--sapFontFamily);justify-content:space-between;flex-direction:column;display:inline-flex;width:var(--_ui5-v1-24-5_wheelslider_item_width)}.ui5-wheelslider-root .ui5-wheelslider-label{box-sizing:border-box;height:2rem;line-height:2rem;width:var(--_ui5-v1-24-5_wheelslider_item_width);font-size:var(--sapFontSmallSize);color:var(--_ui5-v1-24-5_wheelslider_label_text_color);text-align:center;vertical-align:middle;visibility:hidden}.ui5-wheelslider-root .ui5-wheelslider-arrow{visibility:hidden;box-sizing:border-box;height:1.5rem;user-select:none;outline:none}:host([expanded]) .ui5-wheelslider-arrow{visibility:var(--_ui5-v1-24-5_wheelslider_arrows_visibility);box-sizing:border-box;border-color:transparent;cursor:pointer}:host([expanded]) .ui5-wheelslider-arrow:hover{visibility:var(--_ui5-v1-24-5_wheelslider_arrows_visibility);box-sizing:border-box;border-color:inherit;cursor:pointer}.ui5-wheelslider-root .ui5-wheelslider-inner{position:relative;overflow:hidden;height:100%;box-sizing:border-box;user-select:none;list-style:none;margin-top:0rem}:host([expanded]) .ui5-wheelslider-inner{margin-top:0}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item{height:var(--_ui5-v1-24-5_wheelslider_item_height);line-height:var(--_ui5-v1-24-5_wheelslider_item_height);width:var(--_ui5-v1-24-5_wheelslider_item_width);box-sizing:border-box;background:var(--_ui5-v1-24-5_wheelslider_selected_item_background_color);border:.625px solid var(--_ui5-v1-24-5_wheelslider_item_border_color);font-size:var(--_ui5-v1-24-5_wheelslider_item_text_size);color:var(--_ui5-v1-24-5_wheelslider_collapsed_item_text_color);text-align:center;border-radius:var(--_ui_wheelslider_item_border_radius);cursor:pointer}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:hover{background:var(--_ui_wheelslider_item_hover_color);border-color:var(--_ui5-v1-24-5_wheelslider_item_hovered_border_color)}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-item:focus{outline:1px dotted black;outline-offset:-3px}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-selection-frame{width:var(--_ui5-v1-24-5_wheelslider_item_width);height:var(--_ui5-v1-24-5_wheelslider_item_height);position:absolute;box-sizing:border-box;visibility:hidden;z-index:1}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{transition:all .4s;margin:0;padding:0;position:absolute;top:var(--_ui5-v1-24-5_wheelslider_selection_frame_margin_top);height:3000px;cursor:pointer;list-style-type:none}.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{top:var(--_ui5-v1-24-5_wheelslider_mobile_selection_frame_margin_top)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{list-style-type:none;top:0;padding-top:calc(var(--_ui5-v1-24-5_wheelslider_item_height) * 2)}:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper>ul{list-style-type:none;top:0;padding-top:calc(var(--_ui5-v1-24-5_wheelslider_item_height) * 4)}.ui5-wheelslider-root .ui5-wheelslider-inner .ui5-wheelslider-wrapper{height:var(--_ui5-v1-24-5_wheelslider_height);position:relative;overflow:hidden;outline:none}.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-wrapper{height:var(--_ui5-v1-24-5_wheelslider_mobile_height)}:host([expanded]){height:100%;cursor:default;margin:0;justify-content:space-between;flex-direction:column;display:inline-flex}:host([expanded]) .ui5-wheelslider-label{display:block;visibility:visible}.ui5-wheelslider-root .ui5-wheelslider-inner{max-height:100%;height:var(--_ui5-v1-24-5_wheelslider_height)}.ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner{height:var(--_ui5-v1-24-5_wheelslider_mobile_height)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item{background:var(--_ui5-v1-24-5_wheelslider_item_background_color);color:var(--_ui5-v1-24-5_wheelslider_item_text_color);border:1px solid var(--_ui5-v1-24-5_wheelslider_item_expanded_border_color);border-radius:var(--_ui_wheelslider_item_border_radius);offset-position:auto;cursor:auto}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:hover{background:var(--_ui_wheelslider_item_expanded_hover_color);border-color:var(--_ui5-v1-24-5_wheelslider_item_hovered_border_color)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:active{background:var(--_ui5-v1-24-5_wheelslider_active_item_background_color);color:var(--_ui5-v1-24-5_wheelslider_active_item_text_color)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-item:focus{outline:1px dotted black;outline-offset:-3px}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame{visibility:visible;-webkit-box-shadow:inset 0px 0px 0px 2px var(--_ui5-v1-24-5_wheelslider_selection_frame_color);-moz-box-shadow:inset 0px 0px 0px 2px var(--_ui5-v1-24-5_wheelslider_selection_frame_color);box-shadow:inset 0 0 0 2px var(--_ui5-v1-24-5_wheelslider_selection_frame_color);border-radius:var(--_ui_wheelslider_item_border_radius);margin-top:var(--_ui5-v1-24-5_wheelslider_selection_frame_margin_top)}:host([expanded]) .ui5-wheelslider-root.ui5-phone .ui5-wheelslider-inner .ui5-wheelslider-selection-frame{margin-top:var(--_ui5-v1-24-5_wheelslider_mobile_selection_frame_margin_top)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:hover+.ui5-wheelslider-wrapper ul>li.ui5-wheelslider-item[aria-selected=true]{background:var(--_ui_wheelslider_item_expanded_hover_color)}:host([expanded]) .ui5-wheelslider-inner .ui5-wheelslider-selection-frame:active+ul>li.ui5-wheelslider-item[aria-selected=true]{background:var(--_ui5-v1-24-5_wheelslider_selected_item_background_color);color:#d3d3d3}.ui5-wheelslider-root:focus{outline:none}