@ui5/webcomponents 2.20.0-rc.3 → 2.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/Breadcrumbs.d.ts +3 -3
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/Toolbar.d.ts +11 -11
- package/dist/Toolbar.js +3 -3
- package/dist/Toolbar.js.map +1 -1
- package/dist/ToolbarButton.d.ts +22 -3
- package/dist/ToolbarButton.js +23 -3
- package/dist/ToolbarButton.js.map +1 -1
- package/dist/ToolbarItem.d.ts +18 -77
- package/dist/ToolbarItem.js +9 -110
- package/dist/ToolbarItem.js.map +1 -1
- package/dist/ToolbarItemBase.d.ts +69 -0
- package/dist/ToolbarItemBase.js +142 -0
- package/dist/ToolbarItemBase.js.map +1 -0
- package/dist/ToolbarSelect.d.ts +6 -5
- package/dist/ToolbarSelect.js +3 -3
- package/dist/ToolbarSelect.js.map +1 -1
- package/dist/ToolbarSeparator.d.ts +3 -3
- package/dist/ToolbarSeparator.js +3 -3
- package/dist/ToolbarSeparator.js.map +1 -1
- package/dist/ToolbarSpacer.d.ts +3 -3
- package/dist/ToolbarSpacer.js +3 -3
- package/dist/ToolbarSpacer.js.map +1 -1
- package/dist/custom-elements-internal.json +110 -177
- package/dist/custom-elements.json +93 -106
- package/dist/vscode.html-custom-data.json +26 -5
- package/dist/web-types.json +12 -67
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarSelect.js","sourceRoot":"","sources":["../src/ToolbarSelect.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAE5E,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAGvE,YAAY;AACZ,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,
|
|
1
|
+
{"version":3,"file":"ToolbarSelect.js","sourceRoot":"","sources":["../src/ToolbarSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport ToolbarSelectCss from \"./generated/themes/ToolbarSelect.css.js\";\nimport type Select from \"./Select.js\";\n\n// Templates\nimport ToolbarSelectTemplate from \"./ToolbarSelectTemplate.js\";\nimport ToolbarItemBase from \"./ToolbarItemBase.js\";\nimport type { ToolbarItemEventDetail } from \"./ToolbarItemBase.js\";\nimport type ToolbarSelectOption from \"./ToolbarSelectOption.js\";\nimport type { SelectChangeEventDetail } from \"./Select.js\";\nimport type { DefaultSlot, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\ntype ToolbarSelectChangeEventDetail = ToolbarItemEventDetail & SelectChangeEventDetail;\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-toolbar-select` component is used to create a toolbar drop-down list.\n * The items inside the `ui5-toolbar-select` define the available options by using the `ui5-toolbar-select-option` component.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/ToolbarSelect.js\";`\n *\n * `import \"@ui5/webcomponents/dist/ToolbarSelectOption.js\";` (comes with `ui5-toolbar-select`)\n * @constructor\n * @abstract\n * @extends ToolbarItemBase\n * @public\n * @since 1.17.0\n */\n@customElement({\n\ttag: \"ui5-toolbar-select\",\n\ttemplate: ToolbarSelectTemplate,\n\trenderer: jsxRenderer,\n\tstyles: ToolbarSelectCss,\n})\n\n/**\n * Fired when the selected option changes.\n * @param {HTMLElement} selectedOption the selected option.\n * @public\n */\n@event(\"change\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired after the component's dropdown menu opens.\n * @public\n */\n@event(\"open\", {\n\tbubbles: true,\n})\n\n/**\n * Fired after the component's dropdown menu closes.\n * @public\n */\n@event(\"close\")\nclass ToolbarSelect extends ToolbarItemBase {\n\teventDetails!: ToolbarItemBase[\"eventDetails\"] & {\n\t\tchange: ToolbarSelectChangeEventDetail;\n\t\topen: ToolbarItemEventDetail;\n\t\tclose: ToolbarItemEventDetail;\n\t\t\"click\": ToolbarItemEventDetail;\n\t}\n\n\t/**\n\t * Defines the width of the select.\n\t *\n\t * **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\twidth?: string;\n\n\t/**\n\t * Defines the component options.\n\t *\n\t * **Note:** Only one selected option is allowed.\n\t * If more than one option is defined as selected, the last one would be considered as the selected one.\n\t *\n\t * **Note:** Use the `ui5-toolbar-select-option` component to define the desired options.\n\t * @public\n\t */\n\t@slot({\n\t\t\"default\": true,\n\t\ttype: HTMLElement,\n\t\tinvalidateOnChildChange: true,\n\t})\n\toptions!: DefaultSlot<ToolbarSelectOption>;\n\n\t/**\n\t * Defines the HTML element that will be displayed in the component input part,\n\t * representing the selected option.\n\t * @public\n\t * @since 2.15.0\n\t*/\n\t@slot()\n\tlabel!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the value state of the component.\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property()\n\tvalueState: `${ValueState}` = \"None\";\n\n\t/**\n\t * Defines whether the component is in disabled state.\n\t *\n\t * **Note:** A disabled component is noninteractive.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\taccessibleName?: string\n\n\t/**\n\t * Receives id(or many ids) of the elements that label the select.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t * Defines the value of the component:\n\t *\n\t * @public\n\t * @default \"\"\n\t * @since 2.15.0\n\t */\n\t@property()\n\tset value(newValue: string) {\n\t\tif (this.select && this.select.value !== newValue) {\n\t\t\tthis.select.value = newValue;\n\t\t}\n\t\tthis._value = newValue;\n\t}\n\n\tget value(): string | undefined {\n\t\treturn this.select ? this.select.value : this._value;\n\t}\n\n\tget select(): Select | null {\n\t\treturn this.shadowRoot!.querySelector<Select>(\"[ui5-select]\");\n\t}\n\n\t// Internal value storage, in case the composite select is not rendered on the the assignment happens\n\t_value: string = \"\";\n\n\tonClick(e: Event): void {\n\t\te.stopImmediatePropagation();\n\t\tconst prevented = !this.fireDecoratorEvent(\"click\", { targetRef: e.target as HTMLElement });\n\t\tif (prevented && !this.preventOverflowClosing) {\n\t\t\tthis.fireDecoratorEvent(\"close-overflow\");\n\t\t}\n\t}\n\n\tonOpen(e: Event): void {\n\t\te.stopImmediatePropagation();\n\t\tconst prevented = !this.fireDecoratorEvent(\"open\", { targetRef: e.target as HTMLElement });\n\t\tif (prevented) {\n\t\t\tthis.fireDecoratorEvent(\"close-overflow\");\n\t\t}\n\t}\n\n\tonClose(e: Event): void {\n\t\te.stopImmediatePropagation();\n\t\tconst prevented = !this.fireDecoratorEvent(\"close\", { targetRef: e.target as HTMLElement });\n\t\tif (prevented) {\n\t\t\tthis.fireDecoratorEvent(\"close-overflow\");\n\t\t}\n\t}\n\n\tonChange(e: CustomEvent<SelectChangeEventDetail>): void {\n\t\te.stopImmediatePropagation();\n\t\tconst prevented = !this.fireDecoratorEvent(\"change\", { ...e.detail, targetRef: e.target as HTMLElement });\n\t\tif (!prevented) {\n\t\t\tthis.fireDecoratorEvent(\"close-overflow\");\n\t\t}\n\n\t\tthis._syncOptions(e.detail.selectedOption);\n\t}\n\n\t_syncOptions(selectedOption: HTMLElement): void {\n\t\tconst selectedOptionIndex = Number(selectedOption?.getAttribute(\"data-ui5-external-action-item-index\"));\n\t\tthis.options.forEach((option: ToolbarSelectOption, index: number) => {\n\t\t\toption.selected = index === selectedOptionIndex;\n\t\t});\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\twidth: this.isOverflowed ? undefined : this.width,\n\t\t};\n\t}\n\n\tget hasCustomLabel() {\n\t\treturn !!this.label.length;\n\t}\n}\n\nToolbarSelect.define();\n\nexport default ToolbarSelect;\n\nexport type {\n\tToolbarSelectChangeEventDetail,\n};\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import ToolbarItemBase from "./ToolbarItemBase.js";
|
|
2
2
|
/**
|
|
3
3
|
* @class
|
|
4
4
|
*
|
|
@@ -6,12 +6,12 @@ import ToolbarItem from "./ToolbarItem.js";
|
|
|
6
6
|
* The `ui5-toolbar-separator` is an element, used for visual separation between two elements.
|
|
7
7
|
* It takes no space in calculating toolbar items width.
|
|
8
8
|
* @constructor
|
|
9
|
-
* @extends
|
|
9
|
+
* @extends ToolbarItemBase
|
|
10
10
|
* @since 1.17.0
|
|
11
11
|
* @abstract
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
|
-
declare class ToolbarSeparator extends
|
|
14
|
+
declare class ToolbarSeparator extends ToolbarItemBase {
|
|
15
15
|
visible: boolean;
|
|
16
16
|
get isSeparator(): boolean;
|
|
17
17
|
get isInteractive(): boolean;
|
package/dist/ToolbarSeparator.js
CHANGED
|
@@ -10,7 +10,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
|
|
|
10
10
|
import ToolbarSeparatorTemplate from "./ToolbarSeparatorTemplate.js";
|
|
11
11
|
// Styles
|
|
12
12
|
import ToolbarSeparatorCss from "./generated/themes/ToolbarSeparator.css.js";
|
|
13
|
-
import
|
|
13
|
+
import ToolbarItemBase from "./ToolbarItemBase.js";
|
|
14
14
|
/**
|
|
15
15
|
* @class
|
|
16
16
|
*
|
|
@@ -18,12 +18,12 @@ import ToolbarItem from "./ToolbarItem.js";
|
|
|
18
18
|
* The `ui5-toolbar-separator` is an element, used for visual separation between two elements.
|
|
19
19
|
* It takes no space in calculating toolbar items width.
|
|
20
20
|
* @constructor
|
|
21
|
-
* @extends
|
|
21
|
+
* @extends ToolbarItemBase
|
|
22
22
|
* @since 1.17.0
|
|
23
23
|
* @abstract
|
|
24
24
|
* @public
|
|
25
25
|
*/
|
|
26
|
-
let ToolbarSeparator = class ToolbarSeparator extends
|
|
26
|
+
let ToolbarSeparator = class ToolbarSeparator extends ToolbarItemBase {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(...arguments);
|
|
29
29
|
this.visible = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarSeparator.js","sourceRoot":"","sources":["../src/ToolbarSeparator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAE7E,OAAO,
|
|
1
|
+
{"version":3,"file":"ToolbarSeparator.js","sourceRoot":"","sources":["../src/ToolbarSeparator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAE7E,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD;;;;;;;;;;;GAWG;AAQH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,eAAe;IAA9C;;QAEC,YAAO,GAAG,KAAK,CAAC;IASjB,CAAC;IAPA,IAAI,WAAW;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,KAAK,CAAC;IACd,CAAC;CACD,CAAA;AATA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACZ;AAFX,gBAAgB;IAPrB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,mBAAmB,CAAC;KAC7B,CAAC;GAEI,gBAAgB,CAWrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport ToolbarSeparatorTemplate from \"./ToolbarSeparatorTemplate.js\";\n\n// Styles\nimport ToolbarSeparatorCss from \"./generated/themes/ToolbarSeparator.css.js\";\n\nimport ToolbarItemBase from \"./ToolbarItemBase.js\";\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-toolbar-separator` is an element, used for visual separation between two elements.\n * It takes no space in calculating toolbar items width.\n * @constructor\n * @extends ToolbarItemBase\n * @since 1.17.0\n * @abstract\n * @public\n */\n@customElement({\n\ttag: \"ui5-toolbar-separator\",\n\ttemplate: ToolbarSeparatorTemplate,\n\trenderer: jsxRenderer,\n\tstyles: [ToolbarSeparatorCss],\n})\n\nclass ToolbarSeparator extends ToolbarItemBase {\n\t@property({ type: Boolean })\n\tvisible = false;\n\n\tget isSeparator() {\n\t\treturn true;\n\t}\n\n\tget isInteractive() {\n\t\treturn false;\n\t}\n}\n\nToolbarSeparator.define();\n\nexport default ToolbarSeparator;\n"]}
|
package/dist/ToolbarSpacer.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import ToolbarItemBase from "./ToolbarItemBase.js";
|
|
2
2
|
/**
|
|
3
3
|
* @class
|
|
4
4
|
*
|
|
@@ -6,12 +6,12 @@ import ToolbarItem from "./ToolbarItem.js";
|
|
|
6
6
|
* The `ui5-toolbar-spacer` is an element, used for taking needed space for toolbar items to take 100% width.
|
|
7
7
|
* It takes no space in calculating toolbar items width.
|
|
8
8
|
* @constructor
|
|
9
|
-
* @extends
|
|
9
|
+
* @extends ToolbarItemBase
|
|
10
10
|
* @abstract
|
|
11
11
|
* @since 1.17.0
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
|
-
declare class ToolbarSpacer extends
|
|
14
|
+
declare class ToolbarSpacer extends ToolbarItemBase {
|
|
15
15
|
/**
|
|
16
16
|
* Defines the width of the spacer.
|
|
17
17
|
*
|
package/dist/ToolbarSpacer.js
CHANGED
|
@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import property from "@ui5/webcomponents-base/dist/decorators/property.js";
|
|
8
8
|
import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
|
|
9
|
-
import
|
|
9
|
+
import ToolbarItemBase from "./ToolbarItemBase.js";
|
|
10
10
|
/**
|
|
11
11
|
* @class
|
|
12
12
|
*
|
|
@@ -14,12 +14,12 @@ import ToolbarItem from "./ToolbarItem.js";
|
|
|
14
14
|
* The `ui5-toolbar-spacer` is an element, used for taking needed space for toolbar items to take 100% width.
|
|
15
15
|
* It takes no space in calculating toolbar items width.
|
|
16
16
|
* @constructor
|
|
17
|
-
* @extends
|
|
17
|
+
* @extends ToolbarItemBase
|
|
18
18
|
* @abstract
|
|
19
19
|
* @since 1.17.0
|
|
20
20
|
* @public
|
|
21
21
|
*/
|
|
22
|
-
let ToolbarSpacer = class ToolbarSpacer extends
|
|
22
|
+
let ToolbarSpacer = class ToolbarSpacer extends ToolbarItemBase {
|
|
23
23
|
get styles() {
|
|
24
24
|
return this.width ? { width: this.width } : { flex: "auto" };
|
|
25
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarSpacer.js","sourceRoot":"","sources":["../src/ToolbarSpacer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,
|
|
1
|
+
{"version":3,"file":"ToolbarSpacer.js","sourceRoot":"","sources":["../src/ToolbarSpacer.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD;;;;;;;;;;;GAWG;AAKH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,eAAe;IAW1C,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAC9D,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC;IAC/E,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC;IAC/E,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,KAAK,CAAC;IACd,CAAC;CACD,CAAA;AAjBA;IADC,QAAQ,EAAE;4CACI;AATV,aAAa;IAJlB,aAAa,CAAC;QACd,GAAG,EAAE,oBAAoB;KACzB,CAAC;GAEI,aAAa,CA0BlB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,eAAe,aAAa,CAAC","sourcesContent":["import property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\nimport ToolbarItemBase from \"./ToolbarItemBase.js\";\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-toolbar-spacer` is an element, used for taking needed space for toolbar items to take 100% width.\n * It takes no space in calculating toolbar items width.\n * @constructor\n * @extends ToolbarItemBase\n * @abstract\n * @since 1.17.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-toolbar-spacer\",\n})\n\nclass ToolbarSpacer extends ToolbarItemBase {\n\t/**\n\t * Defines the width of the spacer.\n\t *\n\t * **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\twidth?: string;\n\n\tget styles() {\n\t\treturn this.width ? { width: this.width } : { flex: \"auto\" };\n\t}\n\n\tget ignoreSpace() {\n\t\treturn this.width === \"\" || this.width === undefined || this.width === \"auto\";\n\t}\n\n\tget hasFlexibleWidth() {\n\t\treturn this.width === \"\" || this.width === undefined || this.width === \"auto\";\n\t}\n\n\tget isInteractive() {\n\t\treturn false;\n\t}\n}\n\nToolbarSpacer.define();\n\nexport default ToolbarSpacer;\n"]}
|
|
@@ -1055,7 +1055,7 @@
|
|
|
1055
1055
|
"_ui5privacy": "public",
|
|
1056
1056
|
"_ui5implements": [
|
|
1057
1057
|
{
|
|
1058
|
-
"name": "
|
|
1058
|
+
"name": "IToolbarItemContent",
|
|
1059
1059
|
"package": "@ui5/webcomponents",
|
|
1060
1060
|
"module": "dist/ToolbarItem.js"
|
|
1061
1061
|
}
|
|
@@ -29816,12 +29816,12 @@
|
|
|
29816
29816
|
"description": "Defines the items of the component.\n\n**Note:** Currently only `ui5-toolbar-button`, `ui5-toolbar-select`, `ui5-toolbar-separator` and `ui5-toolbar-spacer` are allowed here.",
|
|
29817
29817
|
"_ui5propertyName": "items",
|
|
29818
29818
|
"_ui5type": {
|
|
29819
|
-
"text": "Array<
|
|
29819
|
+
"text": "Array<ToolbarItemBase>",
|
|
29820
29820
|
"references": [
|
|
29821
29821
|
{
|
|
29822
|
-
"name": "
|
|
29822
|
+
"name": "ToolbarItemBase",
|
|
29823
29823
|
"package": "@ui5/webcomponents",
|
|
29824
|
-
"module": "dist/
|
|
29824
|
+
"module": "dist/ToolbarItemBase.js"
|
|
29825
29825
|
}
|
|
29826
29826
|
]
|
|
29827
29827
|
},
|
|
@@ -30137,18 +30137,6 @@
|
|
|
30137
30137
|
"_ui5Cancelable": true,
|
|
30138
30138
|
"_ui5allowPreventDefault": true,
|
|
30139
30139
|
"_ui5Bubbles": true
|
|
30140
|
-
},
|
|
30141
|
-
{
|
|
30142
|
-
"name": "close-overflow",
|
|
30143
|
-
"_ui5privacy": "public",
|
|
30144
|
-
"type": {
|
|
30145
|
-
"text": "CustomEvent"
|
|
30146
|
-
},
|
|
30147
|
-
"description": "Fired when the overflow popover is closed.",
|
|
30148
|
-
"_ui5Cancelable": true,
|
|
30149
|
-
"_ui5allowPreventDefault": true,
|
|
30150
|
-
"_ui5Bubbles": true,
|
|
30151
|
-
"_ui5since": "1.17.0"
|
|
30152
30140
|
}
|
|
30153
30141
|
],
|
|
30154
30142
|
"attributes": [
|
|
@@ -30271,40 +30259,15 @@
|
|
|
30271
30259
|
}
|
|
30272
30260
|
],
|
|
30273
30261
|
"superclass": {
|
|
30274
|
-
"name": "
|
|
30262
|
+
"name": "ToolbarItemBase",
|
|
30275
30263
|
"package": "@ui5/webcomponents",
|
|
30276
|
-
"module": "dist/
|
|
30264
|
+
"module": "dist/ToolbarItemBase.js"
|
|
30277
30265
|
},
|
|
30278
30266
|
"tagName": "ui5-toolbar-button",
|
|
30279
30267
|
"customElement": true,
|
|
30280
30268
|
"_ui5since": "1.17.0",
|
|
30281
30269
|
"_ui5privacy": "public",
|
|
30282
|
-
"_ui5abstract": true
|
|
30283
|
-
"slots": [
|
|
30284
|
-
{
|
|
30285
|
-
"name": "default",
|
|
30286
|
-
"description": "Wrapped component slot.",
|
|
30287
|
-
"_ui5since": "2.20.0",
|
|
30288
|
-
"_ui5propertyName": "item",
|
|
30289
|
-
"_ui5type": {
|
|
30290
|
-
"text": "Array<IOverflowToolbarItem>",
|
|
30291
|
-
"references": [
|
|
30292
|
-
{
|
|
30293
|
-
"name": "IOverflowToolbarItem",
|
|
30294
|
-
"package": "@ui5/webcomponents",
|
|
30295
|
-
"module": "dist/ToolbarItem.js"
|
|
30296
|
-
}
|
|
30297
|
-
]
|
|
30298
|
-
},
|
|
30299
|
-
"_ui5privacy": "public"
|
|
30300
|
-
}
|
|
30301
|
-
],
|
|
30302
|
-
"cssStates": [
|
|
30303
|
-
{
|
|
30304
|
-
"description": "When the item is displayed in the overflow popover. Use this state to apply different styles when the item is overflowed. Available since 2.20.0.",
|
|
30305
|
-
"name": "overflowed"
|
|
30306
|
-
}
|
|
30307
|
-
]
|
|
30270
|
+
"_ui5abstract": true
|
|
30308
30271
|
}
|
|
30309
30272
|
],
|
|
30310
30273
|
"exports": [
|
|
@@ -30330,6 +30293,13 @@
|
|
|
30330
30293
|
"kind": "javascript-module",
|
|
30331
30294
|
"path": "dist/ToolbarItem.js",
|
|
30332
30295
|
"declarations": [
|
|
30296
|
+
{
|
|
30297
|
+
"kind": "interface",
|
|
30298
|
+
"name": "IToolbarItemContent",
|
|
30299
|
+
"description": "Interface for the slotted item in `ui5-toolbar-item`.\n\nIt could be any HTMLElement or UI5 Web Component with option to specify custom overflow closing events and overflow behavior.",
|
|
30300
|
+
"_ui5privacy": "public",
|
|
30301
|
+
"_ui5since": "2.20.0"
|
|
30302
|
+
},
|
|
30333
30303
|
{
|
|
30334
30304
|
"kind": "class",
|
|
30335
30305
|
"description": "### Overview\nThe `ui5-toolbar-item` is a wrapper component used to integrate UI5 Web Components into the `ui5-toolbar`.\nIt renders within the toolbar's shadow DOM and manages the lifecycle\nand overflow behavior of its child component.\n\n### Structure\nThe toolbar item wraps a single UI5 Web Component (such as CheckBox, Title, etc.) and handles:\n- Overflow management (determining if the item should be displayed in the main toolbar or overflow popover)\n- Automatic popover closing on interaction\n- CSS custom state exposure for styling based on overflow state\n\n### Usage\nThe `ui5-toolbar-item` is typically used implicitly when adding components to a toolbar,\nbut specialized wrappers like `ui5-toolbar-button` provide\ncomponent-specific functionality and should be preferred when available.",
|
|
@@ -30341,10 +30311,10 @@
|
|
|
30341
30311
|
"_ui5since": "2.20.0",
|
|
30342
30312
|
"_ui5propertyName": "item",
|
|
30343
30313
|
"_ui5type": {
|
|
30344
|
-
"text": "Array<
|
|
30314
|
+
"text": "Array<IToolbarItemContent>",
|
|
30345
30315
|
"references": [
|
|
30346
30316
|
{
|
|
30347
|
-
"name": "
|
|
30317
|
+
"name": "IToolbarItemContent",
|
|
30348
30318
|
"package": "@ui5/webcomponents",
|
|
30349
30319
|
"module": "dist/ToolbarItem.js"
|
|
30350
30320
|
}
|
|
@@ -30382,18 +30352,91 @@
|
|
|
30382
30352
|
"privacy": "public"
|
|
30383
30353
|
}
|
|
30384
30354
|
],
|
|
30385
|
-
"
|
|
30355
|
+
"superclass": {
|
|
30356
|
+
"name": "ToolbarItemBase",
|
|
30357
|
+
"package": "@ui5/webcomponents",
|
|
30358
|
+
"module": "dist/ToolbarItemBase.js"
|
|
30359
|
+
},
|
|
30360
|
+
"tagName": "ui5-toolbar-item",
|
|
30361
|
+
"customElement": true,
|
|
30362
|
+
"_ui5since": "2.20.0",
|
|
30363
|
+
"_ui5privacy": "public",
|
|
30364
|
+
"attributes": [
|
|
30386
30365
|
{
|
|
30387
|
-
"
|
|
30388
|
-
"
|
|
30366
|
+
"description": "Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.",
|
|
30367
|
+
"name": "overflow-priority",
|
|
30368
|
+
"default": "\"Default\"",
|
|
30369
|
+
"fieldName": "overflowPriority",
|
|
30389
30370
|
"type": {
|
|
30390
|
-
"text": "
|
|
30371
|
+
"text": "\"Default\" | \"NeverOverflow\" | \"AlwaysOverflow\""
|
|
30372
|
+
}
|
|
30373
|
+
},
|
|
30374
|
+
{
|
|
30375
|
+
"description": "Defines if the toolbar overflow popup should close upon interaction with the item.\nIt will close by default.",
|
|
30376
|
+
"name": "prevent-overflow-closing",
|
|
30377
|
+
"default": "false",
|
|
30378
|
+
"fieldName": "preventOverflowClosing",
|
|
30379
|
+
"type": {
|
|
30380
|
+
"text": "boolean"
|
|
30381
|
+
}
|
|
30382
|
+
}
|
|
30383
|
+
]
|
|
30384
|
+
}
|
|
30385
|
+
],
|
|
30386
|
+
"exports": [
|
|
30387
|
+
{
|
|
30388
|
+
"kind": "js",
|
|
30389
|
+
"name": "default",
|
|
30390
|
+
"declaration": {
|
|
30391
|
+
"name": "ToolbarItem",
|
|
30392
|
+
"module": "dist/ToolbarItem.js"
|
|
30393
|
+
}
|
|
30394
|
+
},
|
|
30395
|
+
{
|
|
30396
|
+
"kind": "custom-element-definition",
|
|
30397
|
+
"name": "ui5-toolbar-item",
|
|
30398
|
+
"declaration": {
|
|
30399
|
+
"name": "ToolbarItem",
|
|
30400
|
+
"module": "dist/ToolbarItem.js"
|
|
30401
|
+
}
|
|
30402
|
+
}
|
|
30403
|
+
]
|
|
30404
|
+
},
|
|
30405
|
+
{
|
|
30406
|
+
"kind": "javascript-module",
|
|
30407
|
+
"path": "dist/ToolbarItemBase.js",
|
|
30408
|
+
"declarations": [
|
|
30409
|
+
{
|
|
30410
|
+
"kind": "class",
|
|
30411
|
+
"description": "Represents an abstract base class for items used in the `ui5-toolbar`.",
|
|
30412
|
+
"name": "ToolbarItemBase",
|
|
30413
|
+
"members": [
|
|
30414
|
+
{
|
|
30415
|
+
"kind": "field",
|
|
30416
|
+
"name": "overflowPriority",
|
|
30417
|
+
"type": {
|
|
30418
|
+
"text": "ToolbarItemOverflowBehavior",
|
|
30419
|
+
"references": [
|
|
30420
|
+
{
|
|
30421
|
+
"name": "ToolbarItemOverflowBehavior",
|
|
30422
|
+
"package": "@ui5/webcomponents",
|
|
30423
|
+
"module": "dist/types/ToolbarItemOverflowBehavior.js"
|
|
30424
|
+
}
|
|
30425
|
+
]
|
|
30391
30426
|
},
|
|
30392
|
-
"
|
|
30393
|
-
"
|
|
30394
|
-
"
|
|
30395
|
-
|
|
30396
|
-
|
|
30427
|
+
"default": "\"Default\"",
|
|
30428
|
+
"description": "Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.",
|
|
30429
|
+
"privacy": "public"
|
|
30430
|
+
},
|
|
30431
|
+
{
|
|
30432
|
+
"kind": "field",
|
|
30433
|
+
"name": "preventOverflowClosing",
|
|
30434
|
+
"type": {
|
|
30435
|
+
"text": "boolean"
|
|
30436
|
+
},
|
|
30437
|
+
"default": "false",
|
|
30438
|
+
"description": "Defines if the toolbar overflow popup should close upon interaction with the item.\nIt will close by default.",
|
|
30439
|
+
"privacy": "public"
|
|
30397
30440
|
}
|
|
30398
30441
|
],
|
|
30399
30442
|
"attributes": [
|
|
@@ -30416,21 +30459,15 @@
|
|
|
30416
30459
|
}
|
|
30417
30460
|
}
|
|
30418
30461
|
],
|
|
30419
|
-
"cssStates": [
|
|
30420
|
-
{
|
|
30421
|
-
"description": "When the item is displayed in the overflow popover. Use this state to apply different styles when the item is overflowed. Available since 2.20.0.",
|
|
30422
|
-
"name": "overflowed"
|
|
30423
|
-
}
|
|
30424
|
-
],
|
|
30425
30462
|
"superclass": {
|
|
30426
30463
|
"name": "UI5Element",
|
|
30427
30464
|
"package": "@ui5/webcomponents-base",
|
|
30428
30465
|
"module": "dist/UI5Element.js"
|
|
30429
30466
|
},
|
|
30430
|
-
"tagName": "ui5-toolbar-item",
|
|
30431
30467
|
"customElement": true,
|
|
30432
30468
|
"_ui5since": "1.17.0",
|
|
30433
|
-
"_ui5privacy": "public"
|
|
30469
|
+
"_ui5privacy": "public",
|
|
30470
|
+
"_ui5abstract": true
|
|
30434
30471
|
}
|
|
30435
30472
|
],
|
|
30436
30473
|
"exports": [
|
|
@@ -30438,16 +30475,8 @@
|
|
|
30438
30475
|
"kind": "js",
|
|
30439
30476
|
"name": "default",
|
|
30440
30477
|
"declaration": {
|
|
30441
|
-
"name": "
|
|
30442
|
-
"module": "dist/
|
|
30443
|
-
}
|
|
30444
|
-
},
|
|
30445
|
-
{
|
|
30446
|
-
"kind": "custom-element-definition",
|
|
30447
|
-
"name": "ui5-toolbar-item",
|
|
30448
|
-
"declaration": {
|
|
30449
|
-
"name": "ToolbarItem",
|
|
30450
|
-
"module": "dist/ToolbarItem.js"
|
|
30478
|
+
"name": "ToolbarItemBase",
|
|
30479
|
+
"module": "dist/ToolbarItemBase.js"
|
|
30451
30480
|
}
|
|
30452
30481
|
}
|
|
30453
30482
|
]
|
|
@@ -30624,18 +30653,6 @@
|
|
|
30624
30653
|
"_ui5allowPreventDefault": false,
|
|
30625
30654
|
"_ui5Bubbles": false
|
|
30626
30655
|
},
|
|
30627
|
-
{
|
|
30628
|
-
"name": "close-overflow",
|
|
30629
|
-
"_ui5privacy": "public",
|
|
30630
|
-
"type": {
|
|
30631
|
-
"text": "CustomEvent"
|
|
30632
|
-
},
|
|
30633
|
-
"description": "Fired when the overflow popover is closed.",
|
|
30634
|
-
"_ui5Cancelable": true,
|
|
30635
|
-
"_ui5allowPreventDefault": true,
|
|
30636
|
-
"_ui5Bubbles": true,
|
|
30637
|
-
"_ui5since": "1.17.0"
|
|
30638
|
-
},
|
|
30639
30656
|
{
|
|
30640
30657
|
"name": "open",
|
|
30641
30658
|
"_ui5privacy": "public",
|
|
@@ -30723,21 +30740,15 @@
|
|
|
30723
30740
|
}
|
|
30724
30741
|
],
|
|
30725
30742
|
"superclass": {
|
|
30726
|
-
"name": "
|
|
30743
|
+
"name": "ToolbarItemBase",
|
|
30727
30744
|
"package": "@ui5/webcomponents",
|
|
30728
|
-
"module": "dist/
|
|
30745
|
+
"module": "dist/ToolbarItemBase.js"
|
|
30729
30746
|
},
|
|
30730
30747
|
"tagName": "ui5-toolbar-select",
|
|
30731
30748
|
"customElement": true,
|
|
30732
30749
|
"_ui5since": "1.17.0",
|
|
30733
30750
|
"_ui5privacy": "public",
|
|
30734
|
-
"_ui5abstract": true
|
|
30735
|
-
"cssStates": [
|
|
30736
|
-
{
|
|
30737
|
-
"description": "When the item is displayed in the overflow popover. Use this state to apply different styles when the item is overflowed. Available since 2.20.0.",
|
|
30738
|
-
"name": "overflowed"
|
|
30739
|
-
}
|
|
30740
|
-
]
|
|
30751
|
+
"_ui5abstract": true
|
|
30741
30752
|
}
|
|
30742
30753
|
],
|
|
30743
30754
|
"exports": [
|
|
@@ -30870,34 +30881,15 @@
|
|
|
30870
30881
|
}
|
|
30871
30882
|
],
|
|
30872
30883
|
"superclass": {
|
|
30873
|
-
"name": "
|
|
30884
|
+
"name": "ToolbarItemBase",
|
|
30874
30885
|
"package": "@ui5/webcomponents",
|
|
30875
|
-
"module": "dist/
|
|
30886
|
+
"module": "dist/ToolbarItemBase.js"
|
|
30876
30887
|
},
|
|
30877
30888
|
"tagName": "ui5-toolbar-separator",
|
|
30878
30889
|
"customElement": true,
|
|
30879
30890
|
"_ui5since": "1.17.0",
|
|
30880
30891
|
"_ui5privacy": "public",
|
|
30881
30892
|
"_ui5abstract": true,
|
|
30882
|
-
"slots": [
|
|
30883
|
-
{
|
|
30884
|
-
"name": "default",
|
|
30885
|
-
"description": "Wrapped component slot.",
|
|
30886
|
-
"_ui5since": "2.20.0",
|
|
30887
|
-
"_ui5propertyName": "item",
|
|
30888
|
-
"_ui5type": {
|
|
30889
|
-
"text": "Array<IOverflowToolbarItem>",
|
|
30890
|
-
"references": [
|
|
30891
|
-
{
|
|
30892
|
-
"name": "IOverflowToolbarItem",
|
|
30893
|
-
"package": "@ui5/webcomponents",
|
|
30894
|
-
"module": "dist/ToolbarItem.js"
|
|
30895
|
-
}
|
|
30896
|
-
]
|
|
30897
|
-
},
|
|
30898
|
-
"_ui5privacy": "public"
|
|
30899
|
-
}
|
|
30900
|
-
],
|
|
30901
30893
|
"attributes": [
|
|
30902
30894
|
{
|
|
30903
30895
|
"description": "Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.",
|
|
@@ -30917,26 +30909,6 @@
|
|
|
30917
30909
|
"text": "boolean"
|
|
30918
30910
|
}
|
|
30919
30911
|
}
|
|
30920
|
-
],
|
|
30921
|
-
"events": [
|
|
30922
|
-
{
|
|
30923
|
-
"name": "close-overflow",
|
|
30924
|
-
"_ui5privacy": "public",
|
|
30925
|
-
"type": {
|
|
30926
|
-
"text": "CustomEvent"
|
|
30927
|
-
},
|
|
30928
|
-
"description": "Fired when the overflow popover is closed.",
|
|
30929
|
-
"_ui5Cancelable": true,
|
|
30930
|
-
"_ui5allowPreventDefault": true,
|
|
30931
|
-
"_ui5Bubbles": true,
|
|
30932
|
-
"_ui5since": "1.17.0"
|
|
30933
|
-
}
|
|
30934
|
-
],
|
|
30935
|
-
"cssStates": [
|
|
30936
|
-
{
|
|
30937
|
-
"description": "When the item is displayed in the overflow popover. Use this state to apply different styles when the item is overflowed. Available since 2.20.0.",
|
|
30938
|
-
"name": "overflowed"
|
|
30939
|
-
}
|
|
30940
30912
|
]
|
|
30941
30913
|
}
|
|
30942
30914
|
],
|
|
@@ -31036,54 +31008,15 @@
|
|
|
31036
31008
|
}
|
|
31037
31009
|
],
|
|
31038
31010
|
"superclass": {
|
|
31039
|
-
"name": "
|
|
31011
|
+
"name": "ToolbarItemBase",
|
|
31040
31012
|
"package": "@ui5/webcomponents",
|
|
31041
|
-
"module": "dist/
|
|
31013
|
+
"module": "dist/ToolbarItemBase.js"
|
|
31042
31014
|
},
|
|
31043
31015
|
"tagName": "ui5-toolbar-spacer",
|
|
31044
31016
|
"customElement": true,
|
|
31045
31017
|
"_ui5since": "1.17.0",
|
|
31046
31018
|
"_ui5privacy": "public",
|
|
31047
|
-
"_ui5abstract": true
|
|
31048
|
-
"slots": [
|
|
31049
|
-
{
|
|
31050
|
-
"name": "default",
|
|
31051
|
-
"description": "Wrapped component slot.",
|
|
31052
|
-
"_ui5since": "2.20.0",
|
|
31053
|
-
"_ui5propertyName": "item",
|
|
31054
|
-
"_ui5type": {
|
|
31055
|
-
"text": "Array<IOverflowToolbarItem>",
|
|
31056
|
-
"references": [
|
|
31057
|
-
{
|
|
31058
|
-
"name": "IOverflowToolbarItem",
|
|
31059
|
-
"package": "@ui5/webcomponents",
|
|
31060
|
-
"module": "dist/ToolbarItem.js"
|
|
31061
|
-
}
|
|
31062
|
-
]
|
|
31063
|
-
},
|
|
31064
|
-
"_ui5privacy": "public"
|
|
31065
|
-
}
|
|
31066
|
-
],
|
|
31067
|
-
"events": [
|
|
31068
|
-
{
|
|
31069
|
-
"name": "close-overflow",
|
|
31070
|
-
"_ui5privacy": "public",
|
|
31071
|
-
"type": {
|
|
31072
|
-
"text": "CustomEvent"
|
|
31073
|
-
},
|
|
31074
|
-
"description": "Fired when the overflow popover is closed.",
|
|
31075
|
-
"_ui5Cancelable": true,
|
|
31076
|
-
"_ui5allowPreventDefault": true,
|
|
31077
|
-
"_ui5Bubbles": true,
|
|
31078
|
-
"_ui5since": "1.17.0"
|
|
31079
|
-
}
|
|
31080
|
-
],
|
|
31081
|
-
"cssStates": [
|
|
31082
|
-
{
|
|
31083
|
-
"description": "When the item is displayed in the overflow popover. Use this state to apply different styles when the item is overflowed. Available since 2.20.0.",
|
|
31084
|
-
"name": "overflowed"
|
|
31085
|
-
}
|
|
31086
|
-
]
|
|
31019
|
+
"_ui5abstract": true
|
|
31087
31020
|
}
|
|
31088
31021
|
],
|
|
31089
31022
|
"exports": [
|