@ui5/webcomponents 0.0.0-dff5837d7 → 0.0.0-e03cd01f3

package/dist/ToggleButton.d.ts

@@ -0,0 +1,33 @@
+import Button from "./Button.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-toggle-button` component is an enhanced `ui5-button`
+ * that can be toggled between pressed and normal states.
+ * Users can use the `ui5-toggle-button` as a switch to turn a setting on or off.
+ * It can also be used to represent an independent choice similar to a check box.
+ *
+ * Clicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to
+ * its initial state when the user clicks or taps on it again.
+ * By applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/ToggleButton.js";`
+ * @constructor
+ * @extends Button
+ * @public
+ */
+declare class ToggleButton extends Button {
+    /**
+     * Determines whether the component is displayed as pressed.
+     * @default false
+     * @public
+     */
+    pressed: boolean;
+    _onclick(e: MouseEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+}
+export default ToggleButton;

package/dist/ToggleButton.js

@@ -1,71 +1,91 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import { isSpaceShift } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isSafari } from "@ui5/webcomponents-base/dist/Device.js";
 import Button from "./Button.js";
-import ToggleButtonTemplate from "./generated/templates/ToggleButtonTemplate.lit.js";
-
+import ToggleButtonTemplate from "./ToggleButtonTemplate.js";
 // Styles
 import toggleBtnCss from "./generated/themes/ToggleButton.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-togglebutton",
-	properties: /** @lends  sap.ui.webcomponents.main.ToggleButton.prototype */ {
-		/**
-		 * Determines whether the <code>ui5-togglebutton</code> is displayed as pressed.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		pressed: {
-			type: Boolean,
-		},
-	},
-};
-
 /**
  * @class
  *
- *<h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
- * The <code>ui5-togglebutton</code> component is an enhanced <code>ui5-button</code>
+ * The `ui5-toggle-button` component is an enhanced `ui5-button`
  * that can be toggled between pressed and normal states.
- * Users can use the <code>ui5-togglebutton</code> as a switch to turn a setting on or off.
+ * Users can use the `ui5-toggle-button` as a switch to turn a setting on or off.
  * It can also be used to represent an independent choice similar to a check box.
- * <br><br>
- * Clicking or tapping on a <code>ui5-togglebutton</code> changes its state to <code>pressed</code>. The button returns to
- * its initial state when the user clicks or taps on it again.
- * By applying additional custom CSS-styling classes, apps can give a different style to any <code>ui5-togglebutton</code>.
  *
- * <h3>ES6 Module Import</h3>
+ * Clicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to
+ * its initial state when the user clicks or taps on it again.
+ * By applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.
  *
- * <code>import "@ui5/webcomponents/dist/ToggleButton";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents/dist/ToggleButton.js";`
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.ToggleButton
  * @extends Button
- * @tagname ui5-togglebutton
  * @public
  */
-class ToggleButton extends Button {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get template() {
-		return ToggleButtonTemplate;
-	}
-
-	static get styles() {
-		return [Button.styles, toggleBtnCss];
-	}
-
-	_onclick() {
-		this.pressed = !this.pressed;
-	}
-}
-
+let ToggleButton = class ToggleButton extends Button {
+    constructor() {
+        super(...arguments);
+        /**
+         * Determines whether the component is displayed as pressed.
+         * @default false
+         * @public
+         */
+        this.pressed = false;
+    }
+    _onclick(e) {
+        e.stopImmediatePropagation();
+        if (this.nonInteractive) {
+            return;
+        }
+        const { altKey, ctrlKey, metaKey, shiftKey, } = e;
+        const oldValue = this.pressed;
+        this.pressed = !oldValue;
+        const prevented = !this.fireDecoratorEvent("click", {
+            originalEvent: e,
+            altKey,
+            ctrlKey,
+            metaKey,
+            shiftKey,
+        });
+        if (prevented) {
+            e.preventDefault();
+            // value should be restored if click is prevented
+            this.pressed = oldValue;
+            return;
+        }
+        if (isSafari()) {
+            this.getDomRef().focus();
+        }
+    }
+    _onkeyup(e) {
+        if (isSpaceShift(e)) {
+            e.preventDefault();
+            return;
+        }
+        super._onkeyup(e);
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], ToggleButton.prototype, "pressed", void 0);
+ToggleButton = __decorate([
+    customElement({
+        tag: "ui5-toggle-button",
+        template: ToggleButtonTemplate,
+        styles: [Button.styles, toggleBtnCss],
+    })
+], ToggleButton);
 ToggleButton.define();
-
 export default ToggleButton;
+//# sourceMappingURL=ToggleButton.js.map

package/dist/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../src/ToggleButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAE7D,SAAS;AACT,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,MAAM;IAAjC;;QACC;;;;WAIG;QAEH,YAAO,GAAG,KAAK,CAAC;IA+CjB,CAAC;IA7CA,QAAQ,CAAC,CAAa;QACrB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAE7B,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,OAAO;QACR,CAAC;QAED,MAAM,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,GACR,GAAG,CAAC,CAAC;QAEN,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC;QAEzB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACnD,aAAa,EAAE,CAAC;YAChB,MAAM;YACN,OAAO;YACP,OAAO;YACP,QAAQ;SACR,CAAC,CAAC;QAEH,IAAI,SAAS,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,iDAAiD;YACjD,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;YACxB,OAAO;QACR,CAAC;QAED,IAAI,QAAQ,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,SAAS,EAAG,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACR,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;CACD,CAAA;AA/CA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACZ;AAPX,YAAY;IALjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;KACrC,CAAC;GACI,YAAY,CAsDjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport { isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isSafari } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Button from \"./Button.js\";\nimport ToggleButtonTemplate from \"./ToggleButtonTemplate.js\";\n\n// Styles\nimport toggleBtnCss from \"./generated/themes/ToggleButton.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-toggle-button` component is an enhanced `ui5-button`\n * that can be toggled between pressed and normal states.\n * Users can use the `ui5-toggle-button` as a switch to turn a setting on or off.\n * It can also be used to represent an independent choice similar to a check box.\n *\n * Clicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\n * its initial state when the user clicks or taps on it again.\n * By applying additional custom CSS-styling classes, apps can give a different style to any `ui5-toggle-button`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/ToggleButton.js\";`\n * @constructor\n * @extends Button\n * @public\n */\n@customElement({\n\ttag: \"ui5-toggle-button\",\n\ttemplate: ToggleButtonTemplate,\n\tstyles: [Button.styles, toggleBtnCss],\n})\nclass ToggleButton extends Button {\n\t/**\n\t * Determines whether the component is displayed as pressed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpressed = false;\n\n\t_onclick(e: MouseEvent) {\n\t\te.stopImmediatePropagation();\n\n\t\tif (this.nonInteractive) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst {\n\t\t\taltKey,\n\t\t\tctrlKey,\n\t\t\tmetaKey,\n\t\t\tshiftKey,\n\t\t} = e;\n\n\t\tconst oldValue = this.pressed;\n\t\tthis.pressed = !oldValue;\n\n\t\tconst prevented = !this.fireDecoratorEvent(\"click\", {\n\t\t\toriginalEvent: e,\n\t\t\taltKey,\n\t\t\tctrlKey,\n\t\t\tmetaKey,\n\t\t\tshiftKey,\n\t\t});\n\n\t\tif (prevented) {\n\t\t\te.preventDefault();\n\t\t\t// value should be restored if click is prevented\n\t\t\tthis.pressed = oldValue;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSafari()) {\n\t\t\tthis.getDomRef()!.focus();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpaceShift(e)) {\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeyup(e);\n\t}\n}\n\nToggleButton.define();\n\nexport default ToggleButton;\n"]}

package/dist/ToggleButtonTemplate.d.ts

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

package/dist/ToggleButtonTemplate.js

@@ -0,0 +1,6 @@
+import { Fragment as _Fragment, jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import buttonTemplate from "./ButtonTemplate.js";
+export default function ToggleButtonTemplate() {
+    return (_jsx(_Fragment, { children: buttonTemplate.call(this, { ariaPressed: this.pressed }) }));
+}
+//# sourceMappingURL=ToggleButtonTemplate.js.map

package/dist/ToggleButtonTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonTemplate.js","sourceRoot":"","sources":["../src/ToggleButtonTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC3C,OAAO,CAAC,4BACL,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,GACxD,CAAC,CAAC;AACN,CAAC","sourcesContent":["import buttonTemplate from \"./ButtonTemplate.js\";\nimport type ToggleButton from \"./ToggleButton.js\";\n\nexport default function ToggleButtonTemplate(this: ToggleButton) {\n\treturn (<>\n\t\t{ buttonTemplate.call(this, { ariaPressed: this.pressed }) }\n\t</>);\n}\n"]}

package/dist/ToggleSpinButton.d.ts

@@ -0,0 +1,46 @@
+import type { AriaRole } from "@ui5/webcomponents-base";
+import ToggleButton from "./ToggleButton.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * `ui5-toggle-spin-button` is explicitly used in the new design of `ui5-time-picker`.
+ * It extends `ui5-toggle-button` with some specific accessibility-related properties in order to
+ * have spin button look and feel from accessibility point of view. This component should not be used separately.
+ * @constructor
+ * @extends ToggleButton
+ * @since 1.15.0
+ * @private
+ */
+declare class ToggleSpinButton extends ToggleButton {
+    /**
+     * Defines the ARIA valuemin of the component.
+     * @default -1
+     */
+    valueMin: number;
+    /**
+     * Defines the ARIA valuemax of the component.
+     * @default -1
+     */
+    valueMax: number;
+    /**
+     * Defines the ARIA valuenow of the component.
+     * @default -1
+     */
+    valueNow: number;
+    /**
+     * Defines the ARIA valuetext of the component.
+     * @default undefined
+     */
+    valueText?: string;
+    /**
+     * Override of the handler in order to prevent button toggle functionality
+     */
+    _onclick(): void;
+    /**
+     * Override
+     */
+    get effectiveAccRole(): AriaRole;
+}
+export default ToggleSpinButton;

package/dist/ToggleSpinButton.js

@@ -0,0 +1,80 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import Button from "./Button.js";
+import ToggleButton from "./ToggleButton.js";
+// Template
+import ToggleSpinButtonTemplate from "./ToggleSpinButtonTemplate.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * `ui5-toggle-spin-button` is explicitly used in the new design of `ui5-time-picker`.
+ * It extends `ui5-toggle-button` with some specific accessibility-related properties in order to
+ * have spin button look and feel from accessibility point of view. This component should not be used separately.
+ * @constructor
+ * @extends ToggleButton
+ * @since 1.15.0
+ * @private
+ */
+let ToggleSpinButton = class ToggleSpinButton extends ToggleButton {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the ARIA valuemin of the component.
+         * @default -1
+         */
+        this.valueMin = -1;
+        /**
+         * Defines the ARIA valuemax of the component.
+         * @default -1
+         */
+        this.valueMax = -1;
+        /**
+         * Defines the ARIA valuenow of the component.
+         * @default -1
+         */
+        this.valueNow = -1;
+    }
+    ;
+    /**
+     * Override of the handler in order to prevent button toggle functionality
+     */
+    _onclick() { }
+    /**
+     * Override
+     */
+    get effectiveAccRole() {
+        return "spinbutton";
+    }
+};
+__decorate([
+    property({ type: Number })
+], ToggleSpinButton.prototype, "valueMin", void 0);
+__decorate([
+    property({ type: Number })
+], ToggleSpinButton.prototype, "valueMax", void 0);
+__decorate([
+    property({ type: Number })
+], ToggleSpinButton.prototype, "valueNow", void 0);
+__decorate([
+    property()
+], ToggleSpinButton.prototype, "valueText", void 0);
+ToggleSpinButton = __decorate([
+    customElement({
+        tag: "ui5-toggle-spin-button",
+        renderer: jsxRenderer,
+        styles: [Button.styles, ToggleButton.styles],
+        template: ToggleSpinButtonTemplate,
+    })
+], ToggleSpinButton);
+ToggleSpinButton.define();
+export default ToggleSpinButton;
+//# sourceMappingURL=ToggleSpinButton.js.map

package/dist/ToggleSpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSpinButton.js","sourceRoot":"","sources":["../src/ToggleSpinButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAG/E,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,WAAW;AACX,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE;;;;;;;;;;;;GAYG;AAQH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,YAAY;IAA3C;;QACC;;;WAGG;QAEH,aAAQ,GAAG,CAAC,CAAC,CAAC;QAEd;;;WAGG;QAEH,aAAQ,GAAG,CAAC,CAAC,CAAC;QAEd;;;WAGG;QAEH,aAAQ,GAAG,CAAC,CAAC,CAAC;IAoBf,CAAC;IApBc,CAAC;IASf;;OAEG;IACH,QAAQ,KAAI,CAAC;IAEb;;OAEG;IACH,IAAI,gBAAgB;QACnB,OAAO,YAAY,CAAC;IACrB,CAAC;CACD,CAAA;AAlCA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACb;AAOd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACb;AAOd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACb;AAOd;IADC,QAAQ,EAAE;mDACQ;AA3Bd,gBAAgB;IAPrB,aAAa,CAAC;QACd,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;QAC5C,QAAQ,EAAE,wBAAwB;KAClC,CAAC;GAEI,gBAAgB,CAwCrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base\";\n\nimport Button from \"./Button.js\";\nimport ToggleButton from \"./ToggleButton.js\";\n\n// Template\nimport ToggleSpinButtonTemplate from \"./ToggleSpinButtonTemplate.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * `ui5-toggle-spin-button` is explicitly used in the new design of `ui5-time-picker`.\n * It extends `ui5-toggle-button` with some specific accessibility-related properties in order to\n * have spin button look and feel from accessibility point of view. This component should not be used separately.\n * @constructor\n * @extends ToggleButton\n * @since 1.15.0\n * @private\n */\n@customElement({\n\ttag: \"ui5-toggle-spin-button\",\n\trenderer: jsxRenderer,\n\tstyles: [Button.styles, ToggleButton.styles],\n\ttemplate: ToggleSpinButtonTemplate,\n})\n\nclass ToggleSpinButton extends ToggleButton {\n\t/**\n\t * Defines the ARIA valuemin of the component.\n\t * @default -1\n\t */\n\t@property({ type: Number })\n\tvalueMin = -1;\n\n\t/**\n\t * Defines the ARIA valuemax of the component.\n\t * @default -1\n\t */\n\t@property({ type: Number })\n\tvalueMax = -1;\n\n\t/**\n\t * Defines the ARIA valuenow of the component.\n\t * @default -1\n\t */\n\t@property({ type: Number })\n\tvalueNow = -1;;\n\n\t/**\n\t * Defines the ARIA valuetext of the component.\n\t * @default undefined\n\t */\n\t@property()\n\tvalueText?: string;\n\n\t/**\n\t * Override of the handler in order to prevent button toggle functionality\n\t */\n\t_onclick() {}\n\n\t/**\n\t * Override\n\t */\n\tget effectiveAccRole(): AriaRole {\n\t\treturn \"spinbutton\";\n\t}\n}\n\nToggleSpinButton.define();\n\nexport default ToggleSpinButton;\n"]}

package/dist/ToggleSpinButtonTemplate.d.ts

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

package/dist/ToggleSpinButtonTemplate.js

@@ -0,0 +1,12 @@
+import { Fragment as _Fragment, jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import buttonTemplate from "./ButtonTemplate.js";
+export default function ToggleSpinButtonTemplate() {
+    return (_jsx(_Fragment, { children: buttonTemplate.call(this, {
+            ariaPressed: this.pressed,
+            ariaValueMax: this.valueMax,
+            ariaValueMin: this.valueMin,
+            ariaValueNow: this.valueNow,
+            ariaValueText: this.valueText,
+        }) }));
+}
+//# sourceMappingURL=ToggleSpinButtonTemplate.js.map

package/dist/ToggleSpinButtonTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSpinButtonTemplate.js","sourceRoot":"","sources":["../src/ToggleSpinButtonTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,wBAAwB;IAC/C,OAAO,CAAC,4BACL,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE;YAC3B,WAAW,EAAE,IAAI,CAAC,OAAO;YACzB,YAAY,EAAE,IAAI,CAAC,QAAQ;YAC3B,YAAY,EAAE,IAAI,CAAC,QAAQ;YAC3B,YAAY,EAAE,IAAI,CAAC,QAAQ;YAC3B,aAAa,EAAE,IAAI,CAAC,SAAS;SAC7B,CAAC,GACA,CAAC,CAAC;AACN,CAAC","sourcesContent":["import type ToggleSpinButton from \"./ToggleSpinButton.js\";\nimport buttonTemplate from \"./ButtonTemplate.js\";\n\nexport default function ToggleSpinButtonTemplate(this: ToggleSpinButton) {\n\treturn (<>\n\t\t{ buttonTemplate.call(this, {\n\t\t\tariaPressed: this.pressed,\n\t\t\tariaValueMax: this.valueMax,\n\t\t\tariaValueMin: this.valueMin,\n\t\t\tariaValueNow: this.valueNow,\n\t\t\tariaValueText: this.valueText,\n\t\t})}\n\t</>);\n}\n"]}

package/dist/Token.d.ts

@@ -0,0 +1,96 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { IIcon } from "./Icon.js";
+import type { IToken } from "./MultiInput.js";
+type TokenDeleteEventDetail = {
+    backSpace?: boolean;
+    delete?: boolean;
+};
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/Token.js";`
+ * @constructor
+ * @extends UI5Element
+ * @since 1.0.0-rc.9
+ * @implements {IToken}
+ * @public
+ */
+declare class Token extends UI5Element implements IToken {
+    eventDetails: {
+        "select": void;
+        "delete": TokenDeleteEventDetail;
+    };
+    /**
+     * Defines the text of the token.
+     * @default undefined
+     * @public
+     */
+    text?: string;
+    /**
+     * Defines whether the component is selected or not.
+     * @default false
+     * @public
+     */
+    selected: boolean;
+    /**
+     * Defines whether the component is read-only.
+     *
+     * **Note:** A read-only component can not be deleted or selected,
+     * but still provides visual feedback upon user interaction.
+     * @default false
+     * @private
+     */
+    readonly: boolean;
+    /**
+     * Set by the tokenizer when a token is in the "more" area (overflowing)
+     * @default false
+     * @private
+     */
+    overflows: boolean;
+    singleToken: boolean;
+    /**
+     * Defines whether the component is focused or not.
+     * @default false
+     * @private
+     */
+    focused: boolean;
+    /**
+     * Defines whether the token is being deleted
+     * This flag is used in the ui5-multi-combobox
+     * @default false
+     * @private
+     */
+    toBeDeleted: boolean;
+    /**
+     * Defines the tabIndex of the component.
+     * @private
+     */
+    forcedTabIndex: string;
+    /**
+     * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
+     * Accepts `ui5-icon`.
+     * @public
+     * @since 1.0.0-rc.9
+     */
+    closeIcon: Array<IIcon>;
+    static i18nBundle: I18nBundle;
+    _handleSelect(): void;
+    _focusin(): void;
+    _focusout(): void;
+    _delete(): void;
+    _onmousedown(e: MouseEvent): void;
+    _keydown(e: KeyboardEvent): void;
+    get tokenDeletableText(): string;
+    get textDom(): Element | null | undefined;
+    get isTruncatable(): boolean;
+    get ariaDescription(): string;
+}
+export default Token;
+export type { TokenDeleteEventDetail };