@ui5/webcomponents 0.0.0-dff5837d7 → 0.0.0-e03cd01f3

package/dist/SwitchTemplate.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Icon from "./Icon.js";
+import { isDesktop, isSafari } from "@ui5/webcomponents-base/dist/Device.js";
+import acceptIcon from "@ui5/webcomponents-icons/dist/accept.js";
+import declineIcon from "@ui5/webcomponents-icons/dist/decline.js";
+export default function SwitchTemplate() {
+    return (_jsxs("div", { class: {
+            "ui5-switch-root": true,
+            "ui5-switch--desktop": isDesktop(),
+            "ui5-switch--disabled": this.disabled,
+            "ui5-switch--checked": this.checked,
+            "ui5-switch--semantic": this.graphical,
+            "ui5-switch--no-label": !(this.graphical || this.textOn || this.textOff),
+            "ui5-switch--safari": isSafari(),
+        }, role: "switch", "aria-label": this.ariaLabelText, "aria-checked": this.checked, "aria-disabled": this.effectiveAriaDisabled, "aria-required": this.required, onClick: this._onclick, onKeyUp: this._onkeyup, onKeyDown: this._onkeydown, tabindex: this.effectiveTabIndex, title: this.tooltip, children: [_jsx("div", { class: "ui5-switch-inner", children: _jsx("div", { class: "ui5-switch-track", part: "slider", children: _jsxs("div", { class: "ui5-switch-slider", children: [this.graphical ?
+                                _jsxs(_Fragment, { children: [_jsx("span", { class: "ui5-switch-text ui5-switch-text--on", children: _jsx(Icon, { name: acceptIcon, class: "ui5-switch-icon-on" }) }), _jsx("span", { class: "ui5-switch-text ui5-switch-text--off", children: _jsx(Icon, { name: declineIcon, class: "ui5-switch-icon-off" }) })] })
+                                :
+                                    _jsx(_Fragment, { children: this.hasNoLabel ?
+                                            _jsxs(_Fragment, { children: [_jsx("span", { class: "ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon", part: "text-on", children: _jsx(Icon, { name: this.sapNextIcon, class: "ui5-switch-no-label-icon-on" }) }), _jsx("span", { class: "ui5-switch-text ui5-switch-text--off ui5-switch-no-label-icon", part: "text-off", children: _jsx(Icon, { name: this.sapNextIcon, class: "ui5-switch-no-label-icon-off" }) })] })
+                                            :
+                                                _jsxs(_Fragment, { children: [_jsx("span", { class: "ui5-switch-text ui5-switch-text--on", part: "text-on", children: this._textOn }), _jsx("span", { class: "ui5-switch-text ui5-switch-text--off", part: "text-off", children: this._textOff })] }) }), _jsx("span", { class: "ui5-switch-handle", part: "handle" })] }) }) }), _jsx("input", { type: 'checkbox', checked: this.checked, class: "ui5-switch-input", "data-sap-no-tab-ref": true })] }));
+}
+//# sourceMappingURL=SwitchTemplate.js.map

package/dist/SwitchTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchTemplate.js","sourceRoot":"","sources":["../src/SwitchTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAE7E,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,WAAW,MAAM,0CAA0C,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,cAAc;IACrC,OAAO,CACN,eACC,KAAK,EAAE;YACN,iBAAiB,EAAE,IAAI;YACvB,qBAAqB,EAAE,SAAS,EAAE;YAClC,sBAAsB,EAAE,IAAI,CAAC,QAAQ;YACrC,qBAAqB,EAAE,IAAI,CAAC,OAAO;YACnC,sBAAsB,EAAE,IAAI,CAAC,SAAS;YACtC,sBAAsB,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC;YACxE,oBAAoB,EAAE,QAAQ,EAAE;SAChC,EACD,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,aAAa,kBAChB,IAAI,CAAC,OAAO,mBACX,IAAI,CAAC,qBAAqB,mBAC1B,IAAI,CAAC,QAAQ,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,KAAK,EAAE,IAAI,CAAC,OAAO,aAEnB,cAAK,KAAK,EAAC,kBAAkB,YAC5B,cAAK,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,QAAQ,YAC1C,eAAK,KAAK,EAAC,mBAAmB,aAC5B,IAAI,CAAC,SAAS,CAAC,CAAC;gCAChB,8BACC,eAAM,KAAK,EAAC,qCAAqC,YAChD,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,oBAAoB,GAAE,GAC9C,EACP,eAAM,KAAK,EAAC,sCAAsC,YACjD,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,qBAAqB,GAAE,GAChD,IACL;gCACH,CAAC;oCACD,4BACE,IAAI,CAAC,UAAU,CAAC,CAAC;4CACjB,8BACC,eAAM,KAAK,EAAC,8DAA8D,EAAC,IAAI,EAAC,SAAS,YACxF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAC,6BAA6B,GAAG,GAC9D,EACP,eAAM,KAAK,EAAC,+DAA+D,EAAC,IAAI,EAAC,UAAU,YAC1F,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAC,8BAA8B,GAAG,GAC/D,IACL;4CACH,CAAC;gDACD,8BACC,eAAM,KAAK,EAAC,qCAAqC,EAAC,IAAI,EAAC,SAAS,YAAE,IAAI,CAAC,OAAO,GAAQ,EACtF,eAAM,KAAK,EAAC,sCAAsC,EAAC,IAAI,EAAC,UAAU,YAAE,IAAI,CAAC,QAAQ,GAAQ,IACvF,GAEF,EAGJ,eAAM,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,QAAQ,GAAQ,IAChD,GACD,GACD,EACN,gBAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAC,kBAAkB,gCAAsB,IACvF,CAAC,CAAC;AACV,CAAC","sourcesContent":["import Icon from \"./Icon.js\";\nimport { isDesktop, isSafari } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type Switch from \"./Switch.js\";\nimport acceptIcon from \"@ui5/webcomponents-icons/dist/accept.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nexport default function SwitchTemplate(this: Switch) {\n\treturn (\n\t\t<div\n\t\t\tclass={{\n\t\t\t\t\"ui5-switch-root\": true,\n\t\t\t\t\"ui5-switch--desktop\": isDesktop(),\n\t\t\t\t\"ui5-switch--disabled\": this.disabled,\n\t\t\t\t\"ui5-switch--checked\": this.checked,\n\t\t\t\t\"ui5-switch--semantic\": this.graphical,\n\t\t\t\t\"ui5-switch--no-label\": !(this.graphical || this.textOn || this.textOff),\n\t\t\t\t\"ui5-switch--safari\": isSafari(),\n\t\t\t}}\n\t\t\trole=\"switch\"\n\t\t\taria-label={this.ariaLabelText}\n\t\t\taria-checked={this.checked}\n\t\t\taria-disabled={this.effectiveAriaDisabled}\n\t\t\taria-required={this.required}\n\t\t\tonClick={this._onclick}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\ttabindex={this.effectiveTabIndex}\n\t\t\ttitle={this.tooltip}\n\t\t>\n\t\t\t<div class=\"ui5-switch-inner\">\n\t\t\t\t<div class=\"ui5-switch-track\" part=\"slider\">\n\t\t\t\t\t<div class=\"ui5-switch-slider\">\n\t\t\t\t\t\t{this.graphical ?\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<span class=\"ui5-switch-text ui5-switch-text--on\">\n\t\t\t\t\t\t\t\t\t<Icon name={acceptIcon} class=\"ui5-switch-icon-on\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"ui5-switch-text ui5-switch-text--off\">\n\t\t\t\t\t\t\t\t\t<Icon name={declineIcon} class=\"ui5-switch-icon-off\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{this.hasNoLabel ?\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<span class=\"ui5-switch-text ui5-switch-text--on ui5-switch-no-label-icon\" part=\"text-on\">\n\t\t\t\t\t\t\t\t\t\t\t<Icon name={this.sapNextIcon} class=\"ui5-switch-no-label-icon-on\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"ui5-switch-text ui5-switch-text--off ui5-switch-no-label-icon\" part=\"text-off\">\n\t\t\t\t\t\t\t\t\t\t\t<Icon name={this.sapNextIcon} class=\"ui5-switch-no-label-icon-off\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<span class=\"ui5-switch-text ui5-switch-text--on\" part=\"text-on\">{this._textOn}</span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"ui5-switch-text ui5-switch-text--off\" part=\"text-off\">{this._textOff}</span>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class=\"ui5-switch-handle\" part=\"handle\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<input type='checkbox' checked={this.checked} class=\"ui5-switch-input\" data-sap-no-tab-ref/>\n\t\t</div>);\n}\n"]}

package/dist/Tab.d.ts

@@ -0,0 +1,172 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import type { AccessibilityAttributes } from "@ui5/webcomponents-base/dist/types.js";
+import "@ui5/webcomponents-icons/dist/error.js";
+import "@ui5/webcomponents-icons/dist/alert.js";
+import "@ui5/webcomponents-icons/dist/sys-enter-2.js";
+import SemanticColor from "./types/SemanticColor.js";
+import ListItemType from "./types/ListItemType.js";
+import type { TabContainerStripInfo, TabContainerOverflowInfo, ITab } from "./TabContainer.js";
+import type ListItemCustom from "./ListItemCustom.js";
+import TabInStripTemplate from "./TabInStripTemplate.js";
+import TabInOverflowTemplate from "./TabInOverflowTemplate.js";
+interface TabInStrip extends HTMLElement {
+    realTabReference: Tab;
+}
+interface TabInOverflow extends ListItemCustom {
+    realTabReference: Tab;
+}
+/**
+ * @class
+ * The `ui5-tab` represents a selectable item inside a `ui5-tabcontainer`.
+ * It defines both the item in the tab strip (top part of the `ui5-tabcontainer`) and the
+ * content that is presented to the user once the tab is selected.
+ * @abstract
+ * @constructor
+ * @extends UI5Element
+ * @implements {ITab}
+ * @public
+ */
+declare class Tab extends UI5Element implements ITabbable, ITab {
+    /**
+     * The text to be displayed for the item.
+     * @default undefined
+     * @public
+     */
+    text?: string;
+    /**
+     * Disabled tabs can't be selected.
+     * @default false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Represents the "additionalText" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the "additionalText" is displayed larger.
+     * @default undefined
+     * @public
+     */
+    additionalText?: string;
+    /**
+     * Defines the icon source URI to be displayed as graphical element within the component.
+     * The SAP-icons font provides numerous built-in icons.
+     * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     * @default undefined
+     * @public
+     */
+    icon?: string;
+    /**
+     * Defines the component's design color.
+     *
+     * The design is applied to:
+     *
+     * - the component icon
+     * - the `text` when the component overflows
+     * - the tab selection line
+     *
+     * Available designs are: `"Default"`, `"Neutral"`, `"Positive"`, `"Critical"` and `"Negative"`.
+     *
+     * **Note:** The design depends on the current theme.
+     * @default "Default"
+     * @public
+     */
+    design: `${SemanticColor}`;
+    /**
+     * Specifies if the component is selected.
+     * @default false
+     * @public
+     */
+    selected: boolean;
+    /**
+     * Defines if the tab is movable.
+     *
+     * @default false
+     * @public
+     * @since 2.0.0
+     */
+    movable: boolean;
+    _isTopLevelTab: boolean;
+    _selectedTabReference?: Tab;
+    /**
+     * Holds the content associated with this tab.
+     * @public
+     */
+    content: Array<Node>;
+    /**
+     * Defines hierarchies with nested sub tabs.
+     *
+     * **Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.
+     * @public
+     */
+    items: Array<ITab>;
+    _isInline?: boolean;
+    _forcedMixedMode?: boolean;
+    _getElementInStrip?: () => HTMLElement | undefined;
+    _getElementInOverflow?: () => HTMLElement | undefined;
+    _forcedPosinset?: number;
+    _forcedSetsize?: number;
+    _forcedStyleInOverflow?: Record<string, any>;
+    static i18nBundle: I18nBundle;
+    set forcedTabIndex(val: string);
+    get forcedTabIndex(): string;
+    get displayText(): string | undefined;
+    get isSeparator(): boolean;
+    get stripPresentation(): object;
+    get overflowPresentation(): object;
+    get stableDomRef(): string;
+    get requiresExpandButton(): boolean;
+    get isSingleClickArea(): boolean;
+    get isTwoClickArea(): boolean;
+    get isOnSelectedTabPath(): boolean;
+    get _effectiveSlotName(): string | undefined;
+    get _defaultSlotName(): "" | "disabled-slot";
+    get hasOwnContent(): boolean;
+    get expandBtnAccessibilityAttributes(): Pick<AccessibilityAttributes, "hasPopup">;
+    receiveStripInfo({ getElementInStrip, posinset, setsize, isInline, isTopLevelTab, mixedMode, }: TabContainerStripInfo): void;
+    receiveOverflowInfo({ getElementInOverflow, style }: TabContainerOverflowInfo): void;
+    /**
+     * Returns the DOM reference of the tab that is placed in the header.
+     *
+     * **Note:** Tabs, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such tabs will return `undefined`.
+     *
+     * **Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.
+     * @public
+     * @since 1.0.0-rc.16
+     */
+    getDomRefInStrip(): HTMLElement | undefined;
+    getFocusDomRef(): HTMLElement | undefined;
+    focus(focusOptions?: FocusOptions): Promise<void>;
+    get isMixedModeTab(): boolean | undefined;
+    get isTextOnlyTab(): boolean;
+    get isIconTab(): boolean;
+    get effectiveDisabled(): true | undefined;
+    get effectiveSelected(): boolean;
+    get effectiveHidden(): boolean;
+    get tabs(): Array<Tab>;
+    get ariaLabelledBy(): string;
+    get stripClasses(): {
+        itemClasses: string;
+        additionalTextClasses: string;
+    };
+    get additionalTextClasses(): string;
+    get expandButtonTitle(): string;
+    get _roleDescription(): string | undefined;
+    get _ariaHasPopup(): "menu" | undefined;
+    get semanticIconName(): "alert" | "sys-enter-2" | "error" | null;
+    get _designDescription(): string | null;
+    get semanticIconClasses(): string;
+    get overflowClasses(): string;
+    get overflowState(): ListItemType.Inactive | ListItemType.Active;
+    static get stripTemplate(): typeof TabInStripTemplate;
+    static get overflowTemplate(): typeof TabInOverflowTemplate;
+    _ondragstart(e: DragEvent): void;
+    _ondragend(e: DragEvent): void;
+    captureRef(ref: HTMLElement & {
+        realTabReference?: UI5Element;
+    } | null): void;
+    captureButtonRef(ref: HTMLElement & {
+        tab?: UI5Element;
+    } | null): void;
+}
+export default Tab;
+export type { TabInStrip, TabInOverflow, };