* @class * * ### Overview * Private component, used internally by the `ui5-wizard` * to represent a "step" in the navigation header of the `ui5-wizard`. * * ### Usage * * ### ES6 Module Import * * `import "@ui5/webcomponents/dist/WizardTab.js";` (imported with ) * @constructor
| 29 | */ |
| 30 | |
| 31 | @customElement({ |
| 32 | tag: "ui5-wizard-tab", |
| 33 | renderer: jsxRenderer, |
| 34 | styles: WizardTabCss, |
| 35 | template: WizardTabTemplate, |
| 36 | }) |
| 37 | |
| 38 | /** |
| 39 | * Fired when focus on a step. |
| 40 | * @private |
| 41 | */ |
| 42 | @event("focused", { |
| 43 | bubbles: true, |
| 44 | }) |
| 45 | /** |
| 46 | * Fired when clicking on none disabled step. |
| 47 | * @private |
| 48 | */ |
| 49 | @event("selection-change-requested", { |
| 50 | bubbles: true, |
| 51 | }) |
| 52 | class WizardTab extends UI5Element implements ITabbable { |
| 53 | eventDetails!: { |
| 54 | "focused": void |
| 55 | "selection-change-requested": void |
| 56 | } |
| 57 | /** |
| 58 | * Defines the `icon` of the step. |
| 59 | * @default undefined |
| 60 | * @private |
| 61 | */ |
| 62 | @property() |
| 63 | icon?: string |
| 64 | |
| 65 | /** |
| 66 | * Defines the `titleText` of the step. |
| 67 | * @default undefined |
| 68 | * @private |
| 69 | * @since 1.0.0-rc.15 |
| 70 | */ |
| 71 | @property() |
| 72 | titleText?: string |
| 73 | |
| 74 | /** |
| 75 | * Defines the `subtitleText` of the step. |
| 76 | * @default undefined |
| 77 | * @private |
| 78 | * @since 1.0.0-rc.15 |
| 79 | */ |
| 80 | @property() |
| 81 | subtitleText?: string |
| 82 | |
| 83 | /** |
| 84 | * Defines the number that will be displayed in place of the `icon`, when it's missing. |
| 85 | * @default undefined |
| 86 | * @private |
| 87 | */ |
| 88 | @property() |
nothing calls this directly
no test coverage detected