| 1 | {
|
| 2 | "schemaVersion": "1.0.0",
|
| 3 | "readme": "",
|
| 4 | "modules": [
|
| 5 | {
|
| 6 | "kind": "javascript-module",
|
| 7 | "path": "dist/features/ColorPaletteMoreColors.js",
|
| 8 | "declarations": [],
|
| 9 | "exports": [
|
| 10 | {
|
| 11 | "kind": "js",
|
| 12 | "name": "default",
|
| 13 | "declaration": {
|
| 14 | "name": "ColorPaletteMoreColors",
|
| 15 | "module": "dist/features/ColorPaletteMoreColors.js"
|
| 16 | }
|
| 17 | }
|
| 18 | ]
|
| 19 | },
|
| 20 | {
|
| 21 | "kind": "javascript-module",
|
| 22 | "path": "dist/features/InputElementsFormSupport.js",
|
| 23 | "declarations": [],
|
| 24 | "exports": [
|
| 25 | {
|
| 26 | "kind": "js",
|
| 27 | "name": "default",
|
| 28 | "declaration": {
|
| 29 | "name": "FormSupport",
|
| 30 | "module": "dist/features/InputElementsFormSupport.js"
|
| 31 | }
|
| 32 | }
|
| 33 | ]
|
| 34 | },
|
| 35 | {
|
| 36 | "kind": "javascript-module",
|
| 37 | "path": "dist/features/InputSuggestions.js",
|
| 38 | "declarations": [],
|
| 39 | "exports": [
|
| 40 | {
|
| 41 | "kind": "js",
|
| 42 | "name": "default",
|
| 43 | "declaration": {
|
| 44 | "name": "Suggestions",
|
| 45 | "module": "dist/features/InputSuggestions.js"
|
| 46 | }
|
| 47 | }
|
| 48 | ]
|
| 49 | },
|
| 50 | {
|
| 51 | "kind": "javascript-module",
|
| 52 | "path": "dist/popup-utils/OpenedPopupsRegistry.js",
|
| 53 | "declarations": [],
|
| 54 | "exports": []
|
| 55 | },
|
| 56 | {
|
| 57 | "kind": "javascript-module",
|
| 58 | "path": "dist/popup-utils/PopoverRegistry.js",
|
| 59 | "declarations": [],
|
| 60 | "exports": []
|
| 61 | },
|
| 62 | {
|
| 63 | "kind": "javascript-module",
|
| 64 | "path": "dist/timepicker-utils/TimeSlider.js",
|
| 65 | "declarations": [],
|
| 66 | "exports": []
|
| 67 | },
|
| 68 | {
|
| 69 | "kind": "javascript-module",
|
| 70 | "path": "dist/types/AvatarColorScheme.js",
|
| 71 | "declarations": [
|
| 72 | {
|
| 73 | "kind": "enum",
|
| 74 | "name": "AvatarColorScheme",
|
| 75 | "description": "Different types of AvatarColorScheme.",
|
| 76 | "_ui5privacy": "public",
|
| 77 | "members": [
|
| 78 | {
|
| 79 | "kind": "field",
|
| 80 | "static": true,
|
| 81 | "privacy": "public",
|
| 82 | "default": "Accent1",
|
| 83 | "name": "Accent1",
|
| 84 | "readonly": true
|
| 85 | },
|
| 86 | {
|
| 87 | "kind": "field",
|
| 88 | "static": true,
|
| 89 | "privacy": "public",
|
| 90 | "default": "Accent2",
|
| 91 | "name": "Accent2",
|
| 92 | "readonly": true
|
| 93 | },
|
| 94 | {
|
| 95 | "kind": "field",
|
| 96 | "static": true,
|
| 97 | "privacy": "public",
|
| 98 | "default": "Accent3",
|
| 99 | "name": "Accent3",
|
| 100 | "readonly": true
|
| 101 | },
|
| 102 | {
|
| 103 | "kind": "field",
|
| 104 | "static": true,
|
| 105 | "privacy": "public",
|
| 106 | "default": "Accent4",
|
| 107 | "name": "Accent4",
|
| 108 | "readonly": true
|
| 109 | },
|
| 110 | {
|
| 111 | "kind": "field",
|
| 112 | "static": true,
|
| 113 | "privacy": "public",
|
| 114 | "default": "Accent5",
|
| 115 | "name": "Accent5",
|
| 116 | "readonly": true
|
| 117 | },
|
| 118 | {
|
| 119 | "kind": "field",
|
| 120 | "static": true,
|
| 121 | "privacy": "public",
|
| 122 | "default": "Accent6",
|
| 123 | "name": "Accent6",
|
| 124 | "readonly": true
|
| 125 | },
|
| 126 | {
|
| 127 | "kind": "field",
|
| 128 | "static": true,
|
| 129 | "privacy": "public",
|
| 130 | "default": "Accent7",
|
| 131 | "name": "Accent7",
|
| 132 | "readonly": true
|
| 133 | },
|
| 134 | {
|
| 135 | "kind": "field",
|
| 136 | "static": true,
|
| 137 | "privacy": "public",
|
| 138 | "default": "Accent8",
|
| 139 | "name": "Accent8",
|
| 140 | "readonly": true
|
| 141 | },
|
| 142 | {
|
| 143 | "kind": "field",
|
| 144 | "static": true,
|
| 145 | "privacy": "public",
|
| 146 | "default": "Accent9",
|
| 147 | "name": "Accent9",
|
| 148 | "readonly": true
|
| 149 | },
|
| 150 | {
|
| 151 | "kind": "field",
|
| 152 | "static": true,
|
| 153 | "privacy": "public",
|
| 154 | "default": "Accent10",
|
| 155 | "name": "Accent10",
|
| 156 | "readonly": true
|
| 157 | },
|
| 158 | {
|
| 159 | "kind": "field",
|
| 160 | "static": true,
|
| 161 | "privacy": "public",
|
| 162 | "default": "Placeholder",
|
| 163 | "name": "Placeholder",
|
| 164 | "readonly": true
|
| 165 | }
|
| 166 | ]
|
| 167 | }
|
| 168 | ],
|
| 169 | "exports": [
|
| 170 | {
|
| 171 | "kind": "js",
|
| 172 | "name": "default",
|
| 173 | "declaration": {
|
| 174 | "name": "AvatarColorScheme",
|
| 175 | "module": "dist/types/AvatarColorScheme.js"
|
| 176 | }
|
| 177 | }
|
| 178 | ]
|
| 179 | },
|
| 180 | {
|
| 181 | "kind": "javascript-module",
|
| 182 | "path": "dist/types/AvatarGroupType.js",
|
| 183 | "declarations": [
|
| 184 | {
|
| 185 | "kind": "enum",
|
| 186 | "name": "AvatarGroupType",
|
| 187 | "description": "Different types of AvatarGroupType.",
|
| 188 | "_ui5privacy": "public",
|
| 189 | "members": [
|
| 190 | {
|
| 191 | "kind": "field",
|
| 192 | "static": true,
|
| 193 | "privacy": "public",
|
| 194 | "description": "The avatars are displayed as partially overlapped on top of each other and the entire group has one click or tap area.",
|
| 195 | "default": "Group",
|
| 196 | "name": "Group",
|
| 197 | "readonly": true
|
| 198 | },
|
| 199 | {
|
| 200 | "kind": "field",
|
| 201 | "static": true,
|
| 202 | "privacy": "public",
|
| 203 | "description": "The avatars are displayed side-by-side and each avatar has its own click or tap area.",
|
| 204 | "default": "Individual",
|
| 205 | "name": "Individual",
|
| 206 | "readonly": true
|
| 207 | }
|
| 208 | ]
|
| 209 | }
|
| 210 | ],
|
| 211 | "exports": [
|
| 212 | {
|
| 213 | "kind": "js",
|
| 214 | "name": "default",
|
| 215 | "declaration": {
|
| 216 | "name": "AvatarGroupType",
|
| 217 | "module": "dist/types/AvatarGroupType.js"
|
| 218 | }
|
| 219 | }
|
| 220 | ]
|
| 221 | },
|
| 222 | {
|
| 223 | "kind": "javascript-module",
|
| 224 | "path": "dist/types/AvatarShape.js",
|
| 225 | "declarations": [
|
| 226 | {
|
| 227 | "kind": "enum",
|
| 228 | "name": "AvatarShape",
|
| 229 | "description": "Different types of AvatarShape.",
|
| 230 | "_ui5privacy": "public",
|
| 231 | "members": [
|
| 232 | {
|
| 233 | "kind": "field",
|
| 234 | "static": true,
|
| 235 | "privacy": "public",
|
| 236 | "description": "Circular shape.",
|
| 237 | "default": "Circle",
|
| 238 | "name": "Circle",
|
| 239 | "readonly": true
|
| 240 | },
|
| 241 | {
|
| 242 | "kind": "field",
|
| 243 | "static": true,
|
| 244 | "privacy": "public",
|
| 245 | "description": "Square shape.",
|
| 246 | "default": "Square",
|
| 247 | "name": "Square",
|
| 248 | "readonly": true
|
| 249 | }
|
| 250 | ]
|
| 251 | }
|
| 252 | ],
|
| 253 | "exports": [
|
| 254 | {
|
| 255 | "kind": "js",
|
| 256 | "name": "default",
|
| 257 | "declaration": {
|
| 258 | "name": "AvatarShape",
|
| 259 | "module": "dist/types/AvatarShape.js"
|
| 260 | }
|
| 261 | }
|
| 262 | ]
|
| 263 | },
|
| 264 | {
|
| 265 | "kind": "javascript-module",
|
| 266 | "path": "dist/types/AvatarSize.js",
|
| 267 | "declarations": [
|
| 268 | {
|
| 269 | "kind": "enum",
|
| 270 | "name": "AvatarSize",
|
| 271 | "description": "Different types of AvatarSize.",
|
| 272 | "_ui5privacy": "public",
|
| 273 | "members": [
|
| 274 | {
|
| 275 | "kind": "field",
|
| 276 | "static": true,
|
| 277 | "privacy": "public",
|
| 278 | "description": "component size - 2rem\nfont size - 1rem",
|
| 279 | "default": "XS",
|
| 280 | "name": "XS",
|
| 281 | "readonly": true
|
| 282 | },
|
| 283 | {
|
| 284 | "kind": "field",
|
| 285 | "static": true,
|
| 286 | "privacy": "public",
|
| 287 | "description": "component size - 3rem\nfont size - 1.5rem",
|
| 288 | "default": "S",
|
| 289 | "name": "S",
|
| 290 | "readonly": true
|
| 291 | },
|
| 292 | {
|
| 293 | "kind": "field",
|
| 294 | "static": true,
|
| 295 | "privacy": "public",
|
| 296 | "description": "component size - 4rem\nfont size - 2rem",
|
| 297 | "default": "M",
|
| 298 | "name": "M",
|
| 299 | "readonly": true
|
| 300 | },
|
| 301 | {
|
| 302 | "kind": "field",
|
| 303 | "static": true,
|
| 304 | "privacy": "public",
|
| 305 | "description": "component size - 5rem\nfont size - 2.5rem",
|
| 306 | "default": "L",
|
| 307 | "name": "L",
|
| 308 | "readonly": true
|
| 309 | },
|
| 310 | {
|
| 311 | "kind": "field",
|
| 312 | "static": true,
|
| 313 | "privacy": "public",
|
| 314 | "description": "component size - 7rem\nfont size - 3rem",
|
| 315 | "default": "XL",
|
| 316 | "name": "XL",
|
| 317 | "readonly": true
|
| 318 | }
|
| 319 | ]
|
| 320 | }
|
| 321 | ],
|
| 322 | "exports": [
|
| 323 | {
|
| 324 | "kind": "js",
|
| 325 | "name": "default",
|
| 326 | "declaration": {
|
| 327 | "name": "AvatarSize",
|
| 328 | "module": "dist/types/AvatarSize.js"
|
| 329 | }
|
| 330 | }
|
| 331 | ]
|
| 332 | },
|
| 333 | {
|
| 334 | "kind": "javascript-module",
|
| 335 | "path": "dist/types/BackgroundDesign.js",
|
| 336 | "declarations": [
|
| 337 | {
|
| 338 | "kind": "enum",
|
| 339 | "name": "BackgroundDesign",
|
| 340 | "description": "Defines background designs.",
|
| 341 | "_ui5privacy": "public",
|
| 342 | "members": [
|
| 343 | {
|
| 344 | "kind": "field",
|
| 345 | "static": true,
|
| 346 | "privacy": "public",
|
| 347 | "description": "A solid background color dependent on the theme.",
|
| 348 | "default": "Solid",
|
| 349 | "name": "Solid",
|
| 350 | "readonly": true
|
| 351 | },
|
| 352 | {
|
| 353 | "kind": "field",
|
| 354 | "static": true,
|
| 355 | "privacy": "public",
|
| 356 | "description": "Transparent background.",
|
| 357 | "default": "Transparent",
|
| 358 | "name": "Transparent",
|
| 359 | "readonly": true
|
| 360 | },
|
| 361 | {
|
| 362 | "kind": "field",
|
| 363 | "static": true,
|
| 364 | "privacy": "public",
|
| 365 | "description": "A translucent background depending on the opacity value of the theme.",
|
| 366 | "default": "Translucent",
|
| 367 | "name": "Translucent",
|
| 368 | "readonly": true
|
| 369 | }
|
| 370 | ]
|
| 371 | }
|
| 372 | ],
|
| 373 | "exports": [
|
| 374 | {
|
| 375 | "kind": "js",
|
| 376 | "name": "default",
|
| 377 | "declaration": {
|
| 378 | "name": "BackgroundDesign",
|
| 379 | "module": "dist/types/BackgroundDesign.js"
|
| 380 | }
|
| 381 | }
|
| 382 | ]
|
| 383 | },
|
| 384 | {
|
| 385 | "kind": "javascript-module",
|
| 386 | "path": "dist/types/BadgeDesign.js",
|
| 387 | "declarations": [
|
| 388 | {
|
| 389 | "kind": "enum",
|
| 390 | "name": "BadgeDesign",
|
| 391 | "description": "Defines badge design types.",
|
| 392 | "_ui5privacy": "public",
|
| 393 | "members": [
|
| 394 | {
|
| 395 | "kind": "field",
|
| 396 | "static": true,
|
| 397 | "privacy": "public",
|
| 398 | "description": "Set1 of generic indication colors that are intended for industry-specific use cases",
|
| 399 | "default": "Set1",
|
| 400 | "name": "Set1",
|
| 401 | "readonly": true
|
| 402 | },
|
| 403 | {
|
| 404 | "kind": "field",
|
| 405 | "static": true,
|
| 406 | "privacy": "public",
|
| 407 | "description": "Set2 of generic indication colors that are intended for industry-specific use cases",
|
| 408 | "default": "Set2",
|
| 409 | "name": "Set2",
|
| 410 | "readonly": true
|
| 411 | },
|
| 412 | {
|
| 413 | "kind": "field",
|
| 414 | "static": true,
|
| 415 | "privacy": "public",
|
| 416 | "description": "Set3 of generic indication colors that are\nintended for industry-specific use cases. Used in SAP BTP design system.",
|
| 417 | "default": "Set3",
|
| 418 | "name": "Set3",
|
| 419 | "readonly": true
|
| 420 | },
|
| 421 | {
|
| 422 | "kind": "field",
|
| 423 | "static": true,
|
| 424 | "privacy": "public",
|
| 425 | "description": "Neutral design",
|
| 426 | "default": "Neutral",
|
| 427 | "name": "Neutral",
|
| 428 | "readonly": true
|
| 429 | },
|
| 430 | {
|
| 431 | "kind": "field",
|
| 432 | "static": true,
|
| 433 | "privacy": "public",
|
| 434 | "description": "Information design",
|
| 435 | "default": "Information",
|
| 436 | "name": "Information",
|
| 437 | "readonly": true
|
| 438 | },
|
| 439 | {
|
| 440 | "kind": "field",
|
| 441 | "static": true,
|
| 442 | "privacy": "public",
|
| 443 | "description": "Positive design",
|
| 444 | "default": "Positive",
|
| 445 | "name": "Positive",
|
| 446 | "readonly": true
|
| 447 | },
|
| 448 | {
|
| 449 | "kind": "field",
|
| 450 | "static": true,
|
| 451 | "privacy": "public",
|
| 452 | "description": "Negative design",
|
| 453 | "default": "Negative",
|
| 454 | "name": "Negative",
|
| 455 | "readonly": true
|
| 456 | },
|
| 457 | {
|
| 458 | "kind": "field",
|
| 459 | "static": true,
|
| 460 | "privacy": "public",
|
| 461 | "description": "Critical design",
|
| 462 | "default": "Critical",
|
| 463 | "name": "Critical",
|
| 464 | "readonly": true
|
| 465 | }
|
| 466 | ]
|
| 467 | }
|
| 468 | ],
|
| 469 | "exports": [
|
| 470 | {
|
| 471 | "kind": "js",
|
| 472 | "name": "default",
|
| 473 | "declaration": {
|
| 474 | "name": "BadgeDesign",
|
| 475 | "module": "dist/types/BadgeDesign.js"
|
| 476 | }
|
| 477 | }
|
| 478 | ]
|
| 479 | },
|
| 480 | {
|
| 481 | "kind": "javascript-module",
|
| 482 | "path": "dist/types/BorderDesign.js",
|
| 483 | "declarations": [
|
| 484 | {
|
| 485 | "kind": "enum",
|
| 486 | "name": "BorderDesign",
|
| 487 | "description": "Defines border designs.",
|
| 488 | "_ui5privacy": "public",
|
| 489 | "members": [
|
| 490 | {
|
| 491 | "kind": "field",
|
| 492 | "static": true,
|
| 493 | "privacy": "public",
|
| 494 | "description": "A solid border color dependent on the theme.",
|
| 495 | "default": "Solid",
|
| 496 | "name": "Solid",
|
| 497 | "readonly": true
|
| 498 | },
|
| 499 | {
|
| 500 | "kind": "field",
|
| 501 | "static": true,
|
| 502 | "privacy": "public",
|
| 503 | "description": "Specifies no border.",
|
| 504 | "default": "None",
|
| 505 | "name": "None",
|
| 506 | "readonly": true
|
| 507 | }
|
| 508 | ]
|
| 509 | }
|
| 510 | ],
|
| 511 | "exports": [
|
| 512 | {
|
| 513 | "kind": "js",
|
| 514 | "name": "default",
|
| 515 | "declaration": {
|
| 516 | "name": "BorderDesign",
|
| 517 | "module": "dist/types/BorderDesign.js"
|
| 518 | }
|
| 519 | }
|
| 520 | ]
|
| 521 | },
|
| 522 | {
|
| 523 | "kind": "javascript-module",
|
| 524 | "path": "dist/types/BreadcrumbsDesign.js",
|
| 525 | "declarations": [
|
| 526 | {
|
| 527 | "kind": "enum",
|
| 528 | "name": "BreadcrumbsDesign",
|
| 529 | "description": "Different Breadcrumbs designs.",
|
| 530 | "_ui5privacy": "public",
|
| 531 | "members": [
|
| 532 | {
|
| 533 | "kind": "field",
|
| 534 | "static": true,
|
| 535 | "privacy": "public",
|
| 536 | "description": "Shows the current page as the last item in the trail.\nThe last item contains only plain text and is not a link.",
|
| 537 | "default": "Standard",
|
| 538 | "name": "Standard",
|
| 539 | "readonly": true
|
| 540 | },
|
| 541 | {
|
| 542 | "kind": "field",
|
| 543 | "static": true,
|
| 544 | "privacy": "public",
|
| 545 | "description": "All items are displayed as links.",
|
| 546 | "default": "NoCurrentPage",
|
| 547 | "name": "NoCurrentPage",
|
| 548 | "readonly": true
|
| 549 | }
|
| 550 | ]
|
| 551 | }
|
| 552 | ],
|
| 553 | "exports": [
|
| 554 | {
|
| 555 | "kind": "js",
|
| 556 | "name": "default",
|
| 557 | "declaration": {
|
| 558 | "name": "BreadcrumbsDesign",
|
| 559 | "module": "dist/types/BreadcrumbsDesign.js"
|
| 560 | }
|
| 561 | }
|
| 562 | ]
|
| 563 | },
|
| 564 | {
|
| 565 | "kind": "javascript-module",
|
| 566 | "path": "dist/types/BreadcrumbsSeparatorStyle.js",
|
| 567 | "declarations": [
|
| 568 | {
|
| 569 | "kind": "enum",
|
| 570 | "name": "BreadcrumbsSeparatorStyle",
|
| 571 | "description": "Different Breadcrumbs separator styles.",
|
| 572 | "_ui5privacy": "public",
|
| 573 | "members": [
|
| 574 | {
|
| 575 | "kind": "field",
|
| 576 | "static": true,
|
| 577 | "privacy": "public",
|
| 578 | "description": "The separator appears as \"/\".",
|
| 579 | "default": "Slash",
|
| 580 | "name": "Slash",
|
| 581 | "readonly": true
|
| 582 | },
|
| 583 | {
|
| 584 | "kind": "field",
|
| 585 | "static": true,
|
| 586 | "privacy": "public",
|
| 587 | "description": "The separator appears as \"\\\".",
|
| 588 | "default": "BackSlash",
|
| 589 | "name": "BackSlash",
|
| 590 | "readonly": true
|
| 591 | },
|
| 592 | {
|
| 593 | "kind": "field",
|
| 594 | "static": true,
|
| 595 | "privacy": "public",
|
| 596 | "description": "The separator appears as \"\\\\\".",
|
| 597 | "default": "DoubleBackSlash",
|
| 598 | "name": "DoubleBackSlash",
|
| 599 | "readonly": true
|
| 600 | },
|
| 601 | {
|
| 602 | "kind": "field",
|
| 603 | "static": true,
|
| 604 | "privacy": "public",
|
| 605 | "description": "The separator appears as \">>\".",
|
| 606 | "default": "DoubleGreaterThan",
|
| 607 | "name": "DoubleGreaterThan",
|
| 608 | "readonly": true
|
| 609 | },
|
| 610 | {
|
| 611 | "kind": "field",
|
| 612 | "static": true,
|
| 613 | "privacy": "public",
|
| 614 | "description": "The separator appears as \"//\" .",
|
| 615 | "default": "DoubleSlash",
|
| 616 | "name": "DoubleSlash",
|
| 617 | "readonly": true
|
| 618 | },
|
| 619 | {
|
| 620 | "kind": "field",
|
| 621 | "static": true,
|
| 622 | "privacy": "public",
|
| 623 | "description": "The separator appears as \">\".",
|
| 624 | "default": "GreaterThan",
|
| 625 | "name": "GreaterThan",
|
| 626 | "readonly": true
|
| 627 | }
|
| 628 | ]
|
| 629 | }
|
| 630 | ],
|
| 631 | "exports": [
|
| 632 | {
|
| 633 | "kind": "js",
|
| 634 | "name": "default",
|
| 635 | "declaration": {
|
| 636 | "name": "BreadcrumbsSeparatorStyle",
|
| 637 | "module": "dist/types/BreadcrumbsSeparatorStyle.js"
|
| 638 | }
|
| 639 | }
|
| 640 | ]
|
| 641 | },
|
| 642 | {
|
| 643 | "kind": "javascript-module",
|
| 644 | "path": "dist/types/BusyIndicatorSize.js",
|
| 645 | "declarations": [
|
| 646 | {
|
| 647 | "kind": "enum",
|
| 648 | "name": "BusyIndicatorSize",
|
| 649 | "description": "Different BusyIndicator sizes.",
|
| 650 | "_ui5privacy": "public",
|
| 651 | "members": [
|
| 652 | {
|
| 653 | "kind": "field",
|
| 654 | "static": true,
|
| 655 | "privacy": "public",
|
| 656 | "description": "small size",
|
| 657 | "default": "Small",
|
| 658 | "name": "Small",
|
| 659 | "readonly": true
|
| 660 | },
|
| 661 | {
|
| 662 | "kind": "field",
|
| 663 | "static": true,
|
| 664 | "privacy": "public",
|
| 665 | "description": "medium size",
|
| 666 | "default": "Medium",
|
| 667 | "name": "Medium",
|
| 668 | "readonly": true
|
| 669 | },
|
| 670 | {
|
| 671 | "kind": "field",
|
| 672 | "static": true,
|
| 673 | "privacy": "public",
|
| 674 | "description": "large size",
|
| 675 | "default": "Large",
|
| 676 | "name": "Large",
|
| 677 | "readonly": true
|
| 678 | }
|
| 679 | ]
|
| 680 | }
|
| 681 | ],
|
| 682 | "exports": [
|
| 683 | {
|
| 684 | "kind": "js",
|
| 685 | "name": "default",
|
| 686 | "declaration": {
|
| 687 | "name": "BusyIndicatorSize",
|
| 688 | "module": "dist/types/BusyIndicatorSize.js"
|
| 689 | }
|
| 690 | }
|
| 691 | ]
|
| 692 | },
|
| 693 | {
|
| 694 | "kind": "javascript-module",
|
| 695 | "path": "dist/types/ButtonAccessibleRole.js",
|
| 696 | "declarations": [
|
| 697 | {
|
| 698 | "kind": "enum",
|
| 699 | "name": "ButtonAccessibleRole",
|
| 700 | "description": "Button accessible roles.",
|
| 701 | "_ui5privacy": "public",
|
| 702 | "_ui5since": "1.23",
|
| 703 | "members": [
|
| 704 | {
|
| 705 | "kind": "field",
|
| 706 | "static": true,
|
| 707 | "privacy": "public",
|
| 708 | "description": "Represents Default (button) ARIA role.",
|
| 709 | "default": "Button",
|
| 710 | "name": "Button",
|
| 711 | "readonly": true
|
| 712 | },
|
| 713 | {
|
| 714 | "kind": "field",
|
| 715 | "static": true,
|
| 716 | "privacy": "public",
|
| 717 | "description": "Represents the ARIA role \"link\".",
|
| 718 | "default": "Link",
|
| 719 | "name": "Link",
|
| 720 | "readonly": true
|
| 721 | }
|
| 722 | ]
|
| 723 | }
|
| 724 | ],
|
| 725 | "exports": [
|
| 726 | {
|
| 727 | "kind": "js",
|
| 728 | "name": "default",
|
| 729 | "declaration": {
|
| 730 | "name": "ButtonAccessibleRole",
|
| 731 | "module": "dist/types/ButtonAccessibleRole.js"
|
| 732 | }
|
| 733 | }
|
| 734 | ]
|
| 735 | },
|
| 736 | {
|
| 737 | "kind": "javascript-module",
|
| 738 | "path": "dist/types/ButtonDesign.js",
|
| 739 | "declarations": [
|
| 740 | {
|
| 741 | "kind": "enum",
|
| 742 | "name": "ButtonDesign",
|
| 743 | "description": "Different Button designs.",
|
| 744 | "_ui5privacy": "public",
|
| 745 | "members": [
|
| 746 | {
|
| 747 | "kind": "field",
|
| 748 | "static": true,
|
| 749 | "privacy": "public",
|
| 750 | "description": "default type (no special styling)",
|
| 751 | "default": "Default",
|
| 752 | "name": "Default",
|
| 753 | "readonly": true
|
| 754 | },
|
| 755 | {
|
| 756 | "kind": "field",
|
| 757 | "static": true,
|
| 758 | "privacy": "public",
|
| 759 | "description": "accept type (green button)",
|
| 760 | "default": "Positive",
|
| 761 | "name": "Positive",
|
| 762 | "readonly": true
|
| 763 | },
|
| 764 | {
|
| 765 | "kind": "field",
|
| 766 | "static": true,
|
| 767 | "privacy": "public",
|
| 768 | "description": "reject style (red button)",
|
| 769 | "default": "Negative",
|
| 770 | "name": "Negative",
|
| 771 | "readonly": true
|
| 772 | },
|
| 773 | {
|
| 774 | "kind": "field",
|
| 775 | "static": true,
|
| 776 | "privacy": "public",
|
| 777 | "description": "transparent type",
|
| 778 | "default": "Transparent",
|
| 779 | "name": "Transparent",
|
| 780 | "readonly": true
|
| 781 | },
|
| 782 | {
|
| 783 | "kind": "field",
|
| 784 | "static": true,
|
| 785 | "privacy": "public",
|
| 786 | "description": "emphasized type",
|
| 787 | "default": "Emphasized",
|
| 788 | "name": "Emphasized",
|
| 789 | "readonly": true
|
| 790 | },
|
| 791 | {
|
| 792 | "kind": "field",
|
| 793 | "static": true,
|
| 794 | "privacy": "public",
|
| 795 | "description": "attention type",
|
| 796 | "default": "Attention",
|
| 797 | "name": "Attention",
|
| 798 | "readonly": true
|
| 799 | }
|
| 800 | ]
|
| 801 | }
|
| 802 | ],
|
| 803 | "exports": [
|
| 804 | {
|
| 805 | "kind": "js",
|
| 806 | "name": "default",
|
| 807 | "declaration": {
|
| 808 | "name": "ButtonDesign",
|
| 809 | "module": "dist/types/ButtonDesign.js"
|
| 810 | }
|
| 811 | }
|
| 812 | ]
|
| 813 | },
|
| 814 | {
|
| 815 | "kind": "javascript-module",
|
| 816 | "path": "dist/types/ButtonType.js",
|
| 817 | "declarations": [
|
| 818 | {
|
| 819 | "kind": "enum",
|
| 820 | "name": "ButtonType",
|
| 821 | "description": "Determines if the button has special form-related functionality.",
|
| 822 | "_ui5privacy": "public",
|
| 823 | "members": [
|
| 824 | {
|
| 825 | "kind": "field",
|
| 826 | "static": true,
|
| 827 | "privacy": "public",
|
| 828 | "description": "The button does not do anything special when inside a form",
|
| 829 | "default": "Button",
|
| 830 | "name": "Button",
|
| 831 | "readonly": true
|
| 832 | },
|
| 833 | {
|
| 834 | "kind": "field",
|
| 835 | "static": true,
|
| 836 | "privacy": "public",
|
| 837 | "description": "The button acts as a submit button (submits a form)",
|
| 838 | "default": "Submit",
|
| 839 | "name": "Submit",
|
| 840 | "readonly": true
|
| 841 | },
|
| 842 | {
|
| 843 | "kind": "field",
|
| 844 | "static": true,
|
| 845 | "privacy": "public",
|
| 846 | "description": "The button acts as a reset button (resets a form)",
|
| 847 | "default": "Reset",
|
| 848 | "name": "Reset",
|
| 849 | "readonly": true
|
| 850 | }
|
| 851 | ]
|
| 852 | }
|
| 853 | ],
|
| 854 | "exports": [
|
| 855 | {
|
| 856 | "kind": "js",
|
| 857 | "name": "default",
|
| 858 | "declaration": {
|
| 859 | "name": "ButtonType",
|
| 860 | "module": "dist/types/ButtonType.js"
|
| 861 | }
|
| 862 | }
|
| 863 | ]
|
| 864 | },
|
| 865 | {
|
| 866 | "kind": "javascript-module",
|
| 867 | "path": "dist/types/CalendarLegendItemType.js",
|
| 868 | "declarations": [
|
| 869 | {
|
| 870 | "kind": "enum",
|
| 871 | "name": "CalendarLegendItemType",
|
| 872 | "description": "Enum for calendar legend items' types.",
|
| 873 | "_ui5privacy": "public",
|
| 874 | "_ui5since": "1.23.0",
|
| 875 | "members": [
|
| 876 | {
|
| 877 | "kind": "field",
|
| 878 | "static": true,
|
| 879 | "privacy": "public",
|
| 880 | "description": "Set when no type is set.",
|
| 881 | "default": "None",
|
| 882 | "name": "None",
|
| 883 | "readonly": true
|
| 884 | },
|
| 885 | {
|
| 886 | "kind": "field",
|
| 887 | "static": true,
|
| 888 | "privacy": "public",
|
| 889 | "description": "Represents the \"Working\" item in the calendar legend.",
|
| 890 | "default": "Working",
|
| 891 | "name": "Working",
|
| 892 | "readonly": true
|
| 893 | },
|
| 894 | {
|
| 895 | "kind": "field",
|
| 896 | "static": true,
|
| 897 | "privacy": "public",
|
| 898 | "description": "Represents the \"NonWorking\" item in the calendar legend.",
|
| 899 | "default": "NonWorking",
|
| 900 | "name": "NonWorking",
|
| 901 | "readonly": true
|
| 902 | },
|
| 903 | {
|
| 904 | "kind": "field",
|
| 905 | "static": true,
|
| 906 | "privacy": "public",
|
| 907 | "description": "Represents the \"Type01\" item in the calendar legend.",
|
| 908 | "default": "Type01",
|
| 909 | "name": "Type01",
|
| 910 | "readonly": true
|
| 911 | },
|
| 912 | {
|
| 913 | "kind": "field",
|
| 914 | "static": true,
|
| 915 | "privacy": "public",
|
| 916 | "description": "Represents the \"Type02\" item in the calendar legend.",
|
| 917 | "default": "Type02",
|
| 918 | "name": "Type02",
|
| 919 | "readonly": true
|
| 920 | },
|
| 921 | {
|
| 922 | "kind": "field",
|
| 923 | "static": true,
|
| 924 | "privacy": "public",
|
| 925 | "description": "Represents the \"Type03\" item in the calendar legend.",
|
| 926 | "default": "Type03",
|
| 927 | "name": "Type03",
|
| 928 | "readonly": true
|
| 929 | },
|
| 930 | {
|
| 931 | "kind": "field",
|
| 932 | "static": true,
|
| 933 | "privacy": "public",
|
| 934 | "description": "Represents the \"Type04\" item in the calendar legend.",
|
| 935 | "default": "Type04",
|
| 936 | "name": "Type04",
|
| 937 | "readonly": true
|
| 938 | },
|
| 939 | {
|
| 940 | "kind": "field",
|
| 941 | "static": true,
|
| 942 | "privacy": "public",
|
| 943 | "description": "Represents the \"Type05\" item in the calendar legend.",
|
| 944 | "default": "Type05",
|
| 945 | "name": "Type05",
|
| 946 | "readonly": true
|
| 947 | },
|
| 948 | {
|
| 949 | "kind": "field",
|
| 950 | "static": true,
|
| 951 | "privacy": "public",
|
| 952 | "description": "Represents the \"Type06\" item in the calendar legend.",
|
| 953 | "default": "Type06",
|
| 954 | "name": "Type06",
|
| 955 | "readonly": true
|
| 956 | },
|
| 957 | {
|
| 958 | "kind": "field",
|
| 959 | "static": true,
|
| 960 | "privacy": "public",
|
| 961 | "description": "Represents the \"Type07\" item in the calendar legend.",
|
| 962 | "default": "Type07",
|
| 963 | "name": "Type07",
|
| 964 | "readonly": true
|
| 965 | },
|
| 966 | {
|
| 967 | "kind": "field",
|
| 968 | "static": true,
|
| 969 | "privacy": "public",
|
| 970 | "description": "Represents the \"Type08\" item in the calendar legend.",
|
| 971 | "default": "Type08",
|
| 972 | "name": "Type08",
|
| 973 | "readonly": true
|
| 974 | },
|
| 975 | {
|
| 976 | "kind": "field",
|
| 977 | "static": true,
|
| 978 | "privacy": "public",
|
| 979 | "description": "Represents the \"Type09\" item in the calendar legend.",
|
| 980 | "default": "Type09",
|
| 981 | "name": "Type09",
|
| 982 | "readonly": true
|
| 983 | },
|
| 984 | {
|
| 985 | "kind": "field",
|
| 986 | "static": true,
|
| 987 | "privacy": "public",
|
| 988 | "description": "Represents the \"Type10\" item in the calendar legend.",
|
| 989 | "default": "Type10",
|
| 990 | "name": "Type10",
|
| 991 | "readonly": true
|
| 992 | },
|
| 993 | {
|
| 994 | "kind": "field",
|
| 995 | "static": true,
|
| 996 | "privacy": "public",
|
| 997 | "description": "Represents the \"Type11\" item in the calendar legend.",
|
| 998 | "default": "Type11",
|
| 999 | "name": "Type11",
|
| 1000 | "readonly": true
|
| 1001 | },
|
| 1002 | {
|
| 1003 | "kind": "field",
|
| 1004 | "static": true,
|
| 1005 | "privacy": "public",
|
| 1006 | "description": "Represents the \"Type12\" item in the calendar legend.",
|
| 1007 | "default": "Type12",
|
| 1008 | "name": "Type12",
|
| 1009 | "readonly": true
|
| 1010 | },
|
| 1011 | {
|
| 1012 | "kind": "field",
|
| 1013 | "static": true,
|
| 1014 | "privacy": "public",
|
| 1015 | "description": "Represents the \"Type13\" item in the calendar legend.",
|
| 1016 | "default": "Type13",
|
| 1017 | "name": "Type13",
|
| 1018 | "readonly": true
|
| 1019 | },
|
| 1020 | {
|
| 1021 | "kind": "field",
|
| 1022 | "static": true,
|
| 1023 | "privacy": "public",
|
| 1024 | "description": "Represents the \"Type14\" item in the calendar legend.",
|
| 1025 | "default": "Type14",
|
| 1026 | "name": "Type14",
|
| 1027 | "readonly": true
|
| 1028 | },
|
| 1029 | {
|
| 1030 | "kind": "field",
|
| 1031 | "static": true,
|
| 1032 | "privacy": "public",
|
| 1033 | "description": "Represents the \"Type15\" item in the calendar legend.",
|
| 1034 | "default": "Type15",
|
| 1035 | "name": "Type15",
|
| 1036 | "readonly": true
|
| 1037 | },
|
| 1038 | {
|
| 1039 | "kind": "field",
|
| 1040 | "static": true,
|
| 1041 | "privacy": "public",
|
| 1042 | "description": "Represents the \"Type16\" item in the calendar legend.",
|
| 1043 | "default": "Type16",
|
| 1044 | "name": "Type16",
|
| 1045 | "readonly": true
|
| 1046 | },
|
| 1047 | {
|
| 1048 | "kind": "field",
|
| 1049 | "static": true,
|
| 1050 | "privacy": "public",
|
| 1051 | "description": "Represents the \"Type17\" item in the calendar legend.",
|
| 1052 | "default": "Type17",
|
| 1053 | "name": "Type17",
|
| 1054 | "readonly": true
|
| 1055 | },
|
| 1056 | {
|
| 1057 | "kind": "field",
|
| 1058 | "static": true,
|
| 1059 | "privacy": "public",
|
| 1060 | "description": "Represents the \"Type18\" item in the calendar legend.",
|
| 1061 | "default": "Type18",
|
| 1062 | "name": "Type18",
|
| 1063 | "readonly": true
|
| 1064 | },
|
| 1065 | {
|
| 1066 | "kind": "field",
|
| 1067 | "static": true,
|
| 1068 | "privacy": "public",
|
| 1069 | "description": "Represents the \"Type19\" item in the calendar legend.",
|
| 1070 | "default": "Type19",
|
| 1071 | "name": "Type19",
|
| 1072 | "readonly": true
|
| 1073 | },
|
| 1074 | {
|
| 1075 | "kind": "field",
|
| 1076 | "static": true,
|
| 1077 | "privacy": "public",
|
| 1078 | "description": "Represents the \"Type20\" item in the calendar legend.",
|
| 1079 | "default": "Type20",
|
| 1080 | "name": "Type20",
|
| 1081 | "readonly": true
|
| 1082 | }
|
| 1083 | ]
|
| 1084 | }
|
| 1085 | ],
|
| 1086 | "exports": [
|
| 1087 | {
|
| 1088 | "kind": "js",
|
| 1089 | "name": "default",
|
| 1090 | "declaration": {
|
| 1091 | "name": "CalendarLegendItemType",
|
| 1092 | "module": "dist/types/CalendarLegendItemType.js"
|
| 1093 | }
|
| 1094 | }
|
| 1095 | ]
|
| 1096 | },
|
| 1097 | {
|
| 1098 | "kind": "javascript-module",
|
| 1099 | "path": "dist/types/CalendarPickersMode.js",
|
| 1100 | "declarations": [],
|
| 1101 | "exports": [
|
| 1102 | {
|
| 1103 | "kind": "js",
|
| 1104 | "name": "default",
|
| 1105 | "declaration": {
|
| 1106 | "name": "CalendarPickersMode",
|
| 1107 | "module": "dist/types/CalendarPickersMode.js"
|
| 1108 | }
|
| 1109 | }
|
| 1110 | ]
|
| 1111 | },
|
| 1112 | {
|
| 1113 | "kind": "javascript-module",
|
| 1114 | "path": "dist/types/CalendarSelectionMode.js",
|
| 1115 | "declarations": [
|
| 1116 | {
|
| 1117 | "kind": "enum",
|
| 1118 | "name": "CalendarSelectionMode",
|
| 1119 | "description": "Different Calendar selection mode.",
|
| 1120 | "_ui5privacy": "public",
|
| 1121 | "members": [
|
| 1122 | {
|
| 1123 | "kind": "field",
|
| 1124 | "static": true,
|
| 1125 | "privacy": "public",
|
| 1126 | "description": "Only one date can be selected at a time",
|
| 1127 | "default": "Single",
|
| 1128 | "name": "Single",
|
| 1129 | "readonly": true
|
| 1130 | },
|
| 1131 | {
|
| 1132 | "kind": "field",
|
| 1133 | "static": true,
|
| 1134 | "privacy": "public",
|
| 1135 | "description": "Several dates can be selected",
|
| 1136 | "default": "Multiple",
|
| 1137 | "name": "Multiple",
|
| 1138 | "readonly": true
|
| 1139 | },
|
| 1140 | {
|
| 1141 | "kind": "field",
|
| 1142 | "static": true,
|
| 1143 | "privacy": "public",
|
| 1144 | "description": "A range defined by a start date and an end date can be selected",
|
| 1145 | "default": "Range",
|
| 1146 | "name": "Range",
|
| 1147 | "readonly": true
|
| 1148 | }
|
| 1149 | ]
|
| 1150 | }
|
| 1151 | ],
|
| 1152 | "exports": [
|
| 1153 | {
|
| 1154 | "kind": "js",
|
| 1155 | "name": "default",
|
| 1156 | "declaration": {
|
| 1157 | "name": "CalendarSelectionMode",
|
| 1158 | "module": "dist/types/CalendarSelectionMode.js"
|
| 1159 | }
|
| 1160 | }
|
| 1161 | ]
|
| 1162 | },
|
| 1163 | {
|
| 1164 | "kind": "javascript-module",
|
| 1165 | "path": "dist/types/CarouselArrowsPlacement.js",
|
| 1166 | "declarations": [
|
| 1167 | {
|
| 1168 | "kind": "enum",
|
| 1169 | "name": "CarouselArrowsPlacement",
|
| 1170 | "description": "Different Carousel arrows placement.",
|
| 1171 | "_ui5privacy": "public",
|
| 1172 | "members": [
|
| 1173 | {
|
| 1174 | "kind": "field",
|
| 1175 | "static": true,
|
| 1176 | "privacy": "public",
|
| 1177 | "description": "Carousel arrows are placed on the sides of the current Carousel page.",
|
| 1178 | "default": "Content",
|
| 1179 | "name": "Content",
|
| 1180 | "readonly": true
|
| 1181 | },
|
| 1182 | {
|
| 1183 | "kind": "field",
|
| 1184 | "static": true,
|
| 1185 | "privacy": "public",
|
| 1186 | "description": "Carousel arrows are placed on the sides of the page indicator of the Carousel.",
|
| 1187 | "default": "Navigation",
|
| 1188 | "name": "Navigation",
|
| 1189 | "readonly": true
|
| 1190 | }
|
| 1191 | ]
|
| 1192 | }
|
| 1193 | ],
|
| 1194 | "exports": [
|
| 1195 | {
|
| 1196 | "kind": "js",
|
| 1197 | "name": "default",
|
| 1198 | "declaration": {
|
| 1199 | "name": "CarouselArrowsPlacement",
|
| 1200 | "module": "dist/types/CarouselArrowsPlacement.js"
|
| 1201 | }
|
| 1202 | }
|
| 1203 | ]
|
| 1204 | },
|
| 1205 | {
|
| 1206 | "kind": "javascript-module",
|
| 1207 | "path": "dist/types/CarouselPageIndicatorStyle.js",
|
| 1208 | "declarations": [
|
| 1209 | {
|
| 1210 | "kind": "enum",
|
| 1211 | "name": "CarouselPageIndicatorStyle",
|
| 1212 | "description": "Different Carousel page indicator styles.",
|
| 1213 | "_ui5privacy": "public",
|
| 1214 | "members": [
|
| 1215 | {
|
| 1216 | "kind": "field",
|
| 1217 | "static": true,
|
| 1218 | "privacy": "public",
|
| 1219 | "description": "The page indicator will be visualized as dots if there are fewer than 9 pages.\nIf there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)",
|
| 1220 | "default": "Default",
|
| 1221 | "name": "Default",
|
| 1222 | "readonly": true
|
| 1223 | },
|
| 1224 | {
|
| 1225 | "kind": "field",
|
| 1226 | "static": true,
|
| 1227 | "privacy": "public",
|
| 1228 | "description": "The page indicator will display the current page and the total number of pages. (e.g. X of Y)",
|
| 1229 | "default": "Numeric",
|
| 1230 | "name": "Numeric",
|
| 1231 | "readonly": true
|
| 1232 | }
|
| 1233 | ]
|
| 1234 | }
|
| 1235 | ],
|
| 1236 | "exports": [
|
| 1237 | {
|
| 1238 | "kind": "js",
|
| 1239 | "name": "default",
|
| 1240 | "declaration": {
|
| 1241 | "name": "CarouselPageIndicatorStyle",
|
| 1242 | "module": "dist/types/CarouselPageIndicatorStyle.js"
|
| 1243 | }
|
| 1244 | }
|
| 1245 | ]
|
| 1246 | },
|
| 1247 | {
|
| 1248 | "kind": "javascript-module",
|
| 1249 | "path": "dist/types/ComboBoxFilter.js",
|
| 1250 | "declarations": [
|
| 1251 | {
|
| 1252 | "kind": "enum",
|
| 1253 | "name": "ComboBoxFilter",
|
| 1254 | "description": "Different filtering types of the ComboBox.",
|
| 1255 | "_ui5privacy": "public",
|
| 1256 | "members": [
|
| 1257 | {
|
| 1258 | "kind": "field",
|
| 1259 | "static": true,
|
| 1260 | "privacy": "public",
|
| 1261 | "description": "Defines filtering by first symbol of each word of item's text.",
|
| 1262 | "default": "StartsWithPerTerm",
|
| 1263 | "name": "StartsWithPerTerm",
|
| 1264 | "readonly": true
|
| 1265 | },
|
| 1266 | {
|
| 1267 | "kind": "field",
|
| 1268 | "static": true,
|
| 1269 | "privacy": "public",
|
| 1270 | "description": "Defines filtering by starting symbol of item's text.",
|
| 1271 | "default": "StartsWith",
|
| 1272 | "name": "StartsWith",
|
| 1273 | "readonly": true
|
| 1274 | },
|
| 1275 | {
|
| 1276 | "kind": "field",
|
| 1277 | "static": true,
|
| 1278 | "privacy": "public",
|
| 1279 | "description": "Defines contains filtering.",
|
| 1280 | "default": "Contains",
|
| 1281 | "name": "Contains",
|
| 1282 | "readonly": true
|
| 1283 | },
|
| 1284 | {
|
| 1285 | "kind": "field",
|
| 1286 | "static": true,
|
| 1287 | "privacy": "public",
|
| 1288 | "description": "Removes any filtering applied while typing",
|
| 1289 | "default": "None",
|
| 1290 | "name": "None",
|
| 1291 | "readonly": true
|
| 1292 | }
|
| 1293 | ]
|
| 1294 | }
|
| 1295 | ],
|
| 1296 | "exports": [
|
| 1297 | {
|
| 1298 | "kind": "js",
|
| 1299 | "name": "default",
|
| 1300 | "declaration": {
|
| 1301 | "name": "ComboBoxFilter",
|
| 1302 | "module": "dist/types/ComboBoxFilter.js"
|
| 1303 | }
|
| 1304 | }
|
| 1305 | ]
|
| 1306 | },
|
| 1307 | {
|
| 1308 | "kind": "javascript-module",
|
| 1309 | "path": "dist/types/HasPopup.js",
|
| 1310 | "declarations": [
|
| 1311 | {
|
| 1312 | "kind": "enum",
|
| 1313 | "name": "HasPopup",
|
| 1314 | "description": "Different types of HasPopup.",
|
| 1315 | "_ui5privacy": "public",
|
| 1316 | "members": [
|
| 1317 | {
|
| 1318 | "kind": "field",
|
| 1319 | "static": true,
|
| 1320 | "privacy": "public",
|
| 1321 | "description": "Dialog popup type.",
|
| 1322 | "default": "Dialog",
|
| 1323 | "name": "Dialog",
|
| 1324 | "readonly": true
|
| 1325 | },
|
| 1326 | {
|
| 1327 | "kind": "field",
|
| 1328 | "static": true,
|
| 1329 | "privacy": "public",
|
| 1330 | "description": "Grid popup type.",
|
| 1331 | "default": "Grid",
|
| 1332 | "name": "Grid",
|
| 1333 | "readonly": true
|
| 1334 | },
|
| 1335 | {
|
| 1336 | "kind": "field",
|
| 1337 | "static": true,
|
| 1338 | "privacy": "public",
|
| 1339 | "description": "ListBox popup type.",
|
| 1340 | "default": "ListBox",
|
| 1341 | "name": "ListBox",
|
| 1342 | "readonly": true
|
| 1343 | },
|
| 1344 | {
|
| 1345 | "kind": "field",
|
| 1346 | "static": true,
|
| 1347 | "privacy": "public",
|
| 1348 | "description": "Menu popup type.",
|
| 1349 | "default": "Menu",
|
| 1350 | "name": "Menu",
|
| 1351 | "readonly": true
|
| 1352 | },
|
| 1353 | {
|
| 1354 | "kind": "field",
|
| 1355 | "static": true,
|
| 1356 | "privacy": "public",
|
| 1357 | "description": "Tree popup type.",
|
| 1358 | "default": "Tree",
|
| 1359 | "name": "Tree",
|
| 1360 | "readonly": true
|
| 1361 | }
|
| 1362 | ]
|
| 1363 | }
|
| 1364 | ],
|
| 1365 | "exports": [
|
| 1366 | {
|
| 1367 | "kind": "js",
|
| 1368 | "name": "default",
|
| 1369 | "declaration": {
|
| 1370 | "name": "HasPopup",
|
| 1371 | "module": "dist/types/HasPopup.js"
|
| 1372 | }
|
| 1373 | }
|
| 1374 | ]
|
| 1375 | },
|
| 1376 | {
|
| 1377 | "kind": "javascript-module",
|
| 1378 | "path": "dist/types/IconDesign.js",
|
| 1379 | "declarations": [
|
| 1380 | {
|
| 1381 | "kind": "enum",
|
| 1382 | "name": "IconDesign",
|
| 1383 | "description": "Different Icon semantic designs.",
|
| 1384 | "_ui5privacy": "public",
|
| 1385 | "members": [
|
| 1386 | {
|
| 1387 | "kind": "field",
|
| 1388 | "static": true,
|
| 1389 | "privacy": "public",
|
| 1390 | "description": "Contrast design",
|
| 1391 | "default": "Contrast",
|
| 1392 | "name": "Contrast",
|
| 1393 | "readonly": true
|
| 1394 | },
|
| 1395 | {
|
| 1396 | "kind": "field",
|
| 1397 | "static": true,
|
| 1398 | "privacy": "public",
|
| 1399 | "description": "Critical design",
|
| 1400 | "default": "Critical",
|
| 1401 | "name": "Critical",
|
| 1402 | "readonly": true
|
| 1403 | },
|
| 1404 | {
|
| 1405 | "kind": "field",
|
| 1406 | "static": true,
|
| 1407 | "privacy": "public",
|
| 1408 | "description": "Default design (brand design)",
|
| 1409 | "default": "Default",
|
| 1410 | "name": "Default",
|
| 1411 | "readonly": true
|
| 1412 | },
|
| 1413 | {
|
| 1414 | "kind": "field",
|
| 1415 | "static": true,
|
| 1416 | "privacy": "public",
|
| 1417 | "description": "info type",
|
| 1418 | "default": "Information",
|
| 1419 | "name": "Information",
|
| 1420 | "readonly": true
|
| 1421 | },
|
| 1422 | {
|
| 1423 | "kind": "field",
|
| 1424 | "static": true,
|
| 1425 | "privacy": "public",
|
| 1426 | "description": "Negative design",
|
| 1427 | "default": "Negative",
|
| 1428 | "name": "Negative",
|
| 1429 | "readonly": true
|
| 1430 | },
|
| 1431 | {
|
| 1432 | "kind": "field",
|
| 1433 | "static": true,
|
| 1434 | "privacy": "public",
|
| 1435 | "description": "Neutral design",
|
| 1436 | "default": "Neutral",
|
| 1437 | "name": "Neutral",
|
| 1438 | "readonly": true
|
| 1439 | },
|
| 1440 | {
|
| 1441 | "kind": "field",
|
| 1442 | "static": true,
|
| 1443 | "privacy": "public",
|
| 1444 | "description": "Design that indicates an icon which isn't interactive",
|
| 1445 | "default": "NonInteractive",
|
| 1446 | "name": "NonInteractive",
|
| 1447 | "readonly": true
|
| 1448 | },
|
| 1449 | {
|
| 1450 | "kind": "field",
|
| 1451 | "static": true,
|
| 1452 | "privacy": "public",
|
| 1453 | "description": "Positive design",
|
| 1454 | "default": "Positive",
|
| 1455 | "name": "Positive",
|
| 1456 | "readonly": true
|
| 1457 | }
|
| 1458 | ]
|
| 1459 | }
|
| 1460 | ],
|
| 1461 | "exports": [
|
| 1462 | {
|
| 1463 | "kind": "js",
|
| 1464 | "name": "default",
|
| 1465 | "declaration": {
|
| 1466 | "name": "IconDesign",
|
| 1467 | "module": "dist/types/IconDesign.js"
|
| 1468 | }
|
| 1469 | }
|
| 1470 | ]
|
| 1471 | },
|
| 1472 | {
|
| 1473 | "kind": "javascript-module",
|
| 1474 | "path": "dist/types/InputType.js",
|
| 1475 | "declarations": [
|
| 1476 | {
|
| 1477 | "kind": "enum",
|
| 1478 | "name": "InputType",
|
| 1479 | "description": "Different input types.",
|
| 1480 | "_ui5privacy": "public",
|
| 1481 | "members": [
|
| 1482 | {
|
| 1483 | "kind": "field",
|
| 1484 | "static": true,
|
| 1485 | "privacy": "public",
|
| 1486 | "description": "Defines a one-line text input field:",
|
| 1487 | "default": "Text",
|
| 1488 | "name": "Text",
|
| 1489 | "readonly": true
|
| 1490 | },
|
| 1491 | {
|
| 1492 | "kind": "field",
|
| 1493 | "static": true,
|
| 1494 | "privacy": "public",
|
| 1495 | "description": "Used for input fields that must contain an e-mail address.",
|
| 1496 | "default": "Email",
|
| 1497 | "name": "Email",
|
| 1498 | "readonly": true
|
| 1499 | },
|
| 1500 | {
|
| 1501 | "kind": "field",
|
| 1502 | "static": true,
|
| 1503 | "privacy": "public",
|
| 1504 | "description": "Defines a numeric input field.",
|
| 1505 | "default": "Number",
|
| 1506 | "name": "Number",
|
| 1507 | "readonly": true
|
| 1508 | },
|
| 1509 | {
|
| 1510 | "kind": "field",
|
| 1511 | "static": true,
|
| 1512 | "privacy": "public",
|
| 1513 | "description": "Defines a password field.",
|
| 1514 | "default": "Password",
|
| 1515 | "name": "Password",
|
| 1516 | "readonly": true
|
| 1517 | },
|
| 1518 | {
|
| 1519 | "kind": "field",
|
| 1520 | "static": true,
|
| 1521 | "privacy": "public",
|
| 1522 | "description": "Used for input fields that should contain a telephone number.",
|
| 1523 | "default": "Tel",
|
| 1524 | "name": "Tel",
|
| 1525 | "readonly": true
|
| 1526 | },
|
| 1527 | {
|
| 1528 | "kind": "field",
|
| 1529 | "static": true,
|
| 1530 | "privacy": "public",
|
| 1531 | "description": "Used for input fields that should contain a URL address.",
|
| 1532 | "default": "URL",
|
| 1533 | "name": "URL",
|
| 1534 | "readonly": true
|
| 1535 | }
|
| 1536 | ]
|
| 1537 | }
|
| 1538 | ],
|
| 1539 | "exports": [
|
| 1540 | {
|
| 1541 | "kind": "js",
|
| 1542 | "name": "default",
|
| 1543 | "declaration": {
|
| 1544 | "name": "InputType",
|
| 1545 | "module": "dist/types/InputType.js"
|
| 1546 | }
|
| 1547 | }
|
| 1548 | ]
|
| 1549 | },
|
| 1550 | {
|
| 1551 | "kind": "javascript-module",
|
| 1552 | "path": "dist/types/LinkDesign.js",
|
| 1553 | "declarations": [
|
| 1554 | {
|
| 1555 | "kind": "enum",
|
| 1556 | "name": "LinkDesign",
|
| 1557 | "description": "Different link designs.",
|
| 1558 | "_ui5privacy": "public",
|
| 1559 | "members": [
|
| 1560 | {
|
| 1561 | "kind": "field",
|
| 1562 | "static": true,
|
| 1563 | "privacy": "public",
|
| 1564 | "description": "default type (no special styling)",
|
| 1565 | "default": "Default",
|
| 1566 | "name": "Default",
|
| 1567 | "readonly": true
|
| 1568 | },
|
| 1569 | {
|
| 1570 | "kind": "field",
|
| 1571 | "static": true,
|
| 1572 | "privacy": "public",
|
| 1573 | "description": "subtle type (appears as regular text, rather than a link)",
|
| 1574 | "default": "Subtle",
|
| 1575 | "name": "Subtle",
|
| 1576 | "readonly": true
|
| 1577 | },
|
| 1578 | {
|
| 1579 | "kind": "field",
|
| 1580 | "static": true,
|
| 1581 | "privacy": "public",
|
| 1582 | "description": "emphasized type",
|
| 1583 | "default": "Emphasized",
|
| 1584 | "name": "Emphasized",
|
| 1585 | "readonly": true
|
| 1586 | }
|
| 1587 | ]
|
| 1588 | }
|
| 1589 | ],
|
| 1590 | "exports": [
|
| 1591 | {
|
| 1592 | "kind": "js",
|
| 1593 | "name": "default",
|
| 1594 | "declaration": {
|
| 1595 | "name": "LinkDesign",
|
| 1596 | "module": "dist/types/LinkDesign.js"
|
| 1597 | }
|
| 1598 | }
|
| 1599 | ]
|
| 1600 | },
|
| 1601 | {
|
| 1602 | "kind": "javascript-module",
|
| 1603 | "path": "dist/types/ListGrowingMode.js",
|
| 1604 | "declarations": [
|
| 1605 | {
|
| 1606 | "kind": "enum",
|
| 1607 | "name": "ListGrowingMode",
|
| 1608 | "description": "Different list growing modes.",
|
| 1609 | "_ui5privacy": "public",
|
| 1610 | "members": [
|
| 1611 | {
|
| 1612 | "kind": "field",
|
| 1613 | "static": true,
|
| 1614 | "privacy": "public",
|
| 1615 | "description": "Component's \"load-more\" is fired upon pressing a \"More\" button.\nat the bottom.",
|
| 1616 | "default": "Button",
|
| 1617 | "name": "Button",
|
| 1618 | "readonly": true
|
| 1619 | },
|
| 1620 | {
|
| 1621 | "kind": "field",
|
| 1622 | "static": true,
|
| 1623 | "privacy": "public",
|
| 1624 | "description": "Component's \"load-more\" is fired upon scroll.",
|
| 1625 | "default": "Scroll",
|
| 1626 | "name": "Scroll",
|
| 1627 | "readonly": true
|
| 1628 | },
|
| 1629 | {
|
| 1630 | "kind": "field",
|
| 1631 | "static": true,
|
| 1632 | "privacy": "public",
|
| 1633 | "description": "Component's growing is not enabled.",
|
| 1634 | "default": "None",
|
| 1635 | "name": "None",
|
| 1636 | "readonly": true
|
| 1637 | }
|
| 1638 | ]
|
| 1639 | }
|
| 1640 | ],
|
| 1641 | "exports": [
|
| 1642 | {
|
| 1643 | "kind": "js",
|
| 1644 | "name": "default",
|
| 1645 | "declaration": {
|
| 1646 | "name": "ListGrowingMode",
|
| 1647 | "module": "dist/types/ListGrowingMode.js"
|
| 1648 | }
|
| 1649 | }
|
| 1650 | ]
|
| 1651 | },
|
| 1652 | {
|
| 1653 | "kind": "javascript-module",
|
| 1654 | "path": "dist/types/ListItemType.js",
|
| 1655 | "declarations": [
|
| 1656 | {
|
| 1657 | "kind": "enum",
|
| 1658 | "name": "ListItemType",
|
| 1659 | "description": "Different list item types.",
|
| 1660 | "_ui5privacy": "public",
|
| 1661 | "members": [
|
| 1662 | {
|
| 1663 | "kind": "field",
|
| 1664 | "static": true,
|
| 1665 | "privacy": "public",
|
| 1666 | "description": "Indicates the list item does not have any active feedback when item is pressed.",
|
| 1667 | "default": "Inactive",
|
| 1668 | "name": "Inactive",
|
| 1669 | "readonly": true
|
| 1670 | },
|
| 1671 | {
|
| 1672 | "kind": "field",
|
| 1673 | "static": true,
|
| 1674 | "privacy": "public",
|
| 1675 | "description": "Indicates that the item is clickable via active feedback when item is pressed.",
|
| 1676 | "default": "Active",
|
| 1677 | "name": "Active",
|
| 1678 | "readonly": true
|
| 1679 | },
|
| 1680 | {
|
| 1681 | "kind": "field",
|
| 1682 | "static": true,
|
| 1683 | "privacy": "public",
|
| 1684 | "description": "Enables detail button of the list item that fires detail-click event.",
|
| 1685 | "default": "Detail",
|
| 1686 | "name": "Detail",
|
| 1687 | "readonly": true
|
| 1688 | },
|
| 1689 | {
|
| 1690 | "kind": "field",
|
| 1691 | "static": true,
|
| 1692 | "privacy": "public",
|
| 1693 | "description": "Enables the type of navigation, which is specified to add an arrow at the end of the items and fires navigate-click event.",
|
| 1694 | "default": "Navigation",
|
| 1695 | "name": "Navigation",
|
| 1696 | "readonly": true
|
| 1697 | }
|
| 1698 | ]
|
| 1699 | }
|
| 1700 | ],
|
| 1701 | "exports": [
|
| 1702 | {
|
| 1703 | "kind": "js",
|
| 1704 | "name": "default",
|
| 1705 | "declaration": {
|
| 1706 | "name": "ListItemType",
|
| 1707 | "module": "dist/types/ListItemType.js"
|
| 1708 | }
|
| 1709 | }
|
| 1710 | ]
|
| 1711 | },
|
| 1712 | {
|
| 1713 | "kind": "javascript-module",
|
| 1714 | "path": "dist/types/ListMode.js",
|
| 1715 | "declarations": [
|
| 1716 | {
|
| 1717 | "kind": "enum",
|
| 1718 | "name": "ListMode",
|
| 1719 | "description": "Different list modes.",
|
| 1720 | "_ui5privacy": "public",
|
| 1721 | "members": [
|
| 1722 | {
|
| 1723 | "kind": "field",
|
| 1724 | "static": true,
|
| 1725 | "privacy": "public",
|
| 1726 | "description": "Default mode (no selection).",
|
| 1727 | "default": "None",
|
| 1728 | "name": "None",
|
| 1729 | "readonly": true
|
| 1730 | },
|
| 1731 | {
|
| 1732 | "kind": "field",
|
| 1733 | "static": true,
|
| 1734 | "privacy": "public",
|
| 1735 | "description": "Right-positioned single selection mode (only one list item can be selected).",
|
| 1736 | "default": "SingleSelect",
|
| 1737 | "name": "SingleSelect",
|
| 1738 | "readonly": true
|
| 1739 | },
|
| 1740 | {
|
| 1741 | "kind": "field",
|
| 1742 | "static": true,
|
| 1743 | "privacy": "public",
|
| 1744 | "description": "Left-positioned single selection mode (only one list item can be selected).",
|
| 1745 | "default": "SingleSelectBegin",
|
| 1746 | "name": "SingleSelectBegin",
|
| 1747 | "readonly": true
|
| 1748 | },
|
| 1749 | {
|
| 1750 | "kind": "field",
|
| 1751 | "static": true,
|
| 1752 | "privacy": "public",
|
| 1753 | "description": "Selected item is highlighted but no selection element is visible\n(only one list item can be selected).",
|
| 1754 | "default": "SingleSelectEnd",
|
| 1755 | "name": "SingleSelectEnd",
|
| 1756 | "readonly": true
|
| 1757 | },
|
| 1758 | {
|
| 1759 | "kind": "field",
|
| 1760 | "static": true,
|
| 1761 | "privacy": "public",
|
| 1762 | "description": "Selected item is highlighted and selection is changed upon arrow navigation\n(only one list item can be selected - this is always the focused item).",
|
| 1763 | "default": "SingleSelectAuto",
|
| 1764 | "name": "SingleSelectAuto",
|
| 1765 | "readonly": true
|
| 1766 | },
|
| 1767 | {
|
| 1768 | "kind": "field",
|
| 1769 | "static": true,
|
| 1770 | "privacy": "public",
|
| 1771 | "description": "Multi selection mode (more than one list item can be selected).",
|
| 1772 | "default": "MultiSelect",
|
| 1773 | "name": "MultiSelect",
|
| 1774 | "readonly": true
|
| 1775 | },
|
| 1776 | {
|
| 1777 | "kind": "field",
|
| 1778 | "static": true,
|
| 1779 | "privacy": "public",
|
| 1780 | "description": "Delete mode (only one list item can be deleted via provided delete button)",
|
| 1781 | "default": "Delete",
|
| 1782 | "name": "Delete",
|
| 1783 | "readonly": true
|
| 1784 | }
|
| 1785 | ]
|
| 1786 | }
|
| 1787 | ],
|
| 1788 | "exports": [
|
| 1789 | {
|
| 1790 | "kind": "js",
|
| 1791 | "name": "default",
|
| 1792 | "declaration": {
|
| 1793 | "name": "ListMode",
|
| 1794 | "module": "dist/types/ListMode.js"
|
| 1795 | }
|
| 1796 | }
|
| 1797 | ]
|
| 1798 | },
|
| 1799 | {
|
| 1800 | "kind": "javascript-module",
|
| 1801 | "path": "dist/types/ListSeparators.js",
|
| 1802 | "declarations": [
|
| 1803 | {
|
| 1804 | "kind": "enum",
|
| 1805 | "name": "ListSeparators",
|
| 1806 | "description": "Different types of list items separators.",
|
| 1807 | "_ui5privacy": "public",
|
| 1808 | "members": [
|
| 1809 | {
|
| 1810 | "kind": "field",
|
| 1811 | "static": true,
|
| 1812 | "privacy": "public",
|
| 1813 | "description": "Separators between the items including the last and the first one.",
|
| 1814 | "default": "All",
|
| 1815 | "name": "All",
|
| 1816 | "readonly": true
|
| 1817 | },
|
| 1818 | {
|
| 1819 | "kind": "field",
|
| 1820 | "static": true,
|
| 1821 | "privacy": "public",
|
| 1822 | "description": "Separators between the items.\nNote: This enumeration depends on the theme.",
|
| 1823 | "default": "Inner",
|
| 1824 | "name": "Inner",
|
| 1825 | "readonly": true
|
| 1826 | },
|
| 1827 | {
|
| 1828 | "kind": "field",
|
| 1829 | "static": true,
|
| 1830 | "privacy": "public",
|
| 1831 | "description": "No item separators.",
|
| 1832 | "default": "None",
|
| 1833 | "name": "None",
|
| 1834 | "readonly": true
|
| 1835 | }
|
| 1836 | ]
|
| 1837 | }
|
| 1838 | ],
|
| 1839 | "exports": [
|
| 1840 | {
|
| 1841 | "kind": "js",
|
| 1842 | "name": "default",
|
| 1843 | "declaration": {
|
| 1844 | "name": "ListSeparators",
|
| 1845 | "module": "dist/types/ListSeparators.js"
|
| 1846 | }
|
| 1847 | }
|
| 1848 | ]
|
| 1849 | },
|
| 1850 | {
|
| 1851 | "kind": "javascript-module",
|
| 1852 | "path": "dist/types/MessageStripDesign.js",
|
| 1853 | "declarations": [
|
| 1854 | {
|
| 1855 | "kind": "enum",
|
| 1856 | "name": "MessageStripDesign",
|
| 1857 | "description": "MessageStrip designs.",
|
| 1858 | "_ui5privacy": "public",
|
| 1859 | "members": [
|
| 1860 | {
|
| 1861 | "kind": "field",
|
| 1862 | "static": true,
|
| 1863 | "privacy": "public",
|
| 1864 | "description": "Message should be just an information",
|
| 1865 | "default": "Information",
|
| 1866 | "name": "Information",
|
| 1867 | "readonly": true
|
| 1868 | },
|
| 1869 | {
|
| 1870 | "kind": "field",
|
| 1871 | "static": true,
|
| 1872 | "privacy": "public",
|
| 1873 | "description": "Message is a success message",
|
| 1874 | "default": "Positive",
|
| 1875 | "name": "Positive",
|
| 1876 | "readonly": true
|
| 1877 | },
|
| 1878 | {
|
| 1879 | "kind": "field",
|
| 1880 | "static": true,
|
| 1881 | "privacy": "public",
|
| 1882 | "description": "Message is an error",
|
| 1883 | "default": "Negative",
|
| 1884 | "name": "Negative",
|
| 1885 | "readonly": true
|
| 1886 | },
|
| 1887 | {
|
| 1888 | "kind": "field",
|
| 1889 | "static": true,
|
| 1890 | "privacy": "public",
|
| 1891 | "description": "Message is a warning",
|
| 1892 | "default": "Warning",
|
| 1893 | "name": "Warning",
|
| 1894 | "readonly": true
|
| 1895 | }
|
| 1896 | ]
|
| 1897 | }
|
| 1898 | ],
|
| 1899 | "exports": [
|
| 1900 | {
|
| 1901 | "kind": "js",
|
| 1902 | "name": "default",
|
| 1903 | "declaration": {
|
| 1904 | "name": "MessageStripDesign",
|
| 1905 | "module": "dist/types/MessageStripDesign.js"
|
| 1906 | }
|
| 1907 | }
|
| 1908 | ]
|
| 1909 | },
|
| 1910 | {
|
| 1911 | "kind": "javascript-module",
|
| 1912 | "path": "dist/types/PanelAccessibleRole.js",
|
| 1913 | "declarations": [
|
| 1914 | {
|
| 1915 | "kind": "enum",
|
| 1916 | "name": "PanelAccessibleRole",
|
| 1917 | "description": "Panel accessible roles.",
|
| 1918 | "_ui5privacy": "public",
|
| 1919 | "members": [
|
| 1920 | {
|
| 1921 | "kind": "field",
|
| 1922 | "static": true,
|
| 1923 | "privacy": "public",
|
| 1924 | "description": "Represents the ARIA role \"complementary\".\nA section of the page, designed to be complementary to the main content at a similar level in the DOM hierarchy.",
|
| 1925 | "default": "Complementary",
|
| 1926 | "name": "Complementary",
|
| 1927 | "readonly": true
|
| 1928 | },
|
| 1929 | {
|
| 1930 | "kind": "field",
|
| 1931 | "static": true,
|
| 1932 | "privacy": "public",
|
| 1933 | "description": "Represents the ARIA role \"Form\".\nA landmark region that contains a collection of items and objects that, as a whole, create a form.",
|
| 1934 | "default": "Form",
|
| 1935 | "name": "Form",
|
| 1936 | "readonly": true
|
| 1937 | },
|
| 1938 | {
|
| 1939 | "kind": "field",
|
| 1940 | "static": true,
|
| 1941 | "privacy": "public",
|
| 1942 | "description": "Represents the ARIA role \"Region\".\nA section of a page, that is important enough to be included in a page summary or table of contents.",
|
| 1943 | "default": "Region",
|
| 1944 | "name": "Region",
|
| 1945 | "readonly": true
|
| 1946 | }
|
| 1947 | ]
|
| 1948 | }
|
| 1949 | ],
|
| 1950 | "exports": [
|
| 1951 | {
|
| 1952 | "kind": "js",
|
| 1953 | "name": "default",
|
| 1954 | "declaration": {
|
| 1955 | "name": "PanelAccessibleRole",
|
| 1956 | "module": "dist/types/PanelAccessibleRole.js"
|
| 1957 | }
|
| 1958 | }
|
| 1959 | ]
|
| 1960 | },
|
| 1961 | {
|
| 1962 | "kind": "javascript-module",
|
| 1963 | "path": "dist/types/PopoverHorizontalAlign.js",
|
| 1964 | "declarations": [
|
| 1965 | {
|
| 1966 | "kind": "enum",
|
| 1967 | "name": "PopoverHorizontalAlign",
|
| 1968 | "description": "Popover horizontal align types.",
|
| 1969 | "_ui5privacy": "public",
|
| 1970 | "members": [
|
| 1971 | {
|
| 1972 | "kind": "field",
|
| 1973 | "static": true,
|
| 1974 | "privacy": "public",
|
| 1975 | "description": "Popover is centered.",
|
| 1976 | "default": "Center",
|
| 1977 | "name": "Center",
|
| 1978 | "readonly": true
|
| 1979 | },
|
| 1980 | {
|
| 1981 | "kind": "field",
|
| 1982 | "static": true,
|
| 1983 | "privacy": "public",
|
| 1984 | "description": "Popover is aligned with the left side of the target. When direction is RTL, it is right aligned.",
|
| 1985 | "default": "Left",
|
| 1986 | "name": "Left",
|
| 1987 | "readonly": true
|
| 1988 | },
|
| 1989 | {
|
| 1990 | "kind": "field",
|
| 1991 | "static": true,
|
| 1992 | "privacy": "public",
|
| 1993 | "description": "Popover is aligned with the right side of the target. When direction is RTL, it is left aligned.",
|
| 1994 | "default": "Right",
|
| 1995 | "name": "Right",
|
| 1996 | "readonly": true
|
| 1997 | },
|
| 1998 | {
|
| 1999 | "kind": "field",
|
| 2000 | "static": true,
|
| 2001 | "privacy": "public",
|
| 2002 | "description": "Popover is stretched.",
|
| 2003 | "default": "Stretch",
|
| 2004 | "name": "Stretch",
|
| 2005 | "readonly": true
|
| 2006 | }
|
| 2007 | ]
|
| 2008 | }
|
| 2009 | ],
|
| 2010 | "exports": [
|
| 2011 | {
|
| 2012 | "kind": "js",
|
| 2013 | "name": "default",
|
| 2014 | "declaration": {
|
| 2015 | "name": "PopoverHorizontalAlign",
|
| 2016 | "module": "dist/types/PopoverHorizontalAlign.js"
|
| 2017 | }
|
| 2018 | }
|
| 2019 | ]
|
| 2020 | },
|
| 2021 | {
|
| 2022 | "kind": "javascript-module",
|
| 2023 | "path": "dist/types/PopoverPlacementType.js",
|
| 2024 | "declarations": [
|
| 2025 | {
|
| 2026 | "kind": "enum",
|
| 2027 | "name": "PopoverPlacementType",
|
| 2028 | "description": "Popover placement types.",
|
| 2029 | "_ui5privacy": "public",
|
| 2030 | "members": [
|
| 2031 | {
|
| 2032 | "kind": "field",
|
| 2033 | "static": true,
|
| 2034 | "privacy": "public",
|
| 2035 | "description": "Popover will be placed at the left side of the reference element.",
|
| 2036 | "default": "Left",
|
| 2037 | "name": "Left",
|
| 2038 | "readonly": true
|
| 2039 | },
|
| 2040 | {
|
| 2041 | "kind": "field",
|
| 2042 | "static": true,
|
| 2043 | "privacy": "public",
|
| 2044 | "description": "Popover will be placed at the right side of the reference element.",
|
| 2045 | "default": "Right",
|
| 2046 | "name": "Right",
|
| 2047 | "readonly": true
|
| 2048 | },
|
| 2049 | {
|
| 2050 | "kind": "field",
|
| 2051 | "static": true,
|
| 2052 | "privacy": "public",
|
| 2053 | "description": "Popover will be placed at the top of the reference element.",
|
| 2054 | "default": "Top",
|
| 2055 | "name": "Top",
|
| 2056 | "readonly": true
|
| 2057 | },
|
| 2058 | {
|
| 2059 | "kind": "field",
|
| 2060 | "static": true,
|
| 2061 | "privacy": "public",
|
| 2062 | "description": "Popover will be placed at the bottom of the reference element.",
|
| 2063 | "default": "Bottom",
|
| 2064 | "name": "Bottom",
|
| 2065 | "readonly": true
|
| 2066 | }
|
| 2067 | ]
|
| 2068 | }
|
| 2069 | ],
|
| 2070 | "exports": [
|
| 2071 | {
|
| 2072 | "kind": "js",
|
| 2073 | "name": "default",
|
| 2074 | "declaration": {
|
| 2075 | "name": "PopoverPlacementType",
|
| 2076 | "module": "dist/types/PopoverPlacementType.js"
|
| 2077 | }
|
| 2078 | }
|
| 2079 | ]
|
| 2080 | },
|
| 2081 | {
|
| 2082 | "kind": "javascript-module",
|
| 2083 | "path": "dist/types/PopoverVerticalAlign.js",
|
| 2084 | "declarations": [
|
| 2085 | {
|
| 2086 | "kind": "enum",
|
| 2087 | "name": "PopoverVerticalAlign",
|
| 2088 | "description": "Popover vertical align types.",
|
| 2089 | "_ui5privacy": "public",
|
| 2090 | "members": [
|
| 2091 | {
|
| 2092 | "kind": "field",
|
| 2093 | "static": true,
|
| 2094 | "privacy": "public",
|
| 2095 | "default": "Center",
|
| 2096 | "name": "Center",
|
| 2097 | "readonly": true
|
| 2098 | },
|
| 2099 | {
|
| 2100 | "kind": "field",
|
| 2101 | "static": true,
|
| 2102 | "privacy": "public",
|
| 2103 | "description": "Popover will be placed at the top of the reference control.",
|
| 2104 | "default": "Top",
|
| 2105 | "name": "Top",
|
| 2106 | "readonly": true
|
| 2107 | },
|
| 2108 | {
|
| 2109 | "kind": "field",
|
| 2110 | "static": true,
|
| 2111 | "privacy": "public",
|
| 2112 | "description": "Popover will be placed at the bottom of the reference control.",
|
| 2113 | "default": "Bottom",
|
| 2114 | "name": "Bottom",
|
| 2115 | "readonly": true
|
| 2116 | },
|
| 2117 | {
|
| 2118 | "kind": "field",
|
| 2119 | "static": true,
|
| 2120 | "privacy": "public",
|
| 2121 | "description": "Popover will be streched",
|
| 2122 | "default": "Stretch",
|
| 2123 | "name": "Stretch",
|
| 2124 | "readonly": true
|
| 2125 | }
|
| 2126 | ]
|
| 2127 | }
|
| 2128 | ],
|
| 2129 | "exports": [
|
| 2130 | {
|
| 2131 | "kind": "js",
|
| 2132 | "name": "default",
|
| 2133 | "declaration": {
|
| 2134 | "name": "PopoverVerticalAlign",
|
| 2135 | "module": "dist/types/PopoverVerticalAlign.js"
|
| 2136 | }
|
| 2137 | }
|
| 2138 | ]
|
| 2139 | },
|
| 2140 | {
|
| 2141 | "kind": "javascript-module",
|
| 2142 | "path": "dist/types/PopupAccessibleRole.js",
|
| 2143 | "declarations": [
|
| 2144 | {
|
| 2145 | "kind": "enum",
|
| 2146 | "name": "PopupAccessibleRole",
|
| 2147 | "description": "Popup accessible roles.",
|
| 2148 | "_ui5privacy": "public",
|
| 2149 | "members": [
|
| 2150 | {
|
| 2151 | "kind": "field",
|
| 2152 | "static": true,
|
| 2153 | "privacy": "public",
|
| 2154 | "description": "Represents no ARIA role.",
|
| 2155 | "default": "None",
|
| 2156 | "name": "None",
|
| 2157 | "readonly": true
|
| 2158 | },
|
| 2159 | {
|
| 2160 | "kind": "field",
|
| 2161 | "static": true,
|
| 2162 | "privacy": "public",
|
| 2163 | "description": "Represents the ARIA role \"dialog\".",
|
| 2164 | "default": "Dialog",
|
| 2165 | "name": "Dialog",
|
| 2166 | "readonly": true
|
| 2167 | },
|
| 2168 | {
|
| 2169 | "kind": "field",
|
| 2170 | "static": true,
|
| 2171 | "privacy": "public",
|
| 2172 | "description": "Represents the ARIA role \"alertdialog\".",
|
| 2173 | "default": "AlertDialog",
|
| 2174 | "name": "AlertDialog",
|
| 2175 | "readonly": true
|
| 2176 | }
|
| 2177 | ]
|
| 2178 | }
|
| 2179 | ],
|
| 2180 | "exports": [
|
| 2181 | {
|
| 2182 | "kind": "js",
|
| 2183 | "name": "default",
|
| 2184 | "declaration": {
|
| 2185 | "name": "PopupAccessibleRole",
|
| 2186 | "module": "dist/types/PopupAccessibleRole.js"
|
| 2187 | }
|
| 2188 | }
|
| 2189 | ]
|
| 2190 | },
|
| 2191 | {
|
| 2192 | "kind": "javascript-module",
|
| 2193 | "path": "dist/types/Priority.js",
|
| 2194 | "declarations": [
|
| 2195 | {
|
| 2196 | "kind": "enum",
|
| 2197 | "name": "Priority",
|
| 2198 | "description": "Different types of Priority.",
|
| 2199 | "_ui5privacy": "public",
|
| 2200 | "members": [
|
| 2201 | {
|
| 2202 | "kind": "field",
|
| 2203 | "static": true,
|
| 2204 | "privacy": "public",
|
| 2205 | "description": "High priority.",
|
| 2206 | "default": "High",
|
| 2207 | "name": "High",
|
| 2208 | "readonly": true
|
| 2209 | },
|
| 2210 | {
|
| 2211 | "kind": "field",
|
| 2212 | "static": true,
|
| 2213 | "privacy": "public",
|
| 2214 | "description": "Medium priority.",
|
| 2215 | "default": "Medium",
|
| 2216 | "name": "Medium",
|
| 2217 | "readonly": true
|
| 2218 | },
|
| 2219 | {
|
| 2220 | "kind": "field",
|
| 2221 | "static": true,
|
| 2222 | "privacy": "public",
|
| 2223 | "description": "Low priority.",
|
| 2224 | "default": "Low",
|
| 2225 | "name": "Low",
|
| 2226 | "readonly": true
|
| 2227 | },
|
| 2228 | {
|
| 2229 | "kind": "field",
|
| 2230 | "static": true,
|
| 2231 | "privacy": "public",
|
| 2232 | "description": "Default, none priority.",
|
| 2233 | "default": "None",
|
| 2234 | "name": "None",
|
| 2235 | "readonly": true
|
| 2236 | }
|
| 2237 | ]
|
| 2238 | }
|
| 2239 | ],
|
| 2240 | "exports": [
|
| 2241 | {
|
| 2242 | "kind": "js",
|
| 2243 | "name": "default",
|
| 2244 | "declaration": {
|
| 2245 | "name": "Priority",
|
| 2246 | "module": "dist/types/Priority.js"
|
| 2247 | }
|
| 2248 | }
|
| 2249 | ]
|
| 2250 | },
|
| 2251 | {
|
| 2252 | "kind": "javascript-module",
|
| 2253 | "path": "dist/types/SegmentedButtonMode.js",
|
| 2254 | "declarations": [
|
| 2255 | {
|
| 2256 | "kind": "enum",
|
| 2257 | "name": "SegmentedButtonMode",
|
| 2258 | "description": "Different SegmentedButton modes.",
|
| 2259 | "_ui5privacy": "public",
|
| 2260 | "members": [
|
| 2261 | {
|
| 2262 | "kind": "field",
|
| 2263 | "static": true,
|
| 2264 | "privacy": "public",
|
| 2265 | "description": "There is always one selected. Selecting one deselects the previous one.",
|
| 2266 | "default": "SingleSelect",
|
| 2267 | "name": "SingleSelect",
|
| 2268 | "readonly": true
|
| 2269 | },
|
| 2270 | {
|
| 2271 | "kind": "field",
|
| 2272 | "static": true,
|
| 2273 | "privacy": "public",
|
| 2274 | "description": "Multiple items can be selected at a time. All items can be deselected.",
|
| 2275 | "default": "MultiSelect",
|
| 2276 | "name": "MultiSelect",
|
| 2277 | "readonly": true
|
| 2278 | }
|
| 2279 | ]
|
| 2280 | }
|
| 2281 | ],
|
| 2282 | "exports": [
|
| 2283 | {
|
| 2284 | "kind": "js",
|
| 2285 | "name": "default",
|
| 2286 | "declaration": {
|
| 2287 | "name": "SegmentedButtonMode",
|
| 2288 | "module": "dist/types/SegmentedButtonMode.js"
|
| 2289 | }
|
| 2290 | }
|
| 2291 | ]
|
| 2292 | },
|
| 2293 | {
|
| 2294 | "kind": "javascript-module",
|
| 2295 | "path": "dist/types/SemanticColor.js",
|
| 2296 | "declarations": [
|
| 2297 | {
|
| 2298 | "kind": "enum",
|
| 2299 | "name": "SemanticColor",
|
| 2300 | "description": "Different types of SemanticColor.",
|
| 2301 | "_ui5privacy": "public",
|
| 2302 | "members": [
|
| 2303 | {
|
| 2304 | "kind": "field",
|
| 2305 | "static": true,
|
| 2306 | "privacy": "public",
|
| 2307 | "description": "Default color (brand color)",
|
| 2308 | "default": "Default",
|
| 2309 | "name": "Default",
|
| 2310 | "readonly": true
|
| 2311 | },
|
| 2312 | {
|
| 2313 | "kind": "field",
|
| 2314 | "static": true,
|
| 2315 | "privacy": "public",
|
| 2316 | "description": "Positive color",
|
| 2317 | "default": "Positive",
|
| 2318 | "name": "Positive",
|
| 2319 | "readonly": true
|
| 2320 | },
|
| 2321 | {
|
| 2322 | "kind": "field",
|
| 2323 | "static": true,
|
| 2324 | "privacy": "public",
|
| 2325 | "description": "Negative color",
|
| 2326 | "default": "Negative",
|
| 2327 | "name": "Negative",
|
| 2328 | "readonly": true
|
| 2329 | },
|
| 2330 | {
|
| 2331 | "kind": "field",
|
| 2332 | "static": true,
|
| 2333 | "privacy": "public",
|
| 2334 | "description": "Critical color",
|
| 2335 | "default": "Critical",
|
| 2336 | "name": "Critical",
|
| 2337 | "readonly": true
|
| 2338 | },
|
| 2339 | {
|
| 2340 | "kind": "field",
|
| 2341 | "static": true,
|
| 2342 | "privacy": "public",
|
| 2343 | "description": "Neutral color.",
|
| 2344 | "default": "Neutral",
|
| 2345 | "name": "Neutral",
|
| 2346 | "readonly": true
|
| 2347 | }
|
| 2348 | ]
|
| 2349 | }
|
| 2350 | ],
|
| 2351 | "exports": [
|
| 2352 | {
|
| 2353 | "kind": "js",
|
| 2354 | "name": "default",
|
| 2355 | "declaration": {
|
| 2356 | "name": "SemanticColor",
|
| 2357 | "module": "dist/types/SemanticColor.js"
|
| 2358 | }
|
| 2359 | }
|
| 2360 | ]
|
| 2361 | },
|
| 2362 | {
|
| 2363 | "kind": "javascript-module",
|
| 2364 | "path": "dist/types/SwitchDesign.js",
|
| 2365 | "declarations": [
|
| 2366 | {
|
| 2367 | "kind": "enum",
|
| 2368 | "name": "SwitchDesign",
|
| 2369 | "description": "Different types of Switch designs.",
|
| 2370 | "_ui5privacy": "public",
|
| 2371 | "members": [
|
| 2372 | {
|
| 2373 | "kind": "field",
|
| 2374 | "static": true,
|
| 2375 | "privacy": "public",
|
| 2376 | "description": "Defines the Switch as Textual",
|
| 2377 | "default": "Textual",
|
| 2378 | "name": "Textual",
|
| 2379 | "readonly": true
|
| 2380 | },
|
| 2381 | {
|
| 2382 | "kind": "field",
|
| 2383 | "static": true,
|
| 2384 | "privacy": "public",
|
| 2385 | "description": "Defines the Switch as Graphical",
|
| 2386 | "default": "Graphical",
|
| 2387 | "name": "Graphical",
|
| 2388 | "readonly": true
|
| 2389 | }
|
| 2390 | ]
|
| 2391 | }
|
| 2392 | ],
|
| 2393 | "exports": [
|
| 2394 | {
|
| 2395 | "kind": "js",
|
| 2396 | "name": "default",
|
| 2397 | "declaration": {
|
| 2398 | "name": "SwitchDesign",
|
| 2399 | "module": "dist/types/SwitchDesign.js"
|
| 2400 | }
|
| 2401 | }
|
| 2402 | ]
|
| 2403 | },
|
| 2404 | {
|
| 2405 | "kind": "javascript-module",
|
| 2406 | "path": "dist/types/TabContainerBackgroundDesign.js",
|
| 2407 | "declarations": [
|
| 2408 | {
|
| 2409 | "kind": "enum",
|
| 2410 | "name": "TabContainerBackgroundDesign",
|
| 2411 | "description": "Background design for the header and content of TabContainer.",
|
| 2412 | "_ui5privacy": "public",
|
| 2413 | "members": [
|
| 2414 | {
|
| 2415 | "kind": "field",
|
| 2416 | "static": true,
|
| 2417 | "privacy": "public",
|
| 2418 | "description": "A Solid background color.",
|
| 2419 | "default": "Solid",
|
| 2420 | "name": "Solid",
|
| 2421 | "readonly": true
|
| 2422 | },
|
| 2423 | {
|
| 2424 | "kind": "field",
|
| 2425 | "static": true,
|
| 2426 | "privacy": "public",
|
| 2427 | "description": "A Transparent background color.",
|
| 2428 | "default": "Transparent",
|
| 2429 | "name": "Transparent",
|
| 2430 | "readonly": true
|
| 2431 | },
|
| 2432 | {
|
| 2433 | "kind": "field",
|
| 2434 | "static": true,
|
| 2435 | "privacy": "public",
|
| 2436 | "description": "A Translucent background color.",
|
| 2437 | "default": "Translucent",
|
| 2438 | "name": "Translucent",
|
| 2439 | "readonly": true
|
| 2440 | }
|
| 2441 | ]
|
| 2442 | }
|
| 2443 | ],
|
| 2444 | "exports": [
|
| 2445 | {
|
| 2446 | "kind": "js",
|
| 2447 | "name": "default",
|
| 2448 | "declaration": {
|
| 2449 | "name": "TabContainerBackgroundDesign",
|
| 2450 | "module": "dist/types/TabContainerBackgroundDesign.js"
|
| 2451 | }
|
| 2452 | }
|
| 2453 | ]
|
| 2454 | },
|
| 2455 | {
|
| 2456 | "kind": "javascript-module",
|
| 2457 | "path": "dist/types/TabContainerTabsPlacement.js",
|
| 2458 | "declarations": [],
|
| 2459 | "exports": [
|
| 2460 | {
|
| 2461 | "kind": "js",
|
| 2462 | "name": "default",
|
| 2463 | "declaration": {
|
| 2464 | "name": "TabContainerTabsPlacement",
|
| 2465 | "module": "dist/types/TabContainerTabsPlacement.js"
|
| 2466 | }
|
| 2467 | }
|
| 2468 | ]
|
| 2469 | },
|
| 2470 | {
|
| 2471 | "kind": "javascript-module",
|
| 2472 | "path": "dist/types/TabLayout.js",
|
| 2473 | "declarations": [
|
| 2474 | {
|
| 2475 | "kind": "enum",
|
| 2476 | "name": "TabLayout",
|
| 2477 | "description": "Tab layout of TabContainer.",
|
| 2478 | "_ui5privacy": "public",
|
| 2479 | "members": [
|
| 2480 | {
|
| 2481 | "kind": "field",
|
| 2482 | "static": true,
|
| 2483 | "privacy": "public",
|
| 2484 | "description": "Inline type, the tab \"main text\" and \"additionalText\" are displayed horizotally.",
|
| 2485 | "default": "Inline",
|
| 2486 | "name": "Inline",
|
| 2487 | "readonly": true
|
| 2488 | },
|
| 2489 | {
|
| 2490 | "kind": "field",
|
| 2491 | "static": true,
|
| 2492 | "privacy": "public",
|
| 2493 | "description": "Standard type, the tab \"main text\" and \"additionalText\" are displayed vertically.",
|
| 2494 | "default": "Standard",
|
| 2495 | "name": "Standard",
|
| 2496 | "readonly": true
|
| 2497 | }
|
| 2498 | ]
|
| 2499 | }
|
| 2500 | ],
|
| 2501 | "exports": [
|
| 2502 | {
|
| 2503 | "kind": "js",
|
| 2504 | "name": "default",
|
| 2505 | "declaration": {
|
| 2506 | "name": "TabLayout",
|
| 2507 | "module": "dist/types/TabLayout.js"
|
| 2508 | }
|
| 2509 | }
|
| 2510 | ]
|
| 2511 | },
|
| 2512 | {
|
| 2513 | "kind": "javascript-module",
|
| 2514 | "path": "dist/types/TableColumnPopinDisplay.js",
|
| 2515 | "declarations": [
|
| 2516 | {
|
| 2517 | "kind": "enum",
|
| 2518 | "name": "TableColumnPopinDisplay",
|
| 2519 | "description": "Table cell popin display.",
|
| 2520 | "_ui5privacy": "public",
|
| 2521 | "members": [
|
| 2522 | {
|
| 2523 | "kind": "field",
|
| 2524 | "static": true,
|
| 2525 | "privacy": "public",
|
| 2526 | "description": "default type",
|
| 2527 | "default": "Block",
|
| 2528 | "name": "Block",
|
| 2529 | "readonly": true
|
| 2530 | },
|
| 2531 | {
|
| 2532 | "kind": "field",
|
| 2533 | "static": true,
|
| 2534 | "privacy": "public",
|
| 2535 | "description": "inline type (the title and value are displayed on the same line)",
|
| 2536 | "default": "Inline",
|
| 2537 | "name": "Inline",
|
| 2538 | "readonly": true
|
| 2539 | }
|
| 2540 | ]
|
| 2541 | }
|
| 2542 | ],
|
| 2543 | "exports": [
|
| 2544 | {
|
| 2545 | "kind": "js",
|
| 2546 | "name": "default",
|
| 2547 | "declaration": {
|
| 2548 | "name": "TableColumnPopinDisplay",
|
| 2549 | "module": "dist/types/TableColumnPopinDisplay.js"
|
| 2550 | }
|
| 2551 | }
|
| 2552 | ]
|
| 2553 | },
|
| 2554 | {
|
| 2555 | "kind": "javascript-module",
|
| 2556 | "path": "dist/types/TableGrowingMode.js",
|
| 2557 | "declarations": [
|
| 2558 | {
|
| 2559 | "kind": "enum",
|
| 2560 | "name": "TableGrowingMode",
|
| 2561 | "description": "Different table growing modes.",
|
| 2562 | "_ui5privacy": "public",
|
| 2563 | "members": [
|
| 2564 | {
|
| 2565 | "kind": "field",
|
| 2566 | "static": true,
|
| 2567 | "privacy": "public",
|
| 2568 | "description": "Component `load-more` is fired\nupon pressing a \"More\" button at the bottom.",
|
| 2569 | "default": "Button",
|
| 2570 | "name": "Button",
|
| 2571 | "readonly": true
|
| 2572 | },
|
| 2573 | {
|
| 2574 | "kind": "field",
|
| 2575 | "static": true,
|
| 2576 | "privacy": "public",
|
| 2577 | "description": "Component `load-more` is fired upon scroll.",
|
| 2578 | "default": "Scroll",
|
| 2579 | "name": "Scroll",
|
| 2580 | "readonly": true
|
| 2581 | },
|
| 2582 | {
|
| 2583 | "kind": "field",
|
| 2584 | "static": true,
|
| 2585 | "privacy": "public",
|
| 2586 | "description": "Component growing is not enabled.",
|
| 2587 | "default": "None",
|
| 2588 | "name": "None",
|
| 2589 | "readonly": true
|
| 2590 | }
|
| 2591 | ]
|
| 2592 | }
|
| 2593 | ],
|
| 2594 | "exports": [
|
| 2595 | {
|
| 2596 | "kind": "js",
|
| 2597 | "name": "default",
|
| 2598 | "declaration": {
|
| 2599 | "name": "TableGrowingMode",
|
| 2600 | "module": "dist/types/TableGrowingMode.js"
|
| 2601 | }
|
| 2602 | }
|
| 2603 | ]
|
| 2604 | },
|
| 2605 | {
|
| 2606 | "kind": "javascript-module",
|
| 2607 | "path": "dist/types/TableMode.js",
|
| 2608 | "declarations": [
|
| 2609 | {
|
| 2610 | "kind": "enum",
|
| 2611 | "name": "TableMode",
|
| 2612 | "description": "Different table modes.",
|
| 2613 | "_ui5privacy": "public",
|
| 2614 | "members": [
|
| 2615 | {
|
| 2616 | "kind": "field",
|
| 2617 | "static": true,
|
| 2618 | "privacy": "public",
|
| 2619 | "description": "Default mode (no selection).",
|
| 2620 | "default": "None",
|
| 2621 | "name": "None",
|
| 2622 | "readonly": true
|
| 2623 | },
|
| 2624 | {
|
| 2625 | "kind": "field",
|
| 2626 | "static": true,
|
| 2627 | "privacy": "public",
|
| 2628 | "description": "Single selection mode (only one table row can be selected).",
|
| 2629 | "default": "SingleSelect",
|
| 2630 | "name": "SingleSelect",
|
| 2631 | "readonly": true
|
| 2632 | },
|
| 2633 | {
|
| 2634 | "kind": "field",
|
| 2635 | "static": true,
|
| 2636 | "privacy": "public",
|
| 2637 | "description": "Multi selection mode (more than one table row can be selected).",
|
| 2638 | "default": "MultiSelect",
|
| 2639 | "name": "MultiSelect",
|
| 2640 | "readonly": true
|
| 2641 | }
|
| 2642 | ]
|
| 2643 | }
|
| 2644 | ],
|
| 2645 | "exports": [
|
| 2646 | {
|
| 2647 | "kind": "js",
|
| 2648 | "name": "default",
|
| 2649 | "declaration": {
|
| 2650 | "name": "TableMode",
|
| 2651 | "module": "dist/types/TableMode.js"
|
| 2652 | }
|
| 2653 | }
|
| 2654 | ]
|
| 2655 | },
|
| 2656 | {
|
| 2657 | "kind": "javascript-module",
|
| 2658 | "path": "dist/types/TableRowType.js",
|
| 2659 | "declarations": [
|
| 2660 | {
|
| 2661 | "kind": "enum",
|
| 2662 | "name": "TableRowType",
|
| 2663 | "description": "Different table row types.",
|
| 2664 | "_ui5privacy": "public",
|
| 2665 | "members": [
|
| 2666 | {
|
| 2667 | "kind": "field",
|
| 2668 | "static": true,
|
| 2669 | "privacy": "public",
|
| 2670 | "description": "Indicates that the table row does not have any active feedback when item is pressed.",
|
| 2671 | "default": "Inactive",
|
| 2672 | "name": "Inactive",
|
| 2673 | "readonly": true
|
| 2674 | },
|
| 2675 | {
|
| 2676 | "kind": "field",
|
| 2677 | "static": true,
|
| 2678 | "privacy": "public",
|
| 2679 | "description": "Indicates that the table row is clickable via active feedback when item is pressed.",
|
| 2680 | "default": "Active",
|
| 2681 | "name": "Active",
|
| 2682 | "readonly": true
|
| 2683 | }
|
| 2684 | ]
|
| 2685 | }
|
| 2686 | ],
|
| 2687 | "exports": [
|
| 2688 | {
|
| 2689 | "kind": "js",
|
| 2690 | "name": "default",
|
| 2691 | "declaration": {
|
| 2692 | "name": "TableRowType",
|
| 2693 | "module": "dist/types/TableRowType.js"
|
| 2694 | }
|
| 2695 | }
|
| 2696 | ]
|
| 2697 | },
|
| 2698 | {
|
| 2699 | "kind": "javascript-module",
|
| 2700 | "path": "dist/types/TabsOverflowMode.js",
|
| 2701 | "declarations": [
|
| 2702 | {
|
| 2703 | "kind": "enum",
|
| 2704 | "name": "TabsOverflowMode",
|
| 2705 | "description": "Tabs overflow mode in TabContainer.",
|
| 2706 | "_ui5privacy": "public",
|
| 2707 | "members": [
|
| 2708 | {
|
| 2709 | "kind": "field",
|
| 2710 | "static": true,
|
| 2711 | "privacy": "public",
|
| 2712 | "description": "End type is used if there should be only one overflow with hidden the tabs at the end of the tab container.",
|
| 2713 | "default": "End",
|
| 2714 | "name": "End",
|
| 2715 | "readonly": true
|
| 2716 | },
|
| 2717 | {
|
| 2718 | "kind": "field",
|
| 2719 | "static": true,
|
| 2720 | "privacy": "public",
|
| 2721 | "description": "StartAndEnd type is used if there should be two overflows on both ends of the tab container.",
|
| 2722 | "default": "StartAndEnd",
|
| 2723 | "name": "StartAndEnd",
|
| 2724 | "readonly": true
|
| 2725 | }
|
| 2726 | ]
|
| 2727 | }
|
| 2728 | ],
|
| 2729 | "exports": [
|
| 2730 | {
|
| 2731 | "kind": "js",
|
| 2732 | "name": "default",
|
| 2733 | "declaration": {
|
| 2734 | "name": "TabsOverflowMode",
|
| 2735 | "module": "dist/types/TabsOverflowMode.js"
|
| 2736 | }
|
| 2737 | }
|
| 2738 | ]
|
| 2739 | },
|
| 2740 | {
|
| 2741 | "kind": "javascript-module",
|
| 2742 | "path": "dist/types/TitleLevel.js",
|
| 2743 | "declarations": [
|
| 2744 | {
|
| 2745 | "kind": "enum",
|
| 2746 | "name": "TitleLevel",
|
| 2747 | "description": "Different types of Title level.",
|
| 2748 | "_ui5privacy": "public",
|
| 2749 | "members": [
|
| 2750 | {
|
| 2751 | "kind": "field",
|
| 2752 | "static": true,
|
| 2753 | "privacy": "public",
|
| 2754 | "description": "Renders `h1` tag.",
|
| 2755 | "default": "H1",
|
| 2756 | "name": "H1",
|
| 2757 | "readonly": true
|
| 2758 | },
|
| 2759 | {
|
| 2760 | "kind": "field",
|
| 2761 | "static": true,
|
| 2762 | "privacy": "public",
|
| 2763 | "description": "Renders `h2` tag.",
|
| 2764 | "default": "H2",
|
| 2765 | "name": "H2",
|
| 2766 | "readonly": true
|
| 2767 | },
|
| 2768 | {
|
| 2769 | "kind": "field",
|
| 2770 | "static": true,
|
| 2771 | "privacy": "public",
|
| 2772 | "description": "Renders `h3` tag.",
|
| 2773 | "default": "H3",
|
| 2774 | "name": "H3",
|
| 2775 | "readonly": true
|
| 2776 | },
|
| 2777 | {
|
| 2778 | "kind": "field",
|
| 2779 | "static": true,
|
| 2780 | "privacy": "public",
|
| 2781 | "description": "Renders `h4` tag.",
|
| 2782 | "default": "H4",
|
| 2783 | "name": "H4",
|
| 2784 | "readonly": true
|
| 2785 | },
|
| 2786 | {
|
| 2787 | "kind": "field",
|
| 2788 | "static": true,
|
| 2789 | "privacy": "public",
|
| 2790 | "description": "Renders `h5` tag.",
|
| 2791 | "default": "H5",
|
| 2792 | "name": "H5",
|
| 2793 | "readonly": true
|
| 2794 | },
|
| 2795 | {
|
| 2796 | "kind": "field",
|
| 2797 | "static": true,
|
| 2798 | "privacy": "public",
|
| 2799 | "description": "Renders `h6` tag.",
|
| 2800 | "default": "H6",
|
| 2801 | "name": "H6",
|
| 2802 | "readonly": true
|
| 2803 | }
|
| 2804 | ]
|
| 2805 | }
|
| 2806 | ],
|
| 2807 | "exports": [
|
| 2808 | {
|
| 2809 | "kind": "js",
|
| 2810 | "name": "default",
|
| 2811 | "declaration": {
|
| 2812 | "name": "TitleLevel",
|
| 2813 | "module": "dist/types/TitleLevel.js"
|
| 2814 | }
|
| 2815 | }
|
| 2816 | ]
|
| 2817 | },
|
| 2818 | {
|
| 2819 | "kind": "javascript-module",
|
| 2820 | "path": "dist/types/ToastPlacement.js",
|
| 2821 | "declarations": [
|
| 2822 | {
|
| 2823 | "kind": "enum",
|
| 2824 | "name": "ToastPlacement",
|
| 2825 | "description": "Toast placement.",
|
| 2826 | "_ui5privacy": "public",
|
| 2827 | "members": [
|
| 2828 | {
|
| 2829 | "kind": "field",
|
| 2830 | "static": true,
|
| 2831 | "privacy": "public",
|
| 2832 | "description": "Toast is placed at the `TopStart` position of its container.",
|
| 2833 | "default": "TopStart",
|
| 2834 | "name": "TopStart",
|
| 2835 | "readonly": true
|
| 2836 | },
|
| 2837 | {
|
| 2838 | "kind": "field",
|
| 2839 | "static": true,
|
| 2840 | "privacy": "public",
|
| 2841 | "description": "Toast is placed at the `TopCenter` position of its container.",
|
| 2842 | "default": "TopCenter",
|
| 2843 | "name": "TopCenter",
|
| 2844 | "readonly": true
|
| 2845 | },
|
| 2846 | {
|
| 2847 | "kind": "field",
|
| 2848 | "static": true,
|
| 2849 | "privacy": "public",
|
| 2850 | "description": "Toast is placed at the `TopEnd` position of its container.",
|
| 2851 | "default": "TopEnd",
|
| 2852 | "name": "TopEnd",
|
| 2853 | "readonly": true
|
| 2854 | },
|
| 2855 | {
|
| 2856 | "kind": "field",
|
| 2857 | "static": true,
|
| 2858 | "privacy": "public",
|
| 2859 | "description": "Toast is placed at the `MiddleStart` position of its container.",
|
| 2860 | "default": "MiddleStart",
|
| 2861 | "name": "MiddleStart",
|
| 2862 | "readonly": true
|
| 2863 | },
|
| 2864 | {
|
| 2865 | "kind": "field",
|
| 2866 | "static": true,
|
| 2867 | "privacy": "public",
|
| 2868 | "description": "Toast is placed at the `MiddleCenter` position of its container.",
|
| 2869 | "default": "MiddleCenter",
|
| 2870 | "name": "MiddleCenter",
|
| 2871 | "readonly": true
|
| 2872 | },
|
| 2873 | {
|
| 2874 | "kind": "field",
|
| 2875 | "static": true,
|
| 2876 | "privacy": "public",
|
| 2877 | "description": "Toast is placed at the `MiddleEnd` position of its container.",
|
| 2878 | "default": "MiddleEnd",
|
| 2879 | "name": "MiddleEnd",
|
| 2880 | "readonly": true
|
| 2881 | },
|
| 2882 | {
|
| 2883 | "kind": "field",
|
| 2884 | "static": true,
|
| 2885 | "privacy": "public",
|
| 2886 | "description": "Toast is placed at the `BottomStart` position of its container.",
|
| 2887 | "default": "BottomStart",
|
| 2888 | "name": "BottomStart",
|
| 2889 | "readonly": true
|
| 2890 | },
|
| 2891 | {
|
| 2892 | "kind": "field",
|
| 2893 | "static": true,
|
| 2894 | "privacy": "public",
|
| 2895 | "description": "Toast is placed at the `BottomCenter` position of its container.\nDefault placement (no selection)",
|
| 2896 | "default": "BottomCenter",
|
| 2897 | "name": "BottomCenter",
|
| 2898 | "readonly": true
|
| 2899 | },
|
| 2900 | {
|
| 2901 | "kind": "field",
|
| 2902 | "static": true,
|
| 2903 | "privacy": "public",
|
| 2904 | "description": "Toast is placed at the `BottomEnd` position of its container.",
|
| 2905 | "default": "BottomEnd",
|
| 2906 | "name": "BottomEnd",
|
| 2907 | "readonly": true
|
| 2908 | }
|
| 2909 | ]
|
| 2910 | }
|
| 2911 | ],
|
| 2912 | "exports": [
|
| 2913 | {
|
| 2914 | "kind": "js",
|
| 2915 | "name": "default",
|
| 2916 | "declaration": {
|
| 2917 | "name": "ToastPlacement",
|
| 2918 | "module": "dist/types/ToastPlacement.js"
|
| 2919 | }
|
| 2920 | }
|
| 2921 | ]
|
| 2922 | },
|
| 2923 | {
|
| 2924 | "kind": "javascript-module",
|
| 2925 | "path": "dist/types/ToolbarAlign.js",
|
| 2926 | "declarations": [
|
| 2927 | {
|
| 2928 | "kind": "enum",
|
| 2929 | "name": "ToolbarAlign",
|
| 2930 | "description": "Defines which direction the items of ui5-toolbar will be aligned.",
|
| 2931 | "_ui5privacy": "public",
|
| 2932 | "members": [
|
| 2933 | {
|
| 2934 | "kind": "field",
|
| 2935 | "static": true,
|
| 2936 | "privacy": "public",
|
| 2937 | "description": "Toolbar items are situated at the `start` of the Toolbar",
|
| 2938 | "default": "Start",
|
| 2939 | "name": "Start",
|
| 2940 | "readonly": true
|
| 2941 | },
|
| 2942 | {
|
| 2943 | "kind": "field",
|
| 2944 | "static": true,
|
| 2945 | "privacy": "public",
|
| 2946 | "description": "Toolbar items are situated at the `end` of the Toolbar",
|
| 2947 | "default": "End",
|
| 2948 | "name": "End",
|
| 2949 | "readonly": true
|
| 2950 | }
|
| 2951 | ]
|
| 2952 | }
|
| 2953 | ],
|
| 2954 | "exports": [
|
| 2955 | {
|
| 2956 | "kind": "js",
|
| 2957 | "name": "default",
|
| 2958 | "declaration": {
|
| 2959 | "name": "ToolbarAlign",
|
| 2960 | "module": "dist/types/ToolbarAlign.js"
|
| 2961 | }
|
| 2962 | }
|
| 2963 | ]
|
| 2964 | },
|
| 2965 | {
|
| 2966 | "kind": "javascript-module",
|
| 2967 | "path": "dist/types/ToolbarItemOverflowBehavior.js",
|
| 2968 | "declarations": [
|
| 2969 | {
|
| 2970 | "kind": "enum",
|
| 2971 | "name": "ToolbarItemOverflowBehavior",
|
| 2972 | "description": "Defines the priority of the toolbar item to go inside overflow popover.",
|
| 2973 | "_ui5privacy": "public",
|
| 2974 | "members": [
|
| 2975 | {
|
| 2976 | "kind": "field",
|
| 2977 | "static": true,
|
| 2978 | "privacy": "public",
|
| 2979 | "description": "The item is presented inside the toolbar and goes in the popover, when there is not enough space.",
|
| 2980 | "default": "Default",
|
| 2981 | "name": "Default",
|
| 2982 | "readonly": true
|
| 2983 | },
|
| 2984 | {
|
| 2985 | "kind": "field",
|
| 2986 | "static": true,
|
| 2987 | "privacy": "public",
|
| 2988 | "description": "When set, the item will never go to the overflow popover.",
|
| 2989 | "default": "NeverOverflow",
|
| 2990 | "name": "NeverOverflow",
|
| 2991 | "readonly": true
|
| 2992 | },
|
| 2993 | {
|
| 2994 | "kind": "field",
|
| 2995 | "static": true,
|
| 2996 | "privacy": "public",
|
| 2997 | "description": "When set, the item will be always part of the overflow part of ui5-toolbar.",
|
| 2998 | "default": "AlwaysOverflow",
|
| 2999 | "name": "AlwaysOverflow",
|
| 3000 | "readonly": true
|
| 3001 | }
|
| 3002 | ]
|
| 3003 | }
|
| 3004 | ],
|
| 3005 | "exports": [
|
| 3006 | {
|
| 3007 | "kind": "js",
|
| 3008 | "name": "default",
|
| 3009 | "declaration": {
|
| 3010 | "name": "ToolbarItemOverflowBehavior",
|
| 3011 | "module": "dist/types/ToolbarItemOverflowBehavior.js"
|
| 3012 | }
|
| 3013 | }
|
| 3014 | ]
|
| 3015 | },
|
| 3016 | {
|
| 3017 | "kind": "javascript-module",
|
| 3018 | "path": "dist/types/WrappingType.js",
|
| 3019 | "declarations": [
|
| 3020 | {
|
| 3021 | "kind": "enum",
|
| 3022 | "name": "WrappingType",
|
| 3023 | "description": "Different types of wrapping.",
|
| 3024 | "_ui5privacy": "public",
|
| 3025 | "members": [
|
| 3026 | {
|
| 3027 | "kind": "field",
|
| 3028 | "static": true,
|
| 3029 | "privacy": "public",
|
| 3030 | "description": "The text will be truncated with an ellipsis.",
|
| 3031 | "default": "None",
|
| 3032 | "name": "None",
|
| 3033 | "readonly": true
|
| 3034 | },
|
| 3035 | {
|
| 3036 | "kind": "field",
|
| 3037 | "static": true,
|
| 3038 | "privacy": "public",
|
| 3039 | "description": "The text will wrap. The words will not be broken based on hyphenation.",
|
| 3040 | "default": "Normal",
|
| 3041 | "name": "Normal",
|
| 3042 | "readonly": true
|
| 3043 | }
|
| 3044 | ]
|
| 3045 | }
|
| 3046 | ],
|
| 3047 | "exports": [
|
| 3048 | {
|
| 3049 | "kind": "js",
|
| 3050 | "name": "default",
|
| 3051 | "declaration": {
|
| 3052 | "name": "WrappingType",
|
| 3053 | "module": "dist/types/WrappingType.js"
|
| 3054 | }
|
| 3055 | }
|
| 3056 | ]
|
| 3057 | },
|
| 3058 | {
|
| 3059 | "kind": "javascript-module",
|
| 3060 | "path": "dist/Assets-static.js",
|
| 3061 | "declarations": [],
|
| 3062 | "exports": []
|
| 3063 | },
|
| 3064 | {
|
| 3065 | "kind": "javascript-module",
|
| 3066 | "path": "dist/Assets.js",
|
| 3067 | "declarations": [],
|
| 3068 | "exports": []
|
| 3069 | },
|
| 3070 | {
|
| 3071 | "kind": "javascript-module",
|
| 3072 | "path": "dist/Avatar.js",
|
| 3073 | "declarations": [
|
| 3074 | {
|
| 3075 | "kind": "class",
|
| 3076 | "description": "### Overview\n\nAn image-like component that has different display options for representing images and icons\nin different shapes and sizes, depending on the use case.\n\nThe shape can be circular or square. There are several predefined sizes, as well as an option to\nset a custom size.\n\n### Keyboard Handling\n\n- [SPACE, ENTER, RETURN] - Fires the `click` event if the `interactive` property is set to true.\n- [SHIFT] - If [SPACE] is pressed, pressing [SHIFT] releases the component without triggering the click event.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Avatar.js\";`",
|
| 3077 | "name": "Avatar",
|
| 3078 | "slots": [
|
| 3079 | {
|
| 3080 | "name": "default",
|
| 3081 | "description": "Receives the desired `<img>` tag\n\n**Note:** If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS:",
|
| 3082 | "_ui5since": "1.0.0-rc.15",
|
| 3083 | "_ui5propertyName": "image",
|
| 3084 | "_ui5type": {
|
| 3085 | "text": "Array<HTMLElement>"
|
| 3086 | },
|
| 3087 | "_ui5privacy": "public"
|
| 3088 | },
|
| 3089 | {
|
| 3090 | "name": "badge",
|
| 3091 | "description": "Defines the optional badge that will be used for visual affordance.\n\n**Note:** While the slot allows for custom badges, to achieve\nthe Fiori design, please use `ui5-badge` with `ui5-icon`\nin the corresponding `icon` slot, without text nodes.",
|
| 3092 | "_ui5since": "1.7.0",
|
| 3093 | "_ui5type": {
|
| 3094 | "text": "Array<HTMLElement>"
|
| 3095 | },
|
| 3096 | "_ui5privacy": "public"
|
| 3097 | }
|
| 3098 | ],
|
| 3099 | "members": [
|
| 3100 | {
|
| 3101 | "kind": "field",
|
| 3102 | "name": "disabled",
|
| 3103 | "type": {
|
| 3104 | "text": "boolean"
|
| 3105 | },
|
| 3106 | "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
|
| 3107 | "default": "false",
|
| 3108 | "privacy": "public",
|
| 3109 | "_ui5validator": "Boolean"
|
| 3110 | },
|
| 3111 | {
|
| 3112 | "kind": "field",
|
| 3113 | "name": "interactive",
|
| 3114 | "type": {
|
| 3115 | "text": "boolean"
|
| 3116 | },
|
| 3117 | "description": "Defines if the avatar is interactive (focusable and pressable).\n\n**Note:** This property won't have effect if the `disabled`\nproperty is set to `true`.",
|
| 3118 | "default": "false",
|
| 3119 | "privacy": "public",
|
| 3120 | "_ui5validator": "Boolean"
|
| 3121 | },
|
| 3122 | {
|
| 3123 | "kind": "field",
|
| 3124 | "name": "icon",
|
| 3125 | "type": {
|
| 3126 | "text": "string"
|
| 3127 | },
|
| 3128 | "description": "Defines the name of the UI5 Icon, that will be displayed.\n\n**Note:** If `image` slot is provided, the property will be ignored.\n\n**Note:** You should import the desired icon first, then use its name as \"icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar icon=\"employee\">`\n\n**Note:** If no icon or an empty one is provided, by default the \"employee\" icon should be displayed.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 3129 | "default": "\"\"",
|
| 3130 | "privacy": "public",
|
| 3131 | "_ui5validator": "String"
|
| 3132 | },
|
| 3133 | {
|
| 3134 | "kind": "field",
|
| 3135 | "name": "fallbackIcon",
|
| 3136 | "type": {
|
| 3137 | "text": "string"
|
| 3138 | },
|
| 3139 | "description": "Defines the name of the fallback icon, which should be displayed in the following cases:\n\n\t- If the initials are not valid (more than 3 letters, unsupported languages or empty initials).\n\t- If there are three initials and they do not fit in the shape (e.g. WWW for some of the sizes).\n\t- If the image src is wrong.\n\n**Note:** If not set, a default fallback icon \"employee\" is displayed.\n\n**Note:** You should import the desired icon first, then use its name as \"fallback-icon\".\n\n`import \"@ui5/webcomponents-icons/dist/{icon_name}.js\"`\n\n`<ui5-avatar fallback-icon=\"alert\">`\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 3140 | "default": "\"\"",
|
| 3141 | "privacy": "public",
|
| 3142 | "_ui5validator": "String"
|
| 3143 | },
|
| 3144 | {
|
| 3145 | "kind": "field",
|
| 3146 | "name": "initials",
|
| 3147 | "type": {
|
| 3148 | "text": "string"
|
| 3149 | },
|
| 3150 | "description": "Defines the displayed initials.\n\nUp to three Latin letters can be displayed as initials.",
|
| 3151 | "default": "\"\"",
|
| 3152 | "privacy": "public",
|
| 3153 | "_ui5validator": "String"
|
| 3154 | },
|
| 3155 | {
|
| 3156 | "kind": "field",
|
| 3157 | "name": "shape",
|
| 3158 | "type": {
|
| 3159 | "text": "AvatarShape",
|
| 3160 | "references": [
|
| 3161 | {
|
| 3162 | "name": "AvatarShape",
|
| 3163 | "package": "@ui5/webcomponents",
|
| 3164 | "module": "dist/types/AvatarShape.js"
|
| 3165 | }
|
| 3166 | ]
|
| 3167 | },
|
| 3168 | "description": "Defines the shape of the component.",
|
| 3169 | "default": "\"Circle\"",
|
| 3170 | "privacy": "public",
|
| 3171 | "_ui5validator": "AvatarShape"
|
| 3172 | },
|
| 3173 | {
|
| 3174 | "kind": "field",
|
| 3175 | "name": "size",
|
| 3176 | "type": {
|
| 3177 | "text": "AvatarSize",
|
| 3178 | "references": [
|
| 3179 | {
|
| 3180 | "name": "AvatarSize",
|
| 3181 | "package": "@ui5/webcomponents",
|
| 3182 | "module": "dist/types/AvatarSize.js"
|
| 3183 | }
|
| 3184 | ]
|
| 3185 | },
|
| 3186 | "description": "Defines predefined size of the component.",
|
| 3187 | "default": "\"S\"",
|
| 3188 | "privacy": "public",
|
| 3189 | "_ui5validator": "AvatarSize"
|
| 3190 | },
|
| 3191 | {
|
| 3192 | "kind": "field",
|
| 3193 | "name": "colorScheme",
|
| 3194 | "type": {
|
| 3195 | "text": "AvatarColorScheme",
|
| 3196 | "references": [
|
| 3197 | {
|
| 3198 | "name": "AvatarColorScheme",
|
| 3199 | "package": "@ui5/webcomponents",
|
| 3200 | "module": "dist/types/AvatarColorScheme.js"
|
| 3201 | }
|
| 3202 | ]
|
| 3203 | },
|
| 3204 | "description": "Defines the background color of the desired image.",
|
| 3205 | "default": "\"Accent6\"",
|
| 3206 | "privacy": "public",
|
| 3207 | "_ui5validator": "AvatarColorScheme"
|
| 3208 | },
|
| 3209 | {
|
| 3210 | "kind": "field",
|
| 3211 | "name": "accessibleName",
|
| 3212 | "type": {
|
| 3213 | "text": "string"
|
| 3214 | },
|
| 3215 | "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.",
|
| 3216 | "default": "\"\"",
|
| 3217 | "privacy": "public",
|
| 3218 | "_ui5since": "1.0.0-rc.7",
|
| 3219 | "_ui5validator": "String"
|
| 3220 | }
|
| 3221 | ],
|
| 3222 | "superclass": {
|
| 3223 | "name": "UI5Element",
|
| 3224 | "package": "@ui5/webcomponents-base",
|
| 3225 | "module": "dist/UI5Element.js"
|
| 3226 | },
|
| 3227 | "tagName": "ui5-avatar",
|
| 3228 | "customElement": true,
|
| 3229 | "_ui5since": "1.0.0-rc.6",
|
| 3230 | "_ui5privacy": "public",
|
| 3231 | "_ui5implements": [
|
| 3232 | {
|
| 3233 | "name": "IAvatarGroupItem",
|
| 3234 | "package": "@ui5/webcomponents",
|
| 3235 | "module": "dist/AvatarGroup.js"
|
| 3236 | }
|
| 3237 | ]
|
| 3238 | }
|
| 3239 | ],
|
| 3240 | "exports": [
|
| 3241 | {
|
| 3242 | "kind": "js",
|
| 3243 | "name": "default",
|
| 3244 | "declaration": {
|
| 3245 | "name": "Avatar",
|
| 3246 | "module": "dist/Avatar.js"
|
| 3247 | }
|
| 3248 | },
|
| 3249 | {
|
| 3250 | "kind": "custom-element-definition",
|
| 3251 | "name": "ui5-avatar",
|
| 3252 | "declaration": {
|
| 3253 | "name": "Avatar",
|
| 3254 | "module": "dist/Avatar.js"
|
| 3255 | }
|
| 3256 | }
|
| 3257 | ]
|
| 3258 | },
|
| 3259 | {
|
| 3260 | "kind": "javascript-module",
|
| 3261 | "path": "dist/AvatarGroup.js",
|
| 3262 | "declarations": [
|
| 3263 | {
|
| 3264 | "kind": "interface",
|
| 3265 | "name": "IAvatarGroupItem",
|
| 3266 | "description": "Interface for components that represent an avatar and may be slotted in numerous higher-order components such as `ui5-avatar-group`",
|
| 3267 | "_ui5privacy": "public"
|
| 3268 | },
|
| 3269 | {
|
| 3270 | "kind": "class",
|
| 3271 | "description": "### Overview\n\nDisplays a group of avatars arranged horizontally. It is useful to visually\nshowcase a group of related avatars, such as, project team members or employees.\n\nThe component allows you to display the avatars in different sizes,\ndepending on your use case.\n\nThe `AvatarGroup` component has two group types:\n\n- `Group` type: The avatars are displayed as partially overlapped on\ntop of each other and the entire group has one click/tap area.\n- `Individual` type: The avatars are displayed side-by-side and each\navatar has its own click/tap area.\n\n### Responsive Behavior\n\nWhen the available space is less than the width required to display all avatars,\nan overflow visualization appears as a button placed at the end with the same shape\nand size as the avatars. The visualization displays the number of avatars that have overflowed\nand are not currently visible.\n\n### Usage\n\nUse the `AvatarGroup` if:\n\n- You want to display a group of avatars.\n- You want to display several avatars which have something in common.\n\nDo not use the `AvatarGroup` if:\n\n- You want to display a single avatar.\n- You want to display a gallery for simple images.\n- You want to use it for other visual content than avatars.\n\n### Keyboard Handling\nThe component provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n`type` Individual:\n\n- [TAB] - Move focus to the overflow button\n- [LEFT] - Navigate one avatar to the left\n- [RIGHT] - Navigate one avatar to the right\n- [HOME] - Navigate to the first avatar\n- [END] - Navigate to the last avatar\n- [SPACE],[ENTER],[RETURN] - Trigger `ui5-click` event\n\n`type` Group:\n\n- [TAB] - Move focus to the next interactive element after the component\n- [SPACE],[ENTER],[RETURN] - Trigger `ui5-click` event",
|
| 3272 | "name": "AvatarGroup",
|
| 3273 | "slots": [
|
| 3274 | {
|
| 3275 | "name": "default",
|
| 3276 | "description": "Defines the items of the component. Use the `ui5-avatar` component as an item.\n\n**Note:** The UX guidelines recommends using avatars with \"Circle\" shape.\n\nMoreover, if you use avatars with \"Square\" shape, there will be visual inconsistency\nas the built-in overflow action has \"Circle\" shape.",
|
| 3277 | "_ui5propertyName": "items",
|
| 3278 | "_ui5type": {
|
| 3279 | "text": "Array<IAvatarGroupItem>",
|
| 3280 | "references": [
|
| 3281 | {
|
| 3282 | "name": "IAvatarGroupItem",
|
| 3283 | "package": "@ui5/webcomponents",
|
| 3284 | "module": "dist/AvatarGroup.js"
|
| 3285 | }
|
| 3286 | ]
|
| 3287 | },
|
| 3288 | "_ui5privacy": "public"
|
| 3289 | },
|
| 3290 | {
|
| 3291 | "name": "overflowButton",
|
| 3292 | "description": "Defines the overflow button of the component.\n\n**Note:** We recommend using the `ui5-button` component.\n\n**Note:** If this slot is not used, the component will display the built-in overflow button.",
|
| 3293 | "_ui5since": "1.0.0-rc.13",
|
| 3294 | "_ui5type": {
|
| 3295 | "text": "Array<IButton>",
|
| 3296 | "references": [
|
| 3297 | {
|
| 3298 | "name": "IButton",
|
| 3299 | "package": "@ui5/webcomponents",
|
| 3300 | "module": "dist/Button.js"
|
| 3301 | }
|
| 3302 | ]
|
| 3303 | },
|
| 3304 | "_ui5privacy": "public"
|
| 3305 | }
|
| 3306 | ],
|
| 3307 | "members": [
|
| 3308 | {
|
| 3309 | "kind": "field",
|
| 3310 | "name": "type",
|
| 3311 | "type": {
|
| 3312 | "text": "AvatarGroupType",
|
| 3313 | "references": [
|
| 3314 | {
|
| 3315 | "name": "AvatarGroupType",
|
| 3316 | "package": "@ui5/webcomponents",
|
| 3317 | "module": "dist/types/AvatarGroupType.js"
|
| 3318 | }
|
| 3319 | ]
|
| 3320 | },
|
| 3321 | "description": "Defines the mode of the `AvatarGroup`.",
|
| 3322 | "default": "\"Group\"",
|
| 3323 | "privacy": "public",
|
| 3324 | "_ui5validator": "AvatarGroupType"
|
| 3325 | },
|
| 3326 | {
|
| 3327 | "kind": "field",
|
| 3328 | "name": "hiddenItems",
|
| 3329 | "type": {
|
| 3330 | "text": "Array<IAvatarGroupItem>",
|
| 3331 | "references": [
|
| 3332 | {
|
| 3333 | "name": "IAvatarGroupItem",
|
| 3334 | "package": "@ui5/webcomponents",
|
| 3335 | "module": "dist/AvatarGroup.js"
|
| 3336 | }
|
| 3337 | ]
|
| 3338 | },
|
| 3339 | "description": "Returns an array containing the `ui5-avatar` instances that are currently not displayed due to lack of space.",
|
| 3340 | "default": "[]",
|
| 3341 | "privacy": "public",
|
| 3342 | "readonly": true
|
| 3343 | },
|
| 3344 | {
|
| 3345 | "kind": "field",
|
| 3346 | "name": "colorScheme",
|
| 3347 | "type": {
|
| 3348 | "text": "Array<AvatarColorScheme>",
|
| 3349 | "references": [
|
| 3350 | {
|
| 3351 | "name": "AvatarColorScheme",
|
| 3352 | "package": "@ui5/webcomponents",
|
| 3353 | "module": "dist/types/AvatarColorScheme.js"
|
| 3354 | }
|
| 3355 | ]
|
| 3356 | },
|
| 3357 | "description": "Returns an array containing the `AvatarColorScheme` values that correspond to the avatars in the component.",
|
| 3358 | "default": "[]",
|
| 3359 | "privacy": "public",
|
| 3360 | "readonly": true
|
| 3361 | }
|
| 3362 | ],
|
| 3363 | "events": [
|
| 3364 | {
|
| 3365 | "name": "click",
|
| 3366 | "_ui5privacy": "public",
|
| 3367 | "type": {
|
| 3368 | "text": "CustomEvent<AvatarGroupClickEventDetail>",
|
| 3369 | "references": [
|
| 3370 | {
|
| 3371 | "name": "AvatarGroupClickEventDetail",
|
| 3372 | "package": "@ui5/webcomponents",
|
| 3373 | "module": "dist/AvatarGroup.js"
|
| 3374 | }
|
| 3375 | ]
|
| 3376 | },
|
| 3377 | "description": "Fired when the component is activated either with a\nclick/tap or by using the Enter or Space key.",
|
| 3378 | "_ui5since": "1.0.0-rc.11",
|
| 3379 | "_ui5parameters": [
|
| 3380 | {
|
| 3381 | "type": {
|
| 3382 | "text": "HTMLElement"
|
| 3383 | },
|
| 3384 | "name": "targetRef",
|
| 3385 | "_ui5privacy": "public",
|
| 3386 | "description": "The DOM ref of the clicked item."
|
| 3387 | },
|
| 3388 | {
|
| 3389 | "type": {
|
| 3390 | "text": "boolean"
|
| 3391 | },
|
| 3392 | "name": "overflowButtonClicked",
|
| 3393 | "_ui5privacy": "public",
|
| 3394 | "description": "indicates if the overflow button is clicked"
|
| 3395 | }
|
| 3396 | ]
|
| 3397 | },
|
| 3398 | {
|
| 3399 | "name": "overflow",
|
| 3400 | "_ui5privacy": "public",
|
| 3401 | "type": {
|
| 3402 | "text": "CustomEvent"
|
| 3403 | },
|
| 3404 | "description": "Fired when the count of visible `ui5-avatar` elements in the\ncomponent has changed",
|
| 3405 | "_ui5since": "1.0.0-rc.13"
|
| 3406 | }
|
| 3407 | ],
|
| 3408 | "superclass": {
|
| 3409 | "name": "UI5Element",
|
| 3410 | "package": "@ui5/webcomponents-base",
|
| 3411 | "module": "dist/UI5Element.js"
|
| 3412 | },
|
| 3413 | "tagName": "ui5-avatar-group",
|
| 3414 | "customElement": true,
|
| 3415 | "_ui5since": "1.0.0-rc.11",
|
| 3416 | "_ui5privacy": "public"
|
| 3417 | }
|
| 3418 | ],
|
| 3419 | "exports": [
|
| 3420 | {
|
| 3421 | "kind": "js",
|
| 3422 | "name": "default",
|
| 3423 | "declaration": {
|
| 3424 | "name": "AvatarGroup",
|
| 3425 | "module": "dist/AvatarGroup.js"
|
| 3426 | }
|
| 3427 | },
|
| 3428 | {
|
| 3429 | "kind": "custom-element-definition",
|
| 3430 | "name": "ui5-avatar-group",
|
| 3431 | "declaration": {
|
| 3432 | "name": "AvatarGroup",
|
| 3433 | "module": "dist/AvatarGroup.js"
|
| 3434 | }
|
| 3435 | }
|
| 3436 | ]
|
| 3437 | },
|
| 3438 | {
|
| 3439 | "kind": "javascript-module",
|
| 3440 | "path": "dist/Badge.js",
|
| 3441 | "declarations": [
|
| 3442 | {
|
| 3443 | "kind": "class",
|
| 3444 | "description": "### Overview\n\nThe `ui5-badge` is a component which serves\nthe purpose to attract the user attention to some piece\nof information (state, quantity, condition, etc.).\nIt can contain icon and text information, and its design can be chosen from specific design types.\n\n### Usage Guidelines\n\n- If the text is longer than the width of the component, it can wrap, or it can show ellipsis, depending on the `wrappingType` property.\n- Colors can be semantic or not semantic.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Badge.js\";`",
|
| 3445 | "name": "Badge",
|
| 3446 | "slots": [
|
| 3447 | {
|
| 3448 | "name": "default",
|
| 3449 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 3450 | "_ui5propertyName": "text",
|
| 3451 | "_ui5type": {
|
| 3452 | "text": "Array<Node>"
|
| 3453 | },
|
| 3454 | "_ui5privacy": "public"
|
| 3455 | },
|
| 3456 | {
|
| 3457 | "name": "icon",
|
| 3458 | "description": "Defines the icon to be displayed in the component.",
|
| 3459 | "_ui5type": {
|
| 3460 | "text": "Array<IIcon>",
|
| 3461 | "references": [
|
| 3462 | {
|
| 3463 | "name": "IIcon",
|
| 3464 | "package": "@ui5/webcomponents",
|
| 3465 | "module": "dist/Icon.js"
|
| 3466 | }
|
| 3467 | ]
|
| 3468 | },
|
| 3469 | "_ui5privacy": "public"
|
| 3470 | }
|
| 3471 | ],
|
| 3472 | "members": [
|
| 3473 | {
|
| 3474 | "kind": "field",
|
| 3475 | "name": "design",
|
| 3476 | "type": {
|
| 3477 | "text": "BadgeDesign",
|
| 3478 | "references": [
|
| 3479 | {
|
| 3480 | "name": "BadgeDesign",
|
| 3481 | "package": "@ui5/webcomponents",
|
| 3482 | "module": "dist/types/BadgeDesign.js"
|
| 3483 | }
|
| 3484 | ]
|
| 3485 | },
|
| 3486 | "description": "Defines the design type of the component.",
|
| 3487 | "default": "\"Set3\"",
|
| 3488 | "privacy": "public",
|
| 3489 | "_ui5since": "1.22.0",
|
| 3490 | "_ui5validator": "String"
|
| 3491 | },
|
| 3492 | {
|
| 3493 | "kind": "field",
|
| 3494 | "name": "colorScheme",
|
| 3495 | "type": {
|
| 3496 | "text": "string"
|
| 3497 | },
|
| 3498 | "description": "Defines the color scheme of the component.\nThere are 10 predefined schemes.\nTo use one you can set a number from `\"1\"` to `\"10\"`. The `colorScheme` `\"1\"` will be set by default.\n\n**Note:** Color schemes have no visual representation in High Contrast Black (sap_belize_hcb) theme.",
|
| 3499 | "default": "\"1\"",
|
| 3500 | "privacy": "public",
|
| 3501 | "_ui5validator": "String"
|
| 3502 | },
|
| 3503 | {
|
| 3504 | "kind": "field",
|
| 3505 | "name": "hideStateIcon",
|
| 3506 | "type": {
|
| 3507 | "text": "boolean"
|
| 3508 | },
|
| 3509 | "description": "Defines if the default state icon is shown.",
|
| 3510 | "default": "false",
|
| 3511 | "privacy": "public",
|
| 3512 | "_ui5since": "1.22.0",
|
| 3513 | "_ui5validator": "Boolean"
|
| 3514 | },
|
| 3515 | {
|
| 3516 | "kind": "field",
|
| 3517 | "name": "interactive",
|
| 3518 | "type": {
|
| 3519 | "text": "boolean"
|
| 3520 | },
|
| 3521 | "description": "Defines if the component is interactive (focusable and pressable).\n\n**Note:** The badge cannot be `interactive`\nwhen `design` property is `BadgeDesign.Set3`",
|
| 3522 | "default": "false",
|
| 3523 | "privacy": "public",
|
| 3524 | "_ui5since": "1.22.0",
|
| 3525 | "_ui5validator": "Boolean"
|
| 3526 | },
|
| 3527 | {
|
| 3528 | "kind": "field",
|
| 3529 | "name": "wrappingType",
|
| 3530 | "type": {
|
| 3531 | "text": "WrappingType",
|
| 3532 | "references": [
|
| 3533 | {
|
| 3534 | "name": "WrappingType",
|
| 3535 | "package": "@ui5/webcomponents",
|
| 3536 | "module": "dist/types/WrappingType.js"
|
| 3537 | }
|
| 3538 | ]
|
| 3539 | },
|
| 3540 | "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** For option \"Normal\" the text will wrap and the\nwords will not be broken based on hyphenation.",
|
| 3541 | "default": "\"None\"",
|
| 3542 | "privacy": "public",
|
| 3543 | "_ui5since": "1.22.0",
|
| 3544 | "_ui5validator": "WrappingType"
|
| 3545 | }
|
| 3546 | ],
|
| 3547 | "events": [
|
| 3548 | {
|
| 3549 | "name": "click",
|
| 3550 | "_ui5privacy": "public",
|
| 3551 | "type": {
|
| 3552 | "text": "CustomEvent"
|
| 3553 | },
|
| 3554 | "description": "Fired when the user clicks on an interactive badge.\n\n**Note:** The event will be fired if the `interactive` property is `true`",
|
| 3555 | "_ui5since": "1.22.0"
|
| 3556 | }
|
| 3557 | ],
|
| 3558 | "superclass": {
|
| 3559 | "name": "UI5Element",
|
| 3560 | "package": "@ui5/webcomponents-base",
|
| 3561 | "module": "dist/UI5Element.js"
|
| 3562 | },
|
| 3563 | "tagName": "ui5-badge",
|
| 3564 | "customElement": true,
|
| 3565 | "_ui5since": "0.12.0",
|
| 3566 | "_ui5privacy": "public"
|
| 3567 | }
|
| 3568 | ],
|
| 3569 | "exports": [
|
| 3570 | {
|
| 3571 | "kind": "js",
|
| 3572 | "name": "default",
|
| 3573 | "declaration": {
|
| 3574 | "name": "Badge",
|
| 3575 | "module": "dist/Badge.js"
|
| 3576 | }
|
| 3577 | },
|
| 3578 | {
|
| 3579 | "kind": "custom-element-definition",
|
| 3580 | "name": "ui5-badge",
|
| 3581 | "declaration": {
|
| 3582 | "name": "Badge",
|
| 3583 | "module": "dist/Badge.js"
|
| 3584 | }
|
| 3585 | }
|
| 3586 | ]
|
| 3587 | },
|
| 3588 | {
|
| 3589 | "kind": "javascript-module",
|
| 3590 | "path": "dist/Breadcrumbs.js",
|
| 3591 | "declarations": [
|
| 3592 | {
|
| 3593 | "kind": "class",
|
| 3594 | "description": "### Overview\nEnables users to navigate between items by providing a list of links to previous steps in the user's navigation path.\nIt helps the user to be aware of their location within the application and allows faster navigation.\n\nThe last three steps can be accessed as links directly, while the remaining links prior to them are available\nin a drop-down menu.\n\nYou can choose the type of separator to be used from a number of predefined options.\n\n### Keyboard Handling\nThe `ui5-breadcrumbs` provides advanced keyboard handling.\n\n- [F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - If the dropdown arrow is focused - opens/closes the drop-down.\n- [SPACE, ENTER] - Activates the focused item and triggers the `item-click` event.\n- [ESC] - Closes the drop-down.\n- [LEFT] - If the drop-down is closed - navigates one item to the left.\n- [RIGHT] - If the drop-down is closed - navigates one item to the right.\n- [UP] - If the drop-down is open - moves focus to the next item.\n- [DOWN] - If the drop-down is open - moves focus to the previous item.\n- [HOME] - Navigates to the first item.\n- [END] - Navigates to the last item.",
|
| 3595 | "name": "Breadcrumbs",
|
| 3596 | "slots": [
|
| 3597 | {
|
| 3598 | "name": "default",
|
| 3599 | "description": "Defines the component items.\n\n**Note:** Use the `ui5-breadcrumbs-item` component to define the desired items.",
|
| 3600 | "_ui5propertyName": "items",
|
| 3601 | "_ui5type": {
|
| 3602 | "text": "Array<BreadcrumbsItem>",
|
| 3603 | "references": [
|
| 3604 | {
|
| 3605 | "name": "BreadcrumbsItem",
|
| 3606 | "package": "@ui5/webcomponents",
|
| 3607 | "module": "dist/BreadcrumbsItem.js"
|
| 3608 | }
|
| 3609 | ]
|
| 3610 | },
|
| 3611 | "_ui5privacy": "public"
|
| 3612 | }
|
| 3613 | ],
|
| 3614 | "members": [
|
| 3615 | {
|
| 3616 | "kind": "field",
|
| 3617 | "name": "design",
|
| 3618 | "type": {
|
| 3619 | "text": "BreadcrumbsDesign",
|
| 3620 | "references": [
|
| 3621 | {
|
| 3622 | "name": "BreadcrumbsDesign",
|
| 3623 | "package": "@ui5/webcomponents",
|
| 3624 | "module": "dist/types/BreadcrumbsDesign.js"
|
| 3625 | }
|
| 3626 | ]
|
| 3627 | },
|
| 3628 | "description": "Defines the visual indication and behavior of the breadcrumbs.\n\n**Note:** The `Standard` breadcrumbs show the current page as the last item in the trail.\nThe last item contains only plain text and is not a link.",
|
| 3629 | "default": "\"Standard\"",
|
| 3630 | "privacy": "public",
|
| 3631 | "_ui5validator": "BreadcrumbsDesign"
|
| 3632 | },
|
| 3633 | {
|
| 3634 | "kind": "field",
|
| 3635 | "name": "separatorStyle",
|
| 3636 | "type": {
|
| 3637 | "text": "BreadcrumbsSeparatorStyle",
|
| 3638 | "references": [
|
| 3639 | {
|
| 3640 | "name": "BreadcrumbsSeparatorStyle",
|
| 3641 | "package": "@ui5/webcomponents",
|
| 3642 | "module": "dist/types/BreadcrumbsSeparatorStyle.js"
|
| 3643 | }
|
| 3644 | ]
|
| 3645 | },
|
| 3646 | "description": "Determines the visual style of the separator between the breadcrumb items.",
|
| 3647 | "default": "\"Slash\"",
|
| 3648 | "privacy": "public",
|
| 3649 | "_ui5validator": "BreadcrumbsSeparatorStyle"
|
| 3650 | }
|
| 3651 | ],
|
| 3652 | "events": [
|
| 3653 | {
|
| 3654 | "name": "item-click",
|
| 3655 | "_ui5privacy": "public",
|
| 3656 | "type": {
|
| 3657 | "text": "CustomEvent<BreadcrumbsItemClickEventDetail>",
|
| 3658 | "references": [
|
| 3659 | {
|
| 3660 | "name": "BreadcrumbsItemClickEventDetail",
|
| 3661 | "package": "@ui5/webcomponents",
|
| 3662 | "module": "dist/Breadcrumbs.js"
|
| 3663 | }
|
| 3664 | ]
|
| 3665 | },
|
| 3666 | "description": "Fires when a `BreadcrumbsItem` is clicked.\n\n**Note:** You can prevent browser location change by calling `event.preventDefault()`.",
|
| 3667 | "_ui5allowPreventDefault": true,
|
| 3668 | "_ui5parameters": [
|
| 3669 | {
|
| 3670 | "type": {
|
| 3671 | "text": "HTMLElement"
|
| 3672 | },
|
| 3673 | "name": "item",
|
| 3674 | "_ui5privacy": "public",
|
| 3675 | "description": "The clicked item."
|
| 3676 | },
|
| 3677 | {
|
| 3678 | "type": {
|
| 3679 | "text": "Boolean"
|
| 3680 | },
|
| 3681 | "name": "altKey",
|
| 3682 | "_ui5privacy": "public",
|
| 3683 | "description": "Returns whether the \"ALT\" key was pressed when the event was triggered."
|
| 3684 | },
|
| 3685 | {
|
| 3686 | "type": {
|
| 3687 | "text": "Boolean"
|
| 3688 | },
|
| 3689 | "name": "ctrlKey",
|
| 3690 | "_ui5privacy": "public",
|
| 3691 | "description": "Returns whether the \"CTRL\" key was pressed when the event was triggered."
|
| 3692 | },
|
| 3693 | {
|
| 3694 | "type": {
|
| 3695 | "text": "Boolean"
|
| 3696 | },
|
| 3697 | "name": "metaKey",
|
| 3698 | "_ui5privacy": "public",
|
| 3699 | "description": "Returns whether the \"META\" key was pressed when the event was triggered."
|
| 3700 | },
|
| 3701 | {
|
| 3702 | "type": {
|
| 3703 | "text": "Boolean"
|
| 3704 | },
|
| 3705 | "name": "shiftKey",
|
| 3706 | "_ui5privacy": "public",
|
| 3707 | "description": "Returns whether the \"SHIFT\" key was pressed when the event was triggered."
|
| 3708 | }
|
| 3709 | ]
|
| 3710 | }
|
| 3711 | ],
|
| 3712 | "superclass": {
|
| 3713 | "name": "UI5Element",
|
| 3714 | "package": "@ui5/webcomponents-base",
|
| 3715 | "module": "dist/UI5Element.js"
|
| 3716 | },
|
| 3717 | "tagName": "ui5-breadcrumbs",
|
| 3718 | "customElement": true,
|
| 3719 | "_ui5since": "1.0.0-rc.15",
|
| 3720 | "_ui5privacy": "public"
|
| 3721 | }
|
| 3722 | ],
|
| 3723 | "exports": [
|
| 3724 | {
|
| 3725 | "kind": "js",
|
| 3726 | "name": "default",
|
| 3727 | "declaration": {
|
| 3728 | "name": "Breadcrumbs",
|
| 3729 | "module": "dist/Breadcrumbs.js"
|
| 3730 | }
|
| 3731 | },
|
| 3732 | {
|
| 3733 | "kind": "custom-element-definition",
|
| 3734 | "name": "ui5-breadcrumbs",
|
| 3735 | "declaration": {
|
| 3736 | "name": "Breadcrumbs",
|
| 3737 | "module": "dist/Breadcrumbs.js"
|
| 3738 | }
|
| 3739 | }
|
| 3740 | ]
|
| 3741 | },
|
| 3742 | {
|
| 3743 | "kind": "javascript-module",
|
| 3744 | "path": "dist/BreadcrumbsItem.js",
|
| 3745 | "declarations": [
|
| 3746 | {
|
| 3747 | "kind": "class",
|
| 3748 | "description": "### Overview\n\nThe `ui5-breadcrumbs-item` component defines the content of an item in `ui5-breadcrumbs`.",
|
| 3749 | "name": "BreadcrumbsItem",
|
| 3750 | "slots": [
|
| 3751 | {
|
| 3752 | "name": "default",
|
| 3753 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 3754 | "_ui5propertyName": "text",
|
| 3755 | "_ui5type": {
|
| 3756 | "text": "Array<Node>"
|
| 3757 | },
|
| 3758 | "_ui5privacy": "public"
|
| 3759 | }
|
| 3760 | ],
|
| 3761 | "members": [
|
| 3762 | {
|
| 3763 | "kind": "field",
|
| 3764 | "name": "href",
|
| 3765 | "type": {
|
| 3766 | "text": "string"
|
| 3767 | },
|
| 3768 | "description": "Defines the link href.\n\n**Note:** Standard hyperlink behavior is supported.",
|
| 3769 | "default": "\"\"",
|
| 3770 | "privacy": "public",
|
| 3771 | "_ui5validator": "String"
|
| 3772 | },
|
| 3773 | {
|
| 3774 | "kind": "field",
|
| 3775 | "name": "target",
|
| 3776 | "type": {
|
| 3777 | "text": "string | undefined"
|
| 3778 | },
|
| 3779 | "description": "Defines the link target.\n\nAvailable options are:\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**Note:** This property must only be used when the `href` property is set.",
|
| 3780 | "default": "undefined",
|
| 3781 | "privacy": "public",
|
| 3782 | "_ui5validator": "String"
|
| 3783 | },
|
| 3784 | {
|
| 3785 | "kind": "field",
|
| 3786 | "name": "accessibleName",
|
| 3787 | "type": {
|
| 3788 | "text": "string"
|
| 3789 | },
|
| 3790 | "description": "Defines the accessible ARIA name of the item.",
|
| 3791 | "default": "undefined",
|
| 3792 | "privacy": "public",
|
| 3793 | "_ui5validator": "String"
|
| 3794 | }
|
| 3795 | ],
|
| 3796 | "superclass": {
|
| 3797 | "name": "UI5Element",
|
| 3798 | "package": "@ui5/webcomponents-base",
|
| 3799 | "module": "dist/UI5Element.js"
|
| 3800 | },
|
| 3801 | "tagName": "ui5-breadcrumbs-item",
|
| 3802 | "customElement": true,
|
| 3803 | "_ui5since": "1.0.0-rc.15",
|
| 3804 | "_ui5privacy": "public",
|
| 3805 | "_ui5abstract": true
|
| 3806 | }
|
| 3807 | ],
|
| 3808 | "exports": [
|
| 3809 | {
|
| 3810 | "kind": "js",
|
| 3811 | "name": "default",
|
| 3812 | "declaration": {
|
| 3813 | "name": "BreadcrumbsItem",
|
| 3814 | "module": "dist/BreadcrumbsItem.js"
|
| 3815 | }
|
| 3816 | },
|
| 3817 | {
|
| 3818 | "kind": "custom-element-definition",
|
| 3819 | "name": "ui5-breadcrumbs-item",
|
| 3820 | "declaration": {
|
| 3821 | "name": "BreadcrumbsItem",
|
| 3822 | "module": "dist/BreadcrumbsItem.js"
|
| 3823 | }
|
| 3824 | }
|
| 3825 | ]
|
| 3826 | },
|
| 3827 | {
|
| 3828 | "kind": "javascript-module",
|
| 3829 | "path": "dist/BusyIndicator.js",
|
| 3830 | "declarations": [
|
| 3831 | {
|
| 3832 | "kind": "class",
|
| 3833 | "description": "### Overview\n\nThe `ui5-busy-indicator` signals that some operation is going on and that the\nuser must wait. It does not block the current UI screen so other operations could be triggered in parallel.\nIt displays 3 dots and each dot expands and shrinks at a different rate, resulting in a cascading flow of animation.\n\n### Usage\nFor the `ui5-busy-indicator` you can define the size, the text and whether it is shown or hidden.\nIn order to hide it, use the \"active\" property.\n\nIn order to show busy state over an HTML element, simply nest the HTML element in a `ui5-busy-indicator` instance.\n\n**Note:** Since `ui5-busy-indicator` has `display: inline-block;` by default and no width of its own,\nwhenever you need to wrap a block-level element, you should set `display: block` to the busy indicator as well.\n\n#### When to use:\n\n- The user needs to be able to cancel the operation.\n- Only part of the application or a particular component is affected.\n\n#### When not to use:\n\n- The operation takes less than one second.\n- You need to block the screen and prevent the user from starting another activity.\n- Do not show multiple busy indicators at once.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/BusyIndicator.js\";`",
|
| 3834 | "name": "BusyIndicator",
|
| 3835 | "slots": [
|
| 3836 | {
|
| 3837 | "description": "Determines the content over which the component will appear.",
|
| 3838 | "name": "default",
|
| 3839 | "_ui5privacy": "public",
|
| 3840 | "_ui5type": {
|
| 3841 | "text": "Array<Node>"
|
| 3842 | }
|
| 3843 | }
|
| 3844 | ],
|
| 3845 | "members": [
|
| 3846 | {
|
| 3847 | "kind": "field",
|
| 3848 | "name": "text",
|
| 3849 | "type": {
|
| 3850 | "text": "string"
|
| 3851 | },
|
| 3852 | "description": "Defines text to be displayed below the component. It can be used to inform the user of the current operation.",
|
| 3853 | "privacy": "public",
|
| 3854 | "default": "\"\"",
|
| 3855 | "_ui5since": "1.0.0-rc.7",
|
| 3856 | "_ui5validator": "String"
|
| 3857 | },
|
| 3858 | {
|
| 3859 | "kind": "field",
|
| 3860 | "name": "size",
|
| 3861 | "type": {
|
| 3862 | "text": "BusyIndicatorSize",
|
| 3863 | "references": [
|
| 3864 | {
|
| 3865 | "name": "BusyIndicatorSize",
|
| 3866 | "package": "@ui5/webcomponents",
|
| 3867 | "module": "dist/types/BusyIndicatorSize.js"
|
| 3868 | }
|
| 3869 | ]
|
| 3870 | },
|
| 3871 | "description": "Defines the size of the component.",
|
| 3872 | "default": "\"Medium\"",
|
| 3873 | "privacy": "public",
|
| 3874 | "_ui5validator": "BusyIndicatorSize"
|
| 3875 | },
|
| 3876 | {
|
| 3877 | "kind": "field",
|
| 3878 | "name": "active",
|
| 3879 | "type": {
|
| 3880 | "text": "boolean"
|
| 3881 | },
|
| 3882 | "description": "Defines if the busy indicator is visible on the screen. By default it is not.",
|
| 3883 | "default": "false",
|
| 3884 | "privacy": "public",
|
| 3885 | "_ui5validator": "Boolean"
|
| 3886 | },
|
| 3887 | {
|
| 3888 | "kind": "field",
|
| 3889 | "name": "delay",
|
| 3890 | "type": {
|
| 3891 | "text": "number"
|
| 3892 | },
|
| 3893 | "description": "Defines the delay in milliseconds, after which the busy indicator will be visible on the screen.",
|
| 3894 | "default": "1000",
|
| 3895 | "privacy": "public",
|
| 3896 | "_ui5validator": "Integer"
|
| 3897 | }
|
| 3898 | ],
|
| 3899 | "superclass": {
|
| 3900 | "name": "UI5Element",
|
| 3901 | "package": "@ui5/webcomponents-base",
|
| 3902 | "module": "dist/UI5Element.js"
|
| 3903 | },
|
| 3904 | "tagName": "ui5-busy-indicator",
|
| 3905 | "customElement": true,
|
| 3906 | "_ui5since": "0.12.0",
|
| 3907 | "_ui5privacy": "public"
|
| 3908 | }
|
| 3909 | ],
|
| 3910 | "exports": [
|
| 3911 | {
|
| 3912 | "kind": "js",
|
| 3913 | "name": "default",
|
| 3914 | "declaration": {
|
| 3915 | "name": "BusyIndicator",
|
| 3916 | "module": "dist/BusyIndicator.js"
|
| 3917 | }
|
| 3918 | },
|
| 3919 | {
|
| 3920 | "kind": "custom-element-definition",
|
| 3921 | "name": "ui5-busy-indicator",
|
| 3922 | "declaration": {
|
| 3923 | "name": "BusyIndicator",
|
| 3924 | "module": "dist/BusyIndicator.js"
|
| 3925 | }
|
| 3926 | }
|
| 3927 | ]
|
| 3928 | },
|
| 3929 | {
|
| 3930 | "kind": "javascript-module",
|
| 3931 | "path": "dist/Button.js",
|
| 3932 | "declarations": [
|
| 3933 | {
|
| 3934 | "kind": "interface",
|
| 3935 | "name": "IButton",
|
| 3936 | "description": "Interface for components that may be used as a button inside numerous higher-order components",
|
| 3937 | "_ui5privacy": "public"
|
| 3938 | },
|
| 3939 | {
|
| 3940 | "kind": "class",
|
| 3941 | "description": "### Overview\n\nThe `ui5-button` component represents a simple push button.\nIt enables users to trigger actions by clicking or tapping the `ui5-button`, or by pressing\ncertain keyboard keys, such as Enter.\n\n### Usage\n\nFor the `ui5-button` UI, you can define text, icon, or both. You can also specify\nwhether the text or the icon is displayed first.\n\nYou can choose from a set of predefined types that offer different\nstyling to correspond to the triggered action.\n\nYou can set the `ui5-button` as enabled or disabled. An enabled\n`ui5-button` can be pressed by clicking or tapping it. The button changes\nits style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled `ui5-button` appears inactive and cannot be pressed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Button.js\";`",
|
| 3942 | "name": "Button",
|
| 3943 | "cssParts": [
|
| 3944 | {
|
| 3945 | "description": "Used to style the native button element",
|
| 3946 | "name": "button"
|
| 3947 | }
|
| 3948 | ],
|
| 3949 | "slots": [
|
| 3950 | {
|
| 3951 | "name": "default",
|
| 3952 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 3953 | "_ui5propertyName": "text",
|
| 3954 | "_ui5type": {
|
| 3955 | "text": "Array<Node>"
|
| 3956 | },
|
| 3957 | "_ui5privacy": "public"
|
| 3958 | }
|
| 3959 | ],
|
| 3960 | "members": [
|
| 3961 | {
|
| 3962 | "kind": "field",
|
| 3963 | "name": "design",
|
| 3964 | "type": {
|
| 3965 | "text": "ButtonDesign",
|
| 3966 | "references": [
|
| 3967 | {
|
| 3968 | "name": "ButtonDesign",
|
| 3969 | "package": "@ui5/webcomponents",
|
| 3970 | "module": "dist/types/ButtonDesign.js"
|
| 3971 | }
|
| 3972 | ]
|
| 3973 | },
|
| 3974 | "description": "Defines the component design.",
|
| 3975 | "default": "\"Default\"",
|
| 3976 | "privacy": "public",
|
| 3977 | "_ui5validator": "ButtonDesign"
|
| 3978 | },
|
| 3979 | {
|
| 3980 | "kind": "field",
|
| 3981 | "name": "disabled",
|
| 3982 | "type": {
|
| 3983 | "text": "boolean"
|
| 3984 | },
|
| 3985 | "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
|
| 3986 | "default": "false",
|
| 3987 | "privacy": "public",
|
| 3988 | "_ui5validator": "Boolean"
|
| 3989 | },
|
| 3990 | {
|
| 3991 | "kind": "field",
|
| 3992 | "name": "icon",
|
| 3993 | "type": {
|
| 3994 | "text": "string"
|
| 3995 | },
|
| 3996 | "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 3997 | "default": "\"\"",
|
| 3998 | "privacy": "public",
|
| 3999 | "_ui5validator": "String"
|
| 4000 | },
|
| 4001 | {
|
| 4002 | "kind": "field",
|
| 4003 | "name": "iconEnd",
|
| 4004 | "type": {
|
| 4005 | "text": "boolean"
|
| 4006 | },
|
| 4007 | "description": "Defines whether the icon should be displayed after the component text.",
|
| 4008 | "default": "false",
|
| 4009 | "privacy": "public",
|
| 4010 | "_ui5validator": "Boolean"
|
| 4011 | },
|
| 4012 | {
|
| 4013 | "kind": "field",
|
| 4014 | "name": "submits",
|
| 4015 | "type": {
|
| 4016 | "text": "boolean"
|
| 4017 | },
|
| 4018 | "description": "When set to `true`, the component will\nautomatically submit the nearest HTML form element on `press`.\n\n**Note:** For the `submits` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`",
|
| 4019 | "default": "false",
|
| 4020 | "privacy": "public",
|
| 4021 | "deprecated": "Set the \"type\" property to \"Submit\" to achieve the same result. The \"submits\" property is ignored if \"type\" is set to any value other than \"Button\".",
|
| 4022 | "_ui5validator": "Boolean"
|
| 4023 | },
|
| 4024 | {
|
| 4025 | "kind": "field",
|
| 4026 | "name": "tooltip",
|
| 4027 | "type": {
|
| 4028 | "text": "string"
|
| 4029 | },
|
| 4030 | "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
|
| 4031 | "default": "\"\"",
|
| 4032 | "privacy": "public",
|
| 4033 | "_ui5since": "1.2.0",
|
| 4034 | "_ui5validator": "String"
|
| 4035 | },
|
| 4036 | {
|
| 4037 | "kind": "field",
|
| 4038 | "name": "accessibleName",
|
| 4039 | "type": {
|
| 4040 | "text": "string | undefined"
|
| 4041 | },
|
| 4042 | "description": "Defines the accessible ARIA name of the component.",
|
| 4043 | "default": "undefined",
|
| 4044 | "privacy": "public",
|
| 4045 | "_ui5since": "1.0.0-rc.15",
|
| 4046 | "_ui5validator": "String"
|
| 4047 | },
|
| 4048 | {
|
| 4049 | "kind": "field",
|
| 4050 | "name": "accessibleNameRef",
|
| 4051 | "type": {
|
| 4052 | "text": "string"
|
| 4053 | },
|
| 4054 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 4055 | "default": "\"\"",
|
| 4056 | "privacy": "public",
|
| 4057 | "_ui5since": "1.1.0",
|
| 4058 | "_ui5validator": "String"
|
| 4059 | },
|
| 4060 | {
|
| 4061 | "kind": "field",
|
| 4062 | "name": "accessibilityAttributes",
|
| 4063 | "type": {
|
| 4064 | "text": "AccessibilityAttributes",
|
| 4065 | "references": [
|
| 4066 | {
|
| 4067 | "name": "AccessibilityAttributes",
|
| 4068 | "package": "@ui5/webcomponents",
|
| 4069 | "module": "dist/Button.js"
|
| 4070 | }
|
| 4071 | ]
|
| 4072 | },
|
| 4073 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n- `expanded`: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n- `true`\n- `false`\n\n- `hasPopup`: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:\n- `Dialog`\n- `Grid`\n- `ListBox`\n- `Menu`\n- `Tree`\n\n- `controls`: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.",
|
| 4074 | "privacy": "public",
|
| 4075 | "default": "{}",
|
| 4076 | "_ui5since": "1.2.0",
|
| 4077 | "_ui5validator": "Object"
|
| 4078 | },
|
| 4079 | {
|
| 4080 | "kind": "field",
|
| 4081 | "name": "type",
|
| 4082 | "type": {
|
| 4083 | "text": "ButtonType",
|
| 4084 | "references": [
|
| 4085 | {
|
| 4086 | "name": "ButtonType",
|
| 4087 | "package": "@ui5/webcomponents",
|
| 4088 | "module": "dist/types/ButtonType.js"
|
| 4089 | }
|
| 4090 | ]
|
| 4091 | },
|
| 4092 | "description": "Defines whether the button has special form-related functionality.\n\n**Note:** For the `type` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`",
|
| 4093 | "default": "\"Button\"",
|
| 4094 | "privacy": "public",
|
| 4095 | "_ui5since": "1.15.0",
|
| 4096 | "_ui5validator": "ButtonType"
|
| 4097 | },
|
| 4098 | {
|
| 4099 | "kind": "field",
|
| 4100 | "name": "accessibleRole",
|
| 4101 | "type": {
|
| 4102 | "text": "ButtonAccessibleRole",
|
| 4103 | "references": [
|
| 4104 | {
|
| 4105 | "name": "ButtonAccessibleRole",
|
| 4106 | "package": "@ui5/webcomponents",
|
| 4107 | "module": "dist/types/ButtonAccessibleRole.js"
|
| 4108 | }
|
| 4109 | ]
|
| 4110 | },
|
| 4111 | "description": "Describes the accessibility role of the button.\n\n**Note:** Use link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.",
|
| 4112 | "default": "\"Button\"",
|
| 4113 | "privacy": "public",
|
| 4114 | "_ui5since": "1.23",
|
| 4115 | "_ui5validator": "ButtonAccessibleRole"
|
| 4116 | }
|
| 4117 | ],
|
| 4118 | "events": [
|
| 4119 | {
|
| 4120 | "name": "click",
|
| 4121 | "_ui5privacy": "public",
|
| 4122 | "type": {
|
| 4123 | "text": "Event"
|
| 4124 | },
|
| 4125 | "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
|
| 4126 | }
|
| 4127 | ],
|
| 4128 | "superclass": {
|
| 4129 | "name": "UI5Element",
|
| 4130 | "package": "@ui5/webcomponents-base",
|
| 4131 | "module": "dist/UI5Element.js"
|
| 4132 | },
|
| 4133 | "tagName": "ui5-button",
|
| 4134 | "customElement": true,
|
| 4135 | "_ui5privacy": "public",
|
| 4136 | "_ui5implements": [
|
| 4137 | {
|
| 4138 | "name": "IButton",
|
| 4139 | "package": "@ui5/webcomponents",
|
| 4140 | "module": "dist/Button.js"
|
| 4141 | }
|
| 4142 | ]
|
| 4143 | }
|
| 4144 | ],
|
| 4145 | "exports": [
|
| 4146 | {
|
| 4147 | "kind": "js",
|
| 4148 | "name": "default",
|
| 4149 | "declaration": {
|
| 4150 | "name": "Button",
|
| 4151 | "module": "dist/Button.js"
|
| 4152 | }
|
| 4153 | },
|
| 4154 | {
|
| 4155 | "kind": "custom-element-definition",
|
| 4156 | "name": "ui5-button",
|
| 4157 | "declaration": {
|
| 4158 | "name": "Button",
|
| 4159 | "module": "dist/Button.js"
|
| 4160 | }
|
| 4161 | }
|
| 4162 | ]
|
| 4163 | },
|
| 4164 | {
|
| 4165 | "kind": "javascript-module",
|
| 4166 | "path": "dist/Calendar.js",
|
| 4167 | "declarations": [
|
| 4168 | {
|
| 4169 | "kind": "class",
|
| 4170 | "description": "### Overview\n\nThe `ui5-calendar` component allows users to select one or more dates.\n\nCurrently selected dates are represented with instances of `ui5-date` as\nchildren of the `ui5-calendar`. The value property of each `ui5-date` must be a\ndate string, correctly formatted according to the `ui5-calendar`'s `formatPattern` property.\nWhenever the user changes the date selection, `ui5-calendar` will automatically create/remove instances\nof `ui5-date` in itself, unless you prevent this behavior by calling `preventDefault()` for the\n`selected-dates-change` event. This is useful if you want to control the selected dates externally.\n\n### Usage\n\nThe user can navigate to a particular date by:\n\n- Pressing over a month inside the months view\n- Pressing over an year inside the years view\n\nThe user can confirm a date selection by pressing over a date inside the days view.\n\n### Keyboard Handling\nThe `ui5-calendar` provides advanced keyboard handling.\nWhen a picker is showed and focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- Day picker:\n\n- [F4] - Shows month picker\n- [SHIFT] + [F4] - Shows year picker\n- [PAGEUP] - Navigate to the previous month\n- [PAGEDOWN] - Navigate to the next month\n- [SHIFT] + [PAGEUP] - Navigate to the previous year\n- [SHIFT] + [PAGEDOWN] - Navigate to the next year\n- [CTRL] + [SHIFT] + [PAGEUP] - Navigate ten years backwards\n- [CTRL] + [SHIFT] + [PAGEDOWN] - Navigate ten years forwards\n- [HOME] - Navigate to the first day of the week\n- [END] - Navigate to the last day of the week\n- [CTRL] + [HOME] - Navigate to the first day of the month\n- [CTRL] + [END] - Navigate to the last day of the month\n\n- Month picker:\n\n- [PAGEUP] - Navigate to the previous year\n- [PAGEDOWN] - Navigate to the next year\n- [HOME] - Navigate to the first month of the current row\n- [END] - Navigate to the last month of the current row\n- [CTRL] + [HOME] - Navigate to the first month of the current year\n- [CTRL] + [END] - Navigate to the last month of the year\n\n- Year picker:\n\n- [PAGEUP] - Navigate to the previous year range\n- [PAGEDOWN] - Navigate the next year range\n- [HOME] - Navigate to the first year of the current row\n- [END] - Navigate to the last year of the current row\n- [CTRL] + [HOME] - Navigate to the first year of the current year range\n- [CTRL] + [END] - Navigate to the last year of the current year range\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n</script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Calendar.js\";`",
|
| 4171 | "name": "Calendar",
|
| 4172 | "slots": [
|
| 4173 | {
|
| 4174 | "name": "calendarLegend",
|
| 4175 | "description": "Defines the calendar legend of the component.",
|
| 4176 | "_ui5since": "1.23.0",
|
| 4177 | "_ui5type": {
|
| 4178 | "text": "Array<CalendarLegend>",
|
| 4179 | "references": [
|
| 4180 | {
|
| 4181 | "name": "CalendarLegend",
|
| 4182 | "package": "@ui5/webcomponents",
|
| 4183 | "module": "dist/CalendarLegend.js"
|
| 4184 | }
|
| 4185 | ]
|
| 4186 | },
|
| 4187 | "_ui5privacy": "public"
|
| 4188 | },
|
| 4189 | {
|
| 4190 | "name": "default",
|
| 4191 | "description": "Defines the selected date or dates (depending on the `selectionMode` property)\nfor this calendar as instances of `ui5-date`.",
|
| 4192 | "_ui5propertyName": "dates",
|
| 4193 | "_ui5type": {
|
| 4194 | "text": "Array<CalendarDate>",
|
| 4195 | "references": [
|
| 4196 | {
|
| 4197 | "name": "CalendarDate",
|
| 4198 | "package": "@ui5/webcomponents",
|
| 4199 | "module": "dist/CalendarDate.js"
|
| 4200 | }
|
| 4201 | ]
|
| 4202 | },
|
| 4203 | "_ui5privacy": "public"
|
| 4204 | },
|
| 4205 | {
|
| 4206 | "name": "specialDates",
|
| 4207 | "description": "Defines the special dates, visually emphasized in the calendar.",
|
| 4208 | "_ui5since": "1.23.0",
|
| 4209 | "_ui5type": {
|
| 4210 | "text": "Array<SpecialCalendarDate>",
|
| 4211 | "references": [
|
| 4212 | {
|
| 4213 | "name": "SpecialCalendarDate",
|
| 4214 | "package": "@ui5/webcomponents",
|
| 4215 | "module": "dist/SpecialCalendarDate.js"
|
| 4216 | }
|
| 4217 | ]
|
| 4218 | },
|
| 4219 | "_ui5privacy": "public"
|
| 4220 | }
|
| 4221 | ],
|
| 4222 | "members": [
|
| 4223 | {
|
| 4224 | "kind": "field",
|
| 4225 | "name": "selectionMode",
|
| 4226 | "type": {
|
| 4227 | "text": "CalendarSelectionMode",
|
| 4228 | "references": [
|
| 4229 | {
|
| 4230 | "name": "CalendarSelectionMode",
|
| 4231 | "package": "@ui5/webcomponents",
|
| 4232 | "module": "dist/types/CalendarSelectionMode.js"
|
| 4233 | }
|
| 4234 | ]
|
| 4235 | },
|
| 4236 | "description": "Defines the type of selection used in the calendar component.\nAccepted property values are:\n\n- `CalendarSelectionMode.Single` - enables a single date selection.(default value)\n- `CalendarSelectionMode.Range` - enables selection of a date range.\n- `CalendarSelectionMode.Multiple` - enables selection of multiple dates.",
|
| 4237 | "default": "\"Single\"",
|
| 4238 | "privacy": "public",
|
| 4239 | "_ui5validator": "CalendarSelectionMode"
|
| 4240 | },
|
| 4241 | {
|
| 4242 | "kind": "field",
|
| 4243 | "name": "hideWeekNumbers",
|
| 4244 | "type": {
|
| 4245 | "text": "boolean"
|
| 4246 | },
|
| 4247 | "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
|
| 4248 | "default": "false",
|
| 4249 | "privacy": "public",
|
| 4250 | "_ui5validator": "Boolean"
|
| 4251 | },
|
| 4252 | {
|
| 4253 | "kind": "field",
|
| 4254 | "name": "primaryCalendarType",
|
| 4255 | "type": {
|
| 4256 | "text": "CalendarType | undefined",
|
| 4257 | "references": [
|
| 4258 | {
|
| 4259 | "name": "CalendarType",
|
| 4260 | "package": "@ui5/webcomponents-base",
|
| 4261 | "module": "dist/types/CalendarType.js"
|
| 4262 | }
|
| 4263 | ]
|
| 4264 | },
|
| 4265 | "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
|
| 4266 | "default": "undefined",
|
| 4267 | "privacy": "public",
|
| 4268 | "_ui5validator": "CalendarType",
|
| 4269 | "inheritedFrom": {
|
| 4270 | "name": "DateComponentBase",
|
| 4271 | "module": "dist/DateComponentBase.js"
|
| 4272 | }
|
| 4273 | },
|
| 4274 | {
|
| 4275 | "kind": "field",
|
| 4276 | "name": "secondaryCalendarType",
|
| 4277 | "type": {
|
| 4278 | "text": "CalendarType | undefined",
|
| 4279 | "references": [
|
| 4280 | {
|
| 4281 | "name": "CalendarType",
|
| 4282 | "package": "@ui5/webcomponents-base",
|
| 4283 | "module": "dist/types/CalendarType.js"
|
| 4284 | }
|
| 4285 | ]
|
| 4286 | },
|
| 4287 | "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
|
| 4288 | "default": "undefined",
|
| 4289 | "privacy": "public",
|
| 4290 | "_ui5since": "1.0.0-rc.16",
|
| 4291 | "_ui5validator": "CalendarType",
|
| 4292 | "inheritedFrom": {
|
| 4293 | "name": "DateComponentBase",
|
| 4294 | "module": "dist/DateComponentBase.js"
|
| 4295 | }
|
| 4296 | },
|
| 4297 | {
|
| 4298 | "kind": "field",
|
| 4299 | "name": "formatPattern",
|
| 4300 | "type": {
|
| 4301 | "text": "string"
|
| 4302 | },
|
| 4303 | "description": "Determines the format, displayed in the input field.",
|
| 4304 | "default": "\"\"",
|
| 4305 | "privacy": "public",
|
| 4306 | "_ui5validator": "String",
|
| 4307 | "inheritedFrom": {
|
| 4308 | "name": "DateComponentBase",
|
| 4309 | "module": "dist/DateComponentBase.js"
|
| 4310 | }
|
| 4311 | },
|
| 4312 | {
|
| 4313 | "kind": "field",
|
| 4314 | "name": "minDate",
|
| 4315 | "type": {
|
| 4316 | "text": "string"
|
| 4317 | },
|
| 4318 | "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 4319 | "default": "\"\"",
|
| 4320 | "privacy": "public",
|
| 4321 | "_ui5since": "1.0.0-rc.6",
|
| 4322 | "_ui5validator": "String",
|
| 4323 | "inheritedFrom": {
|
| 4324 | "name": "DateComponentBase",
|
| 4325 | "module": "dist/DateComponentBase.js"
|
| 4326 | }
|
| 4327 | },
|
| 4328 | {
|
| 4329 | "kind": "field",
|
| 4330 | "name": "maxDate",
|
| 4331 | "type": {
|
| 4332 | "text": "string"
|
| 4333 | },
|
| 4334 | "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 4335 | "default": "\"\"",
|
| 4336 | "privacy": "public",
|
| 4337 | "_ui5since": "1.0.0-rc.6",
|
| 4338 | "_ui5validator": "String",
|
| 4339 | "inheritedFrom": {
|
| 4340 | "name": "DateComponentBase",
|
| 4341 | "module": "dist/DateComponentBase.js"
|
| 4342 | }
|
| 4343 | }
|
| 4344 | ],
|
| 4345 | "events": [
|
| 4346 | {
|
| 4347 | "name": "selected-dates-change",
|
| 4348 | "_ui5privacy": "public",
|
| 4349 | "type": {
|
| 4350 | "text": "CustomEvent<CalendarSelectedDatesChangeEventDetail>",
|
| 4351 | "references": [
|
| 4352 | {
|
| 4353 | "name": "CalendarSelectedDatesChangeEventDetail",
|
| 4354 | "package": "@ui5/webcomponents",
|
| 4355 | "module": "dist/Calendar.js"
|
| 4356 | }
|
| 4357 | ]
|
| 4358 | },
|
| 4359 | "description": "Fired when the selected dates change.\n\n**Note:** If you call `preventDefault()` for this event, the component will not\ncreate instances of `ui5-date` for the newly selected dates. In that case you should do this manually.",
|
| 4360 | "_ui5allowPreventDefault": true,
|
| 4361 | "_ui5parameters": [
|
| 4362 | {
|
| 4363 | "type": {
|
| 4364 | "text": "Array<string>"
|
| 4365 | },
|
| 4366 | "name": "values",
|
| 4367 | "_ui5privacy": "public",
|
| 4368 | "description": "The selected dates"
|
| 4369 | },
|
| 4370 | {
|
| 4371 | "type": {
|
| 4372 | "text": "Array<number>"
|
| 4373 | },
|
| 4374 | "name": "dates",
|
| 4375 | "_ui5privacy": "public",
|
| 4376 | "description": "The selected dates as UTC timestamps"
|
| 4377 | }
|
| 4378 | ]
|
| 4379 | }
|
| 4380 | ],
|
| 4381 | "superclass": {
|
| 4382 | "name": "CalendarPart",
|
| 4383 | "package": "@ui5/webcomponents",
|
| 4384 | "module": "dist/CalendarPart.js"
|
| 4385 | },
|
| 4386 | "tagName": "ui5-calendar",
|
| 4387 | "customElement": true,
|
| 4388 | "_ui5since": "1.0.0-rc.11",
|
| 4389 | "_ui5privacy": "public"
|
| 4390 | }
|
| 4391 | ],
|
| 4392 | "exports": [
|
| 4393 | {
|
| 4394 | "kind": "js",
|
| 4395 | "name": "default",
|
| 4396 | "declaration": {
|
| 4397 | "name": "Calendar",
|
| 4398 | "module": "dist/Calendar.js"
|
| 4399 | }
|
| 4400 | },
|
| 4401 | {
|
| 4402 | "kind": "custom-element-definition",
|
| 4403 | "name": "ui5-calendar",
|
| 4404 | "declaration": {
|
| 4405 | "name": "Calendar",
|
| 4406 | "module": "dist/Calendar.js"
|
| 4407 | }
|
| 4408 | }
|
| 4409 | ]
|
| 4410 | },
|
| 4411 | {
|
| 4412 | "kind": "javascript-module",
|
| 4413 | "path": "dist/CalendarDate.js",
|
| 4414 | "declarations": [
|
| 4415 | {
|
| 4416 | "kind": "class",
|
| 4417 | "description": "### Overview\n\nThe `ui5-date` component defines a calendar date to be used inside `ui5-calendar`",
|
| 4418 | "name": "CalendarDate",
|
| 4419 | "members": [
|
| 4420 | {
|
| 4421 | "kind": "field",
|
| 4422 | "name": "value",
|
| 4423 | "type": {
|
| 4424 | "text": "string"
|
| 4425 | },
|
| 4426 | "description": "The date formatted according to the `formatPattern` property\nof the `ui5-calendar` that hosts the component.",
|
| 4427 | "default": "\"\"",
|
| 4428 | "privacy": "public",
|
| 4429 | "_ui5validator": "String"
|
| 4430 | }
|
| 4431 | ],
|
| 4432 | "superclass": {
|
| 4433 | "name": "UI5Element",
|
| 4434 | "package": "@ui5/webcomponents-base",
|
| 4435 | "module": "dist/UI5Element.js"
|
| 4436 | },
|
| 4437 | "tagName": "ui5-date",
|
| 4438 | "customElement": true,
|
| 4439 | "_ui5privacy": "public",
|
| 4440 | "_ui5abstract": true
|
| 4441 | }
|
| 4442 | ],
|
| 4443 | "exports": [
|
| 4444 | {
|
| 4445 | "kind": "js",
|
| 4446 | "name": "default",
|
| 4447 | "declaration": {
|
| 4448 | "name": "CalendarDate",
|
| 4449 | "module": "dist/CalendarDate.js"
|
| 4450 | }
|
| 4451 | },
|
| 4452 | {
|
| 4453 | "kind": "custom-element-definition",
|
| 4454 | "name": "ui5-date",
|
| 4455 | "declaration": {
|
| 4456 | "name": "CalendarDate",
|
| 4457 | "module": "dist/CalendarDate.js"
|
| 4458 | }
|
| 4459 | }
|
| 4460 | ]
|
| 4461 | },
|
| 4462 | {
|
| 4463 | "kind": "javascript-module",
|
| 4464 | "path": "dist/CalendarHeader.js",
|
| 4465 | "declarations": [],
|
| 4466 | "exports": [
|
| 4467 | {
|
| 4468 | "kind": "js",
|
| 4469 | "name": "default",
|
| 4470 | "declaration": {
|
| 4471 | "name": "CalendarHeader",
|
| 4472 | "module": "dist/CalendarHeader.js"
|
| 4473 | }
|
| 4474 | }
|
| 4475 | ]
|
| 4476 | },
|
| 4477 | {
|
| 4478 | "kind": "javascript-module",
|
| 4479 | "path": "dist/CalendarLegend.js",
|
| 4480 | "declarations": [
|
| 4481 | {
|
| 4482 | "kind": "class",
|
| 4483 | "description": "### Overview\n\nThe `ui5-calendar-legend` component is designed for use within the `ui5-calendar` to display a legend.\nEach `ui5-calendar-legend-item` represents a unique date type, specifying its visual style\nand a corresponding textual label.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/CalendarLegend.js\";`",
|
| 4484 | "name": "CalendarLegend",
|
| 4485 | "slots": [
|
| 4486 | {
|
| 4487 | "name": "default",
|
| 4488 | "description": "Defines the items of the component.",
|
| 4489 | "_ui5propertyName": "items",
|
| 4490 | "_ui5type": {
|
| 4491 | "text": "Array<CalendarLegendItem>",
|
| 4492 | "references": [
|
| 4493 | {
|
| 4494 | "name": "CalendarLegendItem",
|
| 4495 | "package": "@ui5/webcomponents",
|
| 4496 | "module": "dist/CalendarLegendItem.js"
|
| 4497 | }
|
| 4498 | ]
|
| 4499 | },
|
| 4500 | "_ui5privacy": "public"
|
| 4501 | }
|
| 4502 | ],
|
| 4503 | "members": [
|
| 4504 | {
|
| 4505 | "kind": "field",
|
| 4506 | "name": "hideToday",
|
| 4507 | "type": {
|
| 4508 | "text": "boolean"
|
| 4509 | },
|
| 4510 | "description": "Hides the Today item in the legend.",
|
| 4511 | "default": "false",
|
| 4512 | "privacy": "public",
|
| 4513 | "_ui5validator": "Boolean"
|
| 4514 | },
|
| 4515 | {
|
| 4516 | "kind": "field",
|
| 4517 | "name": "hideSelectedDay",
|
| 4518 | "type": {
|
| 4519 | "text": "boolean"
|
| 4520 | },
|
| 4521 | "description": "Hides the Selected day item in the legend.",
|
| 4522 | "default": "false",
|
| 4523 | "privacy": "public",
|
| 4524 | "_ui5validator": "Boolean"
|
| 4525 | },
|
| 4526 | {
|
| 4527 | "kind": "field",
|
| 4528 | "name": "hideNonWorkingDay",
|
| 4529 | "type": {
|
| 4530 | "text": "boolean"
|
| 4531 | },
|
| 4532 | "description": "Hides the Non-Working day item in the legend.",
|
| 4533 | "default": "false",
|
| 4534 | "privacy": "public",
|
| 4535 | "_ui5validator": "Boolean"
|
| 4536 | },
|
| 4537 | {
|
| 4538 | "kind": "field",
|
| 4539 | "name": "hideWorkingDay",
|
| 4540 | "type": {
|
| 4541 | "text": "boolean"
|
| 4542 | },
|
| 4543 | "description": "Hides the Working day item in the legend.",
|
| 4544 | "default": "false",
|
| 4545 | "privacy": "public",
|
| 4546 | "_ui5validator": "Boolean"
|
| 4547 | }
|
| 4548 | ],
|
| 4549 | "superclass": {
|
| 4550 | "name": "UI5Element",
|
| 4551 | "package": "@ui5/webcomponents-base",
|
| 4552 | "module": "dist/UI5Element.js"
|
| 4553 | },
|
| 4554 | "tagName": "ui5-calendar-legend",
|
| 4555 | "customElement": true,
|
| 4556 | "_ui5since": "1.23.0",
|
| 4557 | "_ui5privacy": "public"
|
| 4558 | }
|
| 4559 | ],
|
| 4560 | "exports": [
|
| 4561 | {
|
| 4562 | "kind": "js",
|
| 4563 | "name": "default",
|
| 4564 | "declaration": {
|
| 4565 | "name": "CalendarLegend",
|
| 4566 | "module": "dist/CalendarLegend.js"
|
| 4567 | }
|
| 4568 | },
|
| 4569 | {
|
| 4570 | "kind": "custom-element-definition",
|
| 4571 | "name": "ui5-calendar-legend",
|
| 4572 | "declaration": {
|
| 4573 | "name": "CalendarLegend",
|
| 4574 | "module": "dist/CalendarLegend.js"
|
| 4575 | }
|
| 4576 | }
|
| 4577 | ]
|
| 4578 | },
|
| 4579 | {
|
| 4580 | "kind": "javascript-module",
|
| 4581 | "path": "dist/CalendarLegendItem.js",
|
| 4582 | "declarations": [
|
| 4583 | {
|
| 4584 | "kind": "class",
|
| 4585 | "description": "### Overview\n\nEach `ui5-calendar-legend-item` represents a legend item, displaying a color with a label.\nThe color is determined by the `type` property and the label by the `text` property.\nIf a `ui5-special-date` is used within the `ui5-calendar` and a type is set, clicking on a `ui5-calendar-legend-item`\nwith the same type will emphasize the respective date(s) in the calendar.\n\n### Usage\nThe `ui5-calendar-legend-item` is intended to be used within the `ui5-calendar-legend` component.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/CalendarLegendItem.js\";`",
|
| 4586 | "name": "CalendarLegendItem",
|
| 4587 | "members": [
|
| 4588 | {
|
| 4589 | "kind": "field",
|
| 4590 | "name": "text",
|
| 4591 | "type": {
|
| 4592 | "text": "string"
|
| 4593 | },
|
| 4594 | "description": "Defines the text content of the Calendar Legend Item.",
|
| 4595 | "default": "\"\"",
|
| 4596 | "privacy": "public",
|
| 4597 | "_ui5validator": "String"
|
| 4598 | },
|
| 4599 | {
|
| 4600 | "kind": "field",
|
| 4601 | "name": "type",
|
| 4602 | "type": {
|
| 4603 | "text": "CalendarLegendItemType",
|
| 4604 | "references": [
|
| 4605 | {
|
| 4606 | "name": "CalendarLegendItemType",
|
| 4607 | "package": "@ui5/webcomponents",
|
| 4608 | "module": "dist/types/CalendarLegendItemType.js"
|
| 4609 | }
|
| 4610 | ]
|
| 4611 | },
|
| 4612 | "description": "Defines the type of the Calendar Legend Item.",
|
| 4613 | "default": "\"None\"",
|
| 4614 | "privacy": "public",
|
| 4615 | "_ui5validator": "CalendarLegendItemType"
|
| 4616 | }
|
| 4617 | ],
|
| 4618 | "superclass": {
|
| 4619 | "name": "UI5Element",
|
| 4620 | "package": "@ui5/webcomponents-base",
|
| 4621 | "module": "dist/UI5Element.js"
|
| 4622 | },
|
| 4623 | "tagName": "ui5-calendar-legend-item",
|
| 4624 | "customElement": true,
|
| 4625 | "_ui5since": "1.23.0",
|
| 4626 | "_ui5privacy": "public"
|
| 4627 | }
|
| 4628 | ],
|
| 4629 | "exports": [
|
| 4630 | {
|
| 4631 | "kind": "js",
|
| 4632 | "name": "default",
|
| 4633 | "declaration": {
|
| 4634 | "name": "CalendarLegendItem",
|
| 4635 | "module": "dist/CalendarLegendItem.js"
|
| 4636 | }
|
| 4637 | },
|
| 4638 | {
|
| 4639 | "kind": "custom-element-definition",
|
| 4640 | "name": "ui5-calendar-legend-item",
|
| 4641 | "declaration": {
|
| 4642 | "name": "CalendarLegendItem",
|
| 4643 | "module": "dist/CalendarLegendItem.js"
|
| 4644 | }
|
| 4645 | }
|
| 4646 | ]
|
| 4647 | },
|
| 4648 | {
|
| 4649 | "kind": "javascript-module",
|
| 4650 | "path": "dist/CalendarPart.js",
|
| 4651 | "declarations": [
|
| 4652 | {
|
| 4653 | "kind": "class",
|
| 4654 | "description": "Abstract base class for Calendar, DayPicker, MonthPicker and YearPicker that adds support for:\n - common properties (timestamp, selectedDates): declarations and methods that operate on them\n - other common code",
|
| 4655 | "name": "CalendarPart",
|
| 4656 | "superclass": {
|
| 4657 | "name": "DateComponentBase",
|
| 4658 | "package": "@ui5/webcomponents",
|
| 4659 | "module": "dist/DateComponentBase.js"
|
| 4660 | },
|
| 4661 | "customElement": true,
|
| 4662 | "_ui5privacy": "public",
|
| 4663 | "members": [
|
| 4664 | {
|
| 4665 | "kind": "field",
|
| 4666 | "name": "primaryCalendarType",
|
| 4667 | "type": {
|
| 4668 | "text": "CalendarType | undefined",
|
| 4669 | "references": [
|
| 4670 | {
|
| 4671 | "name": "CalendarType",
|
| 4672 | "package": "@ui5/webcomponents-base",
|
| 4673 | "module": "dist/types/CalendarType.js"
|
| 4674 | }
|
| 4675 | ]
|
| 4676 | },
|
| 4677 | "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
|
| 4678 | "default": "undefined",
|
| 4679 | "privacy": "public",
|
| 4680 | "_ui5validator": "CalendarType",
|
| 4681 | "inheritedFrom": {
|
| 4682 | "name": "DateComponentBase",
|
| 4683 | "module": "dist/DateComponentBase.js"
|
| 4684 | }
|
| 4685 | },
|
| 4686 | {
|
| 4687 | "kind": "field",
|
| 4688 | "name": "secondaryCalendarType",
|
| 4689 | "type": {
|
| 4690 | "text": "CalendarType | undefined",
|
| 4691 | "references": [
|
| 4692 | {
|
| 4693 | "name": "CalendarType",
|
| 4694 | "package": "@ui5/webcomponents-base",
|
| 4695 | "module": "dist/types/CalendarType.js"
|
| 4696 | }
|
| 4697 | ]
|
| 4698 | },
|
| 4699 | "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
|
| 4700 | "default": "undefined",
|
| 4701 | "privacy": "public",
|
| 4702 | "_ui5since": "1.0.0-rc.16",
|
| 4703 | "_ui5validator": "CalendarType",
|
| 4704 | "inheritedFrom": {
|
| 4705 | "name": "DateComponentBase",
|
| 4706 | "module": "dist/DateComponentBase.js"
|
| 4707 | }
|
| 4708 | },
|
| 4709 | {
|
| 4710 | "kind": "field",
|
| 4711 | "name": "formatPattern",
|
| 4712 | "type": {
|
| 4713 | "text": "string"
|
| 4714 | },
|
| 4715 | "description": "Determines the format, displayed in the input field.",
|
| 4716 | "default": "\"\"",
|
| 4717 | "privacy": "public",
|
| 4718 | "_ui5validator": "String",
|
| 4719 | "inheritedFrom": {
|
| 4720 | "name": "DateComponentBase",
|
| 4721 | "module": "dist/DateComponentBase.js"
|
| 4722 | }
|
| 4723 | },
|
| 4724 | {
|
| 4725 | "kind": "field",
|
| 4726 | "name": "minDate",
|
| 4727 | "type": {
|
| 4728 | "text": "string"
|
| 4729 | },
|
| 4730 | "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 4731 | "default": "\"\"",
|
| 4732 | "privacy": "public",
|
| 4733 | "_ui5since": "1.0.0-rc.6",
|
| 4734 | "_ui5validator": "String",
|
| 4735 | "inheritedFrom": {
|
| 4736 | "name": "DateComponentBase",
|
| 4737 | "module": "dist/DateComponentBase.js"
|
| 4738 | }
|
| 4739 | },
|
| 4740 | {
|
| 4741 | "kind": "field",
|
| 4742 | "name": "maxDate",
|
| 4743 | "type": {
|
| 4744 | "text": "string"
|
| 4745 | },
|
| 4746 | "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 4747 | "default": "\"\"",
|
| 4748 | "privacy": "public",
|
| 4749 | "_ui5since": "1.0.0-rc.6",
|
| 4750 | "_ui5validator": "String",
|
| 4751 | "inheritedFrom": {
|
| 4752 | "name": "DateComponentBase",
|
| 4753 | "module": "dist/DateComponentBase.js"
|
| 4754 | }
|
| 4755 | }
|
| 4756 | ]
|
| 4757 | }
|
| 4758 | ],
|
| 4759 | "exports": [
|
| 4760 | {
|
| 4761 | "kind": "js",
|
| 4762 | "name": "default",
|
| 4763 | "declaration": {
|
| 4764 | "name": "CalendarPart",
|
| 4765 | "module": "dist/CalendarPart.js"
|
| 4766 | }
|
| 4767 | }
|
| 4768 | ]
|
| 4769 | },
|
| 4770 | {
|
| 4771 | "kind": "javascript-module",
|
| 4772 | "path": "dist/Card.js",
|
| 4773 | "declarations": [
|
| 4774 | {
|
| 4775 | "kind": "interface",
|
| 4776 | "name": "ICardHeader",
|
| 4777 | "description": "Interface for components that may be slotted inside `ui5-card` as header",
|
| 4778 | "_ui5privacy": "public"
|
| 4779 | },
|
| 4780 | {
|
| 4781 | "kind": "class",
|
| 4782 | "description": "### Overview\n\nThe `ui5-card` is a component that represents information in the form of a\ntile with separate header and content areas.\nThe content area of a `ui5-card` can be arbitrary HTML content.\nThe header can be used through slot `header`. For which there is a `ui5-card-header` component to achieve the card look and feel.\n\nNote: We recommend the usage of `ui5-card-header` for the header slot, so advantage can be taken for keyboard handling, styling and accessibility.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Card\";`\n\n`import \"@ui5/webcomponents/dist/CardHeader.js\";` (for `ui5-card-header`)",
|
| 4783 | "name": "Card",
|
| 4784 | "cssParts": [
|
| 4785 | {
|
| 4786 | "description": "Used to style the root DOM element of the card component",
|
| 4787 | "name": "root"
|
| 4788 | },
|
| 4789 | {
|
| 4790 | "description": "Used to style the content of the card",
|
| 4791 | "name": "content"
|
| 4792 | }
|
| 4793 | ],
|
| 4794 | "slots": [
|
| 4795 | {
|
| 4796 | "name": "default",
|
| 4797 | "description": "Defines the content of the component.",
|
| 4798 | "_ui5propertyName": "content",
|
| 4799 | "_ui5type": {
|
| 4800 | "text": "Array<HTMLElement>"
|
| 4801 | },
|
| 4802 | "_ui5privacy": "public"
|
| 4803 | },
|
| 4804 | {
|
| 4805 | "name": "header",
|
| 4806 | "description": "Defines the header of the component.\n\n**Note:** Use `ui5-card-header` for the intended design.",
|
| 4807 | "_ui5since": "1.0.0-rc.15",
|
| 4808 | "_ui5type": {
|
| 4809 | "text": "Array<ICardHeader>",
|
| 4810 | "references": [
|
| 4811 | {
|
| 4812 | "name": "ICardHeader",
|
| 4813 | "package": "@ui5/webcomponents",
|
| 4814 | "module": "dist/Card.js"
|
| 4815 | }
|
| 4816 | ]
|
| 4817 | },
|
| 4818 | "_ui5privacy": "public"
|
| 4819 | }
|
| 4820 | ],
|
| 4821 | "members": [
|
| 4822 | {
|
| 4823 | "kind": "field",
|
| 4824 | "name": "accessibleName",
|
| 4825 | "type": {
|
| 4826 | "text": "string"
|
| 4827 | },
|
| 4828 | "description": "Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.\n\n**Note:** `accessibleName` should be always set, unless `accessibleNameRef` is set.",
|
| 4829 | "default": "\"\"",
|
| 4830 | "privacy": "public",
|
| 4831 | "_ui5since": "1.0.0-rc.16",
|
| 4832 | "_ui5validator": "String"
|
| 4833 | },
|
| 4834 | {
|
| 4835 | "kind": "field",
|
| 4836 | "name": "accessibleNameRef",
|
| 4837 | "type": {
|
| 4838 | "text": "string"
|
| 4839 | },
|
| 4840 | "description": "Defines the IDs of the elements that label the component.",
|
| 4841 | "default": "\"\"",
|
| 4842 | "privacy": "public",
|
| 4843 | "_ui5since": "1.0.0-rc.16",
|
| 4844 | "_ui5validator": "String"
|
| 4845 | }
|
| 4846 | ],
|
| 4847 | "superclass": {
|
| 4848 | "name": "UI5Element",
|
| 4849 | "package": "@ui5/webcomponents-base",
|
| 4850 | "module": "dist/UI5Element.js"
|
| 4851 | },
|
| 4852 | "tagName": "ui5-card",
|
| 4853 | "customElement": true,
|
| 4854 | "_ui5privacy": "public"
|
| 4855 | }
|
| 4856 | ],
|
| 4857 | "exports": [
|
| 4858 | {
|
| 4859 | "kind": "js",
|
| 4860 | "name": "default",
|
| 4861 | "declaration": {
|
| 4862 | "name": "Card",
|
| 4863 | "module": "dist/Card.js"
|
| 4864 | }
|
| 4865 | },
|
| 4866 | {
|
| 4867 | "kind": "custom-element-definition",
|
| 4868 | "name": "ui5-card",
|
| 4869 | "declaration": {
|
| 4870 | "name": "Card",
|
| 4871 | "module": "dist/Card.js"
|
| 4872 | }
|
| 4873 | }
|
| 4874 | ]
|
| 4875 | },
|
| 4876 | {
|
| 4877 | "kind": "javascript-module",
|
| 4878 | "path": "dist/CardHeader.js",
|
| 4879 | "declarations": [
|
| 4880 | {
|
| 4881 | "kind": "class",
|
| 4882 | "description": "### Overview\n\nThe `ui5-card-header` is a component, meant to be used as a header of the `ui5-card` component.\nIt displays valuable information, that can be defined with several properties, such as: `titleText`, `subtitleText`, `status`\nand two slots: `avatar` and `action`.\n\n### Keyboard handling\nIn case you enable `interactive` property, you can press the `ui5-card-header` by Space and Enter keys.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/CardHeader\";`",
|
| 4883 | "name": "CardHeader",
|
| 4884 | "cssParts": [
|
| 4885 | {
|
| 4886 | "description": "Used to style the root DOM element of the CardHeader",
|
| 4887 | "name": "root"
|
| 4888 | },
|
| 4889 | {
|
| 4890 | "description": "Used to style the title of the CardHeader",
|
| 4891 | "name": "title"
|
| 4892 | },
|
| 4893 | {
|
| 4894 | "description": "Used to style the subtitle of the CardHeader",
|
| 4895 | "name": "subtitle"
|
| 4896 | },
|
| 4897 | {
|
| 4898 | "description": "Used to style the status of the CardHeader",
|
| 4899 | "name": "status"
|
| 4900 | }
|
| 4901 | ],
|
| 4902 | "slots": [
|
| 4903 | {
|
| 4904 | "name": "avatar",
|
| 4905 | "description": "Defines an avatar image, displayed in the left most part of the header.",
|
| 4906 | "_ui5type": {
|
| 4907 | "text": "Array<HTMLElement>"
|
| 4908 | },
|
| 4909 | "_ui5privacy": "public"
|
| 4910 | },
|
| 4911 | {
|
| 4912 | "name": "action",
|
| 4913 | "description": "Defines an action, displayed in the right most part of the header.",
|
| 4914 | "_ui5type": {
|
| 4915 | "text": "Array<HTMLElement>"
|
| 4916 | },
|
| 4917 | "_ui5privacy": "public"
|
| 4918 | }
|
| 4919 | ],
|
| 4920 | "members": [
|
| 4921 | {
|
| 4922 | "kind": "field",
|
| 4923 | "name": "titleText",
|
| 4924 | "type": {
|
| 4925 | "text": "string"
|
| 4926 | },
|
| 4927 | "description": "Defines the title text.",
|
| 4928 | "default": "\"\"",
|
| 4929 | "privacy": "public",
|
| 4930 | "_ui5validator": "String"
|
| 4931 | },
|
| 4932 | {
|
| 4933 | "kind": "field",
|
| 4934 | "name": "subtitleText",
|
| 4935 | "type": {
|
| 4936 | "text": "string"
|
| 4937 | },
|
| 4938 | "description": "Defines the subtitle text.",
|
| 4939 | "default": "\"\"",
|
| 4940 | "privacy": "public",
|
| 4941 | "_ui5validator": "String"
|
| 4942 | },
|
| 4943 | {
|
| 4944 | "kind": "field",
|
| 4945 | "name": "status",
|
| 4946 | "type": {
|
| 4947 | "text": "string"
|
| 4948 | },
|
| 4949 | "description": "Defines the status text.",
|
| 4950 | "default": "\"\"",
|
| 4951 | "privacy": "public",
|
| 4952 | "_ui5validator": "String"
|
| 4953 | },
|
| 4954 | {
|
| 4955 | "kind": "field",
|
| 4956 | "name": "interactive",
|
| 4957 | "type": {
|
| 4958 | "text": "boolean"
|
| 4959 | },
|
| 4960 | "description": "Defines if the component would be interactive,\ne.g gets hover effect, gets focus outline and `click` event is fired, when pressed.",
|
| 4961 | "default": "false",
|
| 4962 | "privacy": "public",
|
| 4963 | "_ui5validator": "Boolean"
|
| 4964 | }
|
| 4965 | ],
|
| 4966 | "events": [
|
| 4967 | {
|
| 4968 | "name": "click",
|
| 4969 | "_ui5privacy": "public",
|
| 4970 | "type": {
|
| 4971 | "text": "CustomEvent"
|
| 4972 | },
|
| 4973 | "description": "Fired when the component is activated by mouse/tap or by using the Enter or Space key.\n\n**Note:** The event would be fired only if the `interactive` property is set to true."
|
| 4974 | }
|
| 4975 | ],
|
| 4976 | "superclass": {
|
| 4977 | "name": "UI5Element",
|
| 4978 | "package": "@ui5/webcomponents-base",
|
| 4979 | "module": "dist/UI5Element.js"
|
| 4980 | },
|
| 4981 | "tagName": "ui5-card-header",
|
| 4982 | "customElement": true,
|
| 4983 | "_ui5since": "1.0.0-rc.15",
|
| 4984 | "_ui5privacy": "public",
|
| 4985 | "_ui5implements": [
|
| 4986 | {
|
| 4987 | "name": "ICardHeader",
|
| 4988 | "package": "@ui5/webcomponents",
|
| 4989 | "module": "dist/Card.js"
|
| 4990 | }
|
| 4991 | ]
|
| 4992 | }
|
| 4993 | ],
|
| 4994 | "exports": [
|
| 4995 | {
|
| 4996 | "kind": "js",
|
| 4997 | "name": "default",
|
| 4998 | "declaration": {
|
| 4999 | "name": "CardHeader",
|
| 5000 | "module": "dist/CardHeader.js"
|
| 5001 | }
|
| 5002 | },
|
| 5003 | {
|
| 5004 | "kind": "custom-element-definition",
|
| 5005 | "name": "ui5-card-header",
|
| 5006 | "declaration": {
|
| 5007 | "name": "CardHeader",
|
| 5008 | "module": "dist/CardHeader.js"
|
| 5009 | }
|
| 5010 | }
|
| 5011 | ]
|
| 5012 | },
|
| 5013 | {
|
| 5014 | "kind": "javascript-module",
|
| 5015 | "path": "dist/Carousel.js",
|
| 5016 | "declarations": [
|
| 5017 | {
|
| 5018 | "kind": "class",
|
| 5019 | "description": "### Overview\nThe Carousel allows the user to browse through a set of items.\nThe component is mostly used for showing a gallery of images, but can hold any other HTML element.\n\nThere are several ways to perform navigation:\n\n- on desktop - the user can navigate using the navigation arrows or with keyboard shorcuts.\n- on mobile - the user can use swipe gestures.\n\n### Usage\n\n#### When to use:\n\n- The items you want to display are very different from each other.\n- You want to display the items one after the other.\n\n#### When not to use:\n\n- The items you want to display need to be visible at the same time.\n- The items you want to display are uniform and very similar.\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-carousel` is focused the user can navigate between the items\nwith the following keyboard shortcuts:\n\n- [UP/DOWN] - Navigates to previous and next item\n- [LEFT/RIGHT] - Navigates to previous and next item\n\n### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Carousel.js\";`",
|
| 5020 | "name": "Carousel",
|
| 5021 | "cssParts": [
|
| 5022 | {
|
| 5023 | "description": "Used to style the content of the component",
|
| 5024 | "name": "content"
|
| 5025 | }
|
| 5026 | ],
|
| 5027 | "slots": [
|
| 5028 | {
|
| 5029 | "name": "default",
|
| 5030 | "description": "Defines the content of the component.",
|
| 5031 | "_ui5propertyName": "content",
|
| 5032 | "_ui5type": {
|
| 5033 | "text": "Array<HTMLElement>"
|
| 5034 | },
|
| 5035 | "_ui5privacy": "public"
|
| 5036 | }
|
| 5037 | ],
|
| 5038 | "members": [
|
| 5039 | {
|
| 5040 | "kind": "field",
|
| 5041 | "name": "cyclic",
|
| 5042 | "type": {
|
| 5043 | "text": "boolean"
|
| 5044 | },
|
| 5045 | "description": "Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.",
|
| 5046 | "default": "false",
|
| 5047 | "privacy": "public",
|
| 5048 | "_ui5validator": "Boolean"
|
| 5049 | },
|
| 5050 | {
|
| 5051 | "kind": "field",
|
| 5052 | "name": "itemsPerPageS",
|
| 5053 | "type": {
|
| 5054 | "text": "number"
|
| 5055 | },
|
| 5056 | "description": "Defines the number of items per page on small size (up to 640px). One item per page shown by default.",
|
| 5057 | "default": "1",
|
| 5058 | "privacy": "public",
|
| 5059 | "_ui5validator": "Integer"
|
| 5060 | },
|
| 5061 | {
|
| 5062 | "kind": "field",
|
| 5063 | "name": "itemsPerPageM",
|
| 5064 | "type": {
|
| 5065 | "text": "number"
|
| 5066 | },
|
| 5067 | "description": "Defines the number of items per page on medium size (from 640px to 1024px). One item per page shown by default.",
|
| 5068 | "default": "1",
|
| 5069 | "privacy": "public",
|
| 5070 | "_ui5validator": "Integer"
|
| 5071 | },
|
| 5072 | {
|
| 5073 | "kind": "field",
|
| 5074 | "name": "itemsPerPageL",
|
| 5075 | "type": {
|
| 5076 | "text": "number"
|
| 5077 | },
|
| 5078 | "description": "Defines the number of items per page on large size (more than 1024px). One item per page shown by default.",
|
| 5079 | "default": "1",
|
| 5080 | "privacy": "public",
|
| 5081 | "_ui5validator": "Integer"
|
| 5082 | },
|
| 5083 | {
|
| 5084 | "kind": "field",
|
| 5085 | "name": "hideNavigationArrows",
|
| 5086 | "type": {
|
| 5087 | "text": "boolean"
|
| 5088 | },
|
| 5089 | "description": "Defines the visibility of the navigation arrows.\nIf set to true the navigation arrows will be hidden.\n\n**Note:** The navigation arrows are never displayed on touch devices.\nIn this case, the user can swipe to navigate through the items.",
|
| 5090 | "default": "false",
|
| 5091 | "privacy": "public",
|
| 5092 | "_ui5since": "1.0.0-rc.15",
|
| 5093 | "_ui5validator": "Boolean"
|
| 5094 | },
|
| 5095 | {
|
| 5096 | "kind": "field",
|
| 5097 | "name": "hidePageIndicator",
|
| 5098 | "type": {
|
| 5099 | "text": "boolean"
|
| 5100 | },
|
| 5101 | "description": "Defines the visibility of the page indicator.\nIf set to true the page indicator will be hidden.",
|
| 5102 | "default": "false",
|
| 5103 | "privacy": "public",
|
| 5104 | "_ui5since": "1.0.0-rc.15",
|
| 5105 | "_ui5validator": "Boolean"
|
| 5106 | },
|
| 5107 | {
|
| 5108 | "kind": "field",
|
| 5109 | "name": "pageIndicatorStyle",
|
| 5110 | "type": {
|
| 5111 | "text": "CarouselPageIndicatorStyle",
|
| 5112 | "references": [
|
| 5113 | {
|
| 5114 | "name": "CarouselPageIndicatorStyle",
|
| 5115 | "package": "@ui5/webcomponents",
|
| 5116 | "module": "dist/types/CarouselPageIndicatorStyle.js"
|
| 5117 | }
|
| 5118 | ]
|
| 5119 | },
|
| 5120 | "description": "Defines the style of the page indicator.\nAvailable options are:\n\n- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)",
|
| 5121 | "default": "\"Default\"",
|
| 5122 | "privacy": "public",
|
| 5123 | "_ui5since": "1.10",
|
| 5124 | "_ui5validator": "CarouselPageIndicatorStyle"
|
| 5125 | },
|
| 5126 | {
|
| 5127 | "kind": "field",
|
| 5128 | "name": "backgroundDesign",
|
| 5129 | "type": {
|
| 5130 | "text": "BackgroundDesign",
|
| 5131 | "references": [
|
| 5132 | {
|
| 5133 | "name": "BackgroundDesign",
|
| 5134 | "package": "@ui5/webcomponents",
|
| 5135 | "module": "dist/types/BackgroundDesign.js"
|
| 5136 | }
|
| 5137 | ]
|
| 5138 | },
|
| 5139 | "description": "Defines the carousel's background design.",
|
| 5140 | "default": "\"Translucent\"",
|
| 5141 | "privacy": "public",
|
| 5142 | "_ui5since": "1.14",
|
| 5143 | "_ui5validator": "BackgroundDesign"
|
| 5144 | },
|
| 5145 | {
|
| 5146 | "kind": "field",
|
| 5147 | "name": "pageIndicatorBackgroundDesign",
|
| 5148 | "type": {
|
| 5149 | "text": "BackgroundDesign",
|
| 5150 | "references": [
|
| 5151 | {
|
| 5152 | "name": "BackgroundDesign",
|
| 5153 | "package": "@ui5/webcomponents",
|
| 5154 | "module": "dist/types/BackgroundDesign.js"
|
| 5155 | }
|
| 5156 | ]
|
| 5157 | },
|
| 5158 | "description": "Defines the page indicator background design.",
|
| 5159 | "default": "\"Solid\"",
|
| 5160 | "privacy": "public",
|
| 5161 | "_ui5since": "1.14",
|
| 5162 | "_ui5validator": "BackgroundDesign"
|
| 5163 | },
|
| 5164 | {
|
| 5165 | "kind": "field",
|
| 5166 | "name": "pageIndicatorBorderDesign",
|
| 5167 | "type": {
|
| 5168 | "text": "BorderDesign",
|
| 5169 | "references": [
|
| 5170 | {
|
| 5171 | "name": "BorderDesign",
|
| 5172 | "package": "@ui5/webcomponents",
|
| 5173 | "module": "dist/types/BorderDesign.js"
|
| 5174 | }
|
| 5175 | ]
|
| 5176 | },
|
| 5177 | "description": "Defines the page indicator border design.",
|
| 5178 | "default": "\"Solid\"",
|
| 5179 | "privacy": "public",
|
| 5180 | "_ui5since": "1.14",
|
| 5181 | "_ui5validator": "BorderDesign"
|
| 5182 | },
|
| 5183 | {
|
| 5184 | "kind": "field",
|
| 5185 | "name": "arrowsPlacement",
|
| 5186 | "type": {
|
| 5187 | "text": "CarouselArrowsPlacement",
|
| 5188 | "references": [
|
| 5189 | {
|
| 5190 | "name": "CarouselArrowsPlacement",
|
| 5191 | "package": "@ui5/webcomponents",
|
| 5192 | "module": "dist/types/CarouselArrowsPlacement.js"
|
| 5193 | }
|
| 5194 | ]
|
| 5195 | },
|
| 5196 | "description": "Defines the position of arrows.\n\nAvailable options are:\n\n- `Content` - the arrows are placed on the sides of the current page.\n- `Navigation` - the arrows are placed on the sides of the page indicator.",
|
| 5197 | "default": "\"Content\"",
|
| 5198 | "privacy": "public",
|
| 5199 | "_ui5validator": "CarouselArrowsPlacement"
|
| 5200 | },
|
| 5201 | {
|
| 5202 | "kind": "method",
|
| 5203 | "name": "navigateTo",
|
| 5204 | "return": {
|
| 5205 | "type": {
|
| 5206 | "text": "void"
|
| 5207 | }
|
| 5208 | },
|
| 5209 | "parameters": [
|
| 5210 | {
|
| 5211 | "name": "itemIndex",
|
| 5212 | "type": {
|
| 5213 | "text": "number"
|
| 5214 | },
|
| 5215 | "description": "The index of the target page",
|
| 5216 | "_ui5privacy": "public"
|
| 5217 | }
|
| 5218 | ],
|
| 5219 | "description": "Changes the currently displayed page.",
|
| 5220 | "privacy": "public",
|
| 5221 | "_ui5since": "1.0.0-rc.15"
|
| 5222 | },
|
| 5223 | {
|
| 5224 | "kind": "field",
|
| 5225 | "name": "visibleItemsIndices",
|
| 5226 | "type": {
|
| 5227 | "text": "Array<number>"
|
| 5228 | },
|
| 5229 | "description": "The indices of the currently visible items of the component.",
|
| 5230 | "privacy": "public",
|
| 5231 | "default": "[]",
|
| 5232 | "readonly": true,
|
| 5233 | "_ui5since": "1.0.0-rc.15"
|
| 5234 | }
|
| 5235 | ],
|
| 5236 | "events": [
|
| 5237 | {
|
| 5238 | "name": "navigate",
|
| 5239 | "_ui5privacy": "public",
|
| 5240 | "type": {
|
| 5241 | "text": "CustomEvent<CarouselNavigateEventDetail>",
|
| 5242 | "references": [
|
| 5243 | {
|
| 5244 | "name": "CarouselNavigateEventDetail",
|
| 5245 | "package": "@ui5/webcomponents",
|
| 5246 | "module": "dist/Carousel.js"
|
| 5247 | }
|
| 5248 | ]
|
| 5249 | },
|
| 5250 | "description": "Fired whenever the page changes due to user interaction,\nwhen the user clicks on the navigation arrows or while resizing,\nbased on the `items-per-page-l`, `items-per-page-m` and `items-per-page-s` properties.",
|
| 5251 | "_ui5since": "1.0.0-rc.7",
|
| 5252 | "_ui5parameters": [
|
| 5253 | {
|
| 5254 | "type": {
|
| 5255 | "text": "Integer",
|
| 5256 | "references": [
|
| 5257 | {
|
| 5258 | "name": "Integer",
|
| 5259 | "package": "@ui5/webcomponents-base",
|
| 5260 | "module": "dist/types/Integer.js"
|
| 5261 | }
|
| 5262 | ]
|
| 5263 | },
|
| 5264 | "name": "selectedIndex",
|
| 5265 | "_ui5privacy": "public",
|
| 5266 | "description": "the current selected index"
|
| 5267 | }
|
| 5268 | ]
|
| 5269 | }
|
| 5270 | ],
|
| 5271 | "superclass": {
|
| 5272 | "name": "UI5Element",
|
| 5273 | "package": "@ui5/webcomponents-base",
|
| 5274 | "module": "dist/UI5Element.js"
|
| 5275 | },
|
| 5276 | "tagName": "ui5-carousel",
|
| 5277 | "customElement": true,
|
| 5278 | "_ui5since": "1.0.0-rc.6",
|
| 5279 | "_ui5privacy": "public"
|
| 5280 | }
|
| 5281 | ],
|
| 5282 | "exports": [
|
| 5283 | {
|
| 5284 | "kind": "js",
|
| 5285 | "name": "default",
|
| 5286 | "declaration": {
|
| 5287 | "name": "Carousel",
|
| 5288 | "module": "dist/Carousel.js"
|
| 5289 | }
|
| 5290 | },
|
| 5291 | {
|
| 5292 | "kind": "custom-element-definition",
|
| 5293 | "name": "ui5-carousel",
|
| 5294 | "declaration": {
|
| 5295 | "name": "Carousel",
|
| 5296 | "module": "dist/Carousel.js"
|
| 5297 | }
|
| 5298 | }
|
| 5299 | ]
|
| 5300 | },
|
| 5301 | {
|
| 5302 | "kind": "javascript-module",
|
| 5303 | "path": "dist/CheckBox.js",
|
| 5304 | "declarations": [
|
| 5305 | {
|
| 5306 | "kind": "class",
|
| 5307 | "description": "### Overview\n\nAllows the user to set a binary value, such as true/false or yes/no for an item.\n\nThe `ui5-checkbox` component consists of a box and a label that describes its purpose.\nIf it's checked, an indicator is displayed inside the box.\nTo check/uncheck the `ui5-checkbox`, the user has to click or tap the square\nbox or its label.\n\nThe `ui5-checkbox` component only has 2 states - checked and unchecked.\nClicking or tapping toggles the `ui5-checkbox` between checked and unchecked state.\n\n### Usage\n\nYou can define the checkbox text with via the `text` property. If the text exceeds the available width, it is truncated by default.\nIn case you prefer text to wrap, set the `wrappingType` property to \"Normal\".\nThe touchable area for toggling the `ui5-checkbox` ends where the text ends.\n\nYou can disable the `ui5-checkbox` by setting the `disabled` property to\n`true`,\nor use the `ui5-checkbox` in read-only mode by setting the `readonly`\nproperty to `true`.\n\n### Keyboard Handling\n\nThe user can use the following keyboard shortcuts to toggle the checked state of the `ui5-checkbox`.\n\n- [SPACE, ENTER] - Toggles between different states: checked, not checked.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/CheckBox.js\";`",
|
| 5308 | "name": "CheckBox",
|
| 5309 | "cssParts": [
|
| 5310 | {
|
| 5311 | "description": "Used to style the outermost wrapper of the `ui5-checkbox`",
|
| 5312 | "name": "root"
|
| 5313 | },
|
| 5314 | {
|
| 5315 | "description": "Used to style the label of the `ui5-checkbox`",
|
| 5316 | "name": "label"
|
| 5317 | }
|
| 5318 | ],
|
| 5319 | "members": [
|
| 5320 | {
|
| 5321 | "kind": "field",
|
| 5322 | "name": "accessibleNameRef",
|
| 5323 | "type": {
|
| 5324 | "text": "string"
|
| 5325 | },
|
| 5326 | "description": "Receives id(or many ids) of the elements that label the component",
|
| 5327 | "default": "\"\"",
|
| 5328 | "privacy": "public",
|
| 5329 | "_ui5since": "1.1.0",
|
| 5330 | "_ui5validator": "String"
|
| 5331 | },
|
| 5332 | {
|
| 5333 | "kind": "field",
|
| 5334 | "name": "accessibleName",
|
| 5335 | "type": {
|
| 5336 | "text": "string"
|
| 5337 | },
|
| 5338 | "description": "Defines the accessible ARIA name of the component.",
|
| 5339 | "privacy": "public",
|
| 5340 | "default": "\"\"",
|
| 5341 | "_ui5since": "1.1.0",
|
| 5342 | "_ui5validator": "String"
|
| 5343 | },
|
| 5344 | {
|
| 5345 | "kind": "field",
|
| 5346 | "name": "disabled",
|
| 5347 | "type": {
|
| 5348 | "text": "boolean"
|
| 5349 | },
|
| 5350 | "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 5351 | "default": "false",
|
| 5352 | "privacy": "public",
|
| 5353 | "_ui5validator": "Boolean"
|
| 5354 | },
|
| 5355 | {
|
| 5356 | "kind": "field",
|
| 5357 | "name": "readonly",
|
| 5358 | "type": {
|
| 5359 | "text": "boolean"
|
| 5360 | },
|
| 5361 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 5362 | "default": "false",
|
| 5363 | "privacy": "public",
|
| 5364 | "_ui5validator": "Boolean"
|
| 5365 | },
|
| 5366 | {
|
| 5367 | "kind": "field",
|
| 5368 | "name": "displayOnly",
|
| 5369 | "type": {
|
| 5370 | "text": "boolean"
|
| 5371 | },
|
| 5372 | "description": "Determines whether the `ui5-checkbox` is in display only state.\n\nWhen set to `true`, the `ui5-checkbox` is not interactive, not editable, not focusable\nand not in the tab chain. This setting is used for forms in review mode.\n\n**Note:** When the property `disabled` is set to `true` this property has no effect.",
|
| 5373 | "privacy": "public",
|
| 5374 | "default": "false",
|
| 5375 | "_ui5since": "1.22.0",
|
| 5376 | "_ui5validator": "Boolean"
|
| 5377 | },
|
| 5378 | {
|
| 5379 | "kind": "field",
|
| 5380 | "name": "required",
|
| 5381 | "type": {
|
| 5382 | "text": "boolean"
|
| 5383 | },
|
| 5384 | "description": "Defines whether the component is required.",
|
| 5385 | "default": "false",
|
| 5386 | "privacy": "public",
|
| 5387 | "_ui5since": "1.3.0",
|
| 5388 | "_ui5validator": "Boolean"
|
| 5389 | },
|
| 5390 | {
|
| 5391 | "kind": "field",
|
| 5392 | "name": "indeterminate",
|
| 5393 | "type": {
|
| 5394 | "text": "boolean"
|
| 5395 | },
|
| 5396 | "description": "Defines whether the component is displayed as partially checked.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction and the resulting visual state depends on the values of the `indeterminate`\nand `checked` properties:\n\n- If the component is checked and indeterminate, it will be displayed as partially checked\n- If the component is checked and it is not indeterminate, it will be displayed as checked\n- If the component is not checked, it will be displayed as not checked regardless value of the indeterminate attribute",
|
| 5397 | "default": "false",
|
| 5398 | "privacy": "public",
|
| 5399 | "_ui5since": "1.0.0-rc.15",
|
| 5400 | "_ui5validator": "Boolean"
|
| 5401 | },
|
| 5402 | {
|
| 5403 | "kind": "field",
|
| 5404 | "name": "checked",
|
| 5405 | "type": {
|
| 5406 | "text": "boolean"
|
| 5407 | },
|
| 5408 | "description": "Defines if the component is checked.\n\n**Note:** The property can be changed with user interaction,\neither by cliking/tapping on the component, or by\npressing the Enter or Space key.",
|
| 5409 | "default": "false",
|
| 5410 | "privacy": "public",
|
| 5411 | "_ui5validator": "Boolean",
|
| 5412 | "_ui5formProperty": true,
|
| 5413 | "_ui5formEvents": "change"
|
| 5414 | },
|
| 5415 | {
|
| 5416 | "kind": "field",
|
| 5417 | "name": "text",
|
| 5418 | "type": {
|
| 5419 | "text": "string"
|
| 5420 | },
|
| 5421 | "description": "Defines the text of the component.",
|
| 5422 | "default": "\"\"",
|
| 5423 | "privacy": "public",
|
| 5424 | "_ui5validator": "String"
|
| 5425 | },
|
| 5426 | {
|
| 5427 | "kind": "field",
|
| 5428 | "name": "valueState",
|
| 5429 | "type": {
|
| 5430 | "text": "ValueState",
|
| 5431 | "references": [
|
| 5432 | {
|
| 5433 | "name": "ValueState",
|
| 5434 | "package": "@ui5/webcomponents-base",
|
| 5435 | "module": "dist/types/ValueState.js"
|
| 5436 | }
|
| 5437 | ]
|
| 5438 | },
|
| 5439 | "description": "Defines the value state of the component.",
|
| 5440 | "default": "\"None\"",
|
| 5441 | "privacy": "public",
|
| 5442 | "_ui5validator": "ValueState"
|
| 5443 | },
|
| 5444 | {
|
| 5445 | "kind": "field",
|
| 5446 | "name": "wrappingType",
|
| 5447 | "type": {
|
| 5448 | "text": "WrappingType",
|
| 5449 | "references": [
|
| 5450 | {
|
| 5451 | "name": "WrappingType",
|
| 5452 | "package": "@ui5/webcomponents",
|
| 5453 | "module": "dist/types/WrappingType.js"
|
| 5454 | }
|
| 5455 | ]
|
| 5456 | },
|
| 5457 | "description": "Defines whether the component text wraps when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
|
| 5458 | "default": "\"None\"",
|
| 5459 | "privacy": "public",
|
| 5460 | "_ui5validator": "WrappingType"
|
| 5461 | },
|
| 5462 | {
|
| 5463 | "kind": "field",
|
| 5464 | "name": "name",
|
| 5465 | "type": {
|
| 5466 | "text": "string"
|
| 5467 | },
|
| 5468 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 5469 | "default": "\"\"",
|
| 5470 | "privacy": "public",
|
| 5471 | "_ui5validator": "String"
|
| 5472 | }
|
| 5473 | ],
|
| 5474 | "events": [
|
| 5475 | {
|
| 5476 | "name": "change",
|
| 5477 | "_ui5privacy": "public",
|
| 5478 | "type": {
|
| 5479 | "text": "CustomEvent"
|
| 5480 | },
|
| 5481 | "description": "Fired when the component checked state changes.",
|
| 5482 | "_ui5allowPreventDefault": true
|
| 5483 | }
|
| 5484 | ],
|
| 5485 | "superclass": {
|
| 5486 | "name": "UI5Element",
|
| 5487 | "package": "@ui5/webcomponents-base",
|
| 5488 | "module": "dist/UI5Element.js"
|
| 5489 | },
|
| 5490 | "tagName": "ui5-checkbox",
|
| 5491 | "customElement": true,
|
| 5492 | "_ui5privacy": "public"
|
| 5493 | }
|
| 5494 | ],
|
| 5495 | "exports": [
|
| 5496 | {
|
| 5497 | "kind": "js",
|
| 5498 | "name": "default",
|
| 5499 | "declaration": {
|
| 5500 | "name": "CheckBox",
|
| 5501 | "module": "dist/CheckBox.js"
|
| 5502 | }
|
| 5503 | },
|
| 5504 | {
|
| 5505 | "kind": "custom-element-definition",
|
| 5506 | "name": "ui5-checkbox",
|
| 5507 | "declaration": {
|
| 5508 | "name": "CheckBox",
|
| 5509 | "module": "dist/CheckBox.js"
|
| 5510 | }
|
| 5511 | }
|
| 5512 | ]
|
| 5513 | },
|
| 5514 | {
|
| 5515 | "kind": "javascript-module",
|
| 5516 | "path": "dist/ColorPalette.js",
|
| 5517 | "declarations": [
|
| 5518 | {
|
| 5519 | "kind": "interface",
|
| 5520 | "name": "IColorPaletteItem",
|
| 5521 | "description": "Interface for components that may be used inside a `ui5-color-palette` or `ui5-color-palette-popover`",
|
| 5522 | "_ui5privacy": "public"
|
| 5523 | },
|
| 5524 | {
|
| 5525 | "kind": "class",
|
| 5526 | "description": "### Overview\nThe `ui5-color-palette` provides the users with a range of predefined colors. The colors are fixed and do not change with the theme.\n\n### Usage\n\nThe `ui5-color-palette` is meant for users that need to select a color from a predefined set.\nTo define the colors, use the `ui5-color-palette-item` component inside the default slot of the `ui5-color-palette`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ColorPalette.js\";`",
|
| 5527 | "name": "ColorPalette",
|
| 5528 | "slots": [
|
| 5529 | {
|
| 5530 | "name": "default",
|
| 5531 | "description": "Defines the `ui5-color-palette-item` elements.",
|
| 5532 | "_ui5propertyName": "colors",
|
| 5533 | "_ui5type": {
|
| 5534 | "text": "Array<IColorPaletteItem>",
|
| 5535 | "references": [
|
| 5536 | {
|
| 5537 | "name": "IColorPaletteItem",
|
| 5538 | "package": "@ui5/webcomponents",
|
| 5539 | "module": "dist/ColorPalette.js"
|
| 5540 | }
|
| 5541 | ]
|
| 5542 | },
|
| 5543 | "_ui5privacy": "public"
|
| 5544 | }
|
| 5545 | ],
|
| 5546 | "events": [
|
| 5547 | {
|
| 5548 | "name": "item-click",
|
| 5549 | "_ui5privacy": "public",
|
| 5550 | "type": {
|
| 5551 | "text": "CustomEvent<ColorPaletteItemClickEventDetail>",
|
| 5552 | "references": [
|
| 5553 | {
|
| 5554 | "name": "ColorPaletteItemClickEventDetail",
|
| 5555 | "package": "@ui5/webcomponents",
|
| 5556 | "module": "dist/ColorPalette.js"
|
| 5557 | }
|
| 5558 | ]
|
| 5559 | },
|
| 5560 | "description": "Fired when the user selects a color.",
|
| 5561 | "_ui5since": "1.0.0-rc.15",
|
| 5562 | "_ui5parameters": [
|
| 5563 | {
|
| 5564 | "type": {
|
| 5565 | "text": "string"
|
| 5566 | },
|
| 5567 | "name": "color",
|
| 5568 | "_ui5privacy": "public",
|
| 5569 | "description": "the selected color"
|
| 5570 | }
|
| 5571 | ]
|
| 5572 | }
|
| 5573 | ],
|
| 5574 | "superclass": {
|
| 5575 | "name": "UI5Element",
|
| 5576 | "package": "@ui5/webcomponents-base",
|
| 5577 | "module": "dist/UI5Element.js"
|
| 5578 | },
|
| 5579 | "tagName": "ui5-color-palette",
|
| 5580 | "customElement": true,
|
| 5581 | "_ui5since": "1.0.0-rc.12",
|
| 5582 | "_ui5privacy": "public"
|
| 5583 | }
|
| 5584 | ],
|
| 5585 | "exports": [
|
| 5586 | {
|
| 5587 | "kind": "js",
|
| 5588 | "name": "default",
|
| 5589 | "declaration": {
|
| 5590 | "name": "ColorPalette",
|
| 5591 | "module": "dist/ColorPalette.js"
|
| 5592 | }
|
| 5593 | },
|
| 5594 | {
|
| 5595 | "kind": "custom-element-definition",
|
| 5596 | "name": "ui5-color-palette",
|
| 5597 | "declaration": {
|
| 5598 | "name": "ColorPalette",
|
| 5599 | "module": "dist/ColorPalette.js"
|
| 5600 | }
|
| 5601 | }
|
| 5602 | ]
|
| 5603 | },
|
| 5604 | {
|
| 5605 | "kind": "javascript-module",
|
| 5606 | "path": "dist/ColorPaletteItem.js",
|
| 5607 | "declarations": [
|
| 5608 | {
|
| 5609 | "kind": "class",
|
| 5610 | "description": "### Overview\n\nThe `ui5-color-palette-item` component represents a color in the the `ui5-color-palette`.",
|
| 5611 | "name": "ColorPaletteItem",
|
| 5612 | "members": [
|
| 5613 | {
|
| 5614 | "kind": "field",
|
| 5615 | "name": "value",
|
| 5616 | "type": {
|
| 5617 | "text": "string | undefined"
|
| 5618 | },
|
| 5619 | "description": "Defines the colour of the component.\n\n**Note:** The value should be a valid CSS color.",
|
| 5620 | "default": "undefined",
|
| 5621 | "privacy": "public",
|
| 5622 | "_ui5validator": "CSSColor"
|
| 5623 | }
|
| 5624 | ],
|
| 5625 | "superclass": {
|
| 5626 | "name": "UI5Element",
|
| 5627 | "package": "@ui5/webcomponents-base",
|
| 5628 | "module": "dist/UI5Element.js"
|
| 5629 | },
|
| 5630 | "tagName": "ui5-color-palette-item",
|
| 5631 | "customElement": true,
|
| 5632 | "_ui5since": "1.0.0-rc.12",
|
| 5633 | "_ui5privacy": "public",
|
| 5634 | "_ui5implements": [
|
| 5635 | {
|
| 5636 | "name": "IColorPaletteItem",
|
| 5637 | "package": "@ui5/webcomponents",
|
| 5638 | "module": "dist/ColorPalette.js"
|
| 5639 | }
|
| 5640 | ]
|
| 5641 | }
|
| 5642 | ],
|
| 5643 | "exports": [
|
| 5644 | {
|
| 5645 | "kind": "js",
|
| 5646 | "name": "default",
|
| 5647 | "declaration": {
|
| 5648 | "name": "ColorPaletteItem",
|
| 5649 | "module": "dist/ColorPaletteItem.js"
|
| 5650 | }
|
| 5651 | },
|
| 5652 | {
|
| 5653 | "kind": "custom-element-definition",
|
| 5654 | "name": "ui5-color-palette-item",
|
| 5655 | "declaration": {
|
| 5656 | "name": "ColorPaletteItem",
|
| 5657 | "module": "dist/ColorPaletteItem.js"
|
| 5658 | }
|
| 5659 | }
|
| 5660 | ]
|
| 5661 | },
|
| 5662 | {
|
| 5663 | "kind": "javascript-module",
|
| 5664 | "path": "dist/ColorPalettePopover.js",
|
| 5665 | "declarations": [
|
| 5666 | {
|
| 5667 | "kind": "class",
|
| 5668 | "description": "### Overview\nRepresents a predefined range of colors for easier selection.\n\nOverview\nThe ColorPalettePopover provides the users with a slot to predefine colors.\n\nYou can customize them with the use of the colors property. You can specify a defaultColor and display a \"Default color\" button for the user to choose directly.\nYou can display a \"More colors...\" button that opens an additional color picker for the user to choose specific colors that are not present in the predefined range.\n\n### Usage\n\nThe palette is intended for users, who don't want to check and remember the different values of the colors and spend large amount of time to configure the right color through the color picker.\n\nFor the `ui5-color-palette-popover`\n### ES6 Module Import\n\n`import @ui5/webcomponents/dist/ColorPalettePopover.js\";`",
|
| 5669 | "name": "ColorPalettePopover",
|
| 5670 | "slots": [
|
| 5671 | {
|
| 5672 | "name": "default",
|
| 5673 | "description": "Defines the content of the component.",
|
| 5674 | "_ui5propertyName": "colors",
|
| 5675 | "_ui5type": {
|
| 5676 | "text": "Array<IColorPaletteItem>",
|
| 5677 | "references": [
|
| 5678 | {
|
| 5679 | "name": "IColorPaletteItem",
|
| 5680 | "package": "@ui5/webcomponents",
|
| 5681 | "module": "dist/ColorPalette.js"
|
| 5682 | }
|
| 5683 | ]
|
| 5684 | },
|
| 5685 | "_ui5privacy": "public"
|
| 5686 | }
|
| 5687 | ],
|
| 5688 | "members": [
|
| 5689 | {
|
| 5690 | "kind": "field",
|
| 5691 | "name": "showRecentColors",
|
| 5692 | "type": {
|
| 5693 | "text": "boolean"
|
| 5694 | },
|
| 5695 | "description": "Defines whether the user can see the last used colors in the bottom of the component",
|
| 5696 | "default": "false",
|
| 5697 | "privacy": "public",
|
| 5698 | "_ui5validator": "Boolean"
|
| 5699 | },
|
| 5700 | {
|
| 5701 | "kind": "field",
|
| 5702 | "name": "showMoreColors",
|
| 5703 | "type": {
|
| 5704 | "text": "boolean"
|
| 5705 | },
|
| 5706 | "description": "Defines whether the user can choose a custom color from a component.\n\n**Note:** In order to use this property you need to import the following module: `\"@ui5/webcomponents/dist/features/ColorPaletteMoreColors.js\"`",
|
| 5707 | "default": "false",
|
| 5708 | "privacy": "public",
|
| 5709 | "_ui5validator": "Boolean"
|
| 5710 | },
|
| 5711 | {
|
| 5712 | "kind": "field",
|
| 5713 | "name": "showDefaultColor",
|
| 5714 | "type": {
|
| 5715 | "text": "boolean"
|
| 5716 | },
|
| 5717 | "description": "Defines whether the user can choose the default color from a button.",
|
| 5718 | "default": "false",
|
| 5719 | "privacy": "public",
|
| 5720 | "_ui5validator": "Boolean"
|
| 5721 | },
|
| 5722 | {
|
| 5723 | "kind": "field",
|
| 5724 | "name": "defaultColor",
|
| 5725 | "type": {
|
| 5726 | "text": "string | undefined"
|
| 5727 | },
|
| 5728 | "description": "Defines the default color of the component.\n\n**Note:** The default color should be a part of the ColorPalette colors`",
|
| 5729 | "default": "undefined",
|
| 5730 | "privacy": "public",
|
| 5731 | "_ui5validator": "CSSColor"
|
| 5732 | },
|
| 5733 | {
|
| 5734 | "kind": "field",
|
| 5735 | "name": "open",
|
| 5736 | "type": {
|
| 5737 | "text": "boolean"
|
| 5738 | },
|
| 5739 | "description": "Defines the open | closed state of the popover.",
|
| 5740 | "privacy": "public",
|
| 5741 | "default": "false",
|
| 5742 | "_ui5since": "1.21.0",
|
| 5743 | "_ui5validator": "Boolean"
|
| 5744 | },
|
| 5745 | {
|
| 5746 | "kind": "field",
|
| 5747 | "name": "opener",
|
| 5748 | "type": {
|
| 5749 | "text": "HTMLElement | string | undefined"
|
| 5750 | },
|
| 5751 | "description": "Defines the ID or DOM Reference of the element that the popover is shown at.",
|
| 5752 | "privacy": "public",
|
| 5753 | "default": "undefined",
|
| 5754 | "_ui5since": "1.21.0",
|
| 5755 | "_ui5validator": "DOMReference"
|
| 5756 | },
|
| 5757 | {
|
| 5758 | "kind": "method",
|
| 5759 | "name": "showAt",
|
| 5760 | "return": {
|
| 5761 | "type": {
|
| 5762 | "text": "void"
|
| 5763 | }
|
| 5764 | },
|
| 5765 | "parameters": [
|
| 5766 | {
|
| 5767 | "name": "opener",
|
| 5768 | "type": {
|
| 5769 | "text": "HTMLElement"
|
| 5770 | },
|
| 5771 | "description": "the element that the popover is shown at",
|
| 5772 | "_ui5privacy": "public"
|
| 5773 | }
|
| 5774 | ],
|
| 5775 | "description": "Shows the ColorPalettePopover.",
|
| 5776 | "privacy": "public",
|
| 5777 | "deprecated": "The method is deprecated in favour of `open` and `opener` properties.",
|
| 5778 | "_ui5since": "1.1.1"
|
| 5779 | },
|
| 5780 | {
|
| 5781 | "kind": "method",
|
| 5782 | "name": "openPopover",
|
| 5783 | "return": {
|
| 5784 | "type": {
|
| 5785 | "text": "void"
|
| 5786 | }
|
| 5787 | },
|
| 5788 | "parameters": [
|
| 5789 | {
|
| 5790 | "name": "opener",
|
| 5791 | "type": {
|
| 5792 | "text": "HTMLElement"
|
| 5793 | },
|
| 5794 | "description": "the element that the popover is shown at",
|
| 5795 | "_ui5privacy": "public"
|
| 5796 | }
|
| 5797 | ],
|
| 5798 | "description": "Shows the ColorPalettePopover.",
|
| 5799 | "privacy": "public",
|
| 5800 | "deprecated": "The method is deprecated in favour of `open` and `opener` properties.",
|
| 5801 | "_ui5since": "1.0.0-rc.16"
|
| 5802 | }
|
| 5803 | ],
|
| 5804 | "events": [
|
| 5805 | {
|
| 5806 | "name": "item-click",
|
| 5807 | "_ui5privacy": "public",
|
| 5808 | "type": {
|
| 5809 | "text": "CustomEvent<ColorPalettePopoverItemClickEventDetail>",
|
| 5810 | "references": [
|
| 5811 | {
|
| 5812 | "name": "ColorPalettePopoverItemClickEventDetail",
|
| 5813 | "package": "@ui5/webcomponents",
|
| 5814 | "module": "dist/ColorPalettePopover.js"
|
| 5815 | }
|
| 5816 | ]
|
| 5817 | },
|
| 5818 | "description": "Fired when the user selects a color.",
|
| 5819 | "_ui5parameters": [
|
| 5820 | {
|
| 5821 | "type": {
|
| 5822 | "text": "string"
|
| 5823 | },
|
| 5824 | "name": "color",
|
| 5825 | "_ui5privacy": "public",
|
| 5826 | "description": "the selected color"
|
| 5827 | }
|
| 5828 | ]
|
| 5829 | },
|
| 5830 | {
|
| 5831 | "name": "close",
|
| 5832 | "_ui5privacy": "public",
|
| 5833 | "type": {
|
| 5834 | "text": "CustomEvent"
|
| 5835 | },
|
| 5836 | "description": "Fired when the `ui5-color-palette-popover` is closed due to user interaction.",
|
| 5837 | "_ui5since": "1.21.0"
|
| 5838 | }
|
| 5839 | ],
|
| 5840 | "superclass": {
|
| 5841 | "name": "UI5Element",
|
| 5842 | "package": "@ui5/webcomponents-base",
|
| 5843 | "module": "dist/UI5Element.js"
|
| 5844 | },
|
| 5845 | "tagName": "ui5-color-palette-popover",
|
| 5846 | "customElement": true,
|
| 5847 | "_ui5since": "1.0.0-rc.16",
|
| 5848 | "_ui5privacy": "public"
|
| 5849 | }
|
| 5850 | ],
|
| 5851 | "exports": [
|
| 5852 | {
|
| 5853 | "kind": "js",
|
| 5854 | "name": "default",
|
| 5855 | "declaration": {
|
| 5856 | "name": "ColorPalettePopover",
|
| 5857 | "module": "dist/ColorPalettePopover.js"
|
| 5858 | }
|
| 5859 | },
|
| 5860 | {
|
| 5861 | "kind": "custom-element-definition",
|
| 5862 | "name": "ui5-color-palette-popover",
|
| 5863 | "declaration": {
|
| 5864 | "name": "ColorPalettePopover",
|
| 5865 | "module": "dist/ColorPalettePopover.js"
|
| 5866 | }
|
| 5867 | }
|
| 5868 | ]
|
| 5869 | },
|
| 5870 | {
|
| 5871 | "kind": "javascript-module",
|
| 5872 | "path": "dist/ColorPicker.js",
|
| 5873 | "declarations": [
|
| 5874 | {
|
| 5875 | "kind": "class",
|
| 5876 | "description": "### Overview\nThe `ui5-color-picker` allows users to choose any color and provides different input options for selecting colors.\n\n### Usage\n\n#### When to use\nUse the color picker if:\n\n- users need to select any color freely.\n\n#### When not to use\n\n- Users need to select one color from a predefined set of colors. Use the ColorPalette component instead.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ColorPicker.js\";`",
|
| 5877 | "name": "ColorPicker",
|
| 5878 | "members": [
|
| 5879 | {
|
| 5880 | "kind": "field",
|
| 5881 | "name": "color",
|
| 5882 | "type": {
|
| 5883 | "text": "string"
|
| 5884 | },
|
| 5885 | "description": "Defines the currently selected color of the component.\n\n**Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.",
|
| 5886 | "default": "\"rgba(255, 255, 255, 1)\"",
|
| 5887 | "privacy": "public",
|
| 5888 | "_ui5validator": "CSSColor"
|
| 5889 | }
|
| 5890 | ],
|
| 5891 | "events": [
|
| 5892 | {
|
| 5893 | "name": "change",
|
| 5894 | "_ui5privacy": "public",
|
| 5895 | "type": {
|
| 5896 | "text": "CustomEvent"
|
| 5897 | },
|
| 5898 | "description": "Fired when the the selected color is changed"
|
| 5899 | }
|
| 5900 | ],
|
| 5901 | "superclass": {
|
| 5902 | "name": "UI5Element",
|
| 5903 | "package": "@ui5/webcomponents-base",
|
| 5904 | "module": "dist/UI5Element.js"
|
| 5905 | },
|
| 5906 | "tagName": "ui5-color-picker",
|
| 5907 | "customElement": true,
|
| 5908 | "_ui5since": "1.0.0-rc.12",
|
| 5909 | "_ui5privacy": "public"
|
| 5910 | }
|
| 5911 | ],
|
| 5912 | "exports": [
|
| 5913 | {
|
| 5914 | "kind": "js",
|
| 5915 | "name": "default",
|
| 5916 | "declaration": {
|
| 5917 | "name": "ColorPicker",
|
| 5918 | "module": "dist/ColorPicker.js"
|
| 5919 | }
|
| 5920 | },
|
| 5921 | {
|
| 5922 | "kind": "custom-element-definition",
|
| 5923 | "name": "ui5-color-picker",
|
| 5924 | "declaration": {
|
| 5925 | "name": "ColorPicker",
|
| 5926 | "module": "dist/ColorPicker.js"
|
| 5927 | }
|
| 5928 | }
|
| 5929 | ]
|
| 5930 | },
|
| 5931 | {
|
| 5932 | "kind": "javascript-module",
|
| 5933 | "path": "dist/ComboBox.js",
|
| 5934 | "declarations": [
|
| 5935 | {
|
| 5936 | "kind": "interface",
|
| 5937 | "name": "IComboBoxItem",
|
| 5938 | "description": "Interface for components that may be slotted inside a `ui5-combobox`",
|
| 5939 | "_ui5privacy": "public"
|
| 5940 | },
|
| 5941 | {
|
| 5942 | "kind": "class",
|
| 5943 | "description": "### Overview\n\nThe `ui5-combobox` component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n\nIt is commonly used to enable users to select an option from a predefined list.\n\n### Structure\nThe `ui5-combobox` consists of the following elements:\n\n- Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value.\n- Drop-down arrow - expands\\collapses the option list.\n- Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-combobox` provides advanced keyboard handling.\n\n- [F4], [ALT]+[UP], or [ALT]+[DOWN] - Toggles the picker.\n- [ESC] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value.\n- [ENTER] or [RETURN] - If picker is open, takes over the currently selected item and closes it.\n- [DOWN] - Selects the next matching item in the picker.\n- [UP] - Selects the previous matching item in the picker.\n- [PAGEDOWN] - Moves selection down by page size (10 items by default).\n- [PAGEUP] - Moves selection up by page size (10 items by default).\n- [HOME] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item.\n- [END] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ComboBox.js\";`",
|
| 5944 | "name": "ComboBox",
|
| 5945 | "slots": [
|
| 5946 | {
|
| 5947 | "name": "default",
|
| 5948 | "description": "Defines the component items.",
|
| 5949 | "_ui5propertyName": "items",
|
| 5950 | "_ui5type": {
|
| 5951 | "text": "Array<IComboBoxItem>",
|
| 5952 | "references": [
|
| 5953 | {
|
| 5954 | "name": "IComboBoxItem",
|
| 5955 | "package": "@ui5/webcomponents",
|
| 5956 | "module": "dist/ComboBox.js"
|
| 5957 | }
|
| 5958 | ]
|
| 5959 | },
|
| 5960 | "_ui5privacy": "public"
|
| 5961 | },
|
| 5962 | {
|
| 5963 | "name": "valueStateMessage",
|
| 5964 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-combobox` is in `Information`, `Warning` or `Error` value state.",
|
| 5965 | "_ui5since": "1.0.0-rc.9",
|
| 5966 | "_ui5type": {
|
| 5967 | "text": "Array<HTMLElement>"
|
| 5968 | },
|
| 5969 | "_ui5privacy": "public"
|
| 5970 | },
|
| 5971 | {
|
| 5972 | "name": "icon",
|
| 5973 | "description": "Defines the icon to be displayed in the input field.",
|
| 5974 | "_ui5since": "1.0.0-rc.9",
|
| 5975 | "_ui5type": {
|
| 5976 | "text": "Array<IIcon>",
|
| 5977 | "references": [
|
| 5978 | {
|
| 5979 | "name": "IIcon",
|
| 5980 | "package": "@ui5/webcomponents",
|
| 5981 | "module": "dist/Icon.js"
|
| 5982 | }
|
| 5983 | ]
|
| 5984 | },
|
| 5985 | "_ui5privacy": "public"
|
| 5986 | }
|
| 5987 | ],
|
| 5988 | "members": [
|
| 5989 | {
|
| 5990 | "kind": "field",
|
| 5991 | "name": "value",
|
| 5992 | "type": {
|
| 5993 | "text": "string"
|
| 5994 | },
|
| 5995 | "description": "Defines the value of the component.",
|
| 5996 | "default": "\"\"",
|
| 5997 | "privacy": "public",
|
| 5998 | "_ui5validator": "String",
|
| 5999 | "_ui5formProperty": true,
|
| 6000 | "_ui5formEvents": "change,input"
|
| 6001 | },
|
| 6002 | {
|
| 6003 | "kind": "field",
|
| 6004 | "name": "noTypeahead",
|
| 6005 | "type": {
|
| 6006 | "text": "boolean"
|
| 6007 | },
|
| 6008 | "description": "Defines whether the value will be autocompleted to match an item",
|
| 6009 | "default": "false",
|
| 6010 | "privacy": "public",
|
| 6011 | "_ui5since": "1.19.0",
|
| 6012 | "_ui5validator": "Boolean"
|
| 6013 | },
|
| 6014 | {
|
| 6015 | "kind": "field",
|
| 6016 | "name": "placeholder",
|
| 6017 | "type": {
|
| 6018 | "text": "string"
|
| 6019 | },
|
| 6020 | "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
|
| 6021 | "default": "\"\"",
|
| 6022 | "privacy": "public",
|
| 6023 | "_ui5validator": "String"
|
| 6024 | },
|
| 6025 | {
|
| 6026 | "kind": "field",
|
| 6027 | "name": "disabled",
|
| 6028 | "type": {
|
| 6029 | "text": "boolean"
|
| 6030 | },
|
| 6031 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 6032 | "default": "false",
|
| 6033 | "privacy": "public",
|
| 6034 | "_ui5validator": "Boolean"
|
| 6035 | },
|
| 6036 | {
|
| 6037 | "kind": "field",
|
| 6038 | "name": "valueState",
|
| 6039 | "type": {
|
| 6040 | "text": "ValueState",
|
| 6041 | "references": [
|
| 6042 | {
|
| 6043 | "name": "ValueState",
|
| 6044 | "package": "@ui5/webcomponents-base",
|
| 6045 | "module": "dist/types/ValueState.js"
|
| 6046 | }
|
| 6047 | ]
|
| 6048 | },
|
| 6049 | "description": "Defines the value state of the component.",
|
| 6050 | "default": "\"None\"",
|
| 6051 | "privacy": "public",
|
| 6052 | "_ui5validator": "ValueState"
|
| 6053 | },
|
| 6054 | {
|
| 6055 | "kind": "field",
|
| 6056 | "name": "readonly",
|
| 6057 | "type": {
|
| 6058 | "text": "boolean"
|
| 6059 | },
|
| 6060 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 6061 | "default": "false",
|
| 6062 | "privacy": "public",
|
| 6063 | "_ui5validator": "Boolean"
|
| 6064 | },
|
| 6065 | {
|
| 6066 | "kind": "field",
|
| 6067 | "name": "required",
|
| 6068 | "type": {
|
| 6069 | "text": "boolean"
|
| 6070 | },
|
| 6071 | "description": "Defines whether the component is required.",
|
| 6072 | "default": "false",
|
| 6073 | "privacy": "public",
|
| 6074 | "_ui5validator": "Boolean"
|
| 6075 | },
|
| 6076 | {
|
| 6077 | "kind": "field",
|
| 6078 | "name": "loading",
|
| 6079 | "type": {
|
| 6080 | "text": "boolean"
|
| 6081 | },
|
| 6082 | "description": "Indicates whether a loading indicator should be shown in the picker.",
|
| 6083 | "default": "false",
|
| 6084 | "privacy": "public",
|
| 6085 | "_ui5validator": "Boolean"
|
| 6086 | },
|
| 6087 | {
|
| 6088 | "kind": "field",
|
| 6089 | "name": "filter",
|
| 6090 | "type": {
|
| 6091 | "text": "ComboBoxFilter",
|
| 6092 | "references": [
|
| 6093 | {
|
| 6094 | "name": "ComboBoxFilter",
|
| 6095 | "package": "@ui5/webcomponents",
|
| 6096 | "module": "dist/types/ComboBoxFilter.js"
|
| 6097 | }
|
| 6098 | ]
|
| 6099 | },
|
| 6100 | "description": "Defines the filter type of the component.",
|
| 6101 | "default": "\"StartsWithPerTerm\"",
|
| 6102 | "privacy": "public",
|
| 6103 | "_ui5validator": "ComboBoxFilter"
|
| 6104 | },
|
| 6105 | {
|
| 6106 | "kind": "field",
|
| 6107 | "name": "showClearIcon",
|
| 6108 | "type": {
|
| 6109 | "text": "boolean"
|
| 6110 | },
|
| 6111 | "description": "Defines whether the clear icon of the combobox will be shown.",
|
| 6112 | "default": "false",
|
| 6113 | "privacy": "public",
|
| 6114 | "_ui5since": "1.20.1",
|
| 6115 | "_ui5validator": "Boolean"
|
| 6116 | },
|
| 6117 | {
|
| 6118 | "kind": "field",
|
| 6119 | "name": "accessibleName",
|
| 6120 | "type": {
|
| 6121 | "text": "string"
|
| 6122 | },
|
| 6123 | "description": "Defines the accessible ARIA name of the component.",
|
| 6124 | "default": "\"\"",
|
| 6125 | "privacy": "public",
|
| 6126 | "_ui5since": "1.0.0-rc.15",
|
| 6127 | "_ui5validator": "String"
|
| 6128 | },
|
| 6129 | {
|
| 6130 | "kind": "field",
|
| 6131 | "name": "accessibleNameRef",
|
| 6132 | "type": {
|
| 6133 | "text": "string"
|
| 6134 | },
|
| 6135 | "description": "Receives id(or many ids) of the elements that label the component",
|
| 6136 | "default": "\"\"",
|
| 6137 | "privacy": "public",
|
| 6138 | "_ui5since": "1.0.0-rc.15",
|
| 6139 | "_ui5validator": "String"
|
| 6140 | }
|
| 6141 | ],
|
| 6142 | "events": [
|
| 6143 | {
|
| 6144 | "name": "change",
|
| 6145 | "_ui5privacy": "public",
|
| 6146 | "type": {
|
| 6147 | "text": "CustomEvent"
|
| 6148 | },
|
| 6149 | "description": "Fired when the input operation has finished by pressing Enter, focusout or an item is selected."
|
| 6150 | },
|
| 6151 | {
|
| 6152 | "name": "input",
|
| 6153 | "_ui5privacy": "public",
|
| 6154 | "type": {
|
| 6155 | "text": "CustomEvent"
|
| 6156 | },
|
| 6157 | "description": "Fired when typing in input or clear icon is pressed.\n\n**Note:** filterValue property is updated, input is changed."
|
| 6158 | },
|
| 6159 | {
|
| 6160 | "name": "selection-change",
|
| 6161 | "_ui5privacy": "public",
|
| 6162 | "type": {
|
| 6163 | "text": "CustomEvent<ComboBoxSelectionChangeEventDetail>",
|
| 6164 | "references": [
|
| 6165 | {
|
| 6166 | "name": "ComboBoxSelectionChangeEventDetail",
|
| 6167 | "package": "@ui5/webcomponents",
|
| 6168 | "module": "dist/ComboBox.js"
|
| 6169 | }
|
| 6170 | ]
|
| 6171 | },
|
| 6172 | "description": "Fired when selection is changed by user interaction",
|
| 6173 | "_ui5parameters": [
|
| 6174 | {
|
| 6175 | "type": {
|
| 6176 | "text": "IComboBoxItem",
|
| 6177 | "references": [
|
| 6178 | {
|
| 6179 | "name": "IComboBoxItem",
|
| 6180 | "package": "@ui5/webcomponents",
|
| 6181 | "module": "dist/ComboBox.js"
|
| 6182 | }
|
| 6183 | ]
|
| 6184 | },
|
| 6185 | "name": "item",
|
| 6186 | "_ui5privacy": "public",
|
| 6187 | "description": "item to be selected."
|
| 6188 | }
|
| 6189 | ]
|
| 6190 | }
|
| 6191 | ],
|
| 6192 | "superclass": {
|
| 6193 | "name": "UI5Element",
|
| 6194 | "package": "@ui5/webcomponents-base",
|
| 6195 | "module": "dist/UI5Element.js"
|
| 6196 | },
|
| 6197 | "tagName": "ui5-combobox",
|
| 6198 | "customElement": true,
|
| 6199 | "_ui5since": "1.0.0-rc.6",
|
| 6200 | "_ui5privacy": "public"
|
| 6201 | }
|
| 6202 | ],
|
| 6203 | "exports": [
|
| 6204 | {
|
| 6205 | "kind": "js",
|
| 6206 | "name": "default",
|
| 6207 | "declaration": {
|
| 6208 | "name": "ComboBox",
|
| 6209 | "module": "dist/ComboBox.js"
|
| 6210 | }
|
| 6211 | },
|
| 6212 | {
|
| 6213 | "kind": "custom-element-definition",
|
| 6214 | "name": "ui5-combobox",
|
| 6215 | "declaration": {
|
| 6216 | "name": "ComboBox",
|
| 6217 | "module": "dist/ComboBox.js"
|
| 6218 | }
|
| 6219 | }
|
| 6220 | ]
|
| 6221 | },
|
| 6222 | {
|
| 6223 | "kind": "javascript-module",
|
| 6224 | "path": "dist/ComboBoxGroupItem.js",
|
| 6225 | "declarations": [
|
| 6226 | {
|
| 6227 | "kind": "class",
|
| 6228 | "description": "The `ui5-cb-group-item` is type of suggestion item,\nthat can be used to split the `ui5-combobox` suggestions into groups.",
|
| 6229 | "name": "ComboBoxGroupItem",
|
| 6230 | "members": [
|
| 6231 | {
|
| 6232 | "kind": "field",
|
| 6233 | "name": "text",
|
| 6234 | "type": {
|
| 6235 | "text": "string"
|
| 6236 | },
|
| 6237 | "description": "Defines the text of the component.",
|
| 6238 | "default": "\"\"",
|
| 6239 | "privacy": "public",
|
| 6240 | "_ui5validator": "String"
|
| 6241 | }
|
| 6242 | ],
|
| 6243 | "superclass": {
|
| 6244 | "name": "UI5Element",
|
| 6245 | "package": "@ui5/webcomponents-base",
|
| 6246 | "module": "dist/UI5Element.js"
|
| 6247 | },
|
| 6248 | "tagName": "ui5-cb-group-item",
|
| 6249 | "customElement": true,
|
| 6250 | "_ui5since": "1.0.0-rc.15",
|
| 6251 | "_ui5privacy": "public",
|
| 6252 | "_ui5abstract": true,
|
| 6253 | "_ui5implements": [
|
| 6254 | {
|
| 6255 | "name": "IComboBoxItem",
|
| 6256 | "package": "@ui5/webcomponents",
|
| 6257 | "module": "dist/ComboBox.js"
|
| 6258 | }
|
| 6259 | ]
|
| 6260 | }
|
| 6261 | ],
|
| 6262 | "exports": [
|
| 6263 | {
|
| 6264 | "kind": "js",
|
| 6265 | "name": "default",
|
| 6266 | "declaration": {
|
| 6267 | "name": "ComboBoxGroupItem",
|
| 6268 | "module": "dist/ComboBoxGroupItem.js"
|
| 6269 | }
|
| 6270 | },
|
| 6271 | {
|
| 6272 | "kind": "custom-element-definition",
|
| 6273 | "name": "ui5-cb-group-item",
|
| 6274 | "declaration": {
|
| 6275 | "name": "ComboBoxGroupItem",
|
| 6276 | "module": "dist/ComboBoxGroupItem.js"
|
| 6277 | }
|
| 6278 | }
|
| 6279 | ]
|
| 6280 | },
|
| 6281 | {
|
| 6282 | "kind": "javascript-module",
|
| 6283 | "path": "dist/ComboBoxItem.js",
|
| 6284 | "declarations": [
|
| 6285 | {
|
| 6286 | "kind": "class",
|
| 6287 | "description": "The `ui5-cb-item` represents the item for a `ui5-combobox`.",
|
| 6288 | "name": "ComboBoxItem",
|
| 6289 | "members": [
|
| 6290 | {
|
| 6291 | "kind": "field",
|
| 6292 | "name": "text",
|
| 6293 | "type": {
|
| 6294 | "text": "string"
|
| 6295 | },
|
| 6296 | "description": "Defines the text of the component.",
|
| 6297 | "default": "\"\"",
|
| 6298 | "privacy": "public",
|
| 6299 | "_ui5validator": "String"
|
| 6300 | },
|
| 6301 | {
|
| 6302 | "kind": "field",
|
| 6303 | "name": "additionalText",
|
| 6304 | "type": {
|
| 6305 | "text": "string"
|
| 6306 | },
|
| 6307 | "description": "Defines the additional text of the component.",
|
| 6308 | "default": "\"\"",
|
| 6309 | "privacy": "public",
|
| 6310 | "_ui5since": "1.0.0-rc.11",
|
| 6311 | "_ui5validator": "String"
|
| 6312 | }
|
| 6313 | ],
|
| 6314 | "superclass": {
|
| 6315 | "name": "UI5Element",
|
| 6316 | "package": "@ui5/webcomponents-base",
|
| 6317 | "module": "dist/UI5Element.js"
|
| 6318 | },
|
| 6319 | "tagName": "ui5-cb-item",
|
| 6320 | "customElement": true,
|
| 6321 | "_ui5privacy": "public",
|
| 6322 | "_ui5abstract": true,
|
| 6323 | "_ui5implements": [
|
| 6324 | {
|
| 6325 | "name": "IComboBoxItem",
|
| 6326 | "package": "@ui5/webcomponents",
|
| 6327 | "module": "dist/ComboBox.js"
|
| 6328 | }
|
| 6329 | ]
|
| 6330 | }
|
| 6331 | ],
|
| 6332 | "exports": [
|
| 6333 | {
|
| 6334 | "kind": "js",
|
| 6335 | "name": "default",
|
| 6336 | "declaration": {
|
| 6337 | "name": "ComboBoxItem",
|
| 6338 | "module": "dist/ComboBoxItem.js"
|
| 6339 | }
|
| 6340 | },
|
| 6341 | {
|
| 6342 | "kind": "custom-element-definition",
|
| 6343 | "name": "ui5-cb-item",
|
| 6344 | "declaration": {
|
| 6345 | "name": "ComboBoxItem",
|
| 6346 | "module": "dist/ComboBoxItem.js"
|
| 6347 | }
|
| 6348 | }
|
| 6349 | ]
|
| 6350 | },
|
| 6351 | {
|
| 6352 | "kind": "javascript-module",
|
| 6353 | "path": "dist/CustomListItem.js",
|
| 6354 | "declarations": [
|
| 6355 | {
|
| 6356 | "kind": "class",
|
| 6357 | "description": "A component to be used as custom list item within the `ui5-list`\nthe same way as the standard `ui5-li`.\n\nThe component accepts arbitrary HTML content to allow full customization.",
|
| 6358 | "name": "CustomListItem",
|
| 6359 | "cssParts": [
|
| 6360 | {
|
| 6361 | "description": "Used to style the main li tag of the list item",
|
| 6362 | "name": "native-li"
|
| 6363 | },
|
| 6364 | {
|
| 6365 | "description": "Used to style the content area of the list item",
|
| 6366 | "name": "content"
|
| 6367 | },
|
| 6368 | {
|
| 6369 | "description": "Used to style the button rendered when the list item is of type detail",
|
| 6370 | "name": "detail-button"
|
| 6371 | },
|
| 6372 | {
|
| 6373 | "description": "Used to style the button rendered when the list item is in delete mode",
|
| 6374 | "name": "delete-button"
|
| 6375 | },
|
| 6376 | {
|
| 6377 | "description": "Used to style the radio button rendered when the list item is in single selection mode",
|
| 6378 | "name": "radio"
|
| 6379 | },
|
| 6380 | {
|
| 6381 | "description": "Used to style the checkbox rendered when the list item is in multiple selection mode",
|
| 6382 | "name": "checkbox"
|
| 6383 | }
|
| 6384 | ],
|
| 6385 | "slots": [
|
| 6386 | {
|
| 6387 | "description": "Defines the content of the component.",
|
| 6388 | "name": "default",
|
| 6389 | "_ui5privacy": "public",
|
| 6390 | "_ui5type": {
|
| 6391 | "text": "Array<Node>"
|
| 6392 | }
|
| 6393 | }
|
| 6394 | ],
|
| 6395 | "members": [
|
| 6396 | {
|
| 6397 | "kind": "field",
|
| 6398 | "name": "accessibleName",
|
| 6399 | "type": {
|
| 6400 | "text": "string"
|
| 6401 | },
|
| 6402 | "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.",
|
| 6403 | "default": "\"\"",
|
| 6404 | "privacy": "public",
|
| 6405 | "_ui5since": "1.0.0-rc.15",
|
| 6406 | "_ui5validator": "String"
|
| 6407 | },
|
| 6408 | {
|
| 6409 | "kind": "field",
|
| 6410 | "name": "type",
|
| 6411 | "type": {
|
| 6412 | "text": "ListItemType",
|
| 6413 | "references": [
|
| 6414 | {
|
| 6415 | "name": "ListItemType",
|
| 6416 | "package": "@ui5/webcomponents",
|
| 6417 | "module": "dist/types/ListItemType.js"
|
| 6418 | }
|
| 6419 | ]
|
| 6420 | },
|
| 6421 | "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
|
| 6422 | "default": "\"Active\"",
|
| 6423 | "privacy": "public",
|
| 6424 | "_ui5validator": "ListItemType",
|
| 6425 | "inheritedFrom": {
|
| 6426 | "name": "ListItem",
|
| 6427 | "module": "dist/ListItem.js"
|
| 6428 | }
|
| 6429 | },
|
| 6430 | {
|
| 6431 | "kind": "field",
|
| 6432 | "name": "accessibilityAttributes",
|
| 6433 | "type": {
|
| 6434 | "text": "AccessibilityAttributes",
|
| 6435 | "references": [
|
| 6436 | {
|
| 6437 | "name": "AccessibilityAttributes",
|
| 6438 | "package": "@ui5/webcomponents",
|
| 6439 | "module": "dist/ListItem.js"
|
| 6440 | }
|
| 6441 | ]
|
| 6442 | },
|
| 6443 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\n It supports the following fields:\n\n- `ariaSetsize`: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.\n\tThe value of each `aria-setsize` is an integer reflecting number of items in the complete set.\n\n\t**Note:** If the size of the entire set is unknown, set `aria-setsize=\"-1\"`.\n\t- `ariaPosinset`: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.\n\tThe value of each `aria-posinset` is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
| 6444 | "default": "{}",
|
| 6445 | "privacy": "public",
|
| 6446 | "_ui5since": "1.15.0",
|
| 6447 | "_ui5validator": "Object",
|
| 6448 | "inheritedFrom": {
|
| 6449 | "name": "ListItem",
|
| 6450 | "module": "dist/ListItem.js"
|
| 6451 | }
|
| 6452 | },
|
| 6453 | {
|
| 6454 | "kind": "field",
|
| 6455 | "name": "navigated",
|
| 6456 | "type": {
|
| 6457 | "text": "boolean"
|
| 6458 | },
|
| 6459 | "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
|
| 6460 | "default": "false",
|
| 6461 | "privacy": "public",
|
| 6462 | "_ui5since": "1.10.0",
|
| 6463 | "_ui5validator": "Boolean",
|
| 6464 | "inheritedFrom": {
|
| 6465 | "name": "ListItem",
|
| 6466 | "module": "dist/ListItem.js"
|
| 6467 | }
|
| 6468 | },
|
| 6469 | {
|
| 6470 | "kind": "field",
|
| 6471 | "name": "tooltip",
|
| 6472 | "type": {
|
| 6473 | "text": "string"
|
| 6474 | },
|
| 6475 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 6476 | "default": "\"\"",
|
| 6477 | "privacy": "public",
|
| 6478 | "_ui5since": "1.23.0",
|
| 6479 | "_ui5validator": "String",
|
| 6480 | "inheritedFrom": {
|
| 6481 | "name": "ListItem",
|
| 6482 | "module": "dist/ListItem.js"
|
| 6483 | }
|
| 6484 | },
|
| 6485 | {
|
| 6486 | "kind": "field",
|
| 6487 | "name": "selected",
|
| 6488 | "type": {
|
| 6489 | "text": "boolean"
|
| 6490 | },
|
| 6491 | "description": "Defines the selected state of the `ListItem`.",
|
| 6492 | "default": "false",
|
| 6493 | "privacy": "public",
|
| 6494 | "_ui5validator": "Boolean",
|
| 6495 | "inheritedFrom": {
|
| 6496 | "name": "ListItemBase",
|
| 6497 | "module": "dist/ListItemBase.js"
|
| 6498 | }
|
| 6499 | }
|
| 6500 | ],
|
| 6501 | "superclass": {
|
| 6502 | "name": "ListItem",
|
| 6503 | "package": "@ui5/webcomponents",
|
| 6504 | "module": "dist/ListItem.js"
|
| 6505 | },
|
| 6506 | "tagName": "ui5-li-custom",
|
| 6507 | "customElement": true,
|
| 6508 | "_ui5privacy": "public",
|
| 6509 | "events": [
|
| 6510 | {
|
| 6511 | "name": "detail-click",
|
| 6512 | "_ui5privacy": "public",
|
| 6513 | "type": {
|
| 6514 | "text": "CustomEvent"
|
| 6515 | },
|
| 6516 | "description": "Fired when the user clicks on the detail button when type is `Detail`.",
|
| 6517 | "inheritedFrom": {
|
| 6518 | "name": "ListItem",
|
| 6519 | "module": "dist/ListItem.js"
|
| 6520 | }
|
| 6521 | }
|
| 6522 | ]
|
| 6523 | }
|
| 6524 | ],
|
| 6525 | "exports": [
|
| 6526 | {
|
| 6527 | "kind": "js",
|
| 6528 | "name": "default",
|
| 6529 | "declaration": {
|
| 6530 | "name": "CustomListItem",
|
| 6531 | "module": "dist/CustomListItem.js"
|
| 6532 | }
|
| 6533 | },
|
| 6534 | {
|
| 6535 | "kind": "custom-element-definition",
|
| 6536 | "name": "ui5-li-custom",
|
| 6537 | "declaration": {
|
| 6538 | "name": "CustomListItem",
|
| 6539 | "module": "dist/CustomListItem.js"
|
| 6540 | }
|
| 6541 | }
|
| 6542 | ]
|
| 6543 | },
|
| 6544 | {
|
| 6545 | "kind": "javascript-module",
|
| 6546 | "path": "dist/DateComponentBase.js",
|
| 6547 | "declarations": [
|
| 6548 | {
|
| 6549 | "kind": "class",
|
| 6550 | "description": "Abstract class that provides common functionality for date-related components (day picker, month picker, year picker, calendar, date picker, date range picker, date time picker)\nThis includes:\n - \"languageAware: true\" metadata setting, CLDR fetch and i18n initialization\n - common properties (primaryCalendar, minDate, maxDate and formatPattern) declaration and methods that operate on them\n - additional common methods",
|
| 6551 | "name": "DateComponentBase",
|
| 6552 | "members": [
|
| 6553 | {
|
| 6554 | "kind": "field",
|
| 6555 | "name": "primaryCalendarType",
|
| 6556 | "type": {
|
| 6557 | "text": "CalendarType | undefined",
|
| 6558 | "references": [
|
| 6559 | {
|
| 6560 | "name": "CalendarType",
|
| 6561 | "package": "@ui5/webcomponents-base",
|
| 6562 | "module": "dist/types/CalendarType.js"
|
| 6563 | }
|
| 6564 | ]
|
| 6565 | },
|
| 6566 | "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
|
| 6567 | "default": "undefined",
|
| 6568 | "privacy": "public",
|
| 6569 | "_ui5validator": "CalendarType"
|
| 6570 | },
|
| 6571 | {
|
| 6572 | "kind": "field",
|
| 6573 | "name": "secondaryCalendarType",
|
| 6574 | "type": {
|
| 6575 | "text": "CalendarType | undefined",
|
| 6576 | "references": [
|
| 6577 | {
|
| 6578 | "name": "CalendarType",
|
| 6579 | "package": "@ui5/webcomponents-base",
|
| 6580 | "module": "dist/types/CalendarType.js"
|
| 6581 | }
|
| 6582 | ]
|
| 6583 | },
|
| 6584 | "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
|
| 6585 | "default": "undefined",
|
| 6586 | "privacy": "public",
|
| 6587 | "_ui5since": "1.0.0-rc.16",
|
| 6588 | "_ui5validator": "CalendarType"
|
| 6589 | },
|
| 6590 | {
|
| 6591 | "kind": "field",
|
| 6592 | "name": "formatPattern",
|
| 6593 | "type": {
|
| 6594 | "text": "string"
|
| 6595 | },
|
| 6596 | "description": "Determines the format, displayed in the input field.",
|
| 6597 | "default": "\"\"",
|
| 6598 | "privacy": "public",
|
| 6599 | "_ui5validator": "String"
|
| 6600 | },
|
| 6601 | {
|
| 6602 | "kind": "field",
|
| 6603 | "name": "minDate",
|
| 6604 | "type": {
|
| 6605 | "text": "string"
|
| 6606 | },
|
| 6607 | "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 6608 | "default": "\"\"",
|
| 6609 | "privacy": "public",
|
| 6610 | "_ui5since": "1.0.0-rc.6",
|
| 6611 | "_ui5validator": "String"
|
| 6612 | },
|
| 6613 | {
|
| 6614 | "kind": "field",
|
| 6615 | "name": "maxDate",
|
| 6616 | "type": {
|
| 6617 | "text": "string"
|
| 6618 | },
|
| 6619 | "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 6620 | "default": "\"\"",
|
| 6621 | "privacy": "public",
|
| 6622 | "_ui5since": "1.0.0-rc.6",
|
| 6623 | "_ui5validator": "String"
|
| 6624 | }
|
| 6625 | ],
|
| 6626 | "superclass": {
|
| 6627 | "name": "UI5Element",
|
| 6628 | "package": "@ui5/webcomponents-base",
|
| 6629 | "module": "dist/UI5Element.js"
|
| 6630 | },
|
| 6631 | "customElement": true,
|
| 6632 | "_ui5privacy": "public",
|
| 6633 | "_ui5abstract": true
|
| 6634 | }
|
| 6635 | ],
|
| 6636 | "exports": [
|
| 6637 | {
|
| 6638 | "kind": "js",
|
| 6639 | "name": "default",
|
| 6640 | "declaration": {
|
| 6641 | "name": "DateComponentBase",
|
| 6642 | "module": "dist/DateComponentBase.js"
|
| 6643 | }
|
| 6644 | }
|
| 6645 | ]
|
| 6646 | },
|
| 6647 | {
|
| 6648 | "kind": "javascript-module",
|
| 6649 | "path": "dist/DatePicker.js",
|
| 6650 | "declarations": [
|
| 6651 | {
|
| 6652 | "kind": "class",
|
| 6653 | "description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"yyyy-MM-dd\",\na valid value string is \"2015-07-30\" and the same is displayed in the input.\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing `F4`, `ALT+UP` or `ALT+DOWN` keys.\nOnce the drop-down is opened, you can use the `UP`, `DOWN`, `LEFT`, `RIGHT` arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [PAGEDOWN] - Decrements the corresponding day of the month by one\n- [SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one\n- [SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one\n- [PAGEUP] - Increments the corresponding day of the month by one\n- [SHIFT] + [PAGEUP] - Increments the corresponding month by one\n- [SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`",
|
| 6654 | "name": "DatePicker",
|
| 6655 | "slots": [
|
| 6656 | {
|
| 6657 | "name": "valueStateMessage",
|
| 6658 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Warning` or `Error` value state.",
|
| 6659 | "_ui5since": "1.0.0-rc.7",
|
| 6660 | "_ui5type": {
|
| 6661 | "text": "Array<HTMLElement>"
|
| 6662 | },
|
| 6663 | "_ui5privacy": "public"
|
| 6664 | }
|
| 6665 | ],
|
| 6666 | "members": [
|
| 6667 | {
|
| 6668 | "kind": "field",
|
| 6669 | "name": "value",
|
| 6670 | "type": {
|
| 6671 | "text": "string"
|
| 6672 | },
|
| 6673 | "description": "Defines a formatted date value.",
|
| 6674 | "default": "\"\"",
|
| 6675 | "privacy": "public",
|
| 6676 | "_ui5validator": "String",
|
| 6677 | "_ui5formProperty": true,
|
| 6678 | "_ui5formEvents": "change,input"
|
| 6679 | },
|
| 6680 | {
|
| 6681 | "kind": "field",
|
| 6682 | "name": "valueState",
|
| 6683 | "type": {
|
| 6684 | "text": "ValueState",
|
| 6685 | "references": [
|
| 6686 | {
|
| 6687 | "name": "ValueState",
|
| 6688 | "package": "@ui5/webcomponents-base",
|
| 6689 | "module": "dist/types/ValueState.js"
|
| 6690 | }
|
| 6691 | ]
|
| 6692 | },
|
| 6693 | "description": "Defines the value state of the component.",
|
| 6694 | "default": "\"None\"",
|
| 6695 | "privacy": "public",
|
| 6696 | "_ui5validator": "ValueState"
|
| 6697 | },
|
| 6698 | {
|
| 6699 | "kind": "field",
|
| 6700 | "name": "required",
|
| 6701 | "type": {
|
| 6702 | "text": "boolean"
|
| 6703 | },
|
| 6704 | "description": "Defines whether the component is required.",
|
| 6705 | "default": "false",
|
| 6706 | "privacy": "public",
|
| 6707 | "_ui5since": "1.0.0-rc.9",
|
| 6708 | "_ui5validator": "Boolean"
|
| 6709 | },
|
| 6710 | {
|
| 6711 | "kind": "field",
|
| 6712 | "name": "disabled",
|
| 6713 | "type": {
|
| 6714 | "text": "boolean"
|
| 6715 | },
|
| 6716 | "description": "Determines whether the component is displayed as disabled.",
|
| 6717 | "default": "false",
|
| 6718 | "privacy": "public",
|
| 6719 | "_ui5validator": "Boolean"
|
| 6720 | },
|
| 6721 | {
|
| 6722 | "kind": "field",
|
| 6723 | "name": "readonly",
|
| 6724 | "type": {
|
| 6725 | "text": "boolean"
|
| 6726 | },
|
| 6727 | "description": "Determines whether the component is displayed as read-only.",
|
| 6728 | "default": "false",
|
| 6729 | "privacy": "public",
|
| 6730 | "_ui5validator": "Boolean"
|
| 6731 | },
|
| 6732 | {
|
| 6733 | "kind": "field",
|
| 6734 | "name": "placeholder",
|
| 6735 | "type": {
|
| 6736 | "text": "string | undefined"
|
| 6737 | },
|
| 6738 | "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
|
| 6739 | "default": "undefined",
|
| 6740 | "privacy": "public",
|
| 6741 | "_ui5validator": "String"
|
| 6742 | },
|
| 6743 | {
|
| 6744 | "kind": "field",
|
| 6745 | "name": "name",
|
| 6746 | "type": {
|
| 6747 | "text": "string"
|
| 6748 | },
|
| 6749 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 6750 | "default": "\"\"",
|
| 6751 | "privacy": "public",
|
| 6752 | "_ui5validator": "String"
|
| 6753 | },
|
| 6754 | {
|
| 6755 | "kind": "field",
|
| 6756 | "name": "hideWeekNumbers",
|
| 6757 | "type": {
|
| 6758 | "text": "boolean"
|
| 6759 | },
|
| 6760 | "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
|
| 6761 | "default": "false",
|
| 6762 | "privacy": "public",
|
| 6763 | "_ui5since": "1.0.0-rc.8",
|
| 6764 | "_ui5validator": "Boolean"
|
| 6765 | },
|
| 6766 | {
|
| 6767 | "kind": "field",
|
| 6768 | "name": "accessibleName",
|
| 6769 | "type": {
|
| 6770 | "text": "string"
|
| 6771 | },
|
| 6772 | "description": "Defines the aria-label attribute for the component.",
|
| 6773 | "default": "\"\"",
|
| 6774 | "privacy": "public",
|
| 6775 | "_ui5since": "1.0.0-rc.15",
|
| 6776 | "_ui5validator": "String"
|
| 6777 | },
|
| 6778 | {
|
| 6779 | "kind": "field",
|
| 6780 | "name": "accessibleNameRef",
|
| 6781 | "type": {
|
| 6782 | "text": "string"
|
| 6783 | },
|
| 6784 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 6785 | "default": "\"\"",
|
| 6786 | "privacy": "public",
|
| 6787 | "_ui5since": "1.0.0-rc.15",
|
| 6788 | "_ui5validator": "String"
|
| 6789 | },
|
| 6790 | {
|
| 6791 | "kind": "method",
|
| 6792 | "name": "isValid",
|
| 6793 | "return": {
|
| 6794 | "type": {
|
| 6795 | "text": "boolean"
|
| 6796 | }
|
| 6797 | },
|
| 6798 | "parameters": [
|
| 6799 | {
|
| 6800 | "name": "value",
|
| 6801 | "type": {
|
| 6802 | "text": "string"
|
| 6803 | },
|
| 6804 | "description": "A value to be tested against the current date format",
|
| 6805 | "_ui5privacy": "public"
|
| 6806 | }
|
| 6807 | ],
|
| 6808 | "description": "Checks if a value is valid against the current date format of the DatePicker.",
|
| 6809 | "privacy": "public"
|
| 6810 | },
|
| 6811 | {
|
| 6812 | "kind": "method",
|
| 6813 | "name": "isInValidRange",
|
| 6814 | "return": {
|
| 6815 | "type": {
|
| 6816 | "text": "boolean"
|
| 6817 | }
|
| 6818 | },
|
| 6819 | "parameters": [
|
| 6820 | {
|
| 6821 | "name": "value",
|
| 6822 | "type": {
|
| 6823 | "text": "string"
|
| 6824 | },
|
| 6825 | "description": "A value to be checked",
|
| 6826 | "_ui5privacy": "public"
|
| 6827 | }
|
| 6828 | ],
|
| 6829 | "description": "Checks if a date is between the minimum and maximum date.",
|
| 6830 | "privacy": "public"
|
| 6831 | },
|
| 6832 | {
|
| 6833 | "kind": "method",
|
| 6834 | "name": "formatValue",
|
| 6835 | "return": {
|
| 6836 | "type": {
|
| 6837 | "text": "string"
|
| 6838 | },
|
| 6839 | "description": "The date as string"
|
| 6840 | },
|
| 6841 | "parameters": [
|
| 6842 | {
|
| 6843 | "name": "date",
|
| 6844 | "type": {
|
| 6845 | "text": "Date"
|
| 6846 | },
|
| 6847 | "description": "A Java Script date object to be formatted as string",
|
| 6848 | "_ui5privacy": "public"
|
| 6849 | }
|
| 6850 | ],
|
| 6851 | "description": "Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance",
|
| 6852 | "privacy": "public"
|
| 6853 | },
|
| 6854 | {
|
| 6855 | "kind": "method",
|
| 6856 | "name": "closePicker",
|
| 6857 | "return": {
|
| 6858 | "type": {
|
| 6859 | "text": "void"
|
| 6860 | }
|
| 6861 | },
|
| 6862 | "description": "Closes the picker.",
|
| 6863 | "privacy": "public"
|
| 6864 | },
|
| 6865 | {
|
| 6866 | "kind": "method",
|
| 6867 | "name": "openPicker",
|
| 6868 | "return": {
|
| 6869 | "type": {
|
| 6870 | "text": "Promise<void>"
|
| 6871 | },
|
| 6872 | "description": "Resolves when the picker is open"
|
| 6873 | },
|
| 6874 | "description": "Opens the picker.",
|
| 6875 | "privacy": "public"
|
| 6876 | },
|
| 6877 | {
|
| 6878 | "kind": "method",
|
| 6879 | "name": "isOpen",
|
| 6880 | "return": {
|
| 6881 | "type": {
|
| 6882 | "text": "boolean"
|
| 6883 | },
|
| 6884 | "description": "true if the picker is open, false otherwise"
|
| 6885 | },
|
| 6886 | "description": "Checks if the picker is open.",
|
| 6887 | "privacy": "public"
|
| 6888 | },
|
| 6889 | {
|
| 6890 | "kind": "field",
|
| 6891 | "name": "dateValue",
|
| 6892 | "type": {
|
| 6893 | "text": "Date | null"
|
| 6894 | },
|
| 6895 | "description": "Currently selected date represented as a Local JavaScript Date instance.",
|
| 6896 | "privacy": "public",
|
| 6897 | "default": "null",
|
| 6898 | "readonly": true
|
| 6899 | },
|
| 6900 | {
|
| 6901 | "kind": "field",
|
| 6902 | "name": "primaryCalendarType",
|
| 6903 | "type": {
|
| 6904 | "text": "CalendarType | undefined",
|
| 6905 | "references": [
|
| 6906 | {
|
| 6907 | "name": "CalendarType",
|
| 6908 | "package": "@ui5/webcomponents-base",
|
| 6909 | "module": "dist/types/CalendarType.js"
|
| 6910 | }
|
| 6911 | ]
|
| 6912 | },
|
| 6913 | "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
|
| 6914 | "default": "undefined",
|
| 6915 | "privacy": "public",
|
| 6916 | "_ui5validator": "CalendarType",
|
| 6917 | "inheritedFrom": {
|
| 6918 | "name": "DateComponentBase",
|
| 6919 | "module": "dist/DateComponentBase.js"
|
| 6920 | }
|
| 6921 | },
|
| 6922 | {
|
| 6923 | "kind": "field",
|
| 6924 | "name": "secondaryCalendarType",
|
| 6925 | "type": {
|
| 6926 | "text": "CalendarType | undefined",
|
| 6927 | "references": [
|
| 6928 | {
|
| 6929 | "name": "CalendarType",
|
| 6930 | "package": "@ui5/webcomponents-base",
|
| 6931 | "module": "dist/types/CalendarType.js"
|
| 6932 | }
|
| 6933 | ]
|
| 6934 | },
|
| 6935 | "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
|
| 6936 | "default": "undefined",
|
| 6937 | "privacy": "public",
|
| 6938 | "_ui5since": "1.0.0-rc.16",
|
| 6939 | "_ui5validator": "CalendarType",
|
| 6940 | "inheritedFrom": {
|
| 6941 | "name": "DateComponentBase",
|
| 6942 | "module": "dist/DateComponentBase.js"
|
| 6943 | }
|
| 6944 | },
|
| 6945 | {
|
| 6946 | "kind": "field",
|
| 6947 | "name": "formatPattern",
|
| 6948 | "type": {
|
| 6949 | "text": "string"
|
| 6950 | },
|
| 6951 | "description": "Determines the format, displayed in the input field.",
|
| 6952 | "default": "\"\"",
|
| 6953 | "privacy": "public",
|
| 6954 | "_ui5validator": "String",
|
| 6955 | "inheritedFrom": {
|
| 6956 | "name": "DateComponentBase",
|
| 6957 | "module": "dist/DateComponentBase.js"
|
| 6958 | }
|
| 6959 | },
|
| 6960 | {
|
| 6961 | "kind": "field",
|
| 6962 | "name": "minDate",
|
| 6963 | "type": {
|
| 6964 | "text": "string"
|
| 6965 | },
|
| 6966 | "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 6967 | "default": "\"\"",
|
| 6968 | "privacy": "public",
|
| 6969 | "_ui5since": "1.0.0-rc.6",
|
| 6970 | "_ui5validator": "String",
|
| 6971 | "inheritedFrom": {
|
| 6972 | "name": "DateComponentBase",
|
| 6973 | "module": "dist/DateComponentBase.js"
|
| 6974 | }
|
| 6975 | },
|
| 6976 | {
|
| 6977 | "kind": "field",
|
| 6978 | "name": "maxDate",
|
| 6979 | "type": {
|
| 6980 | "text": "string"
|
| 6981 | },
|
| 6982 | "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 6983 | "default": "\"\"",
|
| 6984 | "privacy": "public",
|
| 6985 | "_ui5since": "1.0.0-rc.6",
|
| 6986 | "_ui5validator": "String",
|
| 6987 | "inheritedFrom": {
|
| 6988 | "name": "DateComponentBase",
|
| 6989 | "module": "dist/DateComponentBase.js"
|
| 6990 | }
|
| 6991 | }
|
| 6992 | ],
|
| 6993 | "events": [
|
| 6994 | {
|
| 6995 | "name": "change",
|
| 6996 | "_ui5privacy": "public",
|
| 6997 | "type": {
|
| 6998 | "text": "CustomEvent<DatePickerChangeEventDetail>",
|
| 6999 | "references": [
|
| 7000 | {
|
| 7001 | "name": "DatePickerChangeEventDetail",
|
| 7002 | "package": "@ui5/webcomponents",
|
| 7003 | "module": "dist/DatePicker.js"
|
| 7004 | }
|
| 7005 | ]
|
| 7006 | },
|
| 7007 | "description": "Fired when the input operation has finished by pressing Enter or on focusout.",
|
| 7008 | "_ui5allowPreventDefault": true,
|
| 7009 | "_ui5parameters": [
|
| 7010 | {
|
| 7011 | "type": {
|
| 7012 | "text": "string"
|
| 7013 | },
|
| 7014 | "name": "value",
|
| 7015 | "_ui5privacy": "public",
|
| 7016 | "description": "The submitted value."
|
| 7017 | },
|
| 7018 | {
|
| 7019 | "type": {
|
| 7020 | "text": "boolean"
|
| 7021 | },
|
| 7022 | "name": "valid",
|
| 7023 | "_ui5privacy": "public",
|
| 7024 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 7025 | }
|
| 7026 | ]
|
| 7027 | },
|
| 7028 | {
|
| 7029 | "name": "input",
|
| 7030 | "_ui5privacy": "public",
|
| 7031 | "type": {
|
| 7032 | "text": "CustomEvent<DatePickerInputEventDetail>",
|
| 7033 | "references": [
|
| 7034 | {
|
| 7035 | "name": "DatePickerInputEventDetail",
|
| 7036 | "package": "@ui5/webcomponents",
|
| 7037 | "module": "dist/DatePicker.js"
|
| 7038 | }
|
| 7039 | ]
|
| 7040 | },
|
| 7041 | "description": "Fired when the value of the component is changed at each key stroke.",
|
| 7042 | "_ui5allowPreventDefault": true,
|
| 7043 | "_ui5parameters": [
|
| 7044 | {
|
| 7045 | "type": {
|
| 7046 | "text": "string"
|
| 7047 | },
|
| 7048 | "name": "value",
|
| 7049 | "_ui5privacy": "public",
|
| 7050 | "description": "The submitted value."
|
| 7051 | },
|
| 7052 | {
|
| 7053 | "type": {
|
| 7054 | "text": "boolean"
|
| 7055 | },
|
| 7056 | "name": "valid",
|
| 7057 | "_ui5privacy": "public",
|
| 7058 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 7059 | }
|
| 7060 | ]
|
| 7061 | },
|
| 7062 | {
|
| 7063 | "name": "value-state-change",
|
| 7064 | "_ui5privacy": "public",
|
| 7065 | "type": {
|
| 7066 | "text": "CustomEvent<DatePickerValueStateChangeEventDetail>",
|
| 7067 | "references": [
|
| 7068 | {
|
| 7069 | "name": "DatePickerValueStateChangeEventDetail",
|
| 7070 | "package": "@ui5/webcomponents",
|
| 7071 | "module": "dist/DatePicker.js"
|
| 7072 | }
|
| 7073 | ]
|
| 7074 | },
|
| 7075 | "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
|
| 7076 | "_ui5allowPreventDefault": true,
|
| 7077 | "_ui5parameters": [
|
| 7078 | {
|
| 7079 | "type": {
|
| 7080 | "text": "string"
|
| 7081 | },
|
| 7082 | "name": "valueState",
|
| 7083 | "_ui5privacy": "public",
|
| 7084 | "description": "The new `valueState` that will be set."
|
| 7085 | },
|
| 7086 | {
|
| 7087 | "type": {
|
| 7088 | "text": "boolean"
|
| 7089 | },
|
| 7090 | "name": "valid",
|
| 7091 | "_ui5privacy": "public",
|
| 7092 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 7093 | }
|
| 7094 | ]
|
| 7095 | }
|
| 7096 | ],
|
| 7097 | "superclass": {
|
| 7098 | "name": "DateComponentBase",
|
| 7099 | "package": "@ui5/webcomponents",
|
| 7100 | "module": "dist/DateComponentBase.js"
|
| 7101 | },
|
| 7102 | "tagName": "ui5-date-picker",
|
| 7103 | "customElement": true,
|
| 7104 | "_ui5privacy": "public"
|
| 7105 | }
|
| 7106 | ],
|
| 7107 | "exports": [
|
| 7108 | {
|
| 7109 | "kind": "js",
|
| 7110 | "name": "default",
|
| 7111 | "declaration": {
|
| 7112 | "name": "DatePicker",
|
| 7113 | "module": "dist/DatePicker.js"
|
| 7114 | }
|
| 7115 | },
|
| 7116 | {
|
| 7117 | "kind": "custom-element-definition",
|
| 7118 | "name": "ui5-date-picker",
|
| 7119 | "declaration": {
|
| 7120 | "name": "DatePicker",
|
| 7121 | "module": "dist/DatePicker.js"
|
| 7122 | }
|
| 7123 | }
|
| 7124 | ]
|
| 7125 | },
|
| 7126 | {
|
| 7127 | "kind": "javascript-module",
|
| 7128 | "path": "dist/DateRangePicker.js",
|
| 7129 | "declarations": [
|
| 7130 | {
|
| 7131 | "kind": "class",
|
| 7132 | "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\n\n- [PAGEDOWN] - Decrements the corresponding day of the month by one\n- [SHIFT] + [PAGEDOWN] - Decrements the corresponding month by one\n- [SHIFT] + [CTRL] + [PAGEDOWN] - Decrements the corresponding year by one\n- [PAGEUP] - Increments the corresponding day of the month by one\n- [SHIFT] + [PAGEUP] - Increments the corresponding month by one\n- [SHIFT] + [CTRL] + [PAGEUP] - Increments the corresponding year by one",
|
| 7133 | "name": "DateRangePicker",
|
| 7134 | "members": [
|
| 7135 | {
|
| 7136 | "kind": "field",
|
| 7137 | "name": "delimiter",
|
| 7138 | "type": {
|
| 7139 | "text": "string"
|
| 7140 | },
|
| 7141 | "description": "Determines the symbol which separates the dates.\nIf not supplied, the default time interval delimiter for the current locale will be used.",
|
| 7142 | "default": "\"-\"",
|
| 7143 | "privacy": "public",
|
| 7144 | "_ui5validator": "String"
|
| 7145 | },
|
| 7146 | {
|
| 7147 | "kind": "field",
|
| 7148 | "name": "dateValue",
|
| 7149 | "type": {
|
| 7150 | "text": "Date | null"
|
| 7151 | },
|
| 7152 | "description": "**Note:** The getter method is inherited and not supported. If called it will return an empty value.",
|
| 7153 | "privacy": "public",
|
| 7154 | "default": "null",
|
| 7155 | "readonly": true,
|
| 7156 | "inheritedFrom": {
|
| 7157 | "name": "DatePicker",
|
| 7158 | "module": "dist/DatePicker.js"
|
| 7159 | }
|
| 7160 | },
|
| 7161 | {
|
| 7162 | "kind": "field",
|
| 7163 | "name": "dateValueUTC",
|
| 7164 | "type": {
|
| 7165 | "text": "Date | null"
|
| 7166 | },
|
| 7167 | "description": "**Note:** The getter method is inherited and not supported. If called it will return an empty value.",
|
| 7168 | "privacy": "public",
|
| 7169 | "default": "null",
|
| 7170 | "readonly": true
|
| 7171 | },
|
| 7172 | {
|
| 7173 | "kind": "field",
|
| 7174 | "name": "startDateValue",
|
| 7175 | "type": {
|
| 7176 | "text": "Date | null"
|
| 7177 | },
|
| 7178 | "description": "Returns the start date of the currently selected range as JavaScript Date instance.",
|
| 7179 | "privacy": "public",
|
| 7180 | "default": "null",
|
| 7181 | "readonly": true
|
| 7182 | },
|
| 7183 | {
|
| 7184 | "kind": "field",
|
| 7185 | "name": "endDateValue",
|
| 7186 | "type": {
|
| 7187 | "text": "Date | null"
|
| 7188 | },
|
| 7189 | "description": "Returns the end date of the currently selected range as JavaScript Date instance.",
|
| 7190 | "privacy": "public",
|
| 7191 | "default": "null",
|
| 7192 | "readonly": true
|
| 7193 | },
|
| 7194 | {
|
| 7195 | "kind": "field",
|
| 7196 | "name": "value",
|
| 7197 | "type": {
|
| 7198 | "text": "string"
|
| 7199 | },
|
| 7200 | "description": "Defines a formatted date value.",
|
| 7201 | "default": "\"\"",
|
| 7202 | "privacy": "public",
|
| 7203 | "_ui5validator": "String",
|
| 7204 | "_ui5formProperty": true,
|
| 7205 | "_ui5formEvents": "change,input",
|
| 7206 | "inheritedFrom": {
|
| 7207 | "name": "DatePicker",
|
| 7208 | "module": "dist/DatePicker.js"
|
| 7209 | }
|
| 7210 | },
|
| 7211 | {
|
| 7212 | "kind": "field",
|
| 7213 | "name": "valueState",
|
| 7214 | "type": {
|
| 7215 | "text": "ValueState",
|
| 7216 | "references": [
|
| 7217 | {
|
| 7218 | "name": "ValueState",
|
| 7219 | "package": "@ui5/webcomponents-base",
|
| 7220 | "module": "dist/types/ValueState.js"
|
| 7221 | }
|
| 7222 | ]
|
| 7223 | },
|
| 7224 | "description": "Defines the value state of the component.",
|
| 7225 | "default": "\"None\"",
|
| 7226 | "privacy": "public",
|
| 7227 | "_ui5validator": "ValueState",
|
| 7228 | "inheritedFrom": {
|
| 7229 | "name": "DatePicker",
|
| 7230 | "module": "dist/DatePicker.js"
|
| 7231 | }
|
| 7232 | },
|
| 7233 | {
|
| 7234 | "kind": "field",
|
| 7235 | "name": "required",
|
| 7236 | "type": {
|
| 7237 | "text": "boolean"
|
| 7238 | },
|
| 7239 | "description": "Defines whether the component is required.",
|
| 7240 | "default": "false",
|
| 7241 | "privacy": "public",
|
| 7242 | "_ui5since": "1.0.0-rc.9",
|
| 7243 | "_ui5validator": "Boolean",
|
| 7244 | "inheritedFrom": {
|
| 7245 | "name": "DatePicker",
|
| 7246 | "module": "dist/DatePicker.js"
|
| 7247 | }
|
| 7248 | },
|
| 7249 | {
|
| 7250 | "kind": "field",
|
| 7251 | "name": "disabled",
|
| 7252 | "type": {
|
| 7253 | "text": "boolean"
|
| 7254 | },
|
| 7255 | "description": "Determines whether the component is displayed as disabled.",
|
| 7256 | "default": "false",
|
| 7257 | "privacy": "public",
|
| 7258 | "_ui5validator": "Boolean",
|
| 7259 | "inheritedFrom": {
|
| 7260 | "name": "DatePicker",
|
| 7261 | "module": "dist/DatePicker.js"
|
| 7262 | }
|
| 7263 | },
|
| 7264 | {
|
| 7265 | "kind": "field",
|
| 7266 | "name": "readonly",
|
| 7267 | "type": {
|
| 7268 | "text": "boolean"
|
| 7269 | },
|
| 7270 | "description": "Determines whether the component is displayed as read-only.",
|
| 7271 | "default": "false",
|
| 7272 | "privacy": "public",
|
| 7273 | "_ui5validator": "Boolean",
|
| 7274 | "inheritedFrom": {
|
| 7275 | "name": "DatePicker",
|
| 7276 | "module": "dist/DatePicker.js"
|
| 7277 | }
|
| 7278 | },
|
| 7279 | {
|
| 7280 | "kind": "field",
|
| 7281 | "name": "placeholder",
|
| 7282 | "type": {
|
| 7283 | "text": "string | undefined"
|
| 7284 | },
|
| 7285 | "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
|
| 7286 | "default": "undefined",
|
| 7287 | "privacy": "public",
|
| 7288 | "_ui5validator": "String",
|
| 7289 | "inheritedFrom": {
|
| 7290 | "name": "DatePicker",
|
| 7291 | "module": "dist/DatePicker.js"
|
| 7292 | }
|
| 7293 | },
|
| 7294 | {
|
| 7295 | "kind": "field",
|
| 7296 | "name": "name",
|
| 7297 | "type": {
|
| 7298 | "text": "string"
|
| 7299 | },
|
| 7300 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 7301 | "default": "\"\"",
|
| 7302 | "privacy": "public",
|
| 7303 | "_ui5validator": "String",
|
| 7304 | "inheritedFrom": {
|
| 7305 | "name": "DatePicker",
|
| 7306 | "module": "dist/DatePicker.js"
|
| 7307 | }
|
| 7308 | },
|
| 7309 | {
|
| 7310 | "kind": "field",
|
| 7311 | "name": "hideWeekNumbers",
|
| 7312 | "type": {
|
| 7313 | "text": "boolean"
|
| 7314 | },
|
| 7315 | "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
|
| 7316 | "default": "false",
|
| 7317 | "privacy": "public",
|
| 7318 | "_ui5since": "1.0.0-rc.8",
|
| 7319 | "_ui5validator": "Boolean",
|
| 7320 | "inheritedFrom": {
|
| 7321 | "name": "DatePicker",
|
| 7322 | "module": "dist/DatePicker.js"
|
| 7323 | }
|
| 7324 | },
|
| 7325 | {
|
| 7326 | "kind": "field",
|
| 7327 | "name": "accessibleName",
|
| 7328 | "type": {
|
| 7329 | "text": "string"
|
| 7330 | },
|
| 7331 | "description": "Defines the aria-label attribute for the component.",
|
| 7332 | "default": "\"\"",
|
| 7333 | "privacy": "public",
|
| 7334 | "_ui5since": "1.0.0-rc.15",
|
| 7335 | "_ui5validator": "String",
|
| 7336 | "inheritedFrom": {
|
| 7337 | "name": "DatePicker",
|
| 7338 | "module": "dist/DatePicker.js"
|
| 7339 | }
|
| 7340 | },
|
| 7341 | {
|
| 7342 | "kind": "field",
|
| 7343 | "name": "accessibleNameRef",
|
| 7344 | "type": {
|
| 7345 | "text": "string"
|
| 7346 | },
|
| 7347 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 7348 | "default": "\"\"",
|
| 7349 | "privacy": "public",
|
| 7350 | "_ui5since": "1.0.0-rc.15",
|
| 7351 | "_ui5validator": "String",
|
| 7352 | "inheritedFrom": {
|
| 7353 | "name": "DatePicker",
|
| 7354 | "module": "dist/DatePicker.js"
|
| 7355 | }
|
| 7356 | },
|
| 7357 | {
|
| 7358 | "kind": "method",
|
| 7359 | "name": "isValid",
|
| 7360 | "return": {
|
| 7361 | "type": {
|
| 7362 | "text": "boolean"
|
| 7363 | }
|
| 7364 | },
|
| 7365 | "parameters": [
|
| 7366 | {
|
| 7367 | "name": "value",
|
| 7368 | "type": {
|
| 7369 | "text": "string"
|
| 7370 | },
|
| 7371 | "description": "A value to be tested against the current date format",
|
| 7372 | "_ui5privacy": "public"
|
| 7373 | }
|
| 7374 | ],
|
| 7375 | "description": "Checks if a value is valid against the current date format of the DatePicker.",
|
| 7376 | "privacy": "public",
|
| 7377 | "inheritedFrom": {
|
| 7378 | "name": "DatePicker",
|
| 7379 | "module": "dist/DatePicker.js"
|
| 7380 | }
|
| 7381 | },
|
| 7382 | {
|
| 7383 | "kind": "method",
|
| 7384 | "name": "isInValidRange",
|
| 7385 | "return": {
|
| 7386 | "type": {
|
| 7387 | "text": "boolean"
|
| 7388 | }
|
| 7389 | },
|
| 7390 | "parameters": [
|
| 7391 | {
|
| 7392 | "name": "value",
|
| 7393 | "type": {
|
| 7394 | "text": "string"
|
| 7395 | },
|
| 7396 | "description": "A value to be checked",
|
| 7397 | "_ui5privacy": "public"
|
| 7398 | }
|
| 7399 | ],
|
| 7400 | "description": "Checks if a date is between the minimum and maximum date.",
|
| 7401 | "privacy": "public",
|
| 7402 | "inheritedFrom": {
|
| 7403 | "name": "DatePicker",
|
| 7404 | "module": "dist/DatePicker.js"
|
| 7405 | }
|
| 7406 | },
|
| 7407 | {
|
| 7408 | "kind": "method",
|
| 7409 | "name": "formatValue",
|
| 7410 | "return": {
|
| 7411 | "type": {
|
| 7412 | "text": "string"
|
| 7413 | },
|
| 7414 | "description": "The date as string"
|
| 7415 | },
|
| 7416 | "parameters": [
|
| 7417 | {
|
| 7418 | "name": "date",
|
| 7419 | "type": {
|
| 7420 | "text": "Date"
|
| 7421 | },
|
| 7422 | "description": "A Java Script date object to be formatted as string",
|
| 7423 | "_ui5privacy": "public"
|
| 7424 | }
|
| 7425 | ],
|
| 7426 | "description": "Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance",
|
| 7427 | "privacy": "public",
|
| 7428 | "inheritedFrom": {
|
| 7429 | "name": "DatePicker",
|
| 7430 | "module": "dist/DatePicker.js"
|
| 7431 | }
|
| 7432 | },
|
| 7433 | {
|
| 7434 | "kind": "method",
|
| 7435 | "name": "closePicker",
|
| 7436 | "return": {
|
| 7437 | "type": {
|
| 7438 | "text": "void"
|
| 7439 | }
|
| 7440 | },
|
| 7441 | "description": "Closes the picker.",
|
| 7442 | "privacy": "public",
|
| 7443 | "inheritedFrom": {
|
| 7444 | "name": "DatePicker",
|
| 7445 | "module": "dist/DatePicker.js"
|
| 7446 | }
|
| 7447 | },
|
| 7448 | {
|
| 7449 | "kind": "method",
|
| 7450 | "name": "openPicker",
|
| 7451 | "return": {
|
| 7452 | "type": {
|
| 7453 | "text": "Promise<void>"
|
| 7454 | },
|
| 7455 | "description": "Resolves when the picker is open"
|
| 7456 | },
|
| 7457 | "description": "Opens the picker.",
|
| 7458 | "privacy": "public",
|
| 7459 | "inheritedFrom": {
|
| 7460 | "name": "DatePicker",
|
| 7461 | "module": "dist/DatePicker.js"
|
| 7462 | }
|
| 7463 | },
|
| 7464 | {
|
| 7465 | "kind": "method",
|
| 7466 | "name": "isOpen",
|
| 7467 | "return": {
|
| 7468 | "type": {
|
| 7469 | "text": "boolean"
|
| 7470 | },
|
| 7471 | "description": "true if the picker is open, false otherwise"
|
| 7472 | },
|
| 7473 | "description": "Checks if the picker is open.",
|
| 7474 | "privacy": "public",
|
| 7475 | "inheritedFrom": {
|
| 7476 | "name": "DatePicker",
|
| 7477 | "module": "dist/DatePicker.js"
|
| 7478 | }
|
| 7479 | },
|
| 7480 | {
|
| 7481 | "kind": "field",
|
| 7482 | "name": "primaryCalendarType",
|
| 7483 | "type": {
|
| 7484 | "text": "CalendarType | undefined",
|
| 7485 | "references": [
|
| 7486 | {
|
| 7487 | "name": "CalendarType",
|
| 7488 | "package": "@ui5/webcomponents-base",
|
| 7489 | "module": "dist/types/CalendarType.js"
|
| 7490 | }
|
| 7491 | ]
|
| 7492 | },
|
| 7493 | "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
|
| 7494 | "default": "undefined",
|
| 7495 | "privacy": "public",
|
| 7496 | "_ui5validator": "CalendarType",
|
| 7497 | "inheritedFrom": {
|
| 7498 | "name": "DateComponentBase",
|
| 7499 | "module": "dist/DateComponentBase.js"
|
| 7500 | }
|
| 7501 | },
|
| 7502 | {
|
| 7503 | "kind": "field",
|
| 7504 | "name": "secondaryCalendarType",
|
| 7505 | "type": {
|
| 7506 | "text": "CalendarType | undefined",
|
| 7507 | "references": [
|
| 7508 | {
|
| 7509 | "name": "CalendarType",
|
| 7510 | "package": "@ui5/webcomponents-base",
|
| 7511 | "module": "dist/types/CalendarType.js"
|
| 7512 | }
|
| 7513 | ]
|
| 7514 | },
|
| 7515 | "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
|
| 7516 | "default": "undefined",
|
| 7517 | "privacy": "public",
|
| 7518 | "_ui5since": "1.0.0-rc.16",
|
| 7519 | "_ui5validator": "CalendarType",
|
| 7520 | "inheritedFrom": {
|
| 7521 | "name": "DateComponentBase",
|
| 7522 | "module": "dist/DateComponentBase.js"
|
| 7523 | }
|
| 7524 | },
|
| 7525 | {
|
| 7526 | "kind": "field",
|
| 7527 | "name": "formatPattern",
|
| 7528 | "type": {
|
| 7529 | "text": "string"
|
| 7530 | },
|
| 7531 | "description": "Determines the format, displayed in the input field.",
|
| 7532 | "default": "\"\"",
|
| 7533 | "privacy": "public",
|
| 7534 | "_ui5validator": "String",
|
| 7535 | "inheritedFrom": {
|
| 7536 | "name": "DateComponentBase",
|
| 7537 | "module": "dist/DateComponentBase.js"
|
| 7538 | }
|
| 7539 | },
|
| 7540 | {
|
| 7541 | "kind": "field",
|
| 7542 | "name": "minDate",
|
| 7543 | "type": {
|
| 7544 | "text": "string"
|
| 7545 | },
|
| 7546 | "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 7547 | "default": "\"\"",
|
| 7548 | "privacy": "public",
|
| 7549 | "_ui5since": "1.0.0-rc.6",
|
| 7550 | "_ui5validator": "String",
|
| 7551 | "inheritedFrom": {
|
| 7552 | "name": "DateComponentBase",
|
| 7553 | "module": "dist/DateComponentBase.js"
|
| 7554 | }
|
| 7555 | },
|
| 7556 | {
|
| 7557 | "kind": "field",
|
| 7558 | "name": "maxDate",
|
| 7559 | "type": {
|
| 7560 | "text": "string"
|
| 7561 | },
|
| 7562 | "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 7563 | "default": "\"\"",
|
| 7564 | "privacy": "public",
|
| 7565 | "_ui5since": "1.0.0-rc.6",
|
| 7566 | "_ui5validator": "String",
|
| 7567 | "inheritedFrom": {
|
| 7568 | "name": "DateComponentBase",
|
| 7569 | "module": "dist/DateComponentBase.js"
|
| 7570 | }
|
| 7571 | }
|
| 7572 | ],
|
| 7573 | "superclass": {
|
| 7574 | "name": "DatePicker",
|
| 7575 | "package": "@ui5/webcomponents",
|
| 7576 | "module": "dist/DatePicker.js"
|
| 7577 | },
|
| 7578 | "tagName": "ui5-daterange-picker",
|
| 7579 | "customElement": true,
|
| 7580 | "_ui5since": "1.0.0-rc.8",
|
| 7581 | "_ui5privacy": "public",
|
| 7582 | "events": [
|
| 7583 | {
|
| 7584 | "name": "change",
|
| 7585 | "_ui5privacy": "public",
|
| 7586 | "type": {
|
| 7587 | "text": "CustomEvent<DatePickerChangeEventDetail>",
|
| 7588 | "references": [
|
| 7589 | {
|
| 7590 | "name": "DatePickerChangeEventDetail",
|
| 7591 | "package": "@ui5/webcomponents",
|
| 7592 | "module": "dist/DatePicker.js"
|
| 7593 | }
|
| 7594 | ]
|
| 7595 | },
|
| 7596 | "description": "Fired when the input operation has finished by pressing Enter or on focusout.",
|
| 7597 | "_ui5allowPreventDefault": true,
|
| 7598 | "_ui5parameters": [
|
| 7599 | {
|
| 7600 | "type": {
|
| 7601 | "text": "string"
|
| 7602 | },
|
| 7603 | "name": "value",
|
| 7604 | "_ui5privacy": "public",
|
| 7605 | "description": "The submitted value."
|
| 7606 | },
|
| 7607 | {
|
| 7608 | "type": {
|
| 7609 | "text": "boolean"
|
| 7610 | },
|
| 7611 | "name": "valid",
|
| 7612 | "_ui5privacy": "public",
|
| 7613 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 7614 | }
|
| 7615 | ],
|
| 7616 | "inheritedFrom": {
|
| 7617 | "name": "DatePicker",
|
| 7618 | "module": "dist/DatePicker.js"
|
| 7619 | }
|
| 7620 | },
|
| 7621 | {
|
| 7622 | "name": "input",
|
| 7623 | "_ui5privacy": "public",
|
| 7624 | "type": {
|
| 7625 | "text": "CustomEvent<DatePickerInputEventDetail>",
|
| 7626 | "references": [
|
| 7627 | {
|
| 7628 | "name": "DatePickerInputEventDetail",
|
| 7629 | "package": "@ui5/webcomponents",
|
| 7630 | "module": "dist/DatePicker.js"
|
| 7631 | }
|
| 7632 | ]
|
| 7633 | },
|
| 7634 | "description": "Fired when the value of the component is changed at each key stroke.",
|
| 7635 | "_ui5allowPreventDefault": true,
|
| 7636 | "_ui5parameters": [
|
| 7637 | {
|
| 7638 | "type": {
|
| 7639 | "text": "string"
|
| 7640 | },
|
| 7641 | "name": "value",
|
| 7642 | "_ui5privacy": "public",
|
| 7643 | "description": "The submitted value."
|
| 7644 | },
|
| 7645 | {
|
| 7646 | "type": {
|
| 7647 | "text": "boolean"
|
| 7648 | },
|
| 7649 | "name": "valid",
|
| 7650 | "_ui5privacy": "public",
|
| 7651 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 7652 | }
|
| 7653 | ],
|
| 7654 | "inheritedFrom": {
|
| 7655 | "name": "DatePicker",
|
| 7656 | "module": "dist/DatePicker.js"
|
| 7657 | }
|
| 7658 | },
|
| 7659 | {
|
| 7660 | "name": "value-state-change",
|
| 7661 | "_ui5privacy": "public",
|
| 7662 | "type": {
|
| 7663 | "text": "CustomEvent<DatePickerValueStateChangeEventDetail>",
|
| 7664 | "references": [
|
| 7665 | {
|
| 7666 | "name": "DatePickerValueStateChangeEventDetail",
|
| 7667 | "package": "@ui5/webcomponents",
|
| 7668 | "module": "dist/DatePicker.js"
|
| 7669 | }
|
| 7670 | ]
|
| 7671 | },
|
| 7672 | "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
|
| 7673 | "_ui5allowPreventDefault": true,
|
| 7674 | "_ui5parameters": [
|
| 7675 | {
|
| 7676 | "type": {
|
| 7677 | "text": "string"
|
| 7678 | },
|
| 7679 | "name": "valueState",
|
| 7680 | "_ui5privacy": "public",
|
| 7681 | "description": "The new `valueState` that will be set."
|
| 7682 | },
|
| 7683 | {
|
| 7684 | "type": {
|
| 7685 | "text": "boolean"
|
| 7686 | },
|
| 7687 | "name": "valid",
|
| 7688 | "_ui5privacy": "public",
|
| 7689 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 7690 | }
|
| 7691 | ],
|
| 7692 | "inheritedFrom": {
|
| 7693 | "name": "DatePicker",
|
| 7694 | "module": "dist/DatePicker.js"
|
| 7695 | }
|
| 7696 | }
|
| 7697 | ]
|
| 7698 | }
|
| 7699 | ],
|
| 7700 | "exports": [
|
| 7701 | {
|
| 7702 | "kind": "js",
|
| 7703 | "name": "default",
|
| 7704 | "declaration": {
|
| 7705 | "name": "DateRangePicker",
|
| 7706 | "module": "dist/DateRangePicker.js"
|
| 7707 | }
|
| 7708 | },
|
| 7709 | {
|
| 7710 | "kind": "custom-element-definition",
|
| 7711 | "name": "ui5-daterange-picker",
|
| 7712 | "declaration": {
|
| 7713 | "name": "DateRangePicker",
|
| 7714 | "module": "dist/DateRangePicker.js"
|
| 7715 | }
|
| 7716 | }
|
| 7717 | ]
|
| 7718 | },
|
| 7719 | {
|
| 7720 | "kind": "javascript-module",
|
| 7721 | "path": "dist/DateTimePicker.js",
|
| 7722 | "declarations": [
|
| 7723 | {
|
| 7724 | "kind": "class",
|
| 7725 | "description": "### Overview\nThe `DateTimePicker` component alows users to select both date (day, month and year) and time (hours, minutes and seconds)\nand for the purpose it consists of input field and Date/Time picker.\n\n### Usage\n\nUse the `DateTimePicker` if you need a combined date and time input component.\nDon't use it if you want to use either date, or time value.\nIn this case, use the `DatePicker` or the `TimePicker` components instead.\n\nThe user can set date/time by:\n\n- using the calendar and the time selectors\n- typing in the input field\n\nProgrammatically, to set date/time for the `DateTimePicker`, use the `value` property\n\n### Formatting\n\nThe value entered by typing into the input field must fit to the used date/time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\n**Example:** the following format `dd/MM/yyyy, hh:mm:ss aa`\ncorresponds the `13/04/2020, 03:16:16 AM` value.\n\nThe small 'h' defines \"12\" hours format and the \"aa\" symbols - \"AM/PM\" time periods.\n\n**Example:** the following format `dd/MM/yyyy, HH:mm:ss`\ncorresponds the `13/04/2020, 15:16:16` value.\n\nThe capital 'H' indicates \"24\" hours format.\n\n**Note:** If the `formatPattern` does NOT include time,\nthe `DateTimePicker` will fallback to the default time format according to the locale.\n\n**Note:** If no placeholder is set to the `DateTimePicker`,\nthe current `formatPattern` is displayed as a placeholder.\nIf another placeholder is needed, it must be set or in case no placeholder is needed - it can be set to an empty string.\n\n**Note:** If the user input does NOT match the `formatPattern`,\nthe `DateTimePicker` makes an attempt to parse it based on the\nlocale settings.\n\n### Responsive behavior\n\nThe `DateTimePicker` is responsive and fully adapts to all devices.\nFor larger screens, such as tablet or desktop, it is displayed as a popover, while\non phone devices, it is displayed full screen.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateTimePicker.js\";`",
|
| 7726 | "name": "DateTimePicker",
|
| 7727 | "members": [
|
| 7728 | {
|
| 7729 | "kind": "method",
|
| 7730 | "name": "openPicker",
|
| 7731 | "return": {
|
| 7732 | "type": {
|
| 7733 | "text": "Promise<void>"
|
| 7734 | }
|
| 7735 | },
|
| 7736 | "description": "Opens the picker.",
|
| 7737 | "privacy": "public",
|
| 7738 | "inheritedFrom": {
|
| 7739 | "name": "DatePicker",
|
| 7740 | "module": "dist/DatePicker.js"
|
| 7741 | }
|
| 7742 | },
|
| 7743 | {
|
| 7744 | "kind": "field",
|
| 7745 | "name": "value",
|
| 7746 | "type": {
|
| 7747 | "text": "string"
|
| 7748 | },
|
| 7749 | "description": "Defines a formatted date value.",
|
| 7750 | "default": "\"\"",
|
| 7751 | "privacy": "public",
|
| 7752 | "_ui5validator": "String",
|
| 7753 | "_ui5formProperty": true,
|
| 7754 | "_ui5formEvents": "change,input",
|
| 7755 | "inheritedFrom": {
|
| 7756 | "name": "DatePicker",
|
| 7757 | "module": "dist/DatePicker.js"
|
| 7758 | }
|
| 7759 | },
|
| 7760 | {
|
| 7761 | "kind": "field",
|
| 7762 | "name": "valueState",
|
| 7763 | "type": {
|
| 7764 | "text": "ValueState",
|
| 7765 | "references": [
|
| 7766 | {
|
| 7767 | "name": "ValueState",
|
| 7768 | "package": "@ui5/webcomponents-base",
|
| 7769 | "module": "dist/types/ValueState.js"
|
| 7770 | }
|
| 7771 | ]
|
| 7772 | },
|
| 7773 | "description": "Defines the value state of the component.",
|
| 7774 | "default": "\"None\"",
|
| 7775 | "privacy": "public",
|
| 7776 | "_ui5validator": "ValueState",
|
| 7777 | "inheritedFrom": {
|
| 7778 | "name": "DatePicker",
|
| 7779 | "module": "dist/DatePicker.js"
|
| 7780 | }
|
| 7781 | },
|
| 7782 | {
|
| 7783 | "kind": "field",
|
| 7784 | "name": "required",
|
| 7785 | "type": {
|
| 7786 | "text": "boolean"
|
| 7787 | },
|
| 7788 | "description": "Defines whether the component is required.",
|
| 7789 | "default": "false",
|
| 7790 | "privacy": "public",
|
| 7791 | "_ui5since": "1.0.0-rc.9",
|
| 7792 | "_ui5validator": "Boolean",
|
| 7793 | "inheritedFrom": {
|
| 7794 | "name": "DatePicker",
|
| 7795 | "module": "dist/DatePicker.js"
|
| 7796 | }
|
| 7797 | },
|
| 7798 | {
|
| 7799 | "kind": "field",
|
| 7800 | "name": "disabled",
|
| 7801 | "type": {
|
| 7802 | "text": "boolean"
|
| 7803 | },
|
| 7804 | "description": "Determines whether the component is displayed as disabled.",
|
| 7805 | "default": "false",
|
| 7806 | "privacy": "public",
|
| 7807 | "_ui5validator": "Boolean",
|
| 7808 | "inheritedFrom": {
|
| 7809 | "name": "DatePicker",
|
| 7810 | "module": "dist/DatePicker.js"
|
| 7811 | }
|
| 7812 | },
|
| 7813 | {
|
| 7814 | "kind": "field",
|
| 7815 | "name": "readonly",
|
| 7816 | "type": {
|
| 7817 | "text": "boolean"
|
| 7818 | },
|
| 7819 | "description": "Determines whether the component is displayed as read-only.",
|
| 7820 | "default": "false",
|
| 7821 | "privacy": "public",
|
| 7822 | "_ui5validator": "Boolean",
|
| 7823 | "inheritedFrom": {
|
| 7824 | "name": "DatePicker",
|
| 7825 | "module": "dist/DatePicker.js"
|
| 7826 | }
|
| 7827 | },
|
| 7828 | {
|
| 7829 | "kind": "field",
|
| 7830 | "name": "placeholder",
|
| 7831 | "type": {
|
| 7832 | "text": "string | undefined"
|
| 7833 | },
|
| 7834 | "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
|
| 7835 | "default": "undefined",
|
| 7836 | "privacy": "public",
|
| 7837 | "_ui5validator": "String",
|
| 7838 | "inheritedFrom": {
|
| 7839 | "name": "DatePicker",
|
| 7840 | "module": "dist/DatePicker.js"
|
| 7841 | }
|
| 7842 | },
|
| 7843 | {
|
| 7844 | "kind": "field",
|
| 7845 | "name": "name",
|
| 7846 | "type": {
|
| 7847 | "text": "string"
|
| 7848 | },
|
| 7849 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 7850 | "default": "\"\"",
|
| 7851 | "privacy": "public",
|
| 7852 | "_ui5validator": "String",
|
| 7853 | "inheritedFrom": {
|
| 7854 | "name": "DatePicker",
|
| 7855 | "module": "dist/DatePicker.js"
|
| 7856 | }
|
| 7857 | },
|
| 7858 | {
|
| 7859 | "kind": "field",
|
| 7860 | "name": "hideWeekNumbers",
|
| 7861 | "type": {
|
| 7862 | "text": "boolean"
|
| 7863 | },
|
| 7864 | "description": "Defines the visibility of the week numbers column.\n\n**Note:** For calendars other than Gregorian,\nthe week numbers are not displayed regardless of what is set.",
|
| 7865 | "default": "false",
|
| 7866 | "privacy": "public",
|
| 7867 | "_ui5since": "1.0.0-rc.8",
|
| 7868 | "_ui5validator": "Boolean",
|
| 7869 | "inheritedFrom": {
|
| 7870 | "name": "DatePicker",
|
| 7871 | "module": "dist/DatePicker.js"
|
| 7872 | }
|
| 7873 | },
|
| 7874 | {
|
| 7875 | "kind": "field",
|
| 7876 | "name": "accessibleName",
|
| 7877 | "type": {
|
| 7878 | "text": "string"
|
| 7879 | },
|
| 7880 | "description": "Defines the aria-label attribute for the component.",
|
| 7881 | "default": "\"\"",
|
| 7882 | "privacy": "public",
|
| 7883 | "_ui5since": "1.0.0-rc.15",
|
| 7884 | "_ui5validator": "String",
|
| 7885 | "inheritedFrom": {
|
| 7886 | "name": "DatePicker",
|
| 7887 | "module": "dist/DatePicker.js"
|
| 7888 | }
|
| 7889 | },
|
| 7890 | {
|
| 7891 | "kind": "field",
|
| 7892 | "name": "accessibleNameRef",
|
| 7893 | "type": {
|
| 7894 | "text": "string"
|
| 7895 | },
|
| 7896 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 7897 | "default": "\"\"",
|
| 7898 | "privacy": "public",
|
| 7899 | "_ui5since": "1.0.0-rc.15",
|
| 7900 | "_ui5validator": "String",
|
| 7901 | "inheritedFrom": {
|
| 7902 | "name": "DatePicker",
|
| 7903 | "module": "dist/DatePicker.js"
|
| 7904 | }
|
| 7905 | },
|
| 7906 | {
|
| 7907 | "kind": "method",
|
| 7908 | "name": "isValid",
|
| 7909 | "return": {
|
| 7910 | "type": {
|
| 7911 | "text": "boolean"
|
| 7912 | }
|
| 7913 | },
|
| 7914 | "parameters": [
|
| 7915 | {
|
| 7916 | "name": "value",
|
| 7917 | "type": {
|
| 7918 | "text": "string"
|
| 7919 | },
|
| 7920 | "description": "A value to be tested against the current date format",
|
| 7921 | "_ui5privacy": "public"
|
| 7922 | }
|
| 7923 | ],
|
| 7924 | "description": "Checks if a value is valid against the current date format of the DatePicker.",
|
| 7925 | "privacy": "public",
|
| 7926 | "inheritedFrom": {
|
| 7927 | "name": "DatePicker",
|
| 7928 | "module": "dist/DatePicker.js"
|
| 7929 | }
|
| 7930 | },
|
| 7931 | {
|
| 7932 | "kind": "method",
|
| 7933 | "name": "isInValidRange",
|
| 7934 | "return": {
|
| 7935 | "type": {
|
| 7936 | "text": "boolean"
|
| 7937 | }
|
| 7938 | },
|
| 7939 | "parameters": [
|
| 7940 | {
|
| 7941 | "name": "value",
|
| 7942 | "type": {
|
| 7943 | "text": "string"
|
| 7944 | },
|
| 7945 | "description": "A value to be checked",
|
| 7946 | "_ui5privacy": "public"
|
| 7947 | }
|
| 7948 | ],
|
| 7949 | "description": "Checks if a date is between the minimum and maximum date.",
|
| 7950 | "privacy": "public",
|
| 7951 | "inheritedFrom": {
|
| 7952 | "name": "DatePicker",
|
| 7953 | "module": "dist/DatePicker.js"
|
| 7954 | }
|
| 7955 | },
|
| 7956 | {
|
| 7957 | "kind": "method",
|
| 7958 | "name": "formatValue",
|
| 7959 | "return": {
|
| 7960 | "type": {
|
| 7961 | "text": "string"
|
| 7962 | },
|
| 7963 | "description": "The date as string"
|
| 7964 | },
|
| 7965 | "parameters": [
|
| 7966 | {
|
| 7967 | "name": "date",
|
| 7968 | "type": {
|
| 7969 | "text": "Date"
|
| 7970 | },
|
| 7971 | "description": "A Java Script date object to be formatted as string",
|
| 7972 | "_ui5privacy": "public"
|
| 7973 | }
|
| 7974 | ],
|
| 7975 | "description": "Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance",
|
| 7976 | "privacy": "public",
|
| 7977 | "inheritedFrom": {
|
| 7978 | "name": "DatePicker",
|
| 7979 | "module": "dist/DatePicker.js"
|
| 7980 | }
|
| 7981 | },
|
| 7982 | {
|
| 7983 | "kind": "method",
|
| 7984 | "name": "closePicker",
|
| 7985 | "return": {
|
| 7986 | "type": {
|
| 7987 | "text": "void"
|
| 7988 | }
|
| 7989 | },
|
| 7990 | "description": "Closes the picker.",
|
| 7991 | "privacy": "public",
|
| 7992 | "inheritedFrom": {
|
| 7993 | "name": "DatePicker",
|
| 7994 | "module": "dist/DatePicker.js"
|
| 7995 | }
|
| 7996 | },
|
| 7997 | {
|
| 7998 | "kind": "method",
|
| 7999 | "name": "isOpen",
|
| 8000 | "return": {
|
| 8001 | "type": {
|
| 8002 | "text": "boolean"
|
| 8003 | },
|
| 8004 | "description": "true if the picker is open, false otherwise"
|
| 8005 | },
|
| 8006 | "description": "Checks if the picker is open.",
|
| 8007 | "privacy": "public",
|
| 8008 | "inheritedFrom": {
|
| 8009 | "name": "DatePicker",
|
| 8010 | "module": "dist/DatePicker.js"
|
| 8011 | }
|
| 8012 | },
|
| 8013 | {
|
| 8014 | "kind": "field",
|
| 8015 | "name": "dateValue",
|
| 8016 | "type": {
|
| 8017 | "text": "Date | null"
|
| 8018 | },
|
| 8019 | "description": "Currently selected date represented as a Local JavaScript Date instance.",
|
| 8020 | "privacy": "public",
|
| 8021 | "default": "null",
|
| 8022 | "readonly": true,
|
| 8023 | "inheritedFrom": {
|
| 8024 | "name": "DatePicker",
|
| 8025 | "module": "dist/DatePicker.js"
|
| 8026 | }
|
| 8027 | },
|
| 8028 | {
|
| 8029 | "kind": "field",
|
| 8030 | "name": "primaryCalendarType",
|
| 8031 | "type": {
|
| 8032 | "text": "CalendarType | undefined",
|
| 8033 | "references": [
|
| 8034 | {
|
| 8035 | "name": "CalendarType",
|
| 8036 | "package": "@ui5/webcomponents-base",
|
| 8037 | "module": "dist/types/CalendarType.js"
|
| 8038 | }
|
| 8039 | ]
|
| 8040 | },
|
| 8041 | "description": "Sets a calendar type used for display.\nIf not set, the calendar type of the global configuration is used.",
|
| 8042 | "default": "undefined",
|
| 8043 | "privacy": "public",
|
| 8044 | "_ui5validator": "CalendarType",
|
| 8045 | "inheritedFrom": {
|
| 8046 | "name": "DateComponentBase",
|
| 8047 | "module": "dist/DateComponentBase.js"
|
| 8048 | }
|
| 8049 | },
|
| 8050 | {
|
| 8051 | "kind": "field",
|
| 8052 | "name": "secondaryCalendarType",
|
| 8053 | "type": {
|
| 8054 | "text": "CalendarType | undefined",
|
| 8055 | "references": [
|
| 8056 | {
|
| 8057 | "name": "CalendarType",
|
| 8058 | "package": "@ui5/webcomponents-base",
|
| 8059 | "module": "dist/types/CalendarType.js"
|
| 8060 | }
|
| 8061 | ]
|
| 8062 | },
|
| 8063 | "description": "Defines the secondary calendar type.\nIf not set, the calendar will only show the primary calendar type.",
|
| 8064 | "default": "undefined",
|
| 8065 | "privacy": "public",
|
| 8066 | "_ui5since": "1.0.0-rc.16",
|
| 8067 | "_ui5validator": "CalendarType",
|
| 8068 | "inheritedFrom": {
|
| 8069 | "name": "DateComponentBase",
|
| 8070 | "module": "dist/DateComponentBase.js"
|
| 8071 | }
|
| 8072 | },
|
| 8073 | {
|
| 8074 | "kind": "field",
|
| 8075 | "name": "formatPattern",
|
| 8076 | "type": {
|
| 8077 | "text": "string"
|
| 8078 | },
|
| 8079 | "description": "Determines the format, displayed in the input field.",
|
| 8080 | "default": "\"\"",
|
| 8081 | "privacy": "public",
|
| 8082 | "_ui5validator": "String",
|
| 8083 | "inheritedFrom": {
|
| 8084 | "name": "DateComponentBase",
|
| 8085 | "module": "dist/DateComponentBase.js"
|
| 8086 | }
|
| 8087 | },
|
| 8088 | {
|
| 8089 | "kind": "field",
|
| 8090 | "name": "minDate",
|
| 8091 | "type": {
|
| 8092 | "text": "string"
|
| 8093 | },
|
| 8094 | "description": "Determines the minimum date available for selection.\n\n**Note:** If the formatPattern property is not set, the minDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 8095 | "default": "\"\"",
|
| 8096 | "privacy": "public",
|
| 8097 | "_ui5since": "1.0.0-rc.6",
|
| 8098 | "_ui5validator": "String",
|
| 8099 | "inheritedFrom": {
|
| 8100 | "name": "DateComponentBase",
|
| 8101 | "module": "dist/DateComponentBase.js"
|
| 8102 | }
|
| 8103 | },
|
| 8104 | {
|
| 8105 | "kind": "field",
|
| 8106 | "name": "maxDate",
|
| 8107 | "type": {
|
| 8108 | "text": "string"
|
| 8109 | },
|
| 8110 | "description": "Determines the maximum date available for selection.\n\n**Note:** If the formatPattern property is not set, the maxDate value must be provided in the ISO date format (YYYY-MM-dd).",
|
| 8111 | "default": "\"\"",
|
| 8112 | "privacy": "public",
|
| 8113 | "_ui5since": "1.0.0-rc.6",
|
| 8114 | "_ui5validator": "String",
|
| 8115 | "inheritedFrom": {
|
| 8116 | "name": "DateComponentBase",
|
| 8117 | "module": "dist/DateComponentBase.js"
|
| 8118 | }
|
| 8119 | }
|
| 8120 | ],
|
| 8121 | "superclass": {
|
| 8122 | "name": "DatePicker",
|
| 8123 | "package": "@ui5/webcomponents",
|
| 8124 | "module": "dist/DatePicker.js"
|
| 8125 | },
|
| 8126 | "tagName": "ui5-datetime-picker",
|
| 8127 | "customElement": true,
|
| 8128 | "_ui5since": "1.0.0-rc.7",
|
| 8129 | "_ui5privacy": "public",
|
| 8130 | "events": [
|
| 8131 | {
|
| 8132 | "name": "change",
|
| 8133 | "_ui5privacy": "public",
|
| 8134 | "type": {
|
| 8135 | "text": "CustomEvent<DatePickerChangeEventDetail>",
|
| 8136 | "references": [
|
| 8137 | {
|
| 8138 | "name": "DatePickerChangeEventDetail",
|
| 8139 | "package": "@ui5/webcomponents",
|
| 8140 | "module": "dist/DatePicker.js"
|
| 8141 | }
|
| 8142 | ]
|
| 8143 | },
|
| 8144 | "description": "Fired when the input operation has finished by pressing Enter or on focusout.",
|
| 8145 | "_ui5allowPreventDefault": true,
|
| 8146 | "_ui5parameters": [
|
| 8147 | {
|
| 8148 | "type": {
|
| 8149 | "text": "string"
|
| 8150 | },
|
| 8151 | "name": "value",
|
| 8152 | "_ui5privacy": "public",
|
| 8153 | "description": "The submitted value."
|
| 8154 | },
|
| 8155 | {
|
| 8156 | "type": {
|
| 8157 | "text": "boolean"
|
| 8158 | },
|
| 8159 | "name": "valid",
|
| 8160 | "_ui5privacy": "public",
|
| 8161 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 8162 | }
|
| 8163 | ],
|
| 8164 | "inheritedFrom": {
|
| 8165 | "name": "DatePicker",
|
| 8166 | "module": "dist/DatePicker.js"
|
| 8167 | }
|
| 8168 | },
|
| 8169 | {
|
| 8170 | "name": "input",
|
| 8171 | "_ui5privacy": "public",
|
| 8172 | "type": {
|
| 8173 | "text": "CustomEvent<DatePickerInputEventDetail>",
|
| 8174 | "references": [
|
| 8175 | {
|
| 8176 | "name": "DatePickerInputEventDetail",
|
| 8177 | "package": "@ui5/webcomponents",
|
| 8178 | "module": "dist/DatePicker.js"
|
| 8179 | }
|
| 8180 | ]
|
| 8181 | },
|
| 8182 | "description": "Fired when the value of the component is changed at each key stroke.",
|
| 8183 | "_ui5allowPreventDefault": true,
|
| 8184 | "_ui5parameters": [
|
| 8185 | {
|
| 8186 | "type": {
|
| 8187 | "text": "string"
|
| 8188 | },
|
| 8189 | "name": "value",
|
| 8190 | "_ui5privacy": "public",
|
| 8191 | "description": "The submitted value."
|
| 8192 | },
|
| 8193 | {
|
| 8194 | "type": {
|
| 8195 | "text": "boolean"
|
| 8196 | },
|
| 8197 | "name": "valid",
|
| 8198 | "_ui5privacy": "public",
|
| 8199 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 8200 | }
|
| 8201 | ],
|
| 8202 | "inheritedFrom": {
|
| 8203 | "name": "DatePicker",
|
| 8204 | "module": "dist/DatePicker.js"
|
| 8205 | }
|
| 8206 | },
|
| 8207 | {
|
| 8208 | "name": "value-state-change",
|
| 8209 | "_ui5privacy": "public",
|
| 8210 | "type": {
|
| 8211 | "text": "CustomEvent<DatePickerValueStateChangeEventDetail>",
|
| 8212 | "references": [
|
| 8213 | {
|
| 8214 | "name": "DatePickerValueStateChangeEventDetail",
|
| 8215 | "package": "@ui5/webcomponents",
|
| 8216 | "module": "dist/DatePicker.js"
|
| 8217 | }
|
| 8218 | ]
|
| 8219 | },
|
| 8220 | "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
|
| 8221 | "_ui5allowPreventDefault": true,
|
| 8222 | "_ui5parameters": [
|
| 8223 | {
|
| 8224 | "type": {
|
| 8225 | "text": "string"
|
| 8226 | },
|
| 8227 | "name": "valueState",
|
| 8228 | "_ui5privacy": "public",
|
| 8229 | "description": "The new `valueState` that will be set."
|
| 8230 | },
|
| 8231 | {
|
| 8232 | "type": {
|
| 8233 | "text": "boolean"
|
| 8234 | },
|
| 8235 | "name": "valid",
|
| 8236 | "_ui5privacy": "public",
|
| 8237 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 8238 | }
|
| 8239 | ],
|
| 8240 | "inheritedFrom": {
|
| 8241 | "name": "DatePicker",
|
| 8242 | "module": "dist/DatePicker.js"
|
| 8243 | }
|
| 8244 | }
|
| 8245 | ]
|
| 8246 | }
|
| 8247 | ],
|
| 8248 | "exports": [
|
| 8249 | {
|
| 8250 | "kind": "js",
|
| 8251 | "name": "default",
|
| 8252 | "declaration": {
|
| 8253 | "name": "DateTimePicker",
|
| 8254 | "module": "dist/DateTimePicker.js"
|
| 8255 | }
|
| 8256 | },
|
| 8257 | {
|
| 8258 | "kind": "custom-element-definition",
|
| 8259 | "name": "ui5-datetime-picker",
|
| 8260 | "declaration": {
|
| 8261 | "name": "DateTimePicker",
|
| 8262 | "module": "dist/DateTimePicker.js"
|
| 8263 | }
|
| 8264 | }
|
| 8265 | ]
|
| 8266 | },
|
| 8267 | {
|
| 8268 | "kind": "javascript-module",
|
| 8269 | "path": "dist/DayPicker.js",
|
| 8270 | "declarations": [],
|
| 8271 | "exports": [
|
| 8272 | {
|
| 8273 | "kind": "js",
|
| 8274 | "name": "default",
|
| 8275 | "declaration": {
|
| 8276 | "name": "DayPicker",
|
| 8277 | "module": "dist/DayPicker.js"
|
| 8278 | }
|
| 8279 | }
|
| 8280 | ]
|
| 8281 | },
|
| 8282 | {
|
| 8283 | "kind": "javascript-module",
|
| 8284 | "path": "dist/Dialog.js",
|
| 8285 | "declarations": [
|
| 8286 | {
|
| 8287 | "kind": "class",
|
| 8288 | "description": "### Overview\nThe `ui5-dialog` component is used to temporarily display some information in a\nsize-limited window in front of the regular app screen.\nIt is used to prompt the user for an action or a confirmation.\nThe `ui5-dialog` interrupts the current app processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe dialog combines concepts known from other technologies where the windows have\nnames such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n\nThe `ui5-dialog` is modal, which means that an user action is required before it is possible to return to the parent window.\nTo open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\nThe content of the `ui5-dialog` is fully customizable.\n\n### Structure\nA `ui5-dialog` consists of a header, content, and a footer for action buttons.\nThe `ui5-dialog` is usually displayed at the center of the screen.\nIts position can be changed by the user. To enable this, you need to set the property `draggable` accordingly.\n\n\n### Responsive Behavior\nThe `stretch` property can be used to stretch the\n`ui5-dialog` on full screen.\n\n**Note:** When a `ui5-bar` is used in the header or in the footer, you should remove the default dialog's paddings.\n\nFor more information see the sample \"Bar in Header/Footer\".\n\n### Keyboard Handling\n\n#### Basic Navigation\nWhen the `ui5-dialog` has the `draggable` property set to `true` and the header is focused, the user can move the dialog\nwith the following keyboard shortcuts:\n\n- [UP/DOWN] arrow keys - Move the dialog up/down.\n- [LEFT/RIGHT] arrow keys - Move the dialog left/right.\n\n#### Resizing\nWhen the `ui5-dialog` has the `resizable` property set to `true` and the header is focused, the user can change the size of the dialog\nwith the following keyboard shortcuts:\n\n- [SHIFT] + [UP/DOWN] - Decrease/Increase the height of the dialog.\n- [SHIFT] + [LEFT/RIGHT] - Decrease/Increase the width of the dialog.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Dialog\";`\n\n**Note:** We recommend placing popup-like components (`ui5-dialog` and `ui5-popover`)\noutside any other components. Preferably, the popup-like components should be placed\nin an upper level HTML element. Otherwise, in some cases the parent HTML elements can break\nthe position and/or z-index management of the popup-like components.\n\n**Note:** We don't recommend nesting popup-like components (`ui5-dialog`, `ui5-popover`).",
|
| 8289 | "name": "Dialog",
|
| 8290 | "cssParts": [
|
| 8291 | {
|
| 8292 | "description": "Used to style the header of the component",
|
| 8293 | "name": "header"
|
| 8294 | },
|
| 8295 | {
|
| 8296 | "description": "Used to style the content of the component",
|
| 8297 | "name": "content"
|
| 8298 | },
|
| 8299 | {
|
| 8300 | "description": "Used to style the footer of the component",
|
| 8301 | "name": "footer"
|
| 8302 | }
|
| 8303 | ],
|
| 8304 | "slots": [
|
| 8305 | {
|
| 8306 | "name": "header",
|
| 8307 | "description": "Defines the header HTML Element.\n\n**Note:** When a `ui5-bar` is used in the header, you should remove the default dialog's paddings.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used.",
|
| 8308 | "_ui5type": {
|
| 8309 | "text": "Array<HTMLElement>"
|
| 8310 | },
|
| 8311 | "_ui5privacy": "public"
|
| 8312 | },
|
| 8313 | {
|
| 8314 | "name": "footer",
|
| 8315 | "description": "Defines the footer HTML Element.\n\n**Note:** When a `ui5-bar` is used in the footer, you should remove the default dialog's paddings.",
|
| 8316 | "_ui5type": {
|
| 8317 | "text": "Array<HTMLElement>"
|
| 8318 | },
|
| 8319 | "_ui5privacy": "public"
|
| 8320 | }
|
| 8321 | ],
|
| 8322 | "members": [
|
| 8323 | {
|
| 8324 | "kind": "field",
|
| 8325 | "name": "headerText",
|
| 8326 | "type": {
|
| 8327 | "text": "string"
|
| 8328 | },
|
| 8329 | "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
|
| 8330 | "default": "\"\"",
|
| 8331 | "privacy": "public",
|
| 8332 | "_ui5validator": "String"
|
| 8333 | },
|
| 8334 | {
|
| 8335 | "kind": "field",
|
| 8336 | "name": "stretch",
|
| 8337 | "type": {
|
| 8338 | "text": "boolean"
|
| 8339 | },
|
| 8340 | "description": "Determines whether the component should be stretched to fullscreen.\n\n**Note:** The component will be stretched to approximately\n90% of the viewport.",
|
| 8341 | "default": "false",
|
| 8342 | "privacy": "public",
|
| 8343 | "_ui5validator": "Boolean"
|
| 8344 | },
|
| 8345 | {
|
| 8346 | "kind": "field",
|
| 8347 | "name": "draggable",
|
| 8348 | "type": {
|
| 8349 | "text": "boolean"
|
| 8350 | },
|
| 8351 | "description": "Determines whether the component is draggable.\nIf this property is set to true, the Dialog will be draggable by its header.\n\n**Note:** The component can be draggable only in desktop mode.\n\n**Note:** This property overrides the default HTML \"draggable\" attribute native behavior.\nWhen \"draggable\" is set to true, the native browser \"draggable\"\nbehavior is prevented and only the Dialog custom logic (\"draggable by its header\") works.",
|
| 8352 | "default": "false",
|
| 8353 | "privacy": "public",
|
| 8354 | "_ui5since": "1.0.0-rc.9",
|
| 8355 | "_ui5validator": "Boolean"
|
| 8356 | },
|
| 8357 | {
|
| 8358 | "kind": "field",
|
| 8359 | "name": "resizable",
|
| 8360 | "type": {
|
| 8361 | "text": "boolean"
|
| 8362 | },
|
| 8363 | "description": "Configures the component to be resizable.\nIf this property is set to true, the Dialog will have a resize handle in its bottom right corner in LTR languages.\nIn RTL languages, the resize handle will be placed in the bottom left corner.\n\n**Note:** The component can be resizable only in desktop mode.\n\n**Note:** Upon resizing, externally defined height and width styling will be ignored.",
|
| 8364 | "default": "false",
|
| 8365 | "privacy": "public",
|
| 8366 | "_ui5since": "1.0.0-rc.10",
|
| 8367 | "_ui5validator": "Boolean"
|
| 8368 | },
|
| 8369 | {
|
| 8370 | "kind": "field",
|
| 8371 | "name": "state",
|
| 8372 | "type": {
|
| 8373 | "text": "ValueState",
|
| 8374 | "references": [
|
| 8375 | {
|
| 8376 | "name": "ValueState",
|
| 8377 | "package": "@ui5/webcomponents-base",
|
| 8378 | "module": "dist/types/ValueState.js"
|
| 8379 | }
|
| 8380 | ]
|
| 8381 | },
|
| 8382 | "description": "Defines the state of the `Dialog`.\n\n**Note:** If `\"Error\"` and `\"Warning\"` state is set, it will change the\naccessibility role to \"alertdialog\", if the accessibleRole property is set to `\"Dialog\"`.",
|
| 8383 | "default": "\"None\"",
|
| 8384 | "privacy": "public",
|
| 8385 | "_ui5since": "1.0.0-rc.15",
|
| 8386 | "_ui5validator": "ValueState"
|
| 8387 | },
|
| 8388 | {
|
| 8389 | "kind": "method",
|
| 8390 | "name": "show",
|
| 8391 | "return": {
|
| 8392 | "type": {
|
| 8393 | "text": "Promise<void>"
|
| 8394 | },
|
| 8395 | "description": "Resolves when the dialog is open"
|
| 8396 | },
|
| 8397 | "parameters": [
|
| 8398 | {
|
| 8399 | "name": "preventInitialFocus",
|
| 8400 | "default": "false",
|
| 8401 | "description": "Prevents applying the focus inside the popup",
|
| 8402 | "optional": true,
|
| 8403 | "_ui5privacy": "public",
|
| 8404 | "type": {
|
| 8405 | "text": "boolean"
|
| 8406 | }
|
| 8407 | }
|
| 8408 | ],
|
| 8409 | "description": "Shows the dialog.",
|
| 8410 | "privacy": "public"
|
| 8411 | },
|
| 8412 | {
|
| 8413 | "kind": "field",
|
| 8414 | "name": "initialFocus",
|
| 8415 | "type": {
|
| 8416 | "text": "string"
|
| 8417 | },
|
| 8418 | "description": "Defines the ID of the HTML Element, which will get the initial focus.",
|
| 8419 | "default": "\"\"",
|
| 8420 | "privacy": "public",
|
| 8421 | "_ui5validator": "String",
|
| 8422 | "inheritedFrom": {
|
| 8423 | "name": "Popup",
|
| 8424 | "module": "dist/Popup.js"
|
| 8425 | }
|
| 8426 | },
|
| 8427 | {
|
| 8428 | "kind": "field",
|
| 8429 | "name": "preventFocusRestore",
|
| 8430 | "type": {
|
| 8431 | "text": "boolean"
|
| 8432 | },
|
| 8433 | "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
|
| 8434 | "default": "false",
|
| 8435 | "privacy": "public",
|
| 8436 | "_ui5since": "1.0.0-rc.8",
|
| 8437 | "_ui5validator": "Boolean",
|
| 8438 | "inheritedFrom": {
|
| 8439 | "name": "Popup",
|
| 8440 | "module": "dist/Popup.js"
|
| 8441 | }
|
| 8442 | },
|
| 8443 | {
|
| 8444 | "kind": "field",
|
| 8445 | "name": "open",
|
| 8446 | "type": {
|
| 8447 | "text": "boolean"
|
| 8448 | },
|
| 8449 | "description": "Indicates if the element is open",
|
| 8450 | "privacy": "public",
|
| 8451 | "default": "false",
|
| 8452 | "_ui5since": "1.2.0",
|
| 8453 | "_ui5validator": "Boolean",
|
| 8454 | "inheritedFrom": {
|
| 8455 | "name": "Popup",
|
| 8456 | "module": "dist/Popup.js"
|
| 8457 | }
|
| 8458 | },
|
| 8459 | {
|
| 8460 | "kind": "field",
|
| 8461 | "name": "accessibleName",
|
| 8462 | "type": {
|
| 8463 | "text": "string | undefined"
|
| 8464 | },
|
| 8465 | "description": "Defines the accessible name of the component.",
|
| 8466 | "default": "undefined",
|
| 8467 | "privacy": "public",
|
| 8468 | "_ui5since": "1.0.0-rc.15",
|
| 8469 | "_ui5validator": "String",
|
| 8470 | "inheritedFrom": {
|
| 8471 | "name": "Popup",
|
| 8472 | "module": "dist/Popup.js"
|
| 8473 | }
|
| 8474 | },
|
| 8475 | {
|
| 8476 | "kind": "field",
|
| 8477 | "name": "accessibleNameRef",
|
| 8478 | "type": {
|
| 8479 | "text": "string"
|
| 8480 | },
|
| 8481 | "description": "Defines the IDs of the elements that label the component.",
|
| 8482 | "default": "\"\"",
|
| 8483 | "privacy": "public",
|
| 8484 | "_ui5since": "1.1.0",
|
| 8485 | "_ui5validator": "String",
|
| 8486 | "inheritedFrom": {
|
| 8487 | "name": "Popup",
|
| 8488 | "module": "dist/Popup.js"
|
| 8489 | }
|
| 8490 | },
|
| 8491 | {
|
| 8492 | "kind": "field",
|
| 8493 | "name": "accessibleRole",
|
| 8494 | "type": {
|
| 8495 | "text": "PopupAccessibleRole",
|
| 8496 | "references": [
|
| 8497 | {
|
| 8498 | "name": "PopupAccessibleRole",
|
| 8499 | "package": "@ui5/webcomponents",
|
| 8500 | "module": "dist/types/PopupAccessibleRole.js"
|
| 8501 | }
|
| 8502 | ]
|
| 8503 | },
|
| 8504 | "description": "Allows setting a custom role.",
|
| 8505 | "default": "\"Dialog\"",
|
| 8506 | "privacy": "public",
|
| 8507 | "_ui5since": "1.10.0",
|
| 8508 | "_ui5validator": "PopupAccessibleRole",
|
| 8509 | "inheritedFrom": {
|
| 8510 | "name": "Popup",
|
| 8511 | "module": "dist/Popup.js"
|
| 8512 | }
|
| 8513 | },
|
| 8514 | {
|
| 8515 | "kind": "method",
|
| 8516 | "name": "applyFocus",
|
| 8517 | "return": {
|
| 8518 | "type": {
|
| 8519 | "text": "Promise<void>"
|
| 8520 | },
|
| 8521 | "description": "Promise that resolves when the focus is applied"
|
| 8522 | },
|
| 8523 | "description": "Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.",
|
| 8524 | "privacy": "public",
|
| 8525 | "inheritedFrom": {
|
| 8526 | "name": "Popup",
|
| 8527 | "module": "dist/Popup.js"
|
| 8528 | }
|
| 8529 | },
|
| 8530 | {
|
| 8531 | "kind": "method",
|
| 8532 | "name": "isOpen",
|
| 8533 | "return": {
|
| 8534 | "type": {
|
| 8535 | "text": "boolean"
|
| 8536 | }
|
| 8537 | },
|
| 8538 | "description": "Tells if the component is opened",
|
| 8539 | "privacy": "public",
|
| 8540 | "inheritedFrom": {
|
| 8541 | "name": "Popup",
|
| 8542 | "module": "dist/Popup.js"
|
| 8543 | }
|
| 8544 | },
|
| 8545 | {
|
| 8546 | "kind": "method",
|
| 8547 | "name": "close",
|
| 8548 | "return": {
|
| 8549 | "type": {
|
| 8550 | "text": "void"
|
| 8551 | }
|
| 8552 | },
|
| 8553 | "description": "Closes the popup.",
|
| 8554 | "privacy": "public",
|
| 8555 | "inheritedFrom": {
|
| 8556 | "name": "Popup",
|
| 8557 | "module": "dist/Popup.js"
|
| 8558 | }
|
| 8559 | }
|
| 8560 | ],
|
| 8561 | "superclass": {
|
| 8562 | "name": "Popup",
|
| 8563 | "package": "@ui5/webcomponents",
|
| 8564 | "module": "dist/Popup.js"
|
| 8565 | },
|
| 8566 | "tagName": "ui5-dialog",
|
| 8567 | "customElement": true,
|
| 8568 | "_ui5privacy": "public",
|
| 8569 | "events": [
|
| 8570 | {
|
| 8571 | "name": "before-open",
|
| 8572 | "_ui5privacy": "public",
|
| 8573 | "type": {
|
| 8574 | "text": "CustomEvent"
|
| 8575 | },
|
| 8576 | "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
|
| 8577 | "_ui5allowPreventDefault": true,
|
| 8578 | "inheritedFrom": {
|
| 8579 | "name": "Popup",
|
| 8580 | "module": "dist/Popup.js"
|
| 8581 | }
|
| 8582 | },
|
| 8583 | {
|
| 8584 | "name": "after-open",
|
| 8585 | "_ui5privacy": "public",
|
| 8586 | "type": {
|
| 8587 | "text": "CustomEvent"
|
| 8588 | },
|
| 8589 | "description": "Fired after the component is opened. **This event does not bubble.**",
|
| 8590 | "inheritedFrom": {
|
| 8591 | "name": "Popup",
|
| 8592 | "module": "dist/Popup.js"
|
| 8593 | }
|
| 8594 | },
|
| 8595 | {
|
| 8596 | "name": "before-close",
|
| 8597 | "_ui5privacy": "public",
|
| 8598 | "type": {
|
| 8599 | "text": "CustomEvent<PopupBeforeCloseEventDetail>",
|
| 8600 | "references": [
|
| 8601 | {
|
| 8602 | "name": "PopupBeforeCloseEventDetail",
|
| 8603 | "package": "@ui5/webcomponents",
|
| 8604 | "module": "dist/Popup.js"
|
| 8605 | }
|
| 8606 | ]
|
| 8607 | },
|
| 8608 | "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
|
| 8609 | "_ui5allowPreventDefault": true,
|
| 8610 | "_ui5parameters": [
|
| 8611 | {
|
| 8612 | "type": {
|
| 8613 | "text": "boolean"
|
| 8614 | },
|
| 8615 | "name": "escPressed",
|
| 8616 | "_ui5privacy": "public",
|
| 8617 | "description": "Indicates that `ESC` key has triggered the event."
|
| 8618 | }
|
| 8619 | ],
|
| 8620 | "inheritedFrom": {
|
| 8621 | "name": "Popup",
|
| 8622 | "module": "dist/Popup.js"
|
| 8623 | }
|
| 8624 | },
|
| 8625 | {
|
| 8626 | "name": "after-close",
|
| 8627 | "_ui5privacy": "public",
|
| 8628 | "type": {
|
| 8629 | "text": "CustomEvent"
|
| 8630 | },
|
| 8631 | "description": "Fired after the component is closed. **This event does not bubble.**",
|
| 8632 | "inheritedFrom": {
|
| 8633 | "name": "Popup",
|
| 8634 | "module": "dist/Popup.js"
|
| 8635 | }
|
| 8636 | }
|
| 8637 | ]
|
| 8638 | }
|
| 8639 | ],
|
| 8640 | "exports": [
|
| 8641 | {
|
| 8642 | "kind": "js",
|
| 8643 | "name": "default",
|
| 8644 | "declaration": {
|
| 8645 | "name": "Dialog",
|
| 8646 | "module": "dist/Dialog.js"
|
| 8647 | }
|
| 8648 | },
|
| 8649 | {
|
| 8650 | "kind": "custom-element-definition",
|
| 8651 | "name": "ui5-dialog",
|
| 8652 | "declaration": {
|
| 8653 | "name": "Dialog",
|
| 8654 | "module": "dist/Dialog.js"
|
| 8655 | }
|
| 8656 | }
|
| 8657 | ]
|
| 8658 | },
|
| 8659 | {
|
| 8660 | "kind": "javascript-module",
|
| 8661 | "path": "dist/FileUploader.js",
|
| 8662 | "declarations": [
|
| 8663 | {
|
| 8664 | "kind": "class",
|
| 8665 | "description": "### Overview\n\nThe `ui5-file-uploader` opens a file explorer dialog and enables users to upload files.\nThe component consists of input field, but you can provide an HTML element by your choice\nto trigger the file upload, by using the default slot.\nFurthermore, you can set the property \"hideInput\" to \"true\" to hide the input field.\n\nTo get all selected files, you can simply use the read-only \"files\" property.\nTo restrict the types of files the user can select, you can use the \"accept\" property.\n\nAnd, similar to all input based components, the FileUploader supports \"valueState\", \"placeholder\", \"name\", and \"disabled\" properties.\n\nFor the `ui5-file-uploader`\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/FileUploader.js\";`",
|
| 8666 | "name": "FileUploader",
|
| 8667 | "slots": [
|
| 8668 | {
|
| 8669 | "name": "default",
|
| 8670 | "description": "By default the component contains a single input field. With this slot you can pass any content that you wish to add. See the samples for more information.\n\n**Note:** If no content is provided in this slot, the component will only consist of an input field and will not be interactable using the keyboard.\nAlso it is not recommended to use any non-interactable components, as it may lead to poor accessibility experience.",
|
| 8671 | "_ui5propertyName": "content",
|
| 8672 | "_ui5type": {
|
| 8673 | "text": "Array<HTMLElement>"
|
| 8674 | },
|
| 8675 | "_ui5privacy": "public"
|
| 8676 | },
|
| 8677 | {
|
| 8678 | "name": "valueStateMessage",
|
| 8679 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Warning` or `Error` value state.",
|
| 8680 | "_ui5since": "1.0.0-rc.9",
|
| 8681 | "_ui5type": {
|
| 8682 | "text": "Array<HTMLElement>"
|
| 8683 | },
|
| 8684 | "_ui5privacy": "public"
|
| 8685 | }
|
| 8686 | ],
|
| 8687 | "members": [
|
| 8688 | {
|
| 8689 | "kind": "field",
|
| 8690 | "name": "accept",
|
| 8691 | "type": {
|
| 8692 | "text": "string"
|
| 8693 | },
|
| 8694 | "description": "Comma-separated list of file types that the component should accept.\n\n**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.",
|
| 8695 | "default": "\"\"",
|
| 8696 | "privacy": "public",
|
| 8697 | "_ui5validator": "String"
|
| 8698 | },
|
| 8699 | {
|
| 8700 | "kind": "field",
|
| 8701 | "name": "hideInput",
|
| 8702 | "type": {
|
| 8703 | "text": "boolean"
|
| 8704 | },
|
| 8705 | "description": "If set to \"true\", the input field of component will not be rendered. Only the default slot that is passed will be rendered.",
|
| 8706 | "default": "false",
|
| 8707 | "privacy": "public",
|
| 8708 | "_ui5validator": "Boolean"
|
| 8709 | },
|
| 8710 | {
|
| 8711 | "kind": "field",
|
| 8712 | "name": "disabled",
|
| 8713 | "type": {
|
| 8714 | "text": "boolean"
|
| 8715 | },
|
| 8716 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 8717 | "default": "false",
|
| 8718 | "privacy": "public",
|
| 8719 | "_ui5validator": "Boolean"
|
| 8720 | },
|
| 8721 | {
|
| 8722 | "kind": "field",
|
| 8723 | "name": "multiple",
|
| 8724 | "type": {
|
| 8725 | "text": "boolean"
|
| 8726 | },
|
| 8727 | "description": "Allows multiple files to be chosen.",
|
| 8728 | "default": "false",
|
| 8729 | "privacy": "public",
|
| 8730 | "_ui5validator": "Boolean"
|
| 8731 | },
|
| 8732 | {
|
| 8733 | "kind": "field",
|
| 8734 | "name": "name",
|
| 8735 | "type": {
|
| 8736 | "text": "string"
|
| 8737 | },
|
| 8738 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 8739 | "default": "\"\"",
|
| 8740 | "privacy": "public",
|
| 8741 | "_ui5validator": "String"
|
| 8742 | },
|
| 8743 | {
|
| 8744 | "kind": "field",
|
| 8745 | "name": "placeholder",
|
| 8746 | "type": {
|
| 8747 | "text": "string"
|
| 8748 | },
|
| 8749 | "description": "Defines a short hint intended to aid the user with data entry when the component has no value.",
|
| 8750 | "default": "\"\"",
|
| 8751 | "privacy": "public",
|
| 8752 | "_ui5validator": "String"
|
| 8753 | },
|
| 8754 | {
|
| 8755 | "kind": "field",
|
| 8756 | "name": "value",
|
| 8757 | "type": {
|
| 8758 | "text": "string"
|
| 8759 | },
|
| 8760 | "description": "Defines the name/names of the file/files to upload.",
|
| 8761 | "default": "\"\"",
|
| 8762 | "privacy": "public",
|
| 8763 | "_ui5validator": "String",
|
| 8764 | "_ui5formProperty": true,
|
| 8765 | "_ui5formEvents": "change"
|
| 8766 | },
|
| 8767 | {
|
| 8768 | "kind": "field",
|
| 8769 | "name": "valueState",
|
| 8770 | "type": {
|
| 8771 | "text": "ValueState",
|
| 8772 | "references": [
|
| 8773 | {
|
| 8774 | "name": "ValueState",
|
| 8775 | "package": "@ui5/webcomponents-base",
|
| 8776 | "module": "dist/types/ValueState.js"
|
| 8777 | }
|
| 8778 | ]
|
| 8779 | },
|
| 8780 | "description": "Defines the value state of the component.",
|
| 8781 | "default": "\"None\"",
|
| 8782 | "privacy": "public",
|
| 8783 | "_ui5validator": "ValueState"
|
| 8784 | },
|
| 8785 | {
|
| 8786 | "kind": "field",
|
| 8787 | "name": "files",
|
| 8788 | "type": {
|
| 8789 | "text": "FileList | null"
|
| 8790 | },
|
| 8791 | "description": "FileList of all selected files.",
|
| 8792 | "privacy": "public",
|
| 8793 | "default": "null",
|
| 8794 | "readonly": true
|
| 8795 | }
|
| 8796 | ],
|
| 8797 | "events": [
|
| 8798 | {
|
| 8799 | "name": "change",
|
| 8800 | "_ui5privacy": "public",
|
| 8801 | "type": {
|
| 8802 | "text": "CustomEvent<FileUploaderChangeEventDetail>",
|
| 8803 | "references": [
|
| 8804 | {
|
| 8805 | "name": "FileUploaderChangeEventDetail",
|
| 8806 | "package": "@ui5/webcomponents",
|
| 8807 | "module": "dist/FileUploader.js"
|
| 8808 | }
|
| 8809 | ]
|
| 8810 | },
|
| 8811 | "description": "Event is fired when the value of the file path has been changed.\n\n**Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.",
|
| 8812 | "_ui5parameters": [
|
| 8813 | {
|
| 8814 | "type": {
|
| 8815 | "text": "FileList | null"
|
| 8816 | },
|
| 8817 | "name": "files",
|
| 8818 | "_ui5privacy": "public",
|
| 8819 | "description": "The current files."
|
| 8820 | }
|
| 8821 | ]
|
| 8822 | }
|
| 8823 | ],
|
| 8824 | "superclass": {
|
| 8825 | "name": "UI5Element",
|
| 8826 | "package": "@ui5/webcomponents-base",
|
| 8827 | "module": "dist/UI5Element.js"
|
| 8828 | },
|
| 8829 | "tagName": "ui5-file-uploader",
|
| 8830 | "customElement": true,
|
| 8831 | "_ui5since": "1.0.0-rc.6",
|
| 8832 | "_ui5privacy": "public"
|
| 8833 | }
|
| 8834 | ],
|
| 8835 | "exports": [
|
| 8836 | {
|
| 8837 | "kind": "js",
|
| 8838 | "name": "default",
|
| 8839 | "declaration": {
|
| 8840 | "name": "FileUploader",
|
| 8841 | "module": "dist/FileUploader.js"
|
| 8842 | }
|
| 8843 | },
|
| 8844 | {
|
| 8845 | "kind": "custom-element-definition",
|
| 8846 | "name": "ui5-file-uploader",
|
| 8847 | "declaration": {
|
| 8848 | "name": "FileUploader",
|
| 8849 | "module": "dist/FileUploader.js"
|
| 8850 | }
|
| 8851 | }
|
| 8852 | ]
|
| 8853 | },
|
| 8854 | {
|
| 8855 | "kind": "javascript-module",
|
| 8856 | "path": "dist/Filters.js",
|
| 8857 | "declarations": [],
|
| 8858 | "exports": []
|
| 8859 | },
|
| 8860 | {
|
| 8861 | "kind": "javascript-module",
|
| 8862 | "path": "dist/GroupHeaderListItem.js",
|
| 8863 | "declarations": [
|
| 8864 | {
|
| 8865 | "kind": "class",
|
| 8866 | "description": "The `ui5-li-groupheader` is a special list item, used only to separate other list items into logical groups.",
|
| 8867 | "name": "GroupHeaderListItem",
|
| 8868 | "slots": [
|
| 8869 | {
|
| 8870 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 8871 | "name": "default",
|
| 8872 | "_ui5privacy": "public",
|
| 8873 | "_ui5type": {
|
| 8874 | "text": "Array<Node>"
|
| 8875 | }
|
| 8876 | }
|
| 8877 | ],
|
| 8878 | "members": [
|
| 8879 | {
|
| 8880 | "kind": "field",
|
| 8881 | "name": "accessibleName",
|
| 8882 | "type": {
|
| 8883 | "text": "string"
|
| 8884 | },
|
| 8885 | "description": "Defines the text alternative of the component.\n\n**Note:** If not provided a default text alternative will be set, if present.",
|
| 8886 | "default": "\"\"",
|
| 8887 | "privacy": "public",
|
| 8888 | "_ui5since": "1.0.0-rc.15",
|
| 8889 | "_ui5validator": "String"
|
| 8890 | },
|
| 8891 | {
|
| 8892 | "kind": "field",
|
| 8893 | "name": "selected",
|
| 8894 | "type": {
|
| 8895 | "text": "boolean"
|
| 8896 | },
|
| 8897 | "description": "Defines the selected state of the `ListItem`.",
|
| 8898 | "default": "false",
|
| 8899 | "privacy": "public",
|
| 8900 | "_ui5validator": "Boolean",
|
| 8901 | "inheritedFrom": {
|
| 8902 | "name": "ListItemBase",
|
| 8903 | "module": "dist/ListItemBase.js"
|
| 8904 | }
|
| 8905 | }
|
| 8906 | ],
|
| 8907 | "superclass": {
|
| 8908 | "name": "ListItemBase",
|
| 8909 | "package": "@ui5/webcomponents",
|
| 8910 | "module": "dist/ListItemBase.js"
|
| 8911 | },
|
| 8912 | "tagName": "ui5-li-groupheader",
|
| 8913 | "customElement": true,
|
| 8914 | "_ui5privacy": "public"
|
| 8915 | }
|
| 8916 | ],
|
| 8917 | "exports": [
|
| 8918 | {
|
| 8919 | "kind": "js",
|
| 8920 | "name": "default",
|
| 8921 | "declaration": {
|
| 8922 | "name": "GroupHeaderListItem",
|
| 8923 | "module": "dist/GroupHeaderListItem.js"
|
| 8924 | }
|
| 8925 | },
|
| 8926 | {
|
| 8927 | "kind": "custom-element-definition",
|
| 8928 | "name": "ui5-li-groupheader",
|
| 8929 | "declaration": {
|
| 8930 | "name": "GroupHeaderListItem",
|
| 8931 | "module": "dist/GroupHeaderListItem.js"
|
| 8932 | }
|
| 8933 | }
|
| 8934 | ]
|
| 8935 | },
|
| 8936 | {
|
| 8937 | "kind": "javascript-module",
|
| 8938 | "path": "dist/Icon.js",
|
| 8939 | "declarations": [
|
| 8940 | {
|
| 8941 | "kind": "interface",
|
| 8942 | "name": "IIcon",
|
| 8943 | "description": "Interface for components that represent an icon, usable in numerous higher-order components",
|
| 8944 | "_ui5privacy": "public"
|
| 8945 | },
|
| 8946 | {
|
| 8947 | "kind": "class",
|
| 8948 | "description": "### Overview\n\nThe `ui5-icon` component represents an SVG icon.\nThere are two main scenarios how the `ui5-icon` component is used:\nas a purely decorative element,\nor as an interactive element that can be focused and clicked.\n\n### Usage\n\n1. **Get familiar with the icons collections.**\n\nBefore displaying an icon, you need to explore the icons collections to find and import the desired icon.\n\nCurrently there are 3 icons collection, available as 3 npm packages:\n\n- [@ui5/webcomponents-icons](https://www.npmjs.com/package/@ui5/webcomponents-icons) represents the \"SAP-icons\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons).\n- [@ui5/webcomponents-icons-tnt](https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt) represents the \"tnt\" collection and includes the following\n[icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT).\n- [@ui5/webcomponents-icons-icons-business-suite](https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite) represents the \"business-suite\" collection and includes the following\n[icons](https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols).\n\n2. **After exploring the icons collections, add one or more of the packages as dependencies to your project.**\n\n`npm i @ui5/webcomponents-icons`\n`npm i @ui5/webcomponents-icons-tnt`\n`npm i @ui5/webcomponents-icons-business-suite`\n\n3. **Then, import the desired icon**.\n\n`import \"@ui5/\\{package_name\\}/dist/\\{icon_name\\}.js\";`\n\n**For Example**:\n\nFor the standard \"SAP-icons\" icon collection, import an icon from the `@ui5/webcomponents-icons` package:\n\n`import \"@ui5/webcomponents-icons/dist/employee.js\";`\n\nFor the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the `@ui5/webcomponents-icons-tnt` package:\n\n`import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";`\n\nFor the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the `@ui5/webcomponents-icons-business-suite` package:\n\n`import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";`\n\n4. **Display the icon using the `ui5-icon` web component.**\nSet the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)\nand the icon name to the `name` property.\n\n`<ui5-icon name=\"employee\"></ui5-icon>`\n`<ui5-icon name=\"tnt/antenna\"></ui5-icon>`\n`<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>`\n\n### Keyboard Handling\n\n- [SPACE, ENTER, RETURN] - Fires the `click` event if the `interactive` property is set to true.\n- [SHIFT] - If [SPACE] or [ENTER],[RETURN] is pressed, pressing [SHIFT] releases the ui5-icon without triggering the click event.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Icon.js\";`",
|
| 8949 | "name": "Icon",
|
| 8950 | "cssParts": [
|
| 8951 | {
|
| 8952 | "description": "Used to style the outermost wrapper of the `ui5-icon`.",
|
| 8953 | "name": "root"
|
| 8954 | }
|
| 8955 | ],
|
| 8956 | "members": [
|
| 8957 | {
|
| 8958 | "kind": "field",
|
| 8959 | "name": "design",
|
| 8960 | "type": {
|
| 8961 | "text": "IconDesign",
|
| 8962 | "references": [
|
| 8963 | {
|
| 8964 | "name": "IconDesign",
|
| 8965 | "package": "@ui5/webcomponents",
|
| 8966 | "module": "dist/types/IconDesign.js"
|
| 8967 | }
|
| 8968 | ]
|
| 8969 | },
|
| 8970 | "description": "Defines the component semantic design.",
|
| 8971 | "default": "\"Default\"",
|
| 8972 | "privacy": "public",
|
| 8973 | "_ui5since": "1.9.2",
|
| 8974 | "_ui5validator": "IconDesign"
|
| 8975 | },
|
| 8976 | {
|
| 8977 | "kind": "field",
|
| 8978 | "name": "interactive",
|
| 8979 | "type": {
|
| 8980 | "text": "boolean"
|
| 8981 | },
|
| 8982 | "description": "Defines if the icon is interactive (focusable and pressable)",
|
| 8983 | "default": "false",
|
| 8984 | "privacy": "public",
|
| 8985 | "_ui5since": "1.0.0-rc.8",
|
| 8986 | "_ui5validator": "Boolean"
|
| 8987 | },
|
| 8988 | {
|
| 8989 | "kind": "field",
|
| 8990 | "name": "name",
|
| 8991 | "type": {
|
| 8992 | "text": "string"
|
| 8993 | },
|
| 8994 | "description": "Defines the unique identifier (icon name) of the component.\n\nTo browse all available icons, see the\n[SAP Icons](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html),\n[SAP Fiori Tools](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT) and\n[SAP Business Suite](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html)\n\nExample:\n`name='add'`, `name='delete'`, `name='employee'`.\n\n**Note:** To use the SAP Fiori Tools icons,\nyou need to set the `tnt` prefix in front of the icon's name.\n\nExample:\n`name='tnt/antenna'`, `name='tnt/actor'`, `name='tnt/api'`.\n\n**Note:** To use the SAP Business Suite icons,\nyou need to set the `business-suite` prefix in front of the icon's name.\n\nExample:\n`name='business-suite/3d'`, `name='business-suite/1x2-grid-layout'`, `name='business-suite/4x4-grid-layout'`.",
|
| 8995 | "default": "\"\"",
|
| 8996 | "privacy": "public",
|
| 8997 | "_ui5validator": "String"
|
| 8998 | },
|
| 8999 | {
|
| 9000 | "kind": "field",
|
| 9001 | "name": "accessibleName",
|
| 9002 | "type": {
|
| 9003 | "text": "string"
|
| 9004 | },
|
| 9005 | "description": "Defines the text alternative of the component.\nIf not provided a default text alternative will be set, if present.\n\n**Note:** Every icon should have a text alternative in order to\ncalculate its accessible name.",
|
| 9006 | "default": "\"\"",
|
| 9007 | "privacy": "public",
|
| 9008 | "_ui5validator": "String"
|
| 9009 | },
|
| 9010 | {
|
| 9011 | "kind": "field",
|
| 9012 | "name": "showTooltip",
|
| 9013 | "type": {
|
| 9014 | "text": "boolean"
|
| 9015 | },
|
| 9016 | "description": "Defines whether the component should have a tooltip.\n\n**Note:** The tooltip text should be provided via the `accessible-name` property.",
|
| 9017 | "default": "false",
|
| 9018 | "privacy": "public",
|
| 9019 | "_ui5validator": "Boolean"
|
| 9020 | },
|
| 9021 | {
|
| 9022 | "kind": "field",
|
| 9023 | "name": "accessibleRole",
|
| 9024 | "type": {
|
| 9025 | "text": "string"
|
| 9026 | },
|
| 9027 | "description": "Defines the accessibility role of the component.",
|
| 9028 | "default": "\"\"",
|
| 9029 | "privacy": "public",
|
| 9030 | "_ui5since": "1.1.0",
|
| 9031 | "_ui5validator": "String"
|
| 9032 | }
|
| 9033 | ],
|
| 9034 | "superclass": {
|
| 9035 | "name": "UI5Element",
|
| 9036 | "package": "@ui5/webcomponents-base",
|
| 9037 | "module": "dist/UI5Element.js"
|
| 9038 | },
|
| 9039 | "tagName": "ui5-icon",
|
| 9040 | "customElement": true,
|
| 9041 | "_ui5privacy": "public",
|
| 9042 | "_ui5implements": [
|
| 9043 | {
|
| 9044 | "name": "IIcon",
|
| 9045 | "package": "@ui5/webcomponents",
|
| 9046 | "module": "dist/Icon.js"
|
| 9047 | }
|
| 9048 | ]
|
| 9049 | }
|
| 9050 | ],
|
| 9051 | "exports": [
|
| 9052 | {
|
| 9053 | "kind": "js",
|
| 9054 | "name": "default",
|
| 9055 | "declaration": {
|
| 9056 | "name": "Icon",
|
| 9057 | "module": "dist/Icon.js"
|
| 9058 | }
|
| 9059 | },
|
| 9060 | {
|
| 9061 | "kind": "custom-element-definition",
|
| 9062 | "name": "ui5-icon",
|
| 9063 | "declaration": {
|
| 9064 | "name": "Icon",
|
| 9065 | "module": "dist/Icon.js"
|
| 9066 | }
|
| 9067 | }
|
| 9068 | ]
|
| 9069 | },
|
| 9070 | {
|
| 9071 | "kind": "javascript-module",
|
| 9072 | "path": "dist/Input.js",
|
| 9073 | "declarations": [
|
| 9074 | {
|
| 9075 | "kind": "interface",
|
| 9076 | "name": "IInputSuggestionItem",
|
| 9077 | "description": "Interface for components that represent a suggestion item, usable in `ui5-input`",
|
| 9078 | "_ui5privacy": "public"
|
| 9079 | },
|
| 9080 | {
|
| 9081 | "kind": "class",
|
| 9082 | "description": "### Overview\n\nThe `ui5-input` component allows the user to enter and edit text or numeric values in one line.\n\nAdditionally, you can provide `suggestionItems`,\nthat are displayed in a popover right under the input.\n\nThe text field can be editable or read-only (`readonly` property),\nand it can be enabled or disabled (`disabled` property).\nTo visualize semantic states, such as \"error\" or \"warning\", the `valueState` property is provided.\nWhen the user makes changes to the text, the change event is fired,\nwhich enables you to react on any text change.\n\n**Note:** If you are using the `ui5-input` as a single npm module,\ndon't forget to import the `InputSuggestions` module from\n\"@ui5/webcomponents/dist/features/InputSuggestions.js\"\nto enable the suggestions functionality.\n\n### Keyboard Handling\nThe `ui5-input` provides the following keyboard shortcuts:\n\n- [ESC] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus.\n- [ENTER] or [RETURN] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing.\n- [DOWN] - Focuses the next matching item in the suggestion list.\n- [UP] - Focuses the previous matching item in the suggestion list.\n- [HOME] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly.\n- [END] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly.\n- [PAGEUP] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing.\n- [PAGEDOWN] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Input.js\";`\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";` (optional - for input suggestions support)",
|
| 9083 | "name": "Input",
|
| 9084 | "slots": [
|
| 9085 | {
|
| 9086 | "name": "default",
|
| 9087 | "description": "Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>` and `<ui5-suggestion-group-item>` are recommended to be used as suggestion items.\n\n**Note:** Importing the Input Suggestions Support feature:\n\n`import \"@ui5/webcomponents/dist/features/InputSuggestions.js\";`\n\nautomatically imports the `<ui5-suggestion-item>` and `<ui5-suggestion-group-item>` for your convenience.",
|
| 9088 | "_ui5propertyName": "suggestionItems",
|
| 9089 | "_ui5type": {
|
| 9090 | "text": "Array<IInputSuggestionItem>",
|
| 9091 | "references": [
|
| 9092 | {
|
| 9093 | "name": "IInputSuggestionItem",
|
| 9094 | "package": "@ui5/webcomponents",
|
| 9095 | "module": "dist/Input.js"
|
| 9096 | }
|
| 9097 | ]
|
| 9098 | },
|
| 9099 | "_ui5privacy": "public"
|
| 9100 | },
|
| 9101 | {
|
| 9102 | "name": "icon",
|
| 9103 | "description": "Defines the icon to be displayed in the component.",
|
| 9104 | "_ui5type": {
|
| 9105 | "text": "Array<IIcon>",
|
| 9106 | "references": [
|
| 9107 | {
|
| 9108 | "name": "IIcon",
|
| 9109 | "package": "@ui5/webcomponents",
|
| 9110 | "module": "dist/Icon.js"
|
| 9111 | }
|
| 9112 | ]
|
| 9113 | },
|
| 9114 | "_ui5privacy": "public"
|
| 9115 | },
|
| 9116 | {
|
| 9117 | "name": "valueStateMessage",
|
| 9118 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
|
| 9119 | "_ui5since": "1.0.0-rc.6",
|
| 9120 | "_ui5type": {
|
| 9121 | "text": "Array<HTMLElement>"
|
| 9122 | },
|
| 9123 | "_ui5privacy": "public"
|
| 9124 | }
|
| 9125 | ],
|
| 9126 | "members": [
|
| 9127 | {
|
| 9128 | "kind": "field",
|
| 9129 | "name": "disabled",
|
| 9130 | "type": {
|
| 9131 | "text": "boolean"
|
| 9132 | },
|
| 9133 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 9134 | "default": "false",
|
| 9135 | "privacy": "public",
|
| 9136 | "_ui5validator": "Boolean"
|
| 9137 | },
|
| 9138 | {
|
| 9139 | "kind": "field",
|
| 9140 | "name": "placeholder",
|
| 9141 | "type": {
|
| 9142 | "text": "string"
|
| 9143 | },
|
| 9144 | "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
|
| 9145 | "default": "\"\"",
|
| 9146 | "privacy": "public",
|
| 9147 | "_ui5validator": "String"
|
| 9148 | },
|
| 9149 | {
|
| 9150 | "kind": "field",
|
| 9151 | "name": "readonly",
|
| 9152 | "type": {
|
| 9153 | "text": "boolean"
|
| 9154 | },
|
| 9155 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 9156 | "default": "false",
|
| 9157 | "privacy": "public",
|
| 9158 | "_ui5validator": "Boolean"
|
| 9159 | },
|
| 9160 | {
|
| 9161 | "kind": "field",
|
| 9162 | "name": "required",
|
| 9163 | "type": {
|
| 9164 | "text": "boolean"
|
| 9165 | },
|
| 9166 | "description": "Defines whether the component is required.",
|
| 9167 | "default": "false",
|
| 9168 | "privacy": "public",
|
| 9169 | "_ui5since": "1.0.0-rc.3",
|
| 9170 | "_ui5validator": "Boolean"
|
| 9171 | },
|
| 9172 | {
|
| 9173 | "kind": "field",
|
| 9174 | "name": "noTypeahead",
|
| 9175 | "type": {
|
| 9176 | "text": "boolean"
|
| 9177 | },
|
| 9178 | "description": "Defines whether the value will be autcompleted to match an item",
|
| 9179 | "default": "false",
|
| 9180 | "privacy": "public",
|
| 9181 | "_ui5since": "1.4.0",
|
| 9182 | "_ui5validator": "Boolean"
|
| 9183 | },
|
| 9184 | {
|
| 9185 | "kind": "field",
|
| 9186 | "name": "type",
|
| 9187 | "type": {
|
| 9188 | "text": "InputType",
|
| 9189 | "references": [
|
| 9190 | {
|
| 9191 | "name": "InputType",
|
| 9192 | "package": "@ui5/webcomponents",
|
| 9193 | "module": "dist/types/InputType.js"
|
| 9194 | }
|
| 9195 | ]
|
| 9196 | },
|
| 9197 | "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
|
| 9198 | "default": "\"Text\"",
|
| 9199 | "privacy": "public",
|
| 9200 | "_ui5validator": "InputType"
|
| 9201 | },
|
| 9202 | {
|
| 9203 | "kind": "field",
|
| 9204 | "name": "value",
|
| 9205 | "type": {
|
| 9206 | "text": "string"
|
| 9207 | },
|
| 9208 | "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
|
| 9209 | "default": "\"\"",
|
| 9210 | "privacy": "public",
|
| 9211 | "_ui5validator": "String",
|
| 9212 | "_ui5formProperty": true,
|
| 9213 | "_ui5formEvents": "change,input"
|
| 9214 | },
|
| 9215 | {
|
| 9216 | "kind": "field",
|
| 9217 | "name": "valueState",
|
| 9218 | "type": {
|
| 9219 | "text": "ValueState",
|
| 9220 | "references": [
|
| 9221 | {
|
| 9222 | "name": "ValueState",
|
| 9223 | "package": "@ui5/webcomponents-base",
|
| 9224 | "module": "dist/types/ValueState.js"
|
| 9225 | }
|
| 9226 | ]
|
| 9227 | },
|
| 9228 | "description": "Defines the value state of the component.",
|
| 9229 | "default": "\"None\"",
|
| 9230 | "privacy": "public",
|
| 9231 | "_ui5validator": "ValueState"
|
| 9232 | },
|
| 9233 | {
|
| 9234 | "kind": "field",
|
| 9235 | "name": "name",
|
| 9236 | "type": {
|
| 9237 | "text": "string"
|
| 9238 | },
|
| 9239 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 9240 | "default": "\"\"",
|
| 9241 | "privacy": "public",
|
| 9242 | "_ui5validator": "String"
|
| 9243 | },
|
| 9244 | {
|
| 9245 | "kind": "field",
|
| 9246 | "name": "showSuggestions",
|
| 9247 | "type": {
|
| 9248 | "text": "boolean"
|
| 9249 | },
|
| 9250 | "description": "Defines whether the component should show suggestions, if such are present.\n\n**Note:** You need to import the `InputSuggestions` module\nfrom `\"@ui5/webcomponents/dist/features/InputSuggestions.js\"` to enable this functionality.",
|
| 9251 | "default": "false",
|
| 9252 | "privacy": "public",
|
| 9253 | "_ui5validator": "Boolean"
|
| 9254 | },
|
| 9255 | {
|
| 9256 | "kind": "field",
|
| 9257 | "name": "maxlength",
|
| 9258 | "type": {
|
| 9259 | "text": "number | undefined"
|
| 9260 | },
|
| 9261 | "description": "Sets the maximum number of characters available in the input field.\n\n**Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
|
| 9262 | "default": "undefined",
|
| 9263 | "privacy": "public",
|
| 9264 | "_ui5since": "1.0.0-rc.5",
|
| 9265 | "_ui5validator": "Integer"
|
| 9266 | },
|
| 9267 | {
|
| 9268 | "kind": "field",
|
| 9269 | "name": "accessibleName",
|
| 9270 | "type": {
|
| 9271 | "text": "string"
|
| 9272 | },
|
| 9273 | "description": "Defines the accessible ARIA name of the component.",
|
| 9274 | "default": "\"\"",
|
| 9275 | "privacy": "public",
|
| 9276 | "_ui5since": "1.0.0-rc.15",
|
| 9277 | "_ui5validator": "String"
|
| 9278 | },
|
| 9279 | {
|
| 9280 | "kind": "field",
|
| 9281 | "name": "accessibleNameRef",
|
| 9282 | "type": {
|
| 9283 | "text": "string"
|
| 9284 | },
|
| 9285 | "description": "Receives id(or many ids) of the elements that label the input.",
|
| 9286 | "default": "\"\"",
|
| 9287 | "privacy": "public",
|
| 9288 | "_ui5since": "1.0.0-rc.15",
|
| 9289 | "_ui5validator": "String"
|
| 9290 | },
|
| 9291 | {
|
| 9292 | "kind": "field",
|
| 9293 | "name": "showClearIcon",
|
| 9294 | "type": {
|
| 9295 | "text": "boolean"
|
| 9296 | },
|
| 9297 | "description": "Defines whether the clear icon of the input will be shown.",
|
| 9298 | "default": "false",
|
| 9299 | "privacy": "public",
|
| 9300 | "_ui5since": "1.2.0",
|
| 9301 | "_ui5validator": "Boolean"
|
| 9302 | },
|
| 9303 | {
|
| 9304 | "kind": "method",
|
| 9305 | "name": "openPicker",
|
| 9306 | "return": {
|
| 9307 | "type": {
|
| 9308 | "text": "void"
|
| 9309 | }
|
| 9310 | },
|
| 9311 | "description": "Manually opens the suggestions popover, assuming suggestions are enabled. Items must be preloaded for it to open.",
|
| 9312 | "privacy": "public",
|
| 9313 | "_ui5since": "1.3.0"
|
| 9314 | },
|
| 9315 | {
|
| 9316 | "kind": "field",
|
| 9317 | "name": "previewItem",
|
| 9318 | "type": {
|
| 9319 | "text": "IInputSuggestionItem | null",
|
| 9320 | "references": [
|
| 9321 | {
|
| 9322 | "name": "IInputSuggestionItem",
|
| 9323 | "package": "@ui5/webcomponents",
|
| 9324 | "module": "dist/Input.js"
|
| 9325 | }
|
| 9326 | ]
|
| 9327 | },
|
| 9328 | "description": "The suggestion item on preview.",
|
| 9329 | "default": "null",
|
| 9330 | "privacy": "public",
|
| 9331 | "readonly": true
|
| 9332 | }
|
| 9333 | ],
|
| 9334 | "events": [
|
| 9335 | {
|
| 9336 | "name": "change",
|
| 9337 | "_ui5privacy": "public",
|
| 9338 | "type": {
|
| 9339 | "text": "CustomEvent"
|
| 9340 | },
|
| 9341 | "description": "Fired when the input operation has finished by pressing Enter or on focusout."
|
| 9342 | },
|
| 9343 | {
|
| 9344 | "name": "input",
|
| 9345 | "_ui5privacy": "public",
|
| 9346 | "type": {
|
| 9347 | "text": "CustomEvent"
|
| 9348 | },
|
| 9349 | "description": "Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected."
|
| 9350 | },
|
| 9351 | {
|
| 9352 | "name": "suggestion-item-select",
|
| 9353 | "_ui5privacy": "public",
|
| 9354 | "type": {
|
| 9355 | "text": "CustomEvent<InputSuggestionItemSelectEventDetail>",
|
| 9356 | "references": [
|
| 9357 | {
|
| 9358 | "name": "InputSuggestionItemSelectEventDetail",
|
| 9359 | "package": "@ui5/webcomponents",
|
| 9360 | "module": "dist/Input.js"
|
| 9361 | }
|
| 9362 | ]
|
| 9363 | },
|
| 9364 | "description": "Fired when a suggestion item, that is displayed in the suggestion popup, is selected.",
|
| 9365 | "_ui5allowPreventDefault": true,
|
| 9366 | "_ui5parameters": [
|
| 9367 | {
|
| 9368 | "type": {
|
| 9369 | "text": "HTMLElement"
|
| 9370 | },
|
| 9371 | "name": "item",
|
| 9372 | "_ui5privacy": "public",
|
| 9373 | "description": "The selected item."
|
| 9374 | }
|
| 9375 | ]
|
| 9376 | },
|
| 9377 | {
|
| 9378 | "name": "suggestion-item-preview",
|
| 9379 | "_ui5privacy": "public",
|
| 9380 | "type": {
|
| 9381 | "text": "CustomEvent<InputSuggestionItemPreviewEventDetail>",
|
| 9382 | "references": [
|
| 9383 | {
|
| 9384 | "name": "InputSuggestionItemPreviewEventDetail",
|
| 9385 | "package": "@ui5/webcomponents",
|
| 9386 | "module": "dist/Input.js"
|
| 9387 | }
|
| 9388 | ]
|
| 9389 | },
|
| 9390 | "description": "Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection.",
|
| 9391 | "_ui5since": "1.0.0-rc.8",
|
| 9392 | "_ui5parameters": [
|
| 9393 | {
|
| 9394 | "type": {
|
| 9395 | "text": "HTMLElement"
|
| 9396 | },
|
| 9397 | "name": "item",
|
| 9398 | "_ui5privacy": "public",
|
| 9399 | "description": "The previewed suggestion item."
|
| 9400 | },
|
| 9401 | {
|
| 9402 | "type": {
|
| 9403 | "text": "HTMLElement"
|
| 9404 | },
|
| 9405 | "name": "targetRef",
|
| 9406 | "_ui5privacy": "public",
|
| 9407 | "description": "The DOM ref of the suggestion item."
|
| 9408 | }
|
| 9409 | ]
|
| 9410 | }
|
| 9411 | ],
|
| 9412 | "superclass": {
|
| 9413 | "name": "UI5Element",
|
| 9414 | "package": "@ui5/webcomponents-base",
|
| 9415 | "module": "dist/UI5Element.js"
|
| 9416 | },
|
| 9417 | "tagName": "ui5-input",
|
| 9418 | "customElement": true,
|
| 9419 | "_ui5privacy": "public"
|
| 9420 | }
|
| 9421 | ],
|
| 9422 | "exports": [
|
| 9423 | {
|
| 9424 | "kind": "js",
|
| 9425 | "name": "default",
|
| 9426 | "declaration": {
|
| 9427 | "name": "Input",
|
| 9428 | "module": "dist/Input.js"
|
| 9429 | }
|
| 9430 | },
|
| 9431 | {
|
| 9432 | "kind": "custom-element-definition",
|
| 9433 | "name": "ui5-input",
|
| 9434 | "declaration": {
|
| 9435 | "name": "Input",
|
| 9436 | "module": "dist/Input.js"
|
| 9437 | }
|
| 9438 | }
|
| 9439 | ]
|
| 9440 | },
|
| 9441 | {
|
| 9442 | "kind": "javascript-module",
|
| 9443 | "path": "dist/Label.js",
|
| 9444 | "declarations": [
|
| 9445 | {
|
| 9446 | "kind": "class",
|
| 9447 | "description": "### Overview\n\nThe `ui5-label` is a component used to represent a label for elements like input, textarea, select.\nThe `for` property of the `ui5-label` must be the same as the id attribute of the related input element.\nScreen readers read out the label, when the user focuses the labelled control.\n\nThe `ui5-label` appearance can be influenced by properties,\nsuch as `required` and `wrappingType`.\nThe appearance of the Label can be configured in a limited way by using the design property.\nFor a broader choice of designs, you can use custom styles.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Label\";`",
|
| 9448 | "name": "Label",
|
| 9449 | "slots": [
|
| 9450 | {
|
| 9451 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 9452 | "name": "default",
|
| 9453 | "_ui5privacy": "public",
|
| 9454 | "_ui5type": {
|
| 9455 | "text": "Array<Node>"
|
| 9456 | }
|
| 9457 | }
|
| 9458 | ],
|
| 9459 | "members": [
|
| 9460 | {
|
| 9461 | "kind": "field",
|
| 9462 | "name": "for",
|
| 9463 | "type": {
|
| 9464 | "text": "string"
|
| 9465 | },
|
| 9466 | "description": "Defines the labeled input by providing its ID.\n\n**Note:** Can be used with both `ui5-input` and native input.",
|
| 9467 | "default": "\"\"",
|
| 9468 | "privacy": "public",
|
| 9469 | "_ui5validator": "String"
|
| 9470 | },
|
| 9471 | {
|
| 9472 | "kind": "field",
|
| 9473 | "name": "showColon",
|
| 9474 | "type": {
|
| 9475 | "text": "boolean"
|
| 9476 | },
|
| 9477 | "description": "Defines whether colon is added to the component text.\n\n**Note:** Usually used in forms.",
|
| 9478 | "default": "false",
|
| 9479 | "privacy": "public",
|
| 9480 | "_ui5validator": "Boolean"
|
| 9481 | },
|
| 9482 | {
|
| 9483 | "kind": "field",
|
| 9484 | "name": "required",
|
| 9485 | "type": {
|
| 9486 | "text": "boolean"
|
| 9487 | },
|
| 9488 | "description": "Defines whether an asterisk character is added to the component text.\n\n**Note:** Usually indicates that user input (bound with the `for` property) is required.\nIn that case the `required` property of\nthe corresponding input should also be set.",
|
| 9489 | "default": "false",
|
| 9490 | "privacy": "public",
|
| 9491 | "_ui5validator": "Boolean"
|
| 9492 | },
|
| 9493 | {
|
| 9494 | "kind": "field",
|
| 9495 | "name": "wrappingType",
|
| 9496 | "type": {
|
| 9497 | "text": "WrappingType",
|
| 9498 | "references": [
|
| 9499 | {
|
| 9500 | "name": "WrappingType",
|
| 9501 | "package": "@ui5/webcomponents",
|
| 9502 | "module": "dist/types/WrappingType.js"
|
| 9503 | }
|
| 9504 | ]
|
| 9505 | },
|
| 9506 | "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
|
| 9507 | "default": "\"None\"",
|
| 9508 | "privacy": "public",
|
| 9509 | "_ui5validator": "WrappingType"
|
| 9510 | }
|
| 9511 | ],
|
| 9512 | "superclass": {
|
| 9513 | "name": "UI5Element",
|
| 9514 | "package": "@ui5/webcomponents-base",
|
| 9515 | "module": "dist/UI5Element.js"
|
| 9516 | },
|
| 9517 | "tagName": "ui5-label",
|
| 9518 | "customElement": true,
|
| 9519 | "_ui5privacy": "public"
|
| 9520 | }
|
| 9521 | ],
|
| 9522 | "exports": [
|
| 9523 | {
|
| 9524 | "kind": "js",
|
| 9525 | "name": "default",
|
| 9526 | "declaration": {
|
| 9527 | "name": "Label",
|
| 9528 | "module": "dist/Label.js"
|
| 9529 | }
|
| 9530 | },
|
| 9531 | {
|
| 9532 | "kind": "custom-element-definition",
|
| 9533 | "name": "ui5-label",
|
| 9534 | "declaration": {
|
| 9535 | "name": "Label",
|
| 9536 | "module": "dist/Label.js"
|
| 9537 | }
|
| 9538 | }
|
| 9539 | ]
|
| 9540 | },
|
| 9541 | {
|
| 9542 | "kind": "javascript-module",
|
| 9543 | "path": "dist/Link.js",
|
| 9544 | "declarations": [
|
| 9545 | {
|
| 9546 | "kind": "class",
|
| 9547 | "description": "### Overview\nThe `ui5-link` is a hyperlink component that is used to navigate to other\napps and web pages, or to trigger actions.\nIt is a clickable text element, visualized in such a way that it stands out\nfrom the standard text.\nOn hover, it changes its style to an underlined text to provide additional feedback to the user.\n\n### Usage\n\nYou can set the `ui5-link` to be enabled or disabled.\n\nTo create a visual hierarchy in large lists of links, you can set the less important links as\n`Subtle` or the more important ones as `Emphasized`,\nby using the `design` property.\n\nIf the `href` property is set, the link behaves as the HTML\nanchor tag (`<a></a>`) and opens the specified URL in the given target frame (`target` property).\nTo specify where the linked content is opened, you can use the `target` property.\n\n### Responsive behavior\n\nIf there is not enough space, the text of the `ui5-link` becomes truncated.\nIf the `wrappingType` property is set to `\"Normal\"`, the text is displayed\non several lines instead of being truncated.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Link\";`",
|
| 9548 | "name": "Link",
|
| 9549 | "slots": [
|
| 9550 | {
|
| 9551 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 9552 | "name": "default",
|
| 9553 | "_ui5privacy": "public",
|
| 9554 | "_ui5type": {
|
| 9555 | "text": "Array<Node>"
|
| 9556 | }
|
| 9557 | }
|
| 9558 | ],
|
| 9559 | "members": [
|
| 9560 | {
|
| 9561 | "kind": "field",
|
| 9562 | "name": "disabled",
|
| 9563 | "type": {
|
| 9564 | "text": "boolean"
|
| 9565 | },
|
| 9566 | "description": "Defines whether the component is disabled.\n\n**Note:** When disabled, the click event cannot be triggered by the user.",
|
| 9567 | "default": "false",
|
| 9568 | "privacy": "public",
|
| 9569 | "_ui5validator": "Boolean"
|
| 9570 | },
|
| 9571 | {
|
| 9572 | "kind": "field",
|
| 9573 | "name": "href",
|
| 9574 | "type": {
|
| 9575 | "text": "string"
|
| 9576 | },
|
| 9577 | "description": "Defines the component href.\n\n**Note:** Standard hyperlink behavior is supported.",
|
| 9578 | "default": "\"\"",
|
| 9579 | "privacy": "public",
|
| 9580 | "_ui5validator": "String"
|
| 9581 | },
|
| 9582 | {
|
| 9583 | "kind": "field",
|
| 9584 | "name": "target",
|
| 9585 | "type": {
|
| 9586 | "text": "string"
|
| 9587 | },
|
| 9588 | "description": "Defines the component target.\n\n**Notes:**\n\n- `_self`\n- `_top`\n- `_blank`\n- `_parent`\n- `_search`\n\n**This property must only be used when the `href` property is set.**",
|
| 9589 | "default": "\"\"",
|
| 9590 | "privacy": "public",
|
| 9591 | "_ui5validator": "String"
|
| 9592 | },
|
| 9593 | {
|
| 9594 | "kind": "field",
|
| 9595 | "name": "design",
|
| 9596 | "type": {
|
| 9597 | "text": "LinkDesign",
|
| 9598 | "references": [
|
| 9599 | {
|
| 9600 | "name": "LinkDesign",
|
| 9601 | "package": "@ui5/webcomponents",
|
| 9602 | "module": "dist/types/LinkDesign.js"
|
| 9603 | }
|
| 9604 | ]
|
| 9605 | },
|
| 9606 | "description": "Defines the component design.\n\n**Note:** Avaialble options are `Default`, `Subtle`, and `Emphasized`.",
|
| 9607 | "default": "\"Default\"",
|
| 9608 | "privacy": "public",
|
| 9609 | "_ui5validator": "LinkDesign"
|
| 9610 | },
|
| 9611 | {
|
| 9612 | "kind": "field",
|
| 9613 | "name": "wrappingType",
|
| 9614 | "type": {
|
| 9615 | "text": "WrappingType",
|
| 9616 | "references": [
|
| 9617 | {
|
| 9618 | "name": "WrappingType",
|
| 9619 | "package": "@ui5/webcomponents",
|
| 9620 | "module": "dist/types/WrappingType.js"
|
| 9621 | }
|
| 9622 | ]
|
| 9623 | },
|
| 9624 | "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
|
| 9625 | "default": "\"None\"",
|
| 9626 | "privacy": "public",
|
| 9627 | "_ui5validator": "WrappingType"
|
| 9628 | },
|
| 9629 | {
|
| 9630 | "kind": "field",
|
| 9631 | "name": "accessibleName",
|
| 9632 | "type": {
|
| 9633 | "text": "string"
|
| 9634 | },
|
| 9635 | "description": "Defines the accessible ARIA name of the component.",
|
| 9636 | "default": "\"\"",
|
| 9637 | "privacy": "public",
|
| 9638 | "_ui5since": "1.2.0",
|
| 9639 | "_ui5validator": "String"
|
| 9640 | },
|
| 9641 | {
|
| 9642 | "kind": "field",
|
| 9643 | "name": "accessibleNameRef",
|
| 9644 | "type": {
|
| 9645 | "text": "string"
|
| 9646 | },
|
| 9647 | "description": "Receives id(or many ids) of the elements that label the input",
|
| 9648 | "default": "\"\"",
|
| 9649 | "privacy": "public",
|
| 9650 | "_ui5since": "1.0.0-rc.15",
|
| 9651 | "_ui5validator": "String"
|
| 9652 | },
|
| 9653 | {
|
| 9654 | "kind": "field",
|
| 9655 | "name": "accessibleRole",
|
| 9656 | "type": {
|
| 9657 | "text": "string"
|
| 9658 | },
|
| 9659 | "description": "Defines the ARIA role of the component.\n\n**Note:** Use the \"button\" role in cases when navigation is not expected to occur and the href property is not defined.",
|
| 9660 | "default": "\"link\"",
|
| 9661 | "privacy": "public",
|
| 9662 | "_ui5since": "1.9.0",
|
| 9663 | "_ui5validator": "String"
|
| 9664 | },
|
| 9665 | {
|
| 9666 | "kind": "field",
|
| 9667 | "name": "accessibilityAttributes",
|
| 9668 | "type": {
|
| 9669 | "text": "AccessibilityAttributes",
|
| 9670 | "references": [
|
| 9671 | {
|
| 9672 | "name": "AccessibilityAttributes",
|
| 9673 | "package": "@ui5/webcomponents",
|
| 9674 | "module": "dist/Link.js"
|
| 9675 | }
|
| 9676 | ]
|
| 9677 | },
|
| 9678 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n- `expanded`: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n- `true`\n- `false`\n- `hasPopup`: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values:\n- `Dialog`\n- `Grid`\n- `ListBox`\n- `Menu`\n- `Tree`",
|
| 9679 | "privacy": "public",
|
| 9680 | "default": "{}",
|
| 9681 | "_ui5since": "1.1.0",
|
| 9682 | "_ui5validator": "Object"
|
| 9683 | }
|
| 9684 | ],
|
| 9685 | "events": [
|
| 9686 | {
|
| 9687 | "name": "click",
|
| 9688 | "_ui5privacy": "public",
|
| 9689 | "type": {
|
| 9690 | "text": "CustomEvent<LinkClickEventDetail>",
|
| 9691 | "references": [
|
| 9692 | {
|
| 9693 | "name": "LinkClickEventDetail",
|
| 9694 | "package": "@ui5/webcomponents",
|
| 9695 | "module": "dist/Link.js"
|
| 9696 | }
|
| 9697 | ]
|
| 9698 | },
|
| 9699 | "description": "Fired when the component is triggered either with a mouse/tap\nor by using the Enter key.",
|
| 9700 | "_ui5allowPreventDefault": true,
|
| 9701 | "_ui5parameters": [
|
| 9702 | {
|
| 9703 | "type": {
|
| 9704 | "text": "boolean"
|
| 9705 | },
|
| 9706 | "name": "altKey",
|
| 9707 | "_ui5privacy": "public",
|
| 9708 | "description": "Returns whether the \"ALT\" key was pressed when the event was triggered."
|
| 9709 | },
|
| 9710 | {
|
| 9711 | "type": {
|
| 9712 | "text": "boolean"
|
| 9713 | },
|
| 9714 | "name": "ctrlKey",
|
| 9715 | "_ui5privacy": "public",
|
| 9716 | "description": "Returns whether the \"CTRL\" key was pressed when the event was triggered."
|
| 9717 | },
|
| 9718 | {
|
| 9719 | "type": {
|
| 9720 | "text": "boolean"
|
| 9721 | },
|
| 9722 | "name": "metaKey",
|
| 9723 | "_ui5privacy": "public",
|
| 9724 | "description": "Returns whether the \"META\" key was pressed when the event was triggered."
|
| 9725 | },
|
| 9726 | {
|
| 9727 | "type": {
|
| 9728 | "text": "boolean"
|
| 9729 | },
|
| 9730 | "name": "shiftKey",
|
| 9731 | "_ui5privacy": "public",
|
| 9732 | "description": "Returns whether the \"SHIFT\" key was pressed when the event was triggered."
|
| 9733 | }
|
| 9734 | ]
|
| 9735 | }
|
| 9736 | ],
|
| 9737 | "superclass": {
|
| 9738 | "name": "UI5Element",
|
| 9739 | "package": "@ui5/webcomponents-base",
|
| 9740 | "module": "dist/UI5Element.js"
|
| 9741 | },
|
| 9742 | "tagName": "ui5-link",
|
| 9743 | "customElement": true,
|
| 9744 | "_ui5privacy": "public"
|
| 9745 | }
|
| 9746 | ],
|
| 9747 | "exports": [
|
| 9748 | {
|
| 9749 | "kind": "js",
|
| 9750 | "name": "default",
|
| 9751 | "declaration": {
|
| 9752 | "name": "Link",
|
| 9753 | "module": "dist/Link.js"
|
| 9754 | }
|
| 9755 | },
|
| 9756 | {
|
| 9757 | "kind": "custom-element-definition",
|
| 9758 | "name": "ui5-link",
|
| 9759 | "declaration": {
|
| 9760 | "name": "Link",
|
| 9761 | "module": "dist/Link.js"
|
| 9762 | }
|
| 9763 | }
|
| 9764 | ]
|
| 9765 | },
|
| 9766 | {
|
| 9767 | "kind": "javascript-module",
|
| 9768 | "path": "dist/List.js",
|
| 9769 | "declarations": [
|
| 9770 | {
|
| 9771 | "kind": "class",
|
| 9772 | "description": "### Overview\n\nThe `ui5-list` component allows displaying a list of items, advanced keyboard\nhandling support for navigating between items, and predefined modes to improve the development efficiency.\n\nThe `ui5-list` is a container for the available list items:\n\n- `ui5-li`\n- `ui5-li-custom`\n- `ui5-li-groupheader`\n\nTo benefit from the built-in selection mechanism, you can use the available\nselection modes, such as\n`SingleSelect`, `MultiSelect` and `Delete`.\n\nAdditionally, the `ui5-list` provides header, footer, and customization for the list item separators.\n\n### Keyboard Handling\n\n#### Basic Navigation\nThe `ui5-list` provides advanced keyboard handling.\nWhen a list is focused the user can use the following keyboard\nshortcuts in order to perform a navigation:\n\n- [UP/DOWN] - Navigates up and down the items\n- [HOME] - Navigates to first item\n- [END] - Navigates to the last item\n\nThe user can use the following keyboard shortcuts to perform actions (such as select, delete),\nwhen the `mode` property is in use:\n\n- [SPACE] - Select an item (if `type` is 'Active') when `mode` is selection\n- [DELETE] - Delete an item if `mode` property is `Delete`\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/List.js\";`\n\n`import \"@ui5/webcomponents/dist/StandardListItem.js\";` (for `ui5-li`)\n\n`import \"@ui5/webcomponents/dist/CustomListItem.js\";` (for `ui5-li-custom`)\n\n`import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\";` (for `ui5-li-groupheader`)",
|
| 9773 | "name": "List",
|
| 9774 | "slots": [
|
| 9775 | {
|
| 9776 | "name": "default",
|
| 9777 | "description": "Defines the items of the component.\n\n**Note:** Use `ui5-li`, `ui5-li-custom`, and `ui5-li-groupheader` for the intended design.",
|
| 9778 | "_ui5propertyName": "items",
|
| 9779 | "_ui5type": {
|
| 9780 | "text": "Array<ListItemBase>",
|
| 9781 | "references": [
|
| 9782 | {
|
| 9783 | "name": "ListItemBase",
|
| 9784 | "package": "@ui5/webcomponents",
|
| 9785 | "module": "dist/ListItemBase.js"
|
| 9786 | }
|
| 9787 | ]
|
| 9788 | },
|
| 9789 | "_ui5privacy": "public"
|
| 9790 | },
|
| 9791 | {
|
| 9792 | "name": "header",
|
| 9793 | "description": "Defines the component header.\n\n**Note:** When `header` is set, the\n`headerText` property is ignored.",
|
| 9794 | "_ui5type": {
|
| 9795 | "text": "Array<HTMLElement>"
|
| 9796 | },
|
| 9797 | "_ui5privacy": "public"
|
| 9798 | }
|
| 9799 | ],
|
| 9800 | "members": [
|
| 9801 | {
|
| 9802 | "kind": "field",
|
| 9803 | "name": "headerText",
|
| 9804 | "type": {
|
| 9805 | "text": "string"
|
| 9806 | },
|
| 9807 | "description": "Defines the component header text.\n\n**Note:** If `header` is set this property is ignored.",
|
| 9808 | "default": "\"\"",
|
| 9809 | "privacy": "public",
|
| 9810 | "_ui5validator": "String"
|
| 9811 | },
|
| 9812 | {
|
| 9813 | "kind": "field",
|
| 9814 | "name": "footerText",
|
| 9815 | "type": {
|
| 9816 | "text": "string"
|
| 9817 | },
|
| 9818 | "description": "Defines the footer text.",
|
| 9819 | "default": "\"\"",
|
| 9820 | "privacy": "public",
|
| 9821 | "_ui5validator": "String"
|
| 9822 | },
|
| 9823 | {
|
| 9824 | "kind": "field",
|
| 9825 | "name": "indent",
|
| 9826 | "type": {
|
| 9827 | "text": "boolean"
|
| 9828 | },
|
| 9829 | "description": "Determines whether the component is indented.",
|
| 9830 | "default": "false",
|
| 9831 | "privacy": "public",
|
| 9832 | "_ui5validator": "Boolean"
|
| 9833 | },
|
| 9834 | {
|
| 9835 | "kind": "field",
|
| 9836 | "name": "mode",
|
| 9837 | "type": {
|
| 9838 | "text": "ListMode",
|
| 9839 | "references": [
|
| 9840 | {
|
| 9841 | "name": "ListMode",
|
| 9842 | "package": "@ui5/webcomponents",
|
| 9843 | "module": "dist/types/ListMode.js"
|
| 9844 | }
|
| 9845 | ]
|
| 9846 | },
|
| 9847 | "description": "Defines the mode of the component.",
|
| 9848 | "default": "\"None\"",
|
| 9849 | "privacy": "public",
|
| 9850 | "_ui5validator": "ListMode"
|
| 9851 | },
|
| 9852 | {
|
| 9853 | "kind": "field",
|
| 9854 | "name": "noDataText",
|
| 9855 | "type": {
|
| 9856 | "text": "string"
|
| 9857 | },
|
| 9858 | "description": "Defines the text that is displayed when the component contains no items.",
|
| 9859 | "default": "\"\"",
|
| 9860 | "privacy": "public",
|
| 9861 | "_ui5validator": "String"
|
| 9862 | },
|
| 9863 | {
|
| 9864 | "kind": "field",
|
| 9865 | "name": "separators",
|
| 9866 | "type": {
|
| 9867 | "text": "ListSeparators",
|
| 9868 | "references": [
|
| 9869 | {
|
| 9870 | "name": "ListSeparators",
|
| 9871 | "package": "@ui5/webcomponents",
|
| 9872 | "module": "dist/types/ListSeparators.js"
|
| 9873 | }
|
| 9874 | ]
|
| 9875 | },
|
| 9876 | "description": "Defines the item separator style that is used.",
|
| 9877 | "default": "\"All\"",
|
| 9878 | "privacy": "public",
|
| 9879 | "_ui5validator": "ListSeparators"
|
| 9880 | },
|
| 9881 | {
|
| 9882 | "kind": "field",
|
| 9883 | "name": "growing",
|
| 9884 | "type": {
|
| 9885 | "text": "ListGrowingMode",
|
| 9886 | "references": [
|
| 9887 | {
|
| 9888 | "name": "ListGrowingMode",
|
| 9889 | "package": "@ui5/webcomponents",
|
| 9890 | "module": "dist/types/ListGrowingMode.js"
|
| 9891 | }
|
| 9892 | ]
|
| 9893 | },
|
| 9894 | "description": "Defines whether the component will have growing capability either by pressing a `More` button,\nor via user scroll. In both cases `load-more` event is fired.\n\n**Restrictions:** `growing=\"Scroll\"` is not supported for Internet Explorer,\non IE the component will fallback to `growing=\"Button\"`.",
|
| 9895 | "default": "\"None\"",
|
| 9896 | "privacy": "public",
|
| 9897 | "_ui5since": "1.0.0-rc.13",
|
| 9898 | "_ui5validator": "ListGrowingMode"
|
| 9899 | },
|
| 9900 | {
|
| 9901 | "kind": "field",
|
| 9902 | "name": "busy",
|
| 9903 | "type": {
|
| 9904 | "text": "boolean"
|
| 9905 | },
|
| 9906 | "description": "Defines if the component would display a loading indicator over the list.",
|
| 9907 | "default": "false",
|
| 9908 | "privacy": "public",
|
| 9909 | "_ui5since": "1.0.0-rc.6",
|
| 9910 | "_ui5validator": "Boolean"
|
| 9911 | },
|
| 9912 | {
|
| 9913 | "kind": "field",
|
| 9914 | "name": "busyDelay",
|
| 9915 | "type": {
|
| 9916 | "text": "number"
|
| 9917 | },
|
| 9918 | "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
| 9919 | "default": "1000",
|
| 9920 | "privacy": "public",
|
| 9921 | "_ui5validator": "Integer"
|
| 9922 | },
|
| 9923 | {
|
| 9924 | "kind": "field",
|
| 9925 | "name": "accessibleName",
|
| 9926 | "type": {
|
| 9927 | "text": "string"
|
| 9928 | },
|
| 9929 | "description": "Defines the accessible name of the component.",
|
| 9930 | "default": "\"\"",
|
| 9931 | "privacy": "public",
|
| 9932 | "_ui5since": "1.0.0-rc.15",
|
| 9933 | "_ui5validator": "String"
|
| 9934 | },
|
| 9935 | {
|
| 9936 | "kind": "field",
|
| 9937 | "name": "accessibleNameRef",
|
| 9938 | "type": {
|
| 9939 | "text": "string"
|
| 9940 | },
|
| 9941 | "description": "Defines the IDs of the elements that label the input.",
|
| 9942 | "default": "\"\"",
|
| 9943 | "privacy": "public",
|
| 9944 | "_ui5since": "1.0.0-rc.15",
|
| 9945 | "_ui5validator": "String"
|
| 9946 | },
|
| 9947 | {
|
| 9948 | "kind": "field",
|
| 9949 | "name": "accessibleRole",
|
| 9950 | "type": {
|
| 9951 | "text": "string"
|
| 9952 | },
|
| 9953 | "description": "Defines the accessible role of the component.",
|
| 9954 | "privacy": "public",
|
| 9955 | "default": "\"list\"",
|
| 9956 | "_ui5since": "1.0.0-rc.15",
|
| 9957 | "_ui5validator": "String"
|
| 9958 | }
|
| 9959 | ],
|
| 9960 | "events": [
|
| 9961 | {
|
| 9962 | "name": "item-click",
|
| 9963 | "_ui5privacy": "public",
|
| 9964 | "type": {
|
| 9965 | "text": "CustomEvent<ListItemClickEventDetail>",
|
| 9966 | "references": [
|
| 9967 | {
|
| 9968 | "name": "ListItemClickEventDetail",
|
| 9969 | "package": "@ui5/webcomponents",
|
| 9970 | "module": "dist/List.js"
|
| 9971 | }
|
| 9972 | ]
|
| 9973 | },
|
| 9974 | "description": "Fired when an item is activated, unless the item's `type` property\nis set to `Inactive`.",
|
| 9975 | "_ui5allowPreventDefault": true,
|
| 9976 | "_ui5parameters": [
|
| 9977 | {
|
| 9978 | "type": {
|
| 9979 | "text": "HTMLElement"
|
| 9980 | },
|
| 9981 | "name": "item",
|
| 9982 | "_ui5privacy": "public",
|
| 9983 | "description": "The clicked item."
|
| 9984 | }
|
| 9985 | ]
|
| 9986 | },
|
| 9987 | {
|
| 9988 | "name": "item-close",
|
| 9989 | "_ui5privacy": "public",
|
| 9990 | "type": {
|
| 9991 | "text": "CustomEvent<ListItemCloseEventDetail>",
|
| 9992 | "references": [
|
| 9993 | {
|
| 9994 | "name": "ListItemCloseEventDetail",
|
| 9995 | "package": "@ui5/webcomponents",
|
| 9996 | "module": "dist/List.js"
|
| 9997 | }
|
| 9998 | ]
|
| 9999 | },
|
| 10000 | "description": "Fired when the `Close` button of any item is clicked\n\n**Note:** This event is only applicable to list items that can be closed (such as notification list items),\nnot to be confused with `item-delete`.",
|
| 10001 | "_ui5since": "1.0.0-rc.8",
|
| 10002 | "_ui5parameters": [
|
| 10003 | {
|
| 10004 | "type": {
|
| 10005 | "text": "HTMLElement"
|
| 10006 | },
|
| 10007 | "name": "item",
|
| 10008 | "_ui5privacy": "public",
|
| 10009 | "description": "the item about to be closed."
|
| 10010 | }
|
| 10011 | ]
|
| 10012 | },
|
| 10013 | {
|
| 10014 | "name": "item-toggle",
|
| 10015 | "_ui5privacy": "public",
|
| 10016 | "type": {
|
| 10017 | "text": "CustomEvent<ListItemToggleEventDetail>",
|
| 10018 | "references": [
|
| 10019 | {
|
| 10020 | "name": "ListItemToggleEventDetail",
|
| 10021 | "package": "@ui5/webcomponents",
|
| 10022 | "module": "dist/List.js"
|
| 10023 | }
|
| 10024 | ]
|
| 10025 | },
|
| 10026 | "description": "Fired when the `Toggle` button of any item is clicked.\n\n**Note:** This event is only applicable to list items that can be toggled (such as notification group list items).",
|
| 10027 | "_ui5since": "1.0.0-rc.8",
|
| 10028 | "_ui5parameters": [
|
| 10029 | {
|
| 10030 | "type": {
|
| 10031 | "text": "HTMLElement"
|
| 10032 | },
|
| 10033 | "name": "item",
|
| 10034 | "_ui5privacy": "public",
|
| 10035 | "description": "the toggled item."
|
| 10036 | }
|
| 10037 | ]
|
| 10038 | },
|
| 10039 | {
|
| 10040 | "name": "item-delete",
|
| 10041 | "_ui5privacy": "public",
|
| 10042 | "type": {
|
| 10043 | "text": "CustomEvent<ListItemDeleteEventDetail>",
|
| 10044 | "references": [
|
| 10045 | {
|
| 10046 | "name": "ListItemDeleteEventDetail",
|
| 10047 | "package": "@ui5/webcomponents",
|
| 10048 | "module": "dist/List.js"
|
| 10049 | }
|
| 10050 | ]
|
| 10051 | },
|
| 10052 | "description": "Fired when the Delete button of any item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `mode` property is set to `Delete`.",
|
| 10053 | "_ui5parameters": [
|
| 10054 | {
|
| 10055 | "type": {
|
| 10056 | "text": "HTMLElement"
|
| 10057 | },
|
| 10058 | "name": "item",
|
| 10059 | "_ui5privacy": "public",
|
| 10060 | "description": "the deleted item."
|
| 10061 | }
|
| 10062 | ]
|
| 10063 | },
|
| 10064 | {
|
| 10065 | "name": "selection-change",
|
| 10066 | "_ui5privacy": "public",
|
| 10067 | "type": {
|
| 10068 | "text": "CustomEvent<ListSelectionChangeEventDetail>",
|
| 10069 | "references": [
|
| 10070 | {
|
| 10071 | "name": "ListSelectionChangeEventDetail",
|
| 10072 | "package": "@ui5/webcomponents",
|
| 10073 | "module": "dist/List.js"
|
| 10074 | }
|
| 10075 | ]
|
| 10076 | },
|
| 10077 | "description": "Fired when selection is changed by user interaction\nin `SingleSelect`, `SingleSelectBegin`, `SingleSelectEnd` and `MultiSelect` modes.",
|
| 10078 | "_ui5allowPreventDefault": true,
|
| 10079 | "_ui5parameters": [
|
| 10080 | {
|
| 10081 | "type": {
|
| 10082 | "text": "Array<ListItemBase>",
|
| 10083 | "references": [
|
| 10084 | {
|
| 10085 | "name": "ListItemBase",
|
| 10086 | "package": "@ui5/webcomponents",
|
| 10087 | "module": "dist/ListItemBase.js"
|
| 10088 | }
|
| 10089 | ]
|
| 10090 | },
|
| 10091 | "name": "selectedItems",
|
| 10092 | "_ui5privacy": "public",
|
| 10093 | "description": "An array of the selected items."
|
| 10094 | },
|
| 10095 | {
|
| 10096 | "type": {
|
| 10097 | "text": "Array<ListItemBase>",
|
| 10098 | "references": [
|
| 10099 | {
|
| 10100 | "name": "ListItemBase",
|
| 10101 | "package": "@ui5/webcomponents",
|
| 10102 | "module": "dist/ListItemBase.js"
|
| 10103 | }
|
| 10104 | ]
|
| 10105 | },
|
| 10106 | "name": "previouslySelectedItems",
|
| 10107 | "_ui5privacy": "public",
|
| 10108 | "description": "An array of the previously selected items."
|
| 10109 | }
|
| 10110 | ]
|
| 10111 | },
|
| 10112 | {
|
| 10113 | "name": "load-more",
|
| 10114 | "_ui5privacy": "public",
|
| 10115 | "type": {
|
| 10116 | "text": "CustomEvent"
|
| 10117 | },
|
| 10118 | "description": "Fired when the user scrolls to the bottom of the list.\n\n**Note:** The event is fired when the `growing='Scroll'` property is enabled.",
|
| 10119 | "_ui5since": "1.0.0-rc.6"
|
| 10120 | }
|
| 10121 | ],
|
| 10122 | "superclass": {
|
| 10123 | "name": "UI5Element",
|
| 10124 | "package": "@ui5/webcomponents-base",
|
| 10125 | "module": "dist/UI5Element.js"
|
| 10126 | },
|
| 10127 | "tagName": "ui5-list",
|
| 10128 | "customElement": true,
|
| 10129 | "_ui5privacy": "public"
|
| 10130 | }
|
| 10131 | ],
|
| 10132 | "exports": [
|
| 10133 | {
|
| 10134 | "kind": "js",
|
| 10135 | "name": "default",
|
| 10136 | "declaration": {
|
| 10137 | "name": "List",
|
| 10138 | "module": "dist/List.js"
|
| 10139 | }
|
| 10140 | },
|
| 10141 | {
|
| 10142 | "kind": "custom-element-definition",
|
| 10143 | "name": "ui5-list",
|
| 10144 | "declaration": {
|
| 10145 | "name": "List",
|
| 10146 | "module": "dist/List.js"
|
| 10147 | }
|
| 10148 | }
|
| 10149 | ]
|
| 10150 | },
|
| 10151 | {
|
| 10152 | "kind": "javascript-module",
|
| 10153 | "path": "dist/ListItem.js",
|
| 10154 | "declarations": [
|
| 10155 | {
|
| 10156 | "kind": "class",
|
| 10157 | "description": "A class to serve as a base\nfor the `StandardListItem` and `CustomListItem` classes.",
|
| 10158 | "name": "ListItem",
|
| 10159 | "slots": [
|
| 10160 | {
|
| 10161 | "name": "deleteButton",
|
| 10162 | "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
|
| 10163 | "_ui5since": "1.9.0",
|
| 10164 | "_ui5type": {
|
| 10165 | "text": "Array<IButton>",
|
| 10166 | "references": [
|
| 10167 | {
|
| 10168 | "name": "IButton",
|
| 10169 | "package": "@ui5/webcomponents",
|
| 10170 | "module": "dist/Button.js"
|
| 10171 | }
|
| 10172 | ]
|
| 10173 | },
|
| 10174 | "_ui5privacy": "public"
|
| 10175 | }
|
| 10176 | ],
|
| 10177 | "members": [
|
| 10178 | {
|
| 10179 | "kind": "field",
|
| 10180 | "name": "type",
|
| 10181 | "type": {
|
| 10182 | "text": "ListItemType",
|
| 10183 | "references": [
|
| 10184 | {
|
| 10185 | "name": "ListItemType",
|
| 10186 | "package": "@ui5/webcomponents",
|
| 10187 | "module": "dist/types/ListItemType.js"
|
| 10188 | }
|
| 10189 | ]
|
| 10190 | },
|
| 10191 | "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
|
| 10192 | "default": "\"Active\"",
|
| 10193 | "privacy": "public",
|
| 10194 | "_ui5validator": "ListItemType"
|
| 10195 | },
|
| 10196 | {
|
| 10197 | "kind": "field",
|
| 10198 | "name": "accessibilityAttributes",
|
| 10199 | "type": {
|
| 10200 | "text": "AccessibilityAttributes",
|
| 10201 | "references": [
|
| 10202 | {
|
| 10203 | "name": "AccessibilityAttributes",
|
| 10204 | "package": "@ui5/webcomponents",
|
| 10205 | "module": "dist/ListItem.js"
|
| 10206 | }
|
| 10207 | ]
|
| 10208 | },
|
| 10209 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\n It supports the following fields:\n\n- `ariaSetsize`: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.\n\tThe value of each `aria-setsize` is an integer reflecting number of items in the complete set.\n\n\t**Note:** If the size of the entire set is unknown, set `aria-setsize=\"-1\"`.\n\t- `ariaPosinset`: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.\n\tThe value of each `aria-posinset` is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
| 10210 | "default": "{}",
|
| 10211 | "privacy": "public",
|
| 10212 | "_ui5since": "1.15.0",
|
| 10213 | "_ui5validator": "Object"
|
| 10214 | },
|
| 10215 | {
|
| 10216 | "kind": "field",
|
| 10217 | "name": "navigated",
|
| 10218 | "type": {
|
| 10219 | "text": "boolean"
|
| 10220 | },
|
| 10221 | "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
|
| 10222 | "default": "false",
|
| 10223 | "privacy": "public",
|
| 10224 | "_ui5since": "1.10.0",
|
| 10225 | "_ui5validator": "Boolean"
|
| 10226 | },
|
| 10227 | {
|
| 10228 | "kind": "field",
|
| 10229 | "name": "tooltip",
|
| 10230 | "type": {
|
| 10231 | "text": "string"
|
| 10232 | },
|
| 10233 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 10234 | "default": "\"\"",
|
| 10235 | "privacy": "public",
|
| 10236 | "_ui5since": "1.23.0",
|
| 10237 | "_ui5validator": "String"
|
| 10238 | },
|
| 10239 | {
|
| 10240 | "kind": "field",
|
| 10241 | "name": "selected",
|
| 10242 | "type": {
|
| 10243 | "text": "boolean"
|
| 10244 | },
|
| 10245 | "description": "Defines the selected state of the `ListItem`.",
|
| 10246 | "default": "false",
|
| 10247 | "privacy": "public",
|
| 10248 | "_ui5validator": "Boolean",
|
| 10249 | "inheritedFrom": {
|
| 10250 | "name": "ListItemBase",
|
| 10251 | "module": "dist/ListItemBase.js"
|
| 10252 | }
|
| 10253 | }
|
| 10254 | ],
|
| 10255 | "events": [
|
| 10256 | {
|
| 10257 | "name": "detail-click",
|
| 10258 | "_ui5privacy": "public",
|
| 10259 | "type": {
|
| 10260 | "text": "CustomEvent"
|
| 10261 | },
|
| 10262 | "description": "Fired when the user clicks on the detail button when type is `Detail`."
|
| 10263 | }
|
| 10264 | ],
|
| 10265 | "superclass": {
|
| 10266 | "name": "ListItemBase",
|
| 10267 | "package": "@ui5/webcomponents",
|
| 10268 | "module": "dist/ListItemBase.js"
|
| 10269 | },
|
| 10270 | "customElement": true,
|
| 10271 | "_ui5privacy": "public",
|
| 10272 | "_ui5abstract": true
|
| 10273 | }
|
| 10274 | ],
|
| 10275 | "exports": [
|
| 10276 | {
|
| 10277 | "kind": "js",
|
| 10278 | "name": "default",
|
| 10279 | "declaration": {
|
| 10280 | "name": "ListItem",
|
| 10281 | "module": "dist/ListItem.js"
|
| 10282 | }
|
| 10283 | }
|
| 10284 | ]
|
| 10285 | },
|
| 10286 | {
|
| 10287 | "kind": "javascript-module",
|
| 10288 | "path": "dist/ListItemBase.js",
|
| 10289 | "declarations": [
|
| 10290 | {
|
| 10291 | "kind": "class",
|
| 10292 | "description": "A class to serve as a foundation\nfor the `ListItem` and `GroupHeaderListItem` classes.",
|
| 10293 | "name": "ListItemBase",
|
| 10294 | "members": [
|
| 10295 | {
|
| 10296 | "kind": "field",
|
| 10297 | "name": "selected",
|
| 10298 | "type": {
|
| 10299 | "text": "boolean"
|
| 10300 | },
|
| 10301 | "description": "Defines the selected state of the `ListItem`.",
|
| 10302 | "default": "false",
|
| 10303 | "privacy": "public",
|
| 10304 | "_ui5validator": "Boolean"
|
| 10305 | }
|
| 10306 | ],
|
| 10307 | "superclass": {
|
| 10308 | "name": "UI5Element",
|
| 10309 | "package": "@ui5/webcomponents-base",
|
| 10310 | "module": "dist/UI5Element.js"
|
| 10311 | },
|
| 10312 | "customElement": true,
|
| 10313 | "_ui5privacy": "public",
|
| 10314 | "_ui5abstract": true
|
| 10315 | }
|
| 10316 | ],
|
| 10317 | "exports": [
|
| 10318 | {
|
| 10319 | "kind": "js",
|
| 10320 | "name": "default",
|
| 10321 | "declaration": {
|
| 10322 | "name": "ListItemBase",
|
| 10323 | "module": "dist/ListItemBase.js"
|
| 10324 | }
|
| 10325 | }
|
| 10326 | ]
|
| 10327 | },
|
| 10328 | {
|
| 10329 | "kind": "javascript-module",
|
| 10330 | "path": "dist/Menu.js",
|
| 10331 | "declarations": [
|
| 10332 | {
|
| 10333 | "kind": "class",
|
| 10334 | "description": "### Overview\n\n`ui5-menu` component represents a hierarchical menu structure.\n\n### Usage\n\n`ui5-menu` contains `ui5-menu-item` components.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Keyboard Handling\n\nThe `ui5-menu` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- `Arrow Up` / `Arrow Down` - Navigates up and down the menu items that are currently visible.\n- `Arrow Right`, `Space` or `Enter` - Opens a sub-menu if there are menu items nested\nin the currently clicked menu item.\n- `Arrow Left` or `Escape` - Closes the currently opened sub-menu.\n\nNote: if the text ditrection is set to Right-to-left (RTL), `Arrow Right` and `Arrow Left` functionality is swapped.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Menu.js\";`",
|
| 10335 | "name": "Menu",
|
| 10336 | "slots": [
|
| 10337 | {
|
| 10338 | "name": "default",
|
| 10339 | "description": "Defines the items of this component.\n\n**Note:** Use `ui5-menu-item` for the intended design.",
|
| 10340 | "_ui5propertyName": "items",
|
| 10341 | "_ui5type": {
|
| 10342 | "text": "Array<MenuItem>",
|
| 10343 | "references": [
|
| 10344 | {
|
| 10345 | "name": "MenuItem",
|
| 10346 | "package": "@ui5/webcomponents",
|
| 10347 | "module": "dist/MenuItem.js"
|
| 10348 | }
|
| 10349 | ]
|
| 10350 | },
|
| 10351 | "_ui5privacy": "public"
|
| 10352 | }
|
| 10353 | ],
|
| 10354 | "members": [
|
| 10355 | {
|
| 10356 | "kind": "field",
|
| 10357 | "name": "headerText",
|
| 10358 | "type": {
|
| 10359 | "text": "string"
|
| 10360 | },
|
| 10361 | "description": "Defines the header text of the menu (displayed on mobile).",
|
| 10362 | "default": "\"\"",
|
| 10363 | "privacy": "public",
|
| 10364 | "_ui5validator": "String"
|
| 10365 | },
|
| 10366 | {
|
| 10367 | "kind": "field",
|
| 10368 | "name": "open",
|
| 10369 | "type": {
|
| 10370 | "text": "boolean"
|
| 10371 | },
|
| 10372 | "description": "Indicates if the menu is open",
|
| 10373 | "privacy": "public",
|
| 10374 | "default": "false",
|
| 10375 | "_ui5since": "1.10.0",
|
| 10376 | "_ui5validator": "Boolean"
|
| 10377 | },
|
| 10378 | {
|
| 10379 | "kind": "field",
|
| 10380 | "name": "busy",
|
| 10381 | "type": {
|
| 10382 | "text": "boolean"
|
| 10383 | },
|
| 10384 | "description": "Defines if a loading indicator would be displayed inside the corresponding ui5-menu popover.",
|
| 10385 | "default": "false",
|
| 10386 | "privacy": "public",
|
| 10387 | "_ui5since": "1.13.0",
|
| 10388 | "_ui5validator": "Boolean"
|
| 10389 | },
|
| 10390 | {
|
| 10391 | "kind": "field",
|
| 10392 | "name": "busyDelay",
|
| 10393 | "type": {
|
| 10394 | "text": "number"
|
| 10395 | },
|
| 10396 | "description": "Defines the delay in milliseconds, after which the busy indicator will be displayed inside the corresponding ui5-menu popover..",
|
| 10397 | "default": "1000",
|
| 10398 | "privacy": "public",
|
| 10399 | "_ui5since": "1.13.0",
|
| 10400 | "_ui5validator": "Integer"
|
| 10401 | },
|
| 10402 | {
|
| 10403 | "kind": "field",
|
| 10404 | "name": "opener",
|
| 10405 | "type": {
|
| 10406 | "text": "HTMLElement | string"
|
| 10407 | },
|
| 10408 | "description": "Defines the ID or DOM Reference of the element that the menu is shown at",
|
| 10409 | "privacy": "public",
|
| 10410 | "default": "\"\"",
|
| 10411 | "_ui5since": "1.10.0",
|
| 10412 | "_ui5validator": "DOMReference"
|
| 10413 | },
|
| 10414 | {
|
| 10415 | "kind": "method",
|
| 10416 | "name": "showAt",
|
| 10417 | "return": {
|
| 10418 | "type": {
|
| 10419 | "text": "Promise<void>"
|
| 10420 | }
|
| 10421 | },
|
| 10422 | "parameters": [
|
| 10423 | {
|
| 10424 | "name": "opener",
|
| 10425 | "type": {
|
| 10426 | "text": "HTMLElement"
|
| 10427 | },
|
| 10428 | "description": "the element that the popover is shown at",
|
| 10429 | "_ui5privacy": "public"
|
| 10430 | }
|
| 10431 | ],
|
| 10432 | "description": "Shows the Menu near the opener element.",
|
| 10433 | "privacy": "public"
|
| 10434 | },
|
| 10435 | {
|
| 10436 | "kind": "method",
|
| 10437 | "name": "close",
|
| 10438 | "return": {
|
| 10439 | "type": {
|
| 10440 | "text": "void"
|
| 10441 | }
|
| 10442 | },
|
| 10443 | "description": "Closes the Menu.",
|
| 10444 | "privacy": "public"
|
| 10445 | }
|
| 10446 | ],
|
| 10447 | "events": [
|
| 10448 | {
|
| 10449 | "name": "item-click",
|
| 10450 | "_ui5privacy": "public",
|
| 10451 | "type": {
|
| 10452 | "text": "CustomEvent<MenuItemClickEventDetail>",
|
| 10453 | "references": [
|
| 10454 | {
|
| 10455 | "name": "MenuItemClickEventDetail",
|
| 10456 | "package": "@ui5/webcomponents",
|
| 10457 | "module": "dist/Menu.js"
|
| 10458 | }
|
| 10459 | ]
|
| 10460 | },
|
| 10461 | "description": "Fired when an item is being clicked.\n\n**Note:** Since 1.17.0 the event is preventable, allowing the menu to remain open after an item is pressed.",
|
| 10462 | "_ui5allowPreventDefault": true,
|
| 10463 | "_ui5parameters": [
|
| 10464 | {
|
| 10465 | "type": {
|
| 10466 | "text": "HTMLElement"
|
| 10467 | },
|
| 10468 | "name": "item",
|
| 10469 | "_ui5privacy": "public",
|
| 10470 | "description": "The currently clicked menu item."
|
| 10471 | },
|
| 10472 | {
|
| 10473 | "type": {
|
| 10474 | "text": "string"
|
| 10475 | },
|
| 10476 | "name": "text",
|
| 10477 | "_ui5privacy": "public",
|
| 10478 | "description": "The text of the currently clicked menu item."
|
| 10479 | }
|
| 10480 | ]
|
| 10481 | },
|
| 10482 | {
|
| 10483 | "name": "before-open",
|
| 10484 | "_ui5privacy": "public",
|
| 10485 | "type": {
|
| 10486 | "text": "CustomEvent<MenuBeforeOpenEventDetail>",
|
| 10487 | "references": [
|
| 10488 | {
|
| 10489 | "name": "MenuBeforeOpenEventDetail",
|
| 10490 | "package": "@ui5/webcomponents",
|
| 10491 | "module": "dist/Menu.js"
|
| 10492 | }
|
| 10493 | ]
|
| 10494 | },
|
| 10495 | "description": "Fired before the menu is opened. This event can be cancelled, which will prevent the menu from opening. **This event does not bubble.**\n\n**Note:** Since 1.14.0 the event is also fired before a sub-menu opens.",
|
| 10496 | "_ui5allowPreventDefault": true,
|
| 10497 | "_ui5since": "1.10.0",
|
| 10498 | "_ui5parameters": [
|
| 10499 | {
|
| 10500 | "type": {
|
| 10501 | "text": "HTMLElement"
|
| 10502 | },
|
| 10503 | "name": "item",
|
| 10504 | "_ui5privacy": "public",
|
| 10505 | "description": "The `ui5-menu-item` that triggers opening of the sub-menu or undefined when fired upon root menu opening.",
|
| 10506 | "_ui5since": "1.14.0"
|
| 10507 | }
|
| 10508 | ]
|
| 10509 | },
|
| 10510 | {
|
| 10511 | "name": "after-open",
|
| 10512 | "_ui5privacy": "public",
|
| 10513 | "type": {
|
| 10514 | "text": "CustomEvent"
|
| 10515 | },
|
| 10516 | "description": "Fired after the menu is opened. **This event does not bubble.**",
|
| 10517 | "_ui5since": "1.10.0"
|
| 10518 | },
|
| 10519 | {
|
| 10520 | "name": "before-close",
|
| 10521 | "_ui5privacy": "public",
|
| 10522 | "type": {
|
| 10523 | "text": "CustomEvent<MenuBeforeCloseEventDetail>",
|
| 10524 | "references": [
|
| 10525 | {
|
| 10526 | "name": "MenuBeforeCloseEventDetail",
|
| 10527 | "package": "@ui5/webcomponents",
|
| 10528 | "module": "dist/Menu.js"
|
| 10529 | }
|
| 10530 | ]
|
| 10531 | },
|
| 10532 | "description": "Fired before the menu is closed. This event can be cancelled, which will prevent the menu from closing. **This event does not bubble.**",
|
| 10533 | "_ui5allowPreventDefault": true,
|
| 10534 | "_ui5since": "1.10.0",
|
| 10535 | "_ui5parameters": [
|
| 10536 | {
|
| 10537 | "type": {
|
| 10538 | "text": "boolean"
|
| 10539 | },
|
| 10540 | "name": "escPressed",
|
| 10541 | "_ui5privacy": "public",
|
| 10542 | "description": "Indicates that `ESC` key has triggered the event."
|
| 10543 | }
|
| 10544 | ]
|
| 10545 | },
|
| 10546 | {
|
| 10547 | "name": "after-close",
|
| 10548 | "_ui5privacy": "public",
|
| 10549 | "type": {
|
| 10550 | "text": "CustomEvent"
|
| 10551 | },
|
| 10552 | "description": "Fired after the menu is closed. **This event does not bubble.**",
|
| 10553 | "_ui5since": "1.10.0"
|
| 10554 | },
|
| 10555 | {
|
| 10556 | "name": "item-focus",
|
| 10557 | "_ui5privacy": "public",
|
| 10558 | "type": {
|
| 10559 | "text": "CustomEvent<MenuItemFocusEventDetail>",
|
| 10560 | "references": [
|
| 10561 | {
|
| 10562 | "name": "MenuItemFocusEventDetail",
|
| 10563 | "package": "@ui5/webcomponents",
|
| 10564 | "module": "dist/Menu.js"
|
| 10565 | }
|
| 10566 | ]
|
| 10567 | },
|
| 10568 | "description": "Fired when a menu item receives focus.",
|
| 10569 | "_ui5since": "1.23.1",
|
| 10570 | "_ui5parameters": [
|
| 10571 | {
|
| 10572 | "type": {
|
| 10573 | "text": "HTMLElement"
|
| 10574 | },
|
| 10575 | "name": "ref",
|
| 10576 | "_ui5privacy": "public",
|
| 10577 | "description": "The currently focused element representing a <code>ui5-menu-item</code>."
|
| 10578 | },
|
| 10579 | {
|
| 10580 | "type": {
|
| 10581 | "text": "HTMLElement"
|
| 10582 | },
|
| 10583 | "name": "item",
|
| 10584 | "_ui5privacy": "public",
|
| 10585 | "description": "The <code>ui5-menu-item</code> represented by the focused element."
|
| 10586 | }
|
| 10587 | ]
|
| 10588 | }
|
| 10589 | ],
|
| 10590 | "superclass": {
|
| 10591 | "name": "UI5Element",
|
| 10592 | "package": "@ui5/webcomponents-base",
|
| 10593 | "module": "dist/UI5Element.js"
|
| 10594 | },
|
| 10595 | "tagName": "ui5-menu",
|
| 10596 | "customElement": true,
|
| 10597 | "_ui5since": "1.3.0",
|
| 10598 | "_ui5privacy": "public"
|
| 10599 | }
|
| 10600 | ],
|
| 10601 | "exports": [
|
| 10602 | {
|
| 10603 | "kind": "js",
|
| 10604 | "name": "default",
|
| 10605 | "declaration": {
|
| 10606 | "name": "Menu",
|
| 10607 | "module": "dist/Menu.js"
|
| 10608 | }
|
| 10609 | },
|
| 10610 | {
|
| 10611 | "kind": "custom-element-definition",
|
| 10612 | "name": "ui5-menu",
|
| 10613 | "declaration": {
|
| 10614 | "name": "Menu",
|
| 10615 | "module": "dist/Menu.js"
|
| 10616 | }
|
| 10617 | }
|
| 10618 | ]
|
| 10619 | },
|
| 10620 | {
|
| 10621 | "kind": "javascript-module",
|
| 10622 | "path": "dist/MenuItem.js",
|
| 10623 | "declarations": [
|
| 10624 | {
|
| 10625 | "kind": "class",
|
| 10626 | "description": "### Overview\n\n`ui5-menu-item` is the item to use inside a `ui5-menu`.\nAn arbitrary hierarchy structure can be represented by recursively nesting menu items.\n\n### Usage\n\n`ui5-menu-item` is an abstract element, representing a node in a `ui5-menu`. The menu itself is rendered as a list,\nand each `ui5-menu-item` is represented by a list item (`ui5-li`) in that list. Therefore, you should only use\n`ui5-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MenuItem.js\";`",
|
| 10627 | "name": "MenuItem",
|
| 10628 | "slots": [
|
| 10629 | {
|
| 10630 | "name": "default",
|
| 10631 | "description": "Defines the items of this component.",
|
| 10632 | "_ui5propertyName": "items",
|
| 10633 | "_ui5type": {
|
| 10634 | "text": "Array<MenuItem>",
|
| 10635 | "references": [
|
| 10636 | {
|
| 10637 | "name": "MenuItem",
|
| 10638 | "package": "@ui5/webcomponents",
|
| 10639 | "module": "dist/MenuItem.js"
|
| 10640 | }
|
| 10641 | ]
|
| 10642 | },
|
| 10643 | "_ui5privacy": "public"
|
| 10644 | }
|
| 10645 | ],
|
| 10646 | "members": [
|
| 10647 | {
|
| 10648 | "kind": "field",
|
| 10649 | "name": "text",
|
| 10650 | "type": {
|
| 10651 | "text": "string"
|
| 10652 | },
|
| 10653 | "description": "Defines the text of the tree item.",
|
| 10654 | "default": "\"\"",
|
| 10655 | "privacy": "public",
|
| 10656 | "_ui5validator": "String"
|
| 10657 | },
|
| 10658 | {
|
| 10659 | "kind": "field",
|
| 10660 | "name": "additionalText",
|
| 10661 | "type": {
|
| 10662 | "text": "string"
|
| 10663 | },
|
| 10664 | "description": "Defines the `additionalText`, displayed in the end of the menu item.\n\n**Note:** The additional text would not be displayed if the item has a submenu.",
|
| 10665 | "default": "\"\"",
|
| 10666 | "privacy": "public",
|
| 10667 | "_ui5since": "1.8.0",
|
| 10668 | "_ui5validator": "String"
|
| 10669 | },
|
| 10670 | {
|
| 10671 | "kind": "field",
|
| 10672 | "name": "icon",
|
| 10673 | "type": {
|
| 10674 | "text": "string"
|
| 10675 | },
|
| 10676 | "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\n**Example:**\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 10677 | "default": "\"\"",
|
| 10678 | "privacy": "public",
|
| 10679 | "_ui5validator": "String"
|
| 10680 | },
|
| 10681 | {
|
| 10682 | "kind": "field",
|
| 10683 | "name": "startsSection",
|
| 10684 | "type": {
|
| 10685 | "text": "boolean"
|
| 10686 | },
|
| 10687 | "description": "Defines whether a visual separator should be rendered before the item.",
|
| 10688 | "default": "false",
|
| 10689 | "privacy": "public",
|
| 10690 | "_ui5validator": "Boolean"
|
| 10691 | },
|
| 10692 | {
|
| 10693 | "kind": "field",
|
| 10694 | "name": "disabled",
|
| 10695 | "type": {
|
| 10696 | "text": "boolean"
|
| 10697 | },
|
| 10698 | "description": "Defines whether `ui5-menu-item` is in disabled state.\n\n**Note:** A disabled `ui5-menu-item` is noninteractive.",
|
| 10699 | "default": "false",
|
| 10700 | "privacy": "public",
|
| 10701 | "_ui5validator": "Boolean"
|
| 10702 | },
|
| 10703 | {
|
| 10704 | "kind": "field",
|
| 10705 | "name": "busy",
|
| 10706 | "type": {
|
| 10707 | "text": "boolean"
|
| 10708 | },
|
| 10709 | "description": "Defines the delay in milliseconds, after which the busy indicator will be displayed inside the corresponding ui5-menu popover.\n\n**Note:** If set to `true` a `ui5-busy-indicator` component will be displayed into the related one to the current `ui5-menu-item` sub-menu popover.",
|
| 10710 | "default": "false",
|
| 10711 | "privacy": "public",
|
| 10712 | "_ui5since": "1.13.0",
|
| 10713 | "_ui5validator": "Boolean"
|
| 10714 | },
|
| 10715 | {
|
| 10716 | "kind": "field",
|
| 10717 | "name": "busyDelay",
|
| 10718 | "type": {
|
| 10719 | "text": "number"
|
| 10720 | },
|
| 10721 | "description": "Defines the delay in milliseconds, after which the busy indicator will be displayed inside the corresponding ui5-menu popover.",
|
| 10722 | "default": "1000",
|
| 10723 | "privacy": "public",
|
| 10724 | "_ui5since": "1.13.0",
|
| 10725 | "_ui5validator": "Integer"
|
| 10726 | },
|
| 10727 | {
|
| 10728 | "kind": "field",
|
| 10729 | "name": "accessibleName",
|
| 10730 | "type": {
|
| 10731 | "text": "string"
|
| 10732 | },
|
| 10733 | "description": "Defines the accessible ARIA name of the component.",
|
| 10734 | "default": "\"\"",
|
| 10735 | "privacy": "public",
|
| 10736 | "_ui5since": "1.7.0",
|
| 10737 | "_ui5validator": "String"
|
| 10738 | },
|
| 10739 | {
|
| 10740 | "kind": "field",
|
| 10741 | "name": "tooltip",
|
| 10742 | "type": {
|
| 10743 | "text": "string"
|
| 10744 | },
|
| 10745 | "description": "Defines the text of the tooltip for the menu item.",
|
| 10746 | "default": "\"\"",
|
| 10747 | "privacy": "public",
|
| 10748 | "_ui5since": "1.23.0",
|
| 10749 | "_ui5validator": "String"
|
| 10750 | }
|
| 10751 | ],
|
| 10752 | "superclass": {
|
| 10753 | "name": "UI5Element",
|
| 10754 | "package": "@ui5/webcomponents-base",
|
| 10755 | "module": "dist/UI5Element.js"
|
| 10756 | },
|
| 10757 | "tagName": "ui5-menu-item",
|
| 10758 | "customElement": true,
|
| 10759 | "_ui5since": "1.3.0",
|
| 10760 | "_ui5privacy": "public",
|
| 10761 | "_ui5abstract": true
|
| 10762 | }
|
| 10763 | ],
|
| 10764 | "exports": [
|
| 10765 | {
|
| 10766 | "kind": "js",
|
| 10767 | "name": "default",
|
| 10768 | "declaration": {
|
| 10769 | "name": "MenuItem",
|
| 10770 | "module": "dist/MenuItem.js"
|
| 10771 | }
|
| 10772 | },
|
| 10773 | {
|
| 10774 | "kind": "custom-element-definition",
|
| 10775 | "name": "ui5-menu-item",
|
| 10776 | "declaration": {
|
| 10777 | "name": "MenuItem",
|
| 10778 | "module": "dist/MenuItem.js"
|
| 10779 | }
|
| 10780 | }
|
| 10781 | ]
|
| 10782 | },
|
| 10783 | {
|
| 10784 | "kind": "javascript-module",
|
| 10785 | "path": "dist/MenuListItem.js",
|
| 10786 | "declarations": [],
|
| 10787 | "exports": [
|
| 10788 | {
|
| 10789 | "kind": "js",
|
| 10790 | "name": "default",
|
| 10791 | "declaration": {
|
| 10792 | "name": "MenuListItem",
|
| 10793 | "module": "dist/MenuListItem.js"
|
| 10794 | }
|
| 10795 | }
|
| 10796 | ]
|
| 10797 | },
|
| 10798 | {
|
| 10799 | "kind": "javascript-module",
|
| 10800 | "path": "dist/MessageStrip.js",
|
| 10801 | "declarations": [
|
| 10802 | {
|
| 10803 | "kind": "class",
|
| 10804 | "description": "### Overview\n\nThe `ui5-message-strip` component enables the embedding of app-related messages.\nIt displays 4 designs of messages, each with corresponding semantic color and icon: Information, Positive, Warning and Negative.\nEach message can have a Close button, so that it can be removed from the UI, if needed.\n\n### Usage\n\nFor the `ui5-message-strip` component, you can define whether it displays\nan icon in the beginning and a close button. Moreover, its size and background\ncan be controlled with CSS.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MessageStrip.js\";`",
|
| 10805 | "name": "MessageStrip",
|
| 10806 | "slots": [
|
| 10807 | {
|
| 10808 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 10809 | "name": "default",
|
| 10810 | "_ui5privacy": "public",
|
| 10811 | "_ui5type": {
|
| 10812 | "text": "Array<Node>"
|
| 10813 | }
|
| 10814 | },
|
| 10815 | {
|
| 10816 | "name": "icon",
|
| 10817 | "description": "Defines the content to be displayed as graphical element within the component.\n\n**Note:** If no icon is given, the default icon for the component type will be used.\nThe SAP-icons font provides numerous options.\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 10818 | "_ui5type": {
|
| 10819 | "text": "Array<IIcon>",
|
| 10820 | "references": [
|
| 10821 | {
|
| 10822 | "name": "IIcon",
|
| 10823 | "package": "@ui5/webcomponents",
|
| 10824 | "module": "dist/Icon.js"
|
| 10825 | }
|
| 10826 | ]
|
| 10827 | },
|
| 10828 | "_ui5privacy": "public"
|
| 10829 | }
|
| 10830 | ],
|
| 10831 | "members": [
|
| 10832 | {
|
| 10833 | "kind": "field",
|
| 10834 | "name": "design",
|
| 10835 | "type": {
|
| 10836 | "text": "MessageStripDesign",
|
| 10837 | "references": [
|
| 10838 | {
|
| 10839 | "name": "MessageStripDesign",
|
| 10840 | "package": "@ui5/webcomponents",
|
| 10841 | "module": "dist/types/MessageStripDesign.js"
|
| 10842 | }
|
| 10843 | ]
|
| 10844 | },
|
| 10845 | "description": "Defines the component type.",
|
| 10846 | "default": "\"Information\"",
|
| 10847 | "privacy": "public",
|
| 10848 | "_ui5since": "1.0.0-rc.15",
|
| 10849 | "_ui5validator": "MessageStripDesign"
|
| 10850 | },
|
| 10851 | {
|
| 10852 | "kind": "field",
|
| 10853 | "name": "hideIcon",
|
| 10854 | "type": {
|
| 10855 | "text": "boolean"
|
| 10856 | },
|
| 10857 | "description": "Defines whether the MessageStrip will show an icon in the beginning.\nYou can directly provide an icon with the `icon` slot. Otherwise, the default icon for the type will be used.",
|
| 10858 | "default": "false",
|
| 10859 | "privacy": "public",
|
| 10860 | "_ui5since": "1.0.0-rc.15",
|
| 10861 | "_ui5validator": "Boolean"
|
| 10862 | },
|
| 10863 | {
|
| 10864 | "kind": "field",
|
| 10865 | "name": "hideCloseButton",
|
| 10866 | "type": {
|
| 10867 | "text": "boolean"
|
| 10868 | },
|
| 10869 | "description": "Defines whether the MessageStrip renders close button.",
|
| 10870 | "default": "false",
|
| 10871 | "privacy": "public",
|
| 10872 | "_ui5validator": "Boolean"
|
| 10873 | }
|
| 10874 | ],
|
| 10875 | "events": [
|
| 10876 | {
|
| 10877 | "name": "close",
|
| 10878 | "_ui5privacy": "public",
|
| 10879 | "type": {
|
| 10880 | "text": "CustomEvent"
|
| 10881 | },
|
| 10882 | "description": "Fired when the close button is pressed either with a\nclick/tap or by using the Enter or Space key."
|
| 10883 | }
|
| 10884 | ],
|
| 10885 | "superclass": {
|
| 10886 | "name": "UI5Element",
|
| 10887 | "package": "@ui5/webcomponents-base",
|
| 10888 | "module": "dist/UI5Element.js"
|
| 10889 | },
|
| 10890 | "tagName": "ui5-message-strip",
|
| 10891 | "customElement": true,
|
| 10892 | "_ui5since": "0.9.0",
|
| 10893 | "_ui5privacy": "public"
|
| 10894 | }
|
| 10895 | ],
|
| 10896 | "exports": [
|
| 10897 | {
|
| 10898 | "kind": "js",
|
| 10899 | "name": "default",
|
| 10900 | "declaration": {
|
| 10901 | "name": "MessageStrip",
|
| 10902 | "module": "dist/MessageStrip.js"
|
| 10903 | }
|
| 10904 | },
|
| 10905 | {
|
| 10906 | "kind": "custom-element-definition",
|
| 10907 | "name": "ui5-message-strip",
|
| 10908 | "declaration": {
|
| 10909 | "name": "MessageStrip",
|
| 10910 | "module": "dist/MessageStrip.js"
|
| 10911 | }
|
| 10912 | }
|
| 10913 | ]
|
| 10914 | },
|
| 10915 | {
|
| 10916 | "kind": "javascript-module",
|
| 10917 | "path": "dist/MonthPicker.js",
|
| 10918 | "declarations": [],
|
| 10919 | "exports": [
|
| 10920 | {
|
| 10921 | "kind": "js",
|
| 10922 | "name": "default",
|
| 10923 | "declaration": {
|
| 10924 | "name": "MonthPicker",
|
| 10925 | "module": "dist/MonthPicker.js"
|
| 10926 | }
|
| 10927 | }
|
| 10928 | ]
|
| 10929 | },
|
| 10930 | {
|
| 10931 | "kind": "javascript-module",
|
| 10932 | "path": "dist/MultiComboBox.js",
|
| 10933 | "declarations": [
|
| 10934 | {
|
| 10935 | "kind": "interface",
|
| 10936 | "name": "IMultiComboBoxItem",
|
| 10937 | "description": "Interface for components that may be slotted inside a `ui5-multi-combobox` as items",
|
| 10938 | "_ui5privacy": "public"
|
| 10939 | },
|
| 10940 | {
|
| 10941 | "kind": "class",
|
| 10942 | "description": "### Overview\n\nThe `ui5-multi-combobox` component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n\nThe drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\nThe options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n### Structure\nThe `ui5-multi-combobox` consists of the following elements:\n\n- Tokenizer - a list of tokens with selected options.\n- Input field - displays the selected option/s as token/s. Users can type to filter the list.\n- Drop-down arrow - expands\\collapses the option list.\n- Option list - the list of available options.\n\n### Keyboard Handling\n\nThe `ui5-multi-combobox` provides advanced keyboard handling.\n\n#### Picker\nIf the `ui5-multi-combobox` is focused,\nyou can open or close the drop-down by pressing `F4`, `ALT+UP` or `ALT+DOWN` keys.\nOnce the drop-down is opened, you can use the `UP` and `DOWN` arrow keys\nto navigate through the available options and select one by pressing the `Space` or `Enter` keys.\n\n#### Tokens\n\n- Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available).\n- Delete - deletes the token and focuses the previous token.\n- Backspace - deletes the token and focus the next token.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiComboBox.js\";`",
|
| 10943 | "name": "MultiComboBox",
|
| 10944 | "cssParts": [
|
| 10945 | {
|
| 10946 | "description": "Used to style each token(where `token-0` corresponds to the first item)",
|
| 10947 | "name": "token-\\{index\\}"
|
| 10948 | }
|
| 10949 | ],
|
| 10950 | "slots": [
|
| 10951 | {
|
| 10952 | "name": "default",
|
| 10953 | "description": "Defines the component items.",
|
| 10954 | "_ui5propertyName": "items",
|
| 10955 | "_ui5type": {
|
| 10956 | "text": "Array<IMultiComboBoxItem>",
|
| 10957 | "references": [
|
| 10958 | {
|
| 10959 | "name": "IMultiComboBoxItem",
|
| 10960 | "package": "@ui5/webcomponents",
|
| 10961 | "module": "dist/MultiComboBox.js"
|
| 10962 | }
|
| 10963 | ]
|
| 10964 | },
|
| 10965 | "_ui5privacy": "public"
|
| 10966 | },
|
| 10967 | {
|
| 10968 | "name": "icon",
|
| 10969 | "description": "Defines the icon to be displayed in the component.",
|
| 10970 | "_ui5since": "1.0.0-rc.9",
|
| 10971 | "_ui5type": {
|
| 10972 | "text": "Array<IIcon>",
|
| 10973 | "references": [
|
| 10974 | {
|
| 10975 | "name": "IIcon",
|
| 10976 | "package": "@ui5/webcomponents",
|
| 10977 | "module": "dist/Icon.js"
|
| 10978 | }
|
| 10979 | ]
|
| 10980 | },
|
| 10981 | "_ui5privacy": "public"
|
| 10982 | },
|
| 10983 | {
|
| 10984 | "name": "valueStateMessage",
|
| 10985 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Warning` or `Error` value state.",
|
| 10986 | "_ui5since": "1.0.0-rc.9",
|
| 10987 | "_ui5type": {
|
| 10988 | "text": "Array<HTMLElement>"
|
| 10989 | },
|
| 10990 | "_ui5privacy": "public"
|
| 10991 | }
|
| 10992 | ],
|
| 10993 | "members": [
|
| 10994 | {
|
| 10995 | "kind": "field",
|
| 10996 | "name": "value",
|
| 10997 | "type": {
|
| 10998 | "text": "string"
|
| 10999 | },
|
| 11000 | "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
|
| 11001 | "default": "\"\"",
|
| 11002 | "privacy": "public",
|
| 11003 | "_ui5validator": "String",
|
| 11004 | "_ui5formProperty": true,
|
| 11005 | "_ui5formEvents": "change,input"
|
| 11006 | },
|
| 11007 | {
|
| 11008 | "kind": "field",
|
| 11009 | "name": "noTypeahead",
|
| 11010 | "type": {
|
| 11011 | "text": "boolean"
|
| 11012 | },
|
| 11013 | "description": "Defines whether the value will be autcompleted to match an item",
|
| 11014 | "default": "false",
|
| 11015 | "privacy": "public",
|
| 11016 | "_ui5since": "1.4.0",
|
| 11017 | "_ui5validator": "Boolean"
|
| 11018 | },
|
| 11019 | {
|
| 11020 | "kind": "field",
|
| 11021 | "name": "placeholder",
|
| 11022 | "type": {
|
| 11023 | "text": "string"
|
| 11024 | },
|
| 11025 | "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
|
| 11026 | "default": "\"\"",
|
| 11027 | "privacy": "public",
|
| 11028 | "_ui5validator": "String"
|
| 11029 | },
|
| 11030 | {
|
| 11031 | "kind": "field",
|
| 11032 | "name": "allowCustomValues",
|
| 11033 | "type": {
|
| 11034 | "text": "boolean"
|
| 11035 | },
|
| 11036 | "description": "Defines if the user input will be prevented, if no matching item has been found",
|
| 11037 | "default": "false",
|
| 11038 | "privacy": "public",
|
| 11039 | "_ui5validator": "Boolean"
|
| 11040 | },
|
| 11041 | {
|
| 11042 | "kind": "field",
|
| 11043 | "name": "disabled",
|
| 11044 | "type": {
|
| 11045 | "text": "boolean"
|
| 11046 | },
|
| 11047 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 11048 | "default": "false",
|
| 11049 | "privacy": "public",
|
| 11050 | "_ui5validator": "Boolean"
|
| 11051 | },
|
| 11052 | {
|
| 11053 | "kind": "field",
|
| 11054 | "name": "valueState",
|
| 11055 | "type": {
|
| 11056 | "text": "ValueState",
|
| 11057 | "references": [
|
| 11058 | {
|
| 11059 | "name": "ValueState",
|
| 11060 | "package": "@ui5/webcomponents-base",
|
| 11061 | "module": "dist/types/ValueState.js"
|
| 11062 | }
|
| 11063 | ]
|
| 11064 | },
|
| 11065 | "description": "Defines the value state of the component.",
|
| 11066 | "default": "\"None\"",
|
| 11067 | "privacy": "public",
|
| 11068 | "_ui5validator": "ValueState"
|
| 11069 | },
|
| 11070 | {
|
| 11071 | "kind": "field",
|
| 11072 | "name": "readonly",
|
| 11073 | "type": {
|
| 11074 | "text": "boolean"
|
| 11075 | },
|
| 11076 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 11077 | "default": "false",
|
| 11078 | "privacy": "public",
|
| 11079 | "_ui5validator": "Boolean"
|
| 11080 | },
|
| 11081 | {
|
| 11082 | "kind": "field",
|
| 11083 | "name": "required",
|
| 11084 | "type": {
|
| 11085 | "text": "boolean"
|
| 11086 | },
|
| 11087 | "description": "Defines whether the component is required.",
|
| 11088 | "default": "false",
|
| 11089 | "privacy": "public",
|
| 11090 | "_ui5since": "1.0.0-rc.5",
|
| 11091 | "_ui5validator": "Boolean"
|
| 11092 | },
|
| 11093 | {
|
| 11094 | "kind": "field",
|
| 11095 | "name": "filter",
|
| 11096 | "type": {
|
| 11097 | "text": "ComboBoxFilter",
|
| 11098 | "references": [
|
| 11099 | {
|
| 11100 | "name": "ComboBoxFilter",
|
| 11101 | "package": "@ui5/webcomponents",
|
| 11102 | "module": "dist/types/ComboBoxFilter.js"
|
| 11103 | }
|
| 11104 | ]
|
| 11105 | },
|
| 11106 | "description": "Defines the filter type of the component.",
|
| 11107 | "default": "\"StartsWithPerTerm\"",
|
| 11108 | "privacy": "public",
|
| 11109 | "_ui5validator": "ComboBoxFilter"
|
| 11110 | },
|
| 11111 | {
|
| 11112 | "kind": "field",
|
| 11113 | "name": "showClearIcon",
|
| 11114 | "type": {
|
| 11115 | "text": "boolean"
|
| 11116 | },
|
| 11117 | "description": "Defines whether the clear icon of the multi-combobox will be shown.",
|
| 11118 | "default": "false",
|
| 11119 | "privacy": "public",
|
| 11120 | "_ui5since": "1.20.1",
|
| 11121 | "_ui5validator": "Boolean"
|
| 11122 | },
|
| 11123 | {
|
| 11124 | "kind": "field",
|
| 11125 | "name": "accessibleName",
|
| 11126 | "type": {
|
| 11127 | "text": "string"
|
| 11128 | },
|
| 11129 | "description": "Defines the accessible ARIA name of the component.",
|
| 11130 | "default": "\"\"",
|
| 11131 | "privacy": "public",
|
| 11132 | "_ui5since": "1.4.0",
|
| 11133 | "_ui5validator": "String"
|
| 11134 | },
|
| 11135 | {
|
| 11136 | "kind": "field",
|
| 11137 | "name": "accessibleNameRef",
|
| 11138 | "type": {
|
| 11139 | "text": "string"
|
| 11140 | },
|
| 11141 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 11142 | "default": "\"\"",
|
| 11143 | "privacy": "public",
|
| 11144 | "_ui5since": "1.4.0",
|
| 11145 | "_ui5validator": "String"
|
| 11146 | },
|
| 11147 | {
|
| 11148 | "kind": "field",
|
| 11149 | "name": "showSelectAll",
|
| 11150 | "type": {
|
| 11151 | "text": "boolean"
|
| 11152 | },
|
| 11153 | "description": "Determines if the select all checkbox is visible on top of suggestions.",
|
| 11154 | "default": "false",
|
| 11155 | "privacy": "public",
|
| 11156 | "_ui5validator": "Boolean"
|
| 11157 | },
|
| 11158 | {
|
| 11159 | "kind": "field",
|
| 11160 | "name": "open",
|
| 11161 | "type": {
|
| 11162 | "text": "boolean"
|
| 11163 | },
|
| 11164 | "description": "Indicates whether the dropdown is open. True if the dropdown is open, false otherwise.",
|
| 11165 | "default": "false",
|
| 11166 | "privacy": "public",
|
| 11167 | "readonly": true
|
| 11168 | }
|
| 11169 | ],
|
| 11170 | "events": [
|
| 11171 | {
|
| 11172 | "name": "change",
|
| 11173 | "_ui5privacy": "public",
|
| 11174 | "type": {
|
| 11175 | "text": "CustomEvent"
|
| 11176 | },
|
| 11177 | "description": "Fired when the input operation has finished by pressing Enter or on focusout."
|
| 11178 | },
|
| 11179 | {
|
| 11180 | "name": "input",
|
| 11181 | "_ui5privacy": "public",
|
| 11182 | "type": {
|
| 11183 | "text": "CustomEvent"
|
| 11184 | },
|
| 11185 | "description": "Fired when the value of the component changes at each keystroke or clear icon is pressed."
|
| 11186 | },
|
| 11187 | {
|
| 11188 | "name": "open-change",
|
| 11189 | "_ui5privacy": "public",
|
| 11190 | "type": {
|
| 11191 | "text": "CustomEvent"
|
| 11192 | },
|
| 11193 | "description": "Fired when the dropdown is opened or closed.",
|
| 11194 | "_ui5since": "1.0.0-rc.5"
|
| 11195 | },
|
| 11196 | {
|
| 11197 | "name": "selection-change",
|
| 11198 | "_ui5privacy": "public",
|
| 11199 | "type": {
|
| 11200 | "text": "CustomEvent<MultiComboBoxSelectionChangeEventDetail>",
|
| 11201 | "references": [
|
| 11202 | {
|
| 11203 | "name": "MultiComboBoxSelectionChangeEventDetail",
|
| 11204 | "package": "@ui5/webcomponents",
|
| 11205 | "module": "dist/MultiComboBox.js"
|
| 11206 | }
|
| 11207 | ]
|
| 11208 | },
|
| 11209 | "description": "Fired when selection is changed by user interaction.",
|
| 11210 | "_ui5allowPreventDefault": true,
|
| 11211 | "_ui5parameters": [
|
| 11212 | {
|
| 11213 | "type": {
|
| 11214 | "text": "Array<IMultiComboBoxItem>",
|
| 11215 | "references": [
|
| 11216 | {
|
| 11217 | "name": "IMultiComboBoxItem",
|
| 11218 | "package": "@ui5/webcomponents",
|
| 11219 | "module": "dist/MultiComboBox.js"
|
| 11220 | }
|
| 11221 | ]
|
| 11222 | },
|
| 11223 | "name": "items",
|
| 11224 | "_ui5privacy": "public",
|
| 11225 | "description": "an array of the selected items."
|
| 11226 | }
|
| 11227 | ]
|
| 11228 | }
|
| 11229 | ],
|
| 11230 | "superclass": {
|
| 11231 | "name": "UI5Element",
|
| 11232 | "package": "@ui5/webcomponents-base",
|
| 11233 | "module": "dist/UI5Element.js"
|
| 11234 | },
|
| 11235 | "tagName": "ui5-multi-combobox",
|
| 11236 | "customElement": true,
|
| 11237 | "_ui5since": "0.11.0",
|
| 11238 | "_ui5privacy": "public"
|
| 11239 | }
|
| 11240 | ],
|
| 11241 | "exports": [
|
| 11242 | {
|
| 11243 | "kind": "js",
|
| 11244 | "name": "default",
|
| 11245 | "declaration": {
|
| 11246 | "name": "MultiComboBox",
|
| 11247 | "module": "dist/MultiComboBox.js"
|
| 11248 | }
|
| 11249 | },
|
| 11250 | {
|
| 11251 | "kind": "custom-element-definition",
|
| 11252 | "name": "ui5-multi-combobox",
|
| 11253 | "declaration": {
|
| 11254 | "name": "MultiComboBox",
|
| 11255 | "module": "dist/MultiComboBox.js"
|
| 11256 | }
|
| 11257 | }
|
| 11258 | ]
|
| 11259 | },
|
| 11260 | {
|
| 11261 | "kind": "javascript-module",
|
| 11262 | "path": "dist/MultiComboBoxGroupItem.js",
|
| 11263 | "declarations": [
|
| 11264 | {
|
| 11265 | "kind": "class",
|
| 11266 | "description": "The `ui5-mcb-group-item` is type of suggestion item,\nthat can be used to split the `ui5-multi-combobox` suggestions into groups.",
|
| 11267 | "name": "MultiComboBoxGroupItem",
|
| 11268 | "members": [
|
| 11269 | {
|
| 11270 | "kind": "field",
|
| 11271 | "name": "text",
|
| 11272 | "type": {
|
| 11273 | "text": "string"
|
| 11274 | },
|
| 11275 | "description": "Defines the text of the component.",
|
| 11276 | "default": "\"\"",
|
| 11277 | "privacy": "public",
|
| 11278 | "_ui5validator": "String"
|
| 11279 | }
|
| 11280 | ],
|
| 11281 | "superclass": {
|
| 11282 | "name": "UI5Element",
|
| 11283 | "package": "@ui5/webcomponents-base",
|
| 11284 | "module": "dist/UI5Element.js"
|
| 11285 | },
|
| 11286 | "tagName": "ui5-mcb-group-item",
|
| 11287 | "customElement": true,
|
| 11288 | "_ui5since": "1.4.0",
|
| 11289 | "_ui5privacy": "public",
|
| 11290 | "_ui5abstract": true,
|
| 11291 | "_ui5implements": [
|
| 11292 | {
|
| 11293 | "name": "IMultiComboBoxItem",
|
| 11294 | "package": "@ui5/webcomponents",
|
| 11295 | "module": "dist/MultiComboBox.js"
|
| 11296 | }
|
| 11297 | ]
|
| 11298 | }
|
| 11299 | ],
|
| 11300 | "exports": [
|
| 11301 | {
|
| 11302 | "kind": "js",
|
| 11303 | "name": "default",
|
| 11304 | "declaration": {
|
| 11305 | "name": "MultiComboBoxGroupItem",
|
| 11306 | "module": "dist/MultiComboBoxGroupItem.js"
|
| 11307 | }
|
| 11308 | },
|
| 11309 | {
|
| 11310 | "kind": "custom-element-definition",
|
| 11311 | "name": "ui5-mcb-group-item",
|
| 11312 | "declaration": {
|
| 11313 | "name": "MultiComboBoxGroupItem",
|
| 11314 | "module": "dist/MultiComboBoxGroupItem.js"
|
| 11315 | }
|
| 11316 | }
|
| 11317 | ]
|
| 11318 | },
|
| 11319 | {
|
| 11320 | "kind": "javascript-module",
|
| 11321 | "path": "dist/MultiComboBoxItem.js",
|
| 11322 | "declarations": [
|
| 11323 | {
|
| 11324 | "kind": "class",
|
| 11325 | "description": "The `ui5-mcb-item` represents the item for a `ui5-multi-combobox`.",
|
| 11326 | "name": "MultiComboBoxItem",
|
| 11327 | "members": [
|
| 11328 | {
|
| 11329 | "kind": "field",
|
| 11330 | "name": "selected",
|
| 11331 | "type": {
|
| 11332 | "text": "boolean"
|
| 11333 | },
|
| 11334 | "description": "Defines the selected state of the component.",
|
| 11335 | "default": "false",
|
| 11336 | "privacy": "public",
|
| 11337 | "_ui5validator": "Boolean"
|
| 11338 | },
|
| 11339 | {
|
| 11340 | "kind": "field",
|
| 11341 | "name": "text",
|
| 11342 | "type": {
|
| 11343 | "text": "string"
|
| 11344 | },
|
| 11345 | "description": "Defines the text of the component.",
|
| 11346 | "default": "\"\"",
|
| 11347 | "privacy": "public",
|
| 11348 | "_ui5validator": "String",
|
| 11349 | "inheritedFrom": {
|
| 11350 | "name": "ComboBoxItem",
|
| 11351 | "module": "dist/ComboBoxItem.js"
|
| 11352 | }
|
| 11353 | },
|
| 11354 | {
|
| 11355 | "kind": "field",
|
| 11356 | "name": "additionalText",
|
| 11357 | "type": {
|
| 11358 | "text": "string"
|
| 11359 | },
|
| 11360 | "description": "Defines the additional text of the component.",
|
| 11361 | "default": "\"\"",
|
| 11362 | "privacy": "public",
|
| 11363 | "_ui5since": "1.0.0-rc.11",
|
| 11364 | "_ui5validator": "String",
|
| 11365 | "inheritedFrom": {
|
| 11366 | "name": "ComboBoxItem",
|
| 11367 | "module": "dist/ComboBoxItem.js"
|
| 11368 | }
|
| 11369 | }
|
| 11370 | ],
|
| 11371 | "superclass": {
|
| 11372 | "name": "ComboBoxItem",
|
| 11373 | "package": "@ui5/webcomponents",
|
| 11374 | "module": "dist/ComboBoxItem.js"
|
| 11375 | },
|
| 11376 | "tagName": "ui5-mcb-item",
|
| 11377 | "customElement": true,
|
| 11378 | "_ui5privacy": "public",
|
| 11379 | "_ui5abstract": true,
|
| 11380 | "_ui5implements": [
|
| 11381 | {
|
| 11382 | "name": "IMultiComboBoxItem",
|
| 11383 | "package": "@ui5/webcomponents",
|
| 11384 | "module": "dist/MultiComboBox.js"
|
| 11385 | }
|
| 11386 | ]
|
| 11387 | }
|
| 11388 | ],
|
| 11389 | "exports": [
|
| 11390 | {
|
| 11391 | "kind": "js",
|
| 11392 | "name": "default",
|
| 11393 | "declaration": {
|
| 11394 | "name": "MultiComboBoxItem",
|
| 11395 | "module": "dist/MultiComboBoxItem.js"
|
| 11396 | }
|
| 11397 | },
|
| 11398 | {
|
| 11399 | "kind": "custom-element-definition",
|
| 11400 | "name": "ui5-mcb-item",
|
| 11401 | "declaration": {
|
| 11402 | "name": "MultiComboBoxItem",
|
| 11403 | "module": "dist/MultiComboBoxItem.js"
|
| 11404 | }
|
| 11405 | }
|
| 11406 | ]
|
| 11407 | },
|
| 11408 | {
|
| 11409 | "kind": "javascript-module",
|
| 11410 | "path": "dist/MultiInput.js",
|
| 11411 | "declarations": [
|
| 11412 | {
|
| 11413 | "kind": "class",
|
| 11414 | "description": "### Overview\nA `ui5-multi-input` field allows the user to enter multiple values, which are displayed as `ui5-token`.\n\nUser can choose interaction for creating tokens.\nFiori Guidelines say that user should create tokens when:\n\n- Type a value in the input and press enter or focus out the input field (`change` event is fired)\n- Select a value from the suggestion list (`suggestion-item-select` event is fired)\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/MultiInput.js\";`",
|
| 11415 | "name": "MultiInput",
|
| 11416 | "slots": [
|
| 11417 | {
|
| 11418 | "name": "tokens",
|
| 11419 | "description": "Defines the component tokens.",
|
| 11420 | "_ui5type": {
|
| 11421 | "text": "Array<IToken>",
|
| 11422 | "references": [
|
| 11423 | {
|
| 11424 | "name": "IToken",
|
| 11425 | "package": "@ui5/webcomponents",
|
| 11426 | "module": "dist/MultiInput.js"
|
| 11427 | }
|
| 11428 | ]
|
| 11429 | },
|
| 11430 | "_ui5privacy": "public"
|
| 11431 | }
|
| 11432 | ],
|
| 11433 | "members": [
|
| 11434 | {
|
| 11435 | "kind": "field",
|
| 11436 | "name": "showValueHelpIcon",
|
| 11437 | "type": {
|
| 11438 | "text": "boolean"
|
| 11439 | },
|
| 11440 | "description": "Determines whether a value help icon will be visualized in the end of the input.\nPressing the icon will fire `value-help-trigger` event.",
|
| 11441 | "default": "false",
|
| 11442 | "privacy": "public",
|
| 11443 | "_ui5validator": "Boolean"
|
| 11444 | },
|
| 11445 | {
|
| 11446 | "kind": "field",
|
| 11447 | "name": "disabled",
|
| 11448 | "type": {
|
| 11449 | "text": "boolean"
|
| 11450 | },
|
| 11451 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 11452 | "default": "false",
|
| 11453 | "privacy": "public",
|
| 11454 | "_ui5validator": "Boolean",
|
| 11455 | "inheritedFrom": {
|
| 11456 | "name": "Input",
|
| 11457 | "module": "dist/Input.js"
|
| 11458 | }
|
| 11459 | },
|
| 11460 | {
|
| 11461 | "kind": "field",
|
| 11462 | "name": "placeholder",
|
| 11463 | "type": {
|
| 11464 | "text": "string"
|
| 11465 | },
|
| 11466 | "description": "Defines a short hint intended to aid the user with data entry when the\ncomponent has no value.",
|
| 11467 | "default": "\"\"",
|
| 11468 | "privacy": "public",
|
| 11469 | "_ui5validator": "String",
|
| 11470 | "inheritedFrom": {
|
| 11471 | "name": "Input",
|
| 11472 | "module": "dist/Input.js"
|
| 11473 | }
|
| 11474 | },
|
| 11475 | {
|
| 11476 | "kind": "field",
|
| 11477 | "name": "readonly",
|
| 11478 | "type": {
|
| 11479 | "text": "boolean"
|
| 11480 | },
|
| 11481 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 11482 | "default": "false",
|
| 11483 | "privacy": "public",
|
| 11484 | "_ui5validator": "Boolean",
|
| 11485 | "inheritedFrom": {
|
| 11486 | "name": "Input",
|
| 11487 | "module": "dist/Input.js"
|
| 11488 | }
|
| 11489 | },
|
| 11490 | {
|
| 11491 | "kind": "field",
|
| 11492 | "name": "required",
|
| 11493 | "type": {
|
| 11494 | "text": "boolean"
|
| 11495 | },
|
| 11496 | "description": "Defines whether the component is required.",
|
| 11497 | "default": "false",
|
| 11498 | "privacy": "public",
|
| 11499 | "_ui5since": "1.0.0-rc.3",
|
| 11500 | "_ui5validator": "Boolean",
|
| 11501 | "inheritedFrom": {
|
| 11502 | "name": "Input",
|
| 11503 | "module": "dist/Input.js"
|
| 11504 | }
|
| 11505 | },
|
| 11506 | {
|
| 11507 | "kind": "field",
|
| 11508 | "name": "noTypeahead",
|
| 11509 | "type": {
|
| 11510 | "text": "boolean"
|
| 11511 | },
|
| 11512 | "description": "Defines whether the value will be autcompleted to match an item",
|
| 11513 | "default": "false",
|
| 11514 | "privacy": "public",
|
| 11515 | "_ui5since": "1.4.0",
|
| 11516 | "_ui5validator": "Boolean",
|
| 11517 | "inheritedFrom": {
|
| 11518 | "name": "Input",
|
| 11519 | "module": "dist/Input.js"
|
| 11520 | }
|
| 11521 | },
|
| 11522 | {
|
| 11523 | "kind": "field",
|
| 11524 | "name": "type",
|
| 11525 | "type": {
|
| 11526 | "text": "InputType",
|
| 11527 | "references": [
|
| 11528 | {
|
| 11529 | "name": "InputType",
|
| 11530 | "package": "@ui5/webcomponents",
|
| 11531 | "module": "dist/types/InputType.js"
|
| 11532 | }
|
| 11533 | ]
|
| 11534 | },
|
| 11535 | "description": "Defines the HTML type of the component.\n\n**Notes:**\n\n- The particular effect of this property differs depending on the browser\nand the current language settings, especially for type `Number`.\n- The property is mostly intended to be used with touch devices\nthat use different soft keyboard layouts depending on the given input type.",
|
| 11536 | "default": "\"Text\"",
|
| 11537 | "privacy": "public",
|
| 11538 | "_ui5validator": "InputType",
|
| 11539 | "inheritedFrom": {
|
| 11540 | "name": "Input",
|
| 11541 | "module": "dist/Input.js"
|
| 11542 | }
|
| 11543 | },
|
| 11544 | {
|
| 11545 | "kind": "field",
|
| 11546 | "name": "value",
|
| 11547 | "type": {
|
| 11548 | "text": "string"
|
| 11549 | },
|
| 11550 | "description": "Defines the value of the component.\n\n**Note:** The property is updated upon typing.",
|
| 11551 | "default": "\"\"",
|
| 11552 | "privacy": "public",
|
| 11553 | "_ui5validator": "String",
|
| 11554 | "_ui5formProperty": true,
|
| 11555 | "_ui5formEvents": "change,input",
|
| 11556 | "inheritedFrom": {
|
| 11557 | "name": "Input",
|
| 11558 | "module": "dist/Input.js"
|
| 11559 | }
|
| 11560 | },
|
| 11561 | {
|
| 11562 | "kind": "field",
|
| 11563 | "name": "valueState",
|
| 11564 | "type": {
|
| 11565 | "text": "ValueState",
|
| 11566 | "references": [
|
| 11567 | {
|
| 11568 | "name": "ValueState",
|
| 11569 | "package": "@ui5/webcomponents-base",
|
| 11570 | "module": "dist/types/ValueState.js"
|
| 11571 | }
|
| 11572 | ]
|
| 11573 | },
|
| 11574 | "description": "Defines the value state of the component.",
|
| 11575 | "default": "\"None\"",
|
| 11576 | "privacy": "public",
|
| 11577 | "_ui5validator": "ValueState",
|
| 11578 | "inheritedFrom": {
|
| 11579 | "name": "Input",
|
| 11580 | "module": "dist/Input.js"
|
| 11581 | }
|
| 11582 | },
|
| 11583 | {
|
| 11584 | "kind": "field",
|
| 11585 | "name": "name",
|
| 11586 | "type": {
|
| 11587 | "text": "string"
|
| 11588 | },
|
| 11589 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 11590 | "default": "\"\"",
|
| 11591 | "privacy": "public",
|
| 11592 | "_ui5validator": "String",
|
| 11593 | "inheritedFrom": {
|
| 11594 | "name": "Input",
|
| 11595 | "module": "dist/Input.js"
|
| 11596 | }
|
| 11597 | },
|
| 11598 | {
|
| 11599 | "kind": "field",
|
| 11600 | "name": "showSuggestions",
|
| 11601 | "type": {
|
| 11602 | "text": "boolean"
|
| 11603 | },
|
| 11604 | "description": "Defines whether the component should show suggestions, if such are present.\n\n**Note:** You need to import the `InputSuggestions` module\nfrom `\"@ui5/webcomponents/dist/features/InputSuggestions.js\"` to enable this functionality.",
|
| 11605 | "default": "false",
|
| 11606 | "privacy": "public",
|
| 11607 | "_ui5validator": "Boolean",
|
| 11608 | "inheritedFrom": {
|
| 11609 | "name": "Input",
|
| 11610 | "module": "dist/Input.js"
|
| 11611 | }
|
| 11612 | },
|
| 11613 | {
|
| 11614 | "kind": "field",
|
| 11615 | "name": "maxlength",
|
| 11616 | "type": {
|
| 11617 | "text": "number | undefined"
|
| 11618 | },
|
| 11619 | "description": "Sets the maximum number of characters available in the input field.\n\n**Note:** This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.",
|
| 11620 | "default": "undefined",
|
| 11621 | "privacy": "public",
|
| 11622 | "_ui5since": "1.0.0-rc.5",
|
| 11623 | "_ui5validator": "Integer",
|
| 11624 | "inheritedFrom": {
|
| 11625 | "name": "Input",
|
| 11626 | "module": "dist/Input.js"
|
| 11627 | }
|
| 11628 | },
|
| 11629 | {
|
| 11630 | "kind": "field",
|
| 11631 | "name": "accessibleName",
|
| 11632 | "type": {
|
| 11633 | "text": "string"
|
| 11634 | },
|
| 11635 | "description": "Defines the accessible ARIA name of the component.",
|
| 11636 | "default": "\"\"",
|
| 11637 | "privacy": "public",
|
| 11638 | "_ui5since": "1.0.0-rc.15",
|
| 11639 | "_ui5validator": "String",
|
| 11640 | "inheritedFrom": {
|
| 11641 | "name": "Input",
|
| 11642 | "module": "dist/Input.js"
|
| 11643 | }
|
| 11644 | },
|
| 11645 | {
|
| 11646 | "kind": "field",
|
| 11647 | "name": "accessibleNameRef",
|
| 11648 | "type": {
|
| 11649 | "text": "string"
|
| 11650 | },
|
| 11651 | "description": "Receives id(or many ids) of the elements that label the input.",
|
| 11652 | "default": "\"\"",
|
| 11653 | "privacy": "public",
|
| 11654 | "_ui5since": "1.0.0-rc.15",
|
| 11655 | "_ui5validator": "String",
|
| 11656 | "inheritedFrom": {
|
| 11657 | "name": "Input",
|
| 11658 | "module": "dist/Input.js"
|
| 11659 | }
|
| 11660 | },
|
| 11661 | {
|
| 11662 | "kind": "field",
|
| 11663 | "name": "showClearIcon",
|
| 11664 | "type": {
|
| 11665 | "text": "boolean"
|
| 11666 | },
|
| 11667 | "description": "Defines whether the clear icon of the input will be shown.",
|
| 11668 | "default": "false",
|
| 11669 | "privacy": "public",
|
| 11670 | "_ui5since": "1.2.0",
|
| 11671 | "_ui5validator": "Boolean",
|
| 11672 | "inheritedFrom": {
|
| 11673 | "name": "Input",
|
| 11674 | "module": "dist/Input.js"
|
| 11675 | }
|
| 11676 | },
|
| 11677 | {
|
| 11678 | "kind": "method",
|
| 11679 | "name": "openPicker",
|
| 11680 | "return": {
|
| 11681 | "type": {
|
| 11682 | "text": "void"
|
| 11683 | }
|
| 11684 | },
|
| 11685 | "description": "Manually opens the suggestions popover, assuming suggestions are enabled. Items must be preloaded for it to open.",
|
| 11686 | "privacy": "public",
|
| 11687 | "_ui5since": "1.3.0",
|
| 11688 | "inheritedFrom": {
|
| 11689 | "name": "Input",
|
| 11690 | "module": "dist/Input.js"
|
| 11691 | }
|
| 11692 | },
|
| 11693 | {
|
| 11694 | "kind": "field",
|
| 11695 | "name": "previewItem",
|
| 11696 | "type": {
|
| 11697 | "text": "IInputSuggestionItem | null",
|
| 11698 | "references": [
|
| 11699 | {
|
| 11700 | "name": "IInputSuggestionItem",
|
| 11701 | "package": "@ui5/webcomponents",
|
| 11702 | "module": "dist/Input.js"
|
| 11703 | }
|
| 11704 | ]
|
| 11705 | },
|
| 11706 | "description": "The suggestion item on preview.",
|
| 11707 | "default": "null",
|
| 11708 | "privacy": "public",
|
| 11709 | "readonly": true,
|
| 11710 | "inheritedFrom": {
|
| 11711 | "name": "Input",
|
| 11712 | "module": "dist/Input.js"
|
| 11713 | }
|
| 11714 | }
|
| 11715 | ],
|
| 11716 | "events": [
|
| 11717 | {
|
| 11718 | "name": "value-help-trigger",
|
| 11719 | "_ui5privacy": "public",
|
| 11720 | "type": {
|
| 11721 | "text": "CustomEvent"
|
| 11722 | },
|
| 11723 | "description": "Fired when the value help icon is pressed\nand F4 or ALT/OPTION + ARROW_UP/ARROW_DOWN keyboard keys are used."
|
| 11724 | },
|
| 11725 | {
|
| 11726 | "name": "token-delete",
|
| 11727 | "_ui5privacy": "public",
|
| 11728 | "type": {
|
| 11729 | "text": "CustomEvent<MultiInputTokenDeleteEventDetail>",
|
| 11730 | "references": [
|
| 11731 | {
|
| 11732 | "name": "MultiInputTokenDeleteEventDetail",
|
| 11733 | "package": "@ui5/webcomponents",
|
| 11734 | "module": "dist/MultiInput.js"
|
| 11735 | }
|
| 11736 | ]
|
| 11737 | },
|
| 11738 | "description": "Fired when a token is about to be deleted.",
|
| 11739 | "_ui5parameters": [
|
| 11740 | {
|
| 11741 | "type": {
|
| 11742 | "text": "HTMLElement"
|
| 11743 | },
|
| 11744 | "name": "token",
|
| 11745 | "_ui5privacy": "public",
|
| 11746 | "description": "deleted token."
|
| 11747 | }
|
| 11748 | ]
|
| 11749 | },
|
| 11750 | {
|
| 11751 | "name": "change",
|
| 11752 | "_ui5privacy": "public",
|
| 11753 | "type": {
|
| 11754 | "text": "CustomEvent"
|
| 11755 | },
|
| 11756 | "description": "Fired when the input operation has finished by pressing Enter or on focusout.",
|
| 11757 | "inheritedFrom": {
|
| 11758 | "name": "Input",
|
| 11759 | "module": "dist/Input.js"
|
| 11760 | }
|
| 11761 | },
|
| 11762 | {
|
| 11763 | "name": "input",
|
| 11764 | "_ui5privacy": "public",
|
| 11765 | "type": {
|
| 11766 | "text": "CustomEvent"
|
| 11767 | },
|
| 11768 | "description": "Fired when the value of the component changes at each keystroke,\nand when a suggestion item has been selected.",
|
| 11769 | "inheritedFrom": {
|
| 11770 | "name": "Input",
|
| 11771 | "module": "dist/Input.js"
|
| 11772 | }
|
| 11773 | },
|
| 11774 | {
|
| 11775 | "name": "suggestion-item-select",
|
| 11776 | "_ui5privacy": "public",
|
| 11777 | "type": {
|
| 11778 | "text": "CustomEvent<InputSuggestionItemSelectEventDetail>",
|
| 11779 | "references": [
|
| 11780 | {
|
| 11781 | "name": "InputSuggestionItemSelectEventDetail",
|
| 11782 | "package": "@ui5/webcomponents",
|
| 11783 | "module": "dist/Input.js"
|
| 11784 | }
|
| 11785 | ]
|
| 11786 | },
|
| 11787 | "description": "Fired when a suggestion item, that is displayed in the suggestion popup, is selected.",
|
| 11788 | "_ui5allowPreventDefault": true,
|
| 11789 | "_ui5parameters": [
|
| 11790 | {
|
| 11791 | "type": {
|
| 11792 | "text": "HTMLElement"
|
| 11793 | },
|
| 11794 | "name": "item",
|
| 11795 | "_ui5privacy": "public",
|
| 11796 | "description": "The selected item."
|
| 11797 | }
|
| 11798 | ],
|
| 11799 | "inheritedFrom": {
|
| 11800 | "name": "Input",
|
| 11801 | "module": "dist/Input.js"
|
| 11802 | }
|
| 11803 | },
|
| 11804 | {
|
| 11805 | "name": "suggestion-item-preview",
|
| 11806 | "_ui5privacy": "public",
|
| 11807 | "type": {
|
| 11808 | "text": "CustomEvent<InputSuggestionItemPreviewEventDetail>",
|
| 11809 | "references": [
|
| 11810 | {
|
| 11811 | "name": "InputSuggestionItemPreviewEventDetail",
|
| 11812 | "package": "@ui5/webcomponents",
|
| 11813 | "module": "dist/Input.js"
|
| 11814 | }
|
| 11815 | ]
|
| 11816 | },
|
| 11817 | "description": "Fired when the user navigates to a suggestion item via the ARROW keys,\nas a preview, before the final selection.",
|
| 11818 | "_ui5since": "1.0.0-rc.8",
|
| 11819 | "_ui5parameters": [
|
| 11820 | {
|
| 11821 | "type": {
|
| 11822 | "text": "HTMLElement"
|
| 11823 | },
|
| 11824 | "name": "item",
|
| 11825 | "_ui5privacy": "public",
|
| 11826 | "description": "The previewed suggestion item."
|
| 11827 | },
|
| 11828 | {
|
| 11829 | "type": {
|
| 11830 | "text": "HTMLElement"
|
| 11831 | },
|
| 11832 | "name": "targetRef",
|
| 11833 | "_ui5privacy": "public",
|
| 11834 | "description": "The DOM ref of the suggestion item."
|
| 11835 | }
|
| 11836 | ],
|
| 11837 | "inheritedFrom": {
|
| 11838 | "name": "Input",
|
| 11839 | "module": "dist/Input.js"
|
| 11840 | }
|
| 11841 | }
|
| 11842 | ],
|
| 11843 | "superclass": {
|
| 11844 | "name": "Input",
|
| 11845 | "package": "@ui5/webcomponents",
|
| 11846 | "module": "dist/Input.js"
|
| 11847 | },
|
| 11848 | "tagName": "ui5-multi-input",
|
| 11849 | "customElement": true,
|
| 11850 | "_ui5since": "1.0.0-rc.9",
|
| 11851 | "_ui5privacy": "public"
|
| 11852 | }
|
| 11853 | ],
|
| 11854 | "exports": [
|
| 11855 | {
|
| 11856 | "kind": "js",
|
| 11857 | "name": "default",
|
| 11858 | "declaration": {
|
| 11859 | "name": "MultiInput",
|
| 11860 | "module": "dist/MultiInput.js"
|
| 11861 | }
|
| 11862 | },
|
| 11863 | {
|
| 11864 | "kind": "custom-element-definition",
|
| 11865 | "name": "ui5-multi-input",
|
| 11866 | "declaration": {
|
| 11867 | "name": "MultiInput",
|
| 11868 | "module": "dist/MultiInput.js"
|
| 11869 | }
|
| 11870 | }
|
| 11871 | ]
|
| 11872 | },
|
| 11873 | {
|
| 11874 | "kind": "javascript-module",
|
| 11875 | "path": "dist/NavigationMenu.js",
|
| 11876 | "declarations": [],
|
| 11877 | "exports": [
|
| 11878 | {
|
| 11879 | "kind": "js",
|
| 11880 | "name": "default",
|
| 11881 | "declaration": {
|
| 11882 | "name": "NavigationMenu",
|
| 11883 | "module": "dist/NavigationMenu.js"
|
| 11884 | }
|
| 11885 | }
|
| 11886 | ]
|
| 11887 | },
|
| 11888 | {
|
| 11889 | "kind": "javascript-module",
|
| 11890 | "path": "dist/NavigationMenuItem.js",
|
| 11891 | "declarations": [],
|
| 11892 | "exports": [
|
| 11893 | {
|
| 11894 | "kind": "js",
|
| 11895 | "name": "default",
|
| 11896 | "declaration": {
|
| 11897 | "name": "NavigationMenuItem",
|
| 11898 | "module": "dist/NavigationMenuItem.js"
|
| 11899 | }
|
| 11900 | }
|
| 11901 | ]
|
| 11902 | },
|
| 11903 | {
|
| 11904 | "kind": "javascript-module",
|
| 11905 | "path": "dist/Option.js",
|
| 11906 | "declarations": [
|
| 11907 | {
|
| 11908 | "kind": "class",
|
| 11909 | "description": "### Overview\n\nThe `ui5-option` component defines the content of an option in the `ui5-select`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Option.js\";`",
|
| 11910 | "name": "Option",
|
| 11911 | "slots": [
|
| 11912 | {
|
| 11913 | "name": "default",
|
| 11914 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 11915 | "_ui5propertyName": "text",
|
| 11916 | "_ui5type": {
|
| 11917 | "text": "Array<Node>"
|
| 11918 | },
|
| 11919 | "_ui5privacy": "public"
|
| 11920 | }
|
| 11921 | ],
|
| 11922 | "members": [
|
| 11923 | {
|
| 11924 | "kind": "field",
|
| 11925 | "name": "selected",
|
| 11926 | "type": {
|
| 11927 | "text": "boolean"
|
| 11928 | },
|
| 11929 | "description": "Defines the selected state of the component.",
|
| 11930 | "default": "false",
|
| 11931 | "privacy": "public",
|
| 11932 | "_ui5validator": "Boolean"
|
| 11933 | },
|
| 11934 | {
|
| 11935 | "kind": "field",
|
| 11936 | "name": "disabled",
|
| 11937 | "type": {
|
| 11938 | "text": "boolean"
|
| 11939 | },
|
| 11940 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is hidden.",
|
| 11941 | "default": "false",
|
| 11942 | "privacy": "public",
|
| 11943 | "_ui5since": "1.0.0-rc.12",
|
| 11944 | "_ui5validator": "Boolean"
|
| 11945 | },
|
| 11946 | {
|
| 11947 | "kind": "field",
|
| 11948 | "name": "icon",
|
| 11949 | "type": {
|
| 11950 | "text": "string | null | undefined"
|
| 11951 | },
|
| 11952 | "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 11953 | "default": "null",
|
| 11954 | "privacy": "public",
|
| 11955 | "_ui5validator": "String"
|
| 11956 | },
|
| 11957 | {
|
| 11958 | "kind": "field",
|
| 11959 | "name": "value",
|
| 11960 | "type": {
|
| 11961 | "text": "string"
|
| 11962 | },
|
| 11963 | "description": "Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.",
|
| 11964 | "default": "\"\"",
|
| 11965 | "privacy": "public",
|
| 11966 | "_ui5validator": "String"
|
| 11967 | },
|
| 11968 | {
|
| 11969 | "kind": "field",
|
| 11970 | "name": "additionalText",
|
| 11971 | "type": {
|
| 11972 | "text": "string"
|
| 11973 | },
|
| 11974 | "description": "Defines the additional text displayed at the end of the option element.",
|
| 11975 | "default": "\"\"",
|
| 11976 | "privacy": "public",
|
| 11977 | "_ui5since": "1.3.0",
|
| 11978 | "_ui5validator": "String"
|
| 11979 | }
|
| 11980 | ],
|
| 11981 | "superclass": {
|
| 11982 | "name": "UI5Element",
|
| 11983 | "package": "@ui5/webcomponents-base",
|
| 11984 | "module": "dist/UI5Element.js"
|
| 11985 | },
|
| 11986 | "tagName": "ui5-option",
|
| 11987 | "customElement": true,
|
| 11988 | "_ui5privacy": "public",
|
| 11989 | "_ui5abstract": true,
|
| 11990 | "_ui5implements": [
|
| 11991 | {
|
| 11992 | "name": "IOption",
|
| 11993 | "package": "@ui5/webcomponents",
|
| 11994 | "module": "dist/Select.js"
|
| 11995 | }
|
| 11996 | ]
|
| 11997 | }
|
| 11998 | ],
|
| 11999 | "exports": [
|
| 12000 | {
|
| 12001 | "kind": "js",
|
| 12002 | "name": "default",
|
| 12003 | "declaration": {
|
| 12004 | "name": "Option",
|
| 12005 | "module": "dist/Option.js"
|
| 12006 | }
|
| 12007 | },
|
| 12008 | {
|
| 12009 | "kind": "custom-element-definition",
|
| 12010 | "name": "ui5-option",
|
| 12011 | "declaration": {
|
| 12012 | "name": "Option",
|
| 12013 | "module": "dist/Option.js"
|
| 12014 | }
|
| 12015 | }
|
| 12016 | ]
|
| 12017 | },
|
| 12018 | {
|
| 12019 | "kind": "javascript-module",
|
| 12020 | "path": "dist/Panel.js",
|
| 12021 | "declarations": [
|
| 12022 | {
|
| 12023 | "kind": "class",
|
| 12024 | "description": "### Overview\n\nThe `ui5-panel` component is a container which has a header and a\ncontent area and is used\nfor grouping and displaying information. It can be collapsed to save space on the screen.\n\n### Guidelines:\n\n- Nesting two or more panels is not recommended.\n- Do not stack too many panels on one page.\n\n### Structure\nThe panel's header area consists of a title bar with a header text or custom header.\n\nThe header is clickable and can be used to toggle between the expanded and collapsed state. It includes an icon which rotates depending on the state.\n\nThe custom header can be set through the `header` slot and it may contain arbitraray content, such as: title, buttons or any other HTML elements.\n\nThe content area can contain an arbitrary set of controls.\n\n**Note:** The custom header is not clickable out of the box, but in this case the icon is interactive and allows to show/hide the content area.\n\n### Responsive Behavior\n\n- If the width of the panel is set to 100% (default), the panel and its children are\nresized responsively,\ndepending on its parent container.\n- If the panel has a fixed height, it will take up the space even if the panel is\ncollapsed.\n- When the panel is expandable (the `fixed` property is set to `false`),\nan arrow icon (pointing to the right) appears in front of the header.\n- When the animation is activated, expand/collapse uses a smooth animation to open or\nclose the content area.\n- When the panel expands/collapses, the arrow icon rotates 90 degrees\nclockwise/counter-clockwise.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Panel.js\";`",
|
| 12025 | "name": "Panel",
|
| 12026 | "cssParts": [
|
| 12027 | {
|
| 12028 | "description": "Used to style the wrapper of the header.",
|
| 12029 | "name": "header"
|
| 12030 | },
|
| 12031 | {
|
| 12032 | "description": "Used to style the wrapper of the content.",
|
| 12033 | "name": "content"
|
| 12034 | }
|
| 12035 | ],
|
| 12036 | "slots": [
|
| 12037 | {
|
| 12038 | "description": "Defines the content of the component. The content is visible only when the component is expanded.",
|
| 12039 | "name": "default",
|
| 12040 | "_ui5privacy": "public",
|
| 12041 | "_ui5type": {
|
| 12042 | "text": "Array<Node>"
|
| 12043 | }
|
| 12044 | },
|
| 12045 | {
|
| 12046 | "name": "header",
|
| 12047 | "description": "Defines the component header area.\n\n**Note:** When a header is provided, the `headerText` property is ignored.",
|
| 12048 | "_ui5type": {
|
| 12049 | "text": "Array<HTMLElement>"
|
| 12050 | },
|
| 12051 | "_ui5privacy": "public"
|
| 12052 | }
|
| 12053 | ],
|
| 12054 | "members": [
|
| 12055 | {
|
| 12056 | "kind": "field",
|
| 12057 | "name": "headerText",
|
| 12058 | "type": {
|
| 12059 | "text": "string"
|
| 12060 | },
|
| 12061 | "description": "This property is used to set the header text of the component.\nThe text is visible in both expanded and collapsed states.\n\n**Note:** This property is overridden by the `header` slot.",
|
| 12062 | "default": "\"\"",
|
| 12063 | "privacy": "public",
|
| 12064 | "_ui5validator": "String"
|
| 12065 | },
|
| 12066 | {
|
| 12067 | "kind": "field",
|
| 12068 | "name": "fixed",
|
| 12069 | "type": {
|
| 12070 | "text": "boolean"
|
| 12071 | },
|
| 12072 | "description": "Determines whether the component is in a fixed state that is not\nexpandable/collapsible by user interaction.",
|
| 12073 | "default": "false",
|
| 12074 | "privacy": "public",
|
| 12075 | "_ui5validator": "Boolean"
|
| 12076 | },
|
| 12077 | {
|
| 12078 | "kind": "field",
|
| 12079 | "name": "collapsed",
|
| 12080 | "type": {
|
| 12081 | "text": "boolean"
|
| 12082 | },
|
| 12083 | "description": "Indicates whether the component is collapsed and only the header is displayed.",
|
| 12084 | "default": "false",
|
| 12085 | "privacy": "public",
|
| 12086 | "_ui5validator": "Boolean"
|
| 12087 | },
|
| 12088 | {
|
| 12089 | "kind": "field",
|
| 12090 | "name": "noAnimation",
|
| 12091 | "type": {
|
| 12092 | "text": "boolean"
|
| 12093 | },
|
| 12094 | "description": "Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.",
|
| 12095 | "default": "false",
|
| 12096 | "privacy": "public",
|
| 12097 | "_ui5since": "1.0.0-rc.16",
|
| 12098 | "_ui5validator": "Boolean"
|
| 12099 | },
|
| 12100 | {
|
| 12101 | "kind": "field",
|
| 12102 | "name": "accessibleRole",
|
| 12103 | "type": {
|
| 12104 | "text": "PanelAccessibleRole",
|
| 12105 | "references": [
|
| 12106 | {
|
| 12107 | "name": "PanelAccessibleRole",
|
| 12108 | "package": "@ui5/webcomponents",
|
| 12109 | "module": "dist/types/PanelAccessibleRole.js"
|
| 12110 | }
|
| 12111 | ]
|
| 12112 | },
|
| 12113 | "description": "Sets the accessible ARIA role of the component.\nDepending on the usage, you can change the role from the default `Form`\nto `Region` or `Complementary`.",
|
| 12114 | "default": "\"Form\"",
|
| 12115 | "privacy": "public",
|
| 12116 | "_ui5validator": "PanelAccessibleRole"
|
| 12117 | },
|
| 12118 | {
|
| 12119 | "kind": "field",
|
| 12120 | "name": "headerLevel",
|
| 12121 | "type": {
|
| 12122 | "text": "TitleLevel",
|
| 12123 | "references": [
|
| 12124 | {
|
| 12125 | "name": "TitleLevel",
|
| 12126 | "package": "@ui5/webcomponents",
|
| 12127 | "module": "dist/types/TitleLevel.js"
|
| 12128 | }
|
| 12129 | ]
|
| 12130 | },
|
| 12131 | "description": "Defines the \"aria-level\" of component heading,\nset by the `headerText`.",
|
| 12132 | "default": "\"H2\"",
|
| 12133 | "privacy": "public",
|
| 12134 | "_ui5validator": "TitleLevel"
|
| 12135 | },
|
| 12136 | {
|
| 12137 | "kind": "field",
|
| 12138 | "name": "accessibleName",
|
| 12139 | "type": {
|
| 12140 | "text": "string"
|
| 12141 | },
|
| 12142 | "description": "Defines the accessible ARIA name of the component.",
|
| 12143 | "default": "\"\"",
|
| 12144 | "privacy": "public",
|
| 12145 | "_ui5since": "1.0.0-rc.15",
|
| 12146 | "_ui5validator": "String"
|
| 12147 | },
|
| 12148 | {
|
| 12149 | "kind": "field",
|
| 12150 | "name": "stickyHeader",
|
| 12151 | "type": {
|
| 12152 | "text": "boolean"
|
| 12153 | },
|
| 12154 | "description": "Indicates whether the Panel header is sticky or not.\nIf stickyHeader is set to true, then whenever you scroll the content or\nthe application, the header of the panel will be always visible and\na solid color will be used for its design.",
|
| 12155 | "default": "false",
|
| 12156 | "privacy": "public",
|
| 12157 | "_ui5since": "1.16.0-rc.1",
|
| 12158 | "_ui5validator": "Boolean"
|
| 12159 | }
|
| 12160 | ],
|
| 12161 | "events": [
|
| 12162 | {
|
| 12163 | "name": "toggle",
|
| 12164 | "_ui5privacy": "public",
|
| 12165 | "type": {
|
| 12166 | "text": "CustomEvent"
|
| 12167 | },
|
| 12168 | "description": "Fired when the component is expanded/collapsed by user interaction."
|
| 12169 | }
|
| 12170 | ],
|
| 12171 | "superclass": {
|
| 12172 | "name": "UI5Element",
|
| 12173 | "package": "@ui5/webcomponents-base",
|
| 12174 | "module": "dist/UI5Element.js"
|
| 12175 | },
|
| 12176 | "tagName": "ui5-panel",
|
| 12177 | "customElement": true,
|
| 12178 | "_ui5privacy": "public"
|
| 12179 | }
|
| 12180 | ],
|
| 12181 | "exports": [
|
| 12182 | {
|
| 12183 | "kind": "js",
|
| 12184 | "name": "default",
|
| 12185 | "declaration": {
|
| 12186 | "name": "Panel",
|
| 12187 | "module": "dist/Panel.js"
|
| 12188 | }
|
| 12189 | },
|
| 12190 | {
|
| 12191 | "kind": "custom-element-definition",
|
| 12192 | "name": "ui5-panel",
|
| 12193 | "declaration": {
|
| 12194 | "name": "Panel",
|
| 12195 | "module": "dist/Panel.js"
|
| 12196 | }
|
| 12197 | }
|
| 12198 | ]
|
| 12199 | },
|
| 12200 | {
|
| 12201 | "kind": "javascript-module",
|
| 12202 | "path": "dist/Popover.js",
|
| 12203 | "declarations": [
|
| 12204 | {
|
| 12205 | "kind": "class",
|
| 12206 | "description": "### Overview\n\nThe `ui5-popover` component displays additional information for an object\nin a compact way and without leaving the page.\nThe Popover can contain various UI elements, such as fields, tables, images, and charts.\nIt can also include actions in the footer.\n\n### Structure\n\nThe popover has three main areas:\n\n- Header (optional)\n- Content\n- Footer (optional)\n\n**Note:** The `ui5-popover` is closed when the user clicks\nor taps outside the popover\nor selects an action within the popover. You can prevent this with the\n`modal` property.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Popover.js\";`\n\n**Note: ** We recommend placing popup-like components (`ui5-dialog` and `ui5-popover`)\noutside any other components. Preferably, the popup-like components should be placed\nin an upper level HTML element. Otherwise, in some cases the parent HTML elements can break\nthe position and/or z-index management of the popup-like components.\n\n**Note:** We don't recommend nesting popup-like components (`ui5-dialog`, `ui5-popover`).",
|
| 12207 | "name": "Popover",
|
| 12208 | "cssParts": [
|
| 12209 | {
|
| 12210 | "description": "Used to style the header of the component",
|
| 12211 | "name": "header"
|
| 12212 | },
|
| 12213 | {
|
| 12214 | "description": "Used to style the content of the component",
|
| 12215 | "name": "content"
|
| 12216 | },
|
| 12217 | {
|
| 12218 | "description": "Used to style the footer of the component",
|
| 12219 | "name": "footer"
|
| 12220 | }
|
| 12221 | ],
|
| 12222 | "slots": [
|
| 12223 | {
|
| 12224 | "name": "header",
|
| 12225 | "description": "Defines the header HTML Element.",
|
| 12226 | "_ui5type": {
|
| 12227 | "text": "Array<HTMLElement>"
|
| 12228 | },
|
| 12229 | "_ui5privacy": "public"
|
| 12230 | },
|
| 12231 | {
|
| 12232 | "name": "footer",
|
| 12233 | "description": "Defines the footer HTML Element.",
|
| 12234 | "_ui5type": {
|
| 12235 | "text": "Array<HTMLElement>"
|
| 12236 | },
|
| 12237 | "_ui5privacy": "public"
|
| 12238 | }
|
| 12239 | ],
|
| 12240 | "members": [
|
| 12241 | {
|
| 12242 | "kind": "field",
|
| 12243 | "name": "headerText",
|
| 12244 | "type": {
|
| 12245 | "text": "string"
|
| 12246 | },
|
| 12247 | "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
|
| 12248 | "default": "\"\"",
|
| 12249 | "privacy": "public",
|
| 12250 | "_ui5validator": "String"
|
| 12251 | },
|
| 12252 | {
|
| 12253 | "kind": "field",
|
| 12254 | "name": "placementType",
|
| 12255 | "type": {
|
| 12256 | "text": "PopoverPlacementType",
|
| 12257 | "references": [
|
| 12258 | {
|
| 12259 | "name": "PopoverPlacementType",
|
| 12260 | "package": "@ui5/webcomponents",
|
| 12261 | "module": "dist/types/PopoverPlacementType.js"
|
| 12262 | }
|
| 12263 | ]
|
| 12264 | },
|
| 12265 | "description": "Determines on which side the component is placed at.",
|
| 12266 | "default": "\"Right\"",
|
| 12267 | "privacy": "public",
|
| 12268 | "_ui5validator": "PopoverPlacementType"
|
| 12269 | },
|
| 12270 | {
|
| 12271 | "kind": "field",
|
| 12272 | "name": "horizontalAlign",
|
| 12273 | "type": {
|
| 12274 | "text": "PopoverHorizontalAlign",
|
| 12275 | "references": [
|
| 12276 | {
|
| 12277 | "name": "PopoverHorizontalAlign",
|
| 12278 | "package": "@ui5/webcomponents",
|
| 12279 | "module": "dist/types/PopoverHorizontalAlign.js"
|
| 12280 | }
|
| 12281 | ]
|
| 12282 | },
|
| 12283 | "description": "Determines the horizontal alignment of the component.",
|
| 12284 | "default": "\"Center\"",
|
| 12285 | "privacy": "public",
|
| 12286 | "_ui5validator": "PopoverHorizontalAlign"
|
| 12287 | },
|
| 12288 | {
|
| 12289 | "kind": "field",
|
| 12290 | "name": "verticalAlign",
|
| 12291 | "type": {
|
| 12292 | "text": "PopoverVerticalAlign",
|
| 12293 | "references": [
|
| 12294 | {
|
| 12295 | "name": "PopoverVerticalAlign",
|
| 12296 | "package": "@ui5/webcomponents",
|
| 12297 | "module": "dist/types/PopoverVerticalAlign.js"
|
| 12298 | }
|
| 12299 | ]
|
| 12300 | },
|
| 12301 | "description": "Determines the vertical alignment of the component.",
|
| 12302 | "default": "\"Center\"",
|
| 12303 | "privacy": "public",
|
| 12304 | "_ui5validator": "PopoverVerticalAlign"
|
| 12305 | },
|
| 12306 | {
|
| 12307 | "kind": "field",
|
| 12308 | "name": "modal",
|
| 12309 | "type": {
|
| 12310 | "text": "boolean"
|
| 12311 | },
|
| 12312 | "description": "Defines whether the component should close when\nclicking/tapping outside of the popover.\nIf enabled, it blocks any interaction with the background.",
|
| 12313 | "default": "false",
|
| 12314 | "privacy": "public",
|
| 12315 | "_ui5validator": "Boolean"
|
| 12316 | },
|
| 12317 | {
|
| 12318 | "kind": "field",
|
| 12319 | "name": "hideBackdrop",
|
| 12320 | "type": {
|
| 12321 | "text": "boolean"
|
| 12322 | },
|
| 12323 | "description": "Defines whether the block layer will be shown if modal property is set to true.",
|
| 12324 | "default": "false",
|
| 12325 | "privacy": "public",
|
| 12326 | "_ui5since": "1.0.0-rc.10",
|
| 12327 | "_ui5validator": "Boolean"
|
| 12328 | },
|
| 12329 | {
|
| 12330 | "kind": "field",
|
| 12331 | "name": "hideArrow",
|
| 12332 | "type": {
|
| 12333 | "text": "boolean"
|
| 12334 | },
|
| 12335 | "description": "Determines whether the component arrow is hidden.",
|
| 12336 | "default": "false",
|
| 12337 | "privacy": "public",
|
| 12338 | "_ui5since": "1.0.0-rc.15",
|
| 12339 | "_ui5validator": "Boolean"
|
| 12340 | },
|
| 12341 | {
|
| 12342 | "kind": "field",
|
| 12343 | "name": "allowTargetOverlap",
|
| 12344 | "type": {
|
| 12345 | "text": "boolean"
|
| 12346 | },
|
| 12347 | "description": "Determines if there is no enough space, the component can be placed\nover the target.",
|
| 12348 | "default": "false",
|
| 12349 | "privacy": "public",
|
| 12350 | "_ui5validator": "Boolean"
|
| 12351 | },
|
| 12352 | {
|
| 12353 | "kind": "field",
|
| 12354 | "name": "opener",
|
| 12355 | "type": {
|
| 12356 | "text": "HTMLElement | string | undefined"
|
| 12357 | },
|
| 12358 | "description": "Defines the ID or DOM Reference of the element that the popover is shown at",
|
| 12359 | "privacy": "public",
|
| 12360 | "default": "undefined",
|
| 12361 | "_ui5since": "1.2.0",
|
| 12362 | "_ui5validator": "DOMReference"
|
| 12363 | },
|
| 12364 | {
|
| 12365 | "kind": "method",
|
| 12366 | "name": "showAt",
|
| 12367 | "return": {
|
| 12368 | "type": {
|
| 12369 | "text": "Promise<void>"
|
| 12370 | },
|
| 12371 | "description": "Resolved when the popover is open"
|
| 12372 | },
|
| 12373 | "parameters": [
|
| 12374 | {
|
| 12375 | "name": "opener",
|
| 12376 | "type": {
|
| 12377 | "text": "HTMLElement"
|
| 12378 | },
|
| 12379 | "description": "the element that the popover is shown at",
|
| 12380 | "_ui5privacy": "public"
|
| 12381 | },
|
| 12382 | {
|
| 12383 | "name": "preventInitialFocus",
|
| 12384 | "default": "false",
|
| 12385 | "description": "prevents applying the focus inside the popover",
|
| 12386 | "optional": true,
|
| 12387 | "_ui5privacy": "public",
|
| 12388 | "type": {
|
| 12389 | "text": "boolean"
|
| 12390 | }
|
| 12391 | }
|
| 12392 | ],
|
| 12393 | "description": "Shows the popover.",
|
| 12394 | "privacy": "public"
|
| 12395 | },
|
| 12396 | {
|
| 12397 | "kind": "field",
|
| 12398 | "name": "initialFocus",
|
| 12399 | "type": {
|
| 12400 | "text": "string"
|
| 12401 | },
|
| 12402 | "description": "Defines the ID of the HTML Element, which will get the initial focus.",
|
| 12403 | "default": "\"\"",
|
| 12404 | "privacy": "public",
|
| 12405 | "_ui5validator": "String",
|
| 12406 | "inheritedFrom": {
|
| 12407 | "name": "Popup",
|
| 12408 | "module": "dist/Popup.js"
|
| 12409 | }
|
| 12410 | },
|
| 12411 | {
|
| 12412 | "kind": "field",
|
| 12413 | "name": "preventFocusRestore",
|
| 12414 | "type": {
|
| 12415 | "text": "boolean"
|
| 12416 | },
|
| 12417 | "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
|
| 12418 | "default": "false",
|
| 12419 | "privacy": "public",
|
| 12420 | "_ui5since": "1.0.0-rc.8",
|
| 12421 | "_ui5validator": "Boolean",
|
| 12422 | "inheritedFrom": {
|
| 12423 | "name": "Popup",
|
| 12424 | "module": "dist/Popup.js"
|
| 12425 | }
|
| 12426 | },
|
| 12427 | {
|
| 12428 | "kind": "field",
|
| 12429 | "name": "open",
|
| 12430 | "type": {
|
| 12431 | "text": "boolean"
|
| 12432 | },
|
| 12433 | "description": "Indicates if the element is open",
|
| 12434 | "privacy": "public",
|
| 12435 | "default": "false",
|
| 12436 | "_ui5since": "1.2.0",
|
| 12437 | "_ui5validator": "Boolean",
|
| 12438 | "inheritedFrom": {
|
| 12439 | "name": "Popup",
|
| 12440 | "module": "dist/Popup.js"
|
| 12441 | }
|
| 12442 | },
|
| 12443 | {
|
| 12444 | "kind": "field",
|
| 12445 | "name": "accessibleName",
|
| 12446 | "type": {
|
| 12447 | "text": "string | undefined"
|
| 12448 | },
|
| 12449 | "description": "Defines the accessible name of the component.",
|
| 12450 | "default": "undefined",
|
| 12451 | "privacy": "public",
|
| 12452 | "_ui5since": "1.0.0-rc.15",
|
| 12453 | "_ui5validator": "String",
|
| 12454 | "inheritedFrom": {
|
| 12455 | "name": "Popup",
|
| 12456 | "module": "dist/Popup.js"
|
| 12457 | }
|
| 12458 | },
|
| 12459 | {
|
| 12460 | "kind": "field",
|
| 12461 | "name": "accessibleNameRef",
|
| 12462 | "type": {
|
| 12463 | "text": "string"
|
| 12464 | },
|
| 12465 | "description": "Defines the IDs of the elements that label the component.",
|
| 12466 | "default": "\"\"",
|
| 12467 | "privacy": "public",
|
| 12468 | "_ui5since": "1.1.0",
|
| 12469 | "_ui5validator": "String",
|
| 12470 | "inheritedFrom": {
|
| 12471 | "name": "Popup",
|
| 12472 | "module": "dist/Popup.js"
|
| 12473 | }
|
| 12474 | },
|
| 12475 | {
|
| 12476 | "kind": "field",
|
| 12477 | "name": "accessibleRole",
|
| 12478 | "type": {
|
| 12479 | "text": "PopupAccessibleRole",
|
| 12480 | "references": [
|
| 12481 | {
|
| 12482 | "name": "PopupAccessibleRole",
|
| 12483 | "package": "@ui5/webcomponents",
|
| 12484 | "module": "dist/types/PopupAccessibleRole.js"
|
| 12485 | }
|
| 12486 | ]
|
| 12487 | },
|
| 12488 | "description": "Allows setting a custom role.",
|
| 12489 | "default": "\"Dialog\"",
|
| 12490 | "privacy": "public",
|
| 12491 | "_ui5since": "1.10.0",
|
| 12492 | "_ui5validator": "PopupAccessibleRole",
|
| 12493 | "inheritedFrom": {
|
| 12494 | "name": "Popup",
|
| 12495 | "module": "dist/Popup.js"
|
| 12496 | }
|
| 12497 | },
|
| 12498 | {
|
| 12499 | "kind": "method",
|
| 12500 | "name": "applyFocus",
|
| 12501 | "return": {
|
| 12502 | "type": {
|
| 12503 | "text": "Promise<void>"
|
| 12504 | },
|
| 12505 | "description": "Promise that resolves when the focus is applied"
|
| 12506 | },
|
| 12507 | "description": "Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.",
|
| 12508 | "privacy": "public",
|
| 12509 | "inheritedFrom": {
|
| 12510 | "name": "Popup",
|
| 12511 | "module": "dist/Popup.js"
|
| 12512 | }
|
| 12513 | },
|
| 12514 | {
|
| 12515 | "kind": "method",
|
| 12516 | "name": "isOpen",
|
| 12517 | "return": {
|
| 12518 | "type": {
|
| 12519 | "text": "boolean"
|
| 12520 | }
|
| 12521 | },
|
| 12522 | "description": "Tells if the component is opened",
|
| 12523 | "privacy": "public",
|
| 12524 | "inheritedFrom": {
|
| 12525 | "name": "Popup",
|
| 12526 | "module": "dist/Popup.js"
|
| 12527 | }
|
| 12528 | },
|
| 12529 | {
|
| 12530 | "kind": "method",
|
| 12531 | "name": "close",
|
| 12532 | "return": {
|
| 12533 | "type": {
|
| 12534 | "text": "void"
|
| 12535 | }
|
| 12536 | },
|
| 12537 | "description": "Closes the popup.",
|
| 12538 | "privacy": "public",
|
| 12539 | "inheritedFrom": {
|
| 12540 | "name": "Popup",
|
| 12541 | "module": "dist/Popup.js"
|
| 12542 | }
|
| 12543 | }
|
| 12544 | ],
|
| 12545 | "superclass": {
|
| 12546 | "name": "Popup",
|
| 12547 | "package": "@ui5/webcomponents",
|
| 12548 | "module": "dist/Popup.js"
|
| 12549 | },
|
| 12550 | "tagName": "ui5-popover",
|
| 12551 | "customElement": true,
|
| 12552 | "_ui5since": "1.0.0-rc.6",
|
| 12553 | "_ui5privacy": "public",
|
| 12554 | "events": [
|
| 12555 | {
|
| 12556 | "name": "before-open",
|
| 12557 | "_ui5privacy": "public",
|
| 12558 | "type": {
|
| 12559 | "text": "CustomEvent"
|
| 12560 | },
|
| 12561 | "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
|
| 12562 | "_ui5allowPreventDefault": true,
|
| 12563 | "inheritedFrom": {
|
| 12564 | "name": "Popup",
|
| 12565 | "module": "dist/Popup.js"
|
| 12566 | }
|
| 12567 | },
|
| 12568 | {
|
| 12569 | "name": "after-open",
|
| 12570 | "_ui5privacy": "public",
|
| 12571 | "type": {
|
| 12572 | "text": "CustomEvent"
|
| 12573 | },
|
| 12574 | "description": "Fired after the component is opened. **This event does not bubble.**",
|
| 12575 | "inheritedFrom": {
|
| 12576 | "name": "Popup",
|
| 12577 | "module": "dist/Popup.js"
|
| 12578 | }
|
| 12579 | },
|
| 12580 | {
|
| 12581 | "name": "before-close",
|
| 12582 | "_ui5privacy": "public",
|
| 12583 | "type": {
|
| 12584 | "text": "CustomEvent<PopupBeforeCloseEventDetail>",
|
| 12585 | "references": [
|
| 12586 | {
|
| 12587 | "name": "PopupBeforeCloseEventDetail",
|
| 12588 | "package": "@ui5/webcomponents",
|
| 12589 | "module": "dist/Popup.js"
|
| 12590 | }
|
| 12591 | ]
|
| 12592 | },
|
| 12593 | "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
|
| 12594 | "_ui5allowPreventDefault": true,
|
| 12595 | "_ui5parameters": [
|
| 12596 | {
|
| 12597 | "type": {
|
| 12598 | "text": "boolean"
|
| 12599 | },
|
| 12600 | "name": "escPressed",
|
| 12601 | "_ui5privacy": "public",
|
| 12602 | "description": "Indicates that `ESC` key has triggered the event."
|
| 12603 | }
|
| 12604 | ],
|
| 12605 | "inheritedFrom": {
|
| 12606 | "name": "Popup",
|
| 12607 | "module": "dist/Popup.js"
|
| 12608 | }
|
| 12609 | },
|
| 12610 | {
|
| 12611 | "name": "after-close",
|
| 12612 | "_ui5privacy": "public",
|
| 12613 | "type": {
|
| 12614 | "text": "CustomEvent"
|
| 12615 | },
|
| 12616 | "description": "Fired after the component is closed. **This event does not bubble.**",
|
| 12617 | "inheritedFrom": {
|
| 12618 | "name": "Popup",
|
| 12619 | "module": "dist/Popup.js"
|
| 12620 | }
|
| 12621 | }
|
| 12622 | ]
|
| 12623 | }
|
| 12624 | ],
|
| 12625 | "exports": [
|
| 12626 | {
|
| 12627 | "kind": "js",
|
| 12628 | "name": "default",
|
| 12629 | "declaration": {
|
| 12630 | "name": "Popover",
|
| 12631 | "module": "dist/Popover.js"
|
| 12632 | }
|
| 12633 | },
|
| 12634 | {
|
| 12635 | "kind": "custom-element-definition",
|
| 12636 | "name": "ui5-popover",
|
| 12637 | "declaration": {
|
| 12638 | "name": "Popover",
|
| 12639 | "module": "dist/Popover.js"
|
| 12640 | }
|
| 12641 | }
|
| 12642 | ]
|
| 12643 | },
|
| 12644 | {
|
| 12645 | "kind": "javascript-module",
|
| 12646 | "path": "dist/Popup.js",
|
| 12647 | "declarations": [
|
| 12648 | {
|
| 12649 | "kind": "class",
|
| 12650 | "description": "### Overview\nBase class for all popup Web Components.\n\nIf you need to create your own popup-like custom UI5 Web Components, it is highly recommended that you extend\nat least Popup in order to have consistency with other popups in terms of modal behavior and z-index management.\n\n1. The Popup class handles modality:\n - The \"isModal\" getter can be overridden by derivatives to provide their own conditions when they are modal or not\n - Derivatives may call the \"blockPageScrolling\" and \"unblockPageScrolling\" static methods to temporarily remove scrollbars on the html element\n - Derivatives may call the \"open\" and \"close\" methods which handle focus, manage the popup registry and for modal popups, manage the blocking layer\n\n 2. Provides blocking layer (relevant for modal popups only):\n - It is in the static area\n - Controlled by the \"open\" and \"close\" methods\n\n3. The Popup class \"traps\" focus:\n - Derivatives may call the \"applyInitialFocus\" method (usually when opening, to transfer focus inside the popup)\n\n4. The Popup class automatically assigns \"z-index\"\n - Each time a popup is opened, it gets a higher than the previously opened popup z-index\n\n5. The template of this component exposes two inline partials you can override in derivatives:\n - beforeContent (upper part of the box, useful for header/title/close button)\n - afterContent (lower part, useful for footer/action buttons)",
|
| 12651 | "name": "Popup",
|
| 12652 | "slots": [
|
| 12653 | {
|
| 12654 | "name": "default",
|
| 12655 | "description": "Defines the content of the Popup.",
|
| 12656 | "_ui5propertyName": "content",
|
| 12657 | "_ui5type": {
|
| 12658 | "text": "Array<HTMLElement>"
|
| 12659 | },
|
| 12660 | "_ui5privacy": "public"
|
| 12661 | }
|
| 12662 | ],
|
| 12663 | "members": [
|
| 12664 | {
|
| 12665 | "kind": "field",
|
| 12666 | "name": "initialFocus",
|
| 12667 | "type": {
|
| 12668 | "text": "string"
|
| 12669 | },
|
| 12670 | "description": "Defines the ID of the HTML Element, which will get the initial focus.",
|
| 12671 | "default": "\"\"",
|
| 12672 | "privacy": "public",
|
| 12673 | "_ui5validator": "String"
|
| 12674 | },
|
| 12675 | {
|
| 12676 | "kind": "field",
|
| 12677 | "name": "preventFocusRestore",
|
| 12678 | "type": {
|
| 12679 | "text": "boolean"
|
| 12680 | },
|
| 12681 | "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
|
| 12682 | "default": "false",
|
| 12683 | "privacy": "public",
|
| 12684 | "_ui5since": "1.0.0-rc.8",
|
| 12685 | "_ui5validator": "Boolean"
|
| 12686 | },
|
| 12687 | {
|
| 12688 | "kind": "field",
|
| 12689 | "name": "open",
|
| 12690 | "type": {
|
| 12691 | "text": "boolean"
|
| 12692 | },
|
| 12693 | "description": "Indicates if the element is open",
|
| 12694 | "privacy": "public",
|
| 12695 | "default": "false",
|
| 12696 | "_ui5since": "1.2.0",
|
| 12697 | "_ui5validator": "Boolean"
|
| 12698 | },
|
| 12699 | {
|
| 12700 | "kind": "field",
|
| 12701 | "name": "accessibleName",
|
| 12702 | "type": {
|
| 12703 | "text": "string | undefined"
|
| 12704 | },
|
| 12705 | "description": "Defines the accessible name of the component.",
|
| 12706 | "default": "undefined",
|
| 12707 | "privacy": "public",
|
| 12708 | "_ui5since": "1.0.0-rc.15",
|
| 12709 | "_ui5validator": "String"
|
| 12710 | },
|
| 12711 | {
|
| 12712 | "kind": "field",
|
| 12713 | "name": "accessibleNameRef",
|
| 12714 | "type": {
|
| 12715 | "text": "string"
|
| 12716 | },
|
| 12717 | "description": "Defines the IDs of the elements that label the component.",
|
| 12718 | "default": "\"\"",
|
| 12719 | "privacy": "public",
|
| 12720 | "_ui5since": "1.1.0",
|
| 12721 | "_ui5validator": "String"
|
| 12722 | },
|
| 12723 | {
|
| 12724 | "kind": "field",
|
| 12725 | "name": "accessibleRole",
|
| 12726 | "type": {
|
| 12727 | "text": "PopupAccessibleRole",
|
| 12728 | "references": [
|
| 12729 | {
|
| 12730 | "name": "PopupAccessibleRole",
|
| 12731 | "package": "@ui5/webcomponents",
|
| 12732 | "module": "dist/types/PopupAccessibleRole.js"
|
| 12733 | }
|
| 12734 | ]
|
| 12735 | },
|
| 12736 | "description": "Allows setting a custom role.",
|
| 12737 | "default": "\"Dialog\"",
|
| 12738 | "privacy": "public",
|
| 12739 | "_ui5since": "1.10.0",
|
| 12740 | "_ui5validator": "PopupAccessibleRole"
|
| 12741 | },
|
| 12742 | {
|
| 12743 | "kind": "method",
|
| 12744 | "name": "applyFocus",
|
| 12745 | "return": {
|
| 12746 | "type": {
|
| 12747 | "text": "Promise<void>"
|
| 12748 | },
|
| 12749 | "description": "Promise that resolves when the focus is applied"
|
| 12750 | },
|
| 12751 | "description": "Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.",
|
| 12752 | "privacy": "public"
|
| 12753 | },
|
| 12754 | {
|
| 12755 | "kind": "method",
|
| 12756 | "name": "isOpen",
|
| 12757 | "return": {
|
| 12758 | "type": {
|
| 12759 | "text": "boolean"
|
| 12760 | }
|
| 12761 | },
|
| 12762 | "description": "Tells if the component is opened",
|
| 12763 | "privacy": "public"
|
| 12764 | },
|
| 12765 | {
|
| 12766 | "kind": "method",
|
| 12767 | "name": "close",
|
| 12768 | "return": {
|
| 12769 | "type": {
|
| 12770 | "text": "void"
|
| 12771 | }
|
| 12772 | },
|
| 12773 | "description": "Closes the popup.",
|
| 12774 | "privacy": "public"
|
| 12775 | }
|
| 12776 | ],
|
| 12777 | "events": [
|
| 12778 | {
|
| 12779 | "name": "before-open",
|
| 12780 | "_ui5privacy": "public",
|
| 12781 | "type": {
|
| 12782 | "text": "CustomEvent"
|
| 12783 | },
|
| 12784 | "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
|
| 12785 | "_ui5allowPreventDefault": true
|
| 12786 | },
|
| 12787 | {
|
| 12788 | "name": "after-open",
|
| 12789 | "_ui5privacy": "public",
|
| 12790 | "type": {
|
| 12791 | "text": "CustomEvent"
|
| 12792 | },
|
| 12793 | "description": "Fired after the component is opened. **This event does not bubble.**"
|
| 12794 | },
|
| 12795 | {
|
| 12796 | "name": "before-close",
|
| 12797 | "_ui5privacy": "public",
|
| 12798 | "type": {
|
| 12799 | "text": "CustomEvent<PopupBeforeCloseEventDetail>",
|
| 12800 | "references": [
|
| 12801 | {
|
| 12802 | "name": "PopupBeforeCloseEventDetail",
|
| 12803 | "package": "@ui5/webcomponents",
|
| 12804 | "module": "dist/Popup.js"
|
| 12805 | }
|
| 12806 | ]
|
| 12807 | },
|
| 12808 | "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
|
| 12809 | "_ui5allowPreventDefault": true,
|
| 12810 | "_ui5parameters": [
|
| 12811 | {
|
| 12812 | "type": {
|
| 12813 | "text": "boolean"
|
| 12814 | },
|
| 12815 | "name": "escPressed",
|
| 12816 | "_ui5privacy": "public",
|
| 12817 | "description": "Indicates that `ESC` key has triggered the event."
|
| 12818 | }
|
| 12819 | ]
|
| 12820 | },
|
| 12821 | {
|
| 12822 | "name": "after-close",
|
| 12823 | "_ui5privacy": "public",
|
| 12824 | "type": {
|
| 12825 | "text": "CustomEvent"
|
| 12826 | },
|
| 12827 | "description": "Fired after the component is closed. **This event does not bubble.**"
|
| 12828 | }
|
| 12829 | ],
|
| 12830 | "superclass": {
|
| 12831 | "name": "UI5Element",
|
| 12832 | "package": "@ui5/webcomponents-base",
|
| 12833 | "module": "dist/UI5Element.js"
|
| 12834 | },
|
| 12835 | "customElement": true,
|
| 12836 | "_ui5privacy": "public"
|
| 12837 | }
|
| 12838 | ],
|
| 12839 | "exports": [
|
| 12840 | {
|
| 12841 | "kind": "js",
|
| 12842 | "name": "default",
|
| 12843 | "declaration": {
|
| 12844 | "name": "Popup",
|
| 12845 | "module": "dist/Popup.js"
|
| 12846 | }
|
| 12847 | }
|
| 12848 | ]
|
| 12849 | },
|
| 12850 | {
|
| 12851 | "kind": "javascript-module",
|
| 12852 | "path": "dist/ProgressIndicator.js",
|
| 12853 | "declarations": [
|
| 12854 | {
|
| 12855 | "kind": "class",
|
| 12856 | "description": "### Overview\nShows the progress of a process in a graphical way. To indicate the progress,\nthe inside of the component is filled with a color.\n\n### Responsive Behavior\nYou can change the size of the Progress Indicator by changing its `width` or `height` CSS properties.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ProgressIndicator.js\";`",
|
| 12857 | "name": "ProgressIndicator",
|
| 12858 | "cssParts": [
|
| 12859 | {
|
| 12860 | "description": "Used to style the remaining bar of the `ui5-progress-indicator`",
|
| 12861 | "name": "remaining-bar"
|
| 12862 | }
|
| 12863 | ],
|
| 12864 | "members": [
|
| 12865 | {
|
| 12866 | "kind": "field",
|
| 12867 | "name": "accessibleName",
|
| 12868 | "type": {
|
| 12869 | "text": "string"
|
| 12870 | },
|
| 12871 | "description": "Defines the accessible ARIA name of the component.",
|
| 12872 | "default": "\"\"",
|
| 12873 | "privacy": "public",
|
| 12874 | "_ui5since": "1.16.0",
|
| 12875 | "_ui5validator": "String"
|
| 12876 | },
|
| 12877 | {
|
| 12878 | "kind": "field",
|
| 12879 | "name": "disabled",
|
| 12880 | "type": {
|
| 12881 | "text": "boolean"
|
| 12882 | },
|
| 12883 | "description": "Defines whether component is in disabled state.",
|
| 12884 | "default": "false",
|
| 12885 | "privacy": "public",
|
| 12886 | "_ui5validator": "Boolean"
|
| 12887 | },
|
| 12888 | {
|
| 12889 | "kind": "field",
|
| 12890 | "name": "hideValue",
|
| 12891 | "type": {
|
| 12892 | "text": "boolean"
|
| 12893 | },
|
| 12894 | "description": "Defines whether the component value is shown.",
|
| 12895 | "default": "false",
|
| 12896 | "privacy": "public",
|
| 12897 | "_ui5validator": "Boolean"
|
| 12898 | },
|
| 12899 | {
|
| 12900 | "kind": "field",
|
| 12901 | "name": "value",
|
| 12902 | "type": {
|
| 12903 | "text": "number"
|
| 12904 | },
|
| 12905 | "description": "Specifies the numerical value in percent for the length of the component.\n\n**Note:**\nIf a value greater than 100 is provided, the percentValue is set to 100. In other cases of invalid value, percentValue is set to its default of 0.",
|
| 12906 | "default": "0",
|
| 12907 | "privacy": "public",
|
| 12908 | "_ui5validator": "Integer"
|
| 12909 | },
|
| 12910 | {
|
| 12911 | "kind": "field",
|
| 12912 | "name": "displayValue",
|
| 12913 | "type": {
|
| 12914 | "text": "string | null | undefined"
|
| 12915 | },
|
| 12916 | "description": "Specifies the text value to be displayed in the bar.\n\n**Note:**\n\n- If there is no value provided or the value is empty, the default percentage value is shown.\n- If `hideValue` property is `true` both the `displayValue` and `value` property values are not shown.",
|
| 12917 | "default": "null",
|
| 12918 | "privacy": "public",
|
| 12919 | "_ui5validator": "String"
|
| 12920 | },
|
| 12921 | {
|
| 12922 | "kind": "field",
|
| 12923 | "name": "valueState",
|
| 12924 | "type": {
|
| 12925 | "text": "ValueState",
|
| 12926 | "references": [
|
| 12927 | {
|
| 12928 | "name": "ValueState",
|
| 12929 | "package": "@ui5/webcomponents-base",
|
| 12930 | "module": "dist/types/ValueState.js"
|
| 12931 | }
|
| 12932 | ]
|
| 12933 | },
|
| 12934 | "description": "Defines the value state of the component.",
|
| 12935 | "default": "\"None\"",
|
| 12936 | "privacy": "public",
|
| 12937 | "_ui5validator": "ValueState"
|
| 12938 | }
|
| 12939 | ],
|
| 12940 | "superclass": {
|
| 12941 | "name": "UI5Element",
|
| 12942 | "package": "@ui5/webcomponents-base",
|
| 12943 | "module": "dist/UI5Element.js"
|
| 12944 | },
|
| 12945 | "tagName": "ui5-progress-indicator",
|
| 12946 | "customElement": true,
|
| 12947 | "_ui5since": "1.0.0-rc.8",
|
| 12948 | "_ui5privacy": "public"
|
| 12949 | }
|
| 12950 | ],
|
| 12951 | "exports": [
|
| 12952 | {
|
| 12953 | "kind": "js",
|
| 12954 | "name": "default",
|
| 12955 | "declaration": {
|
| 12956 | "name": "ProgressIndicator",
|
| 12957 | "module": "dist/ProgressIndicator.js"
|
| 12958 | }
|
| 12959 | },
|
| 12960 | {
|
| 12961 | "kind": "custom-element-definition",
|
| 12962 | "name": "ui5-progress-indicator",
|
| 12963 | "declaration": {
|
| 12964 | "name": "ProgressIndicator",
|
| 12965 | "module": "dist/ProgressIndicator.js"
|
| 12966 | }
|
| 12967 | }
|
| 12968 | ]
|
| 12969 | },
|
| 12970 | {
|
| 12971 | "kind": "javascript-module",
|
| 12972 | "path": "dist/RadioButton.js",
|
| 12973 | "declarations": [
|
| 12974 | {
|
| 12975 | "kind": "class",
|
| 12976 | "description": "### Overview\n\nThe `ui5-radio-button` component enables users to select a single option from a set of options.\nWhen a `ui5-radio-button` is selected by the user, the\n`change` event is fired.\nWhen a `ui5-radio-button` that is within a group is selected, the one\nthat was previously selected gets automatically deselected. You can group radio buttons by using the `name` property.\n\n**Note:** If `ui5-radio-button` is not part of a group, it can be selected once, but can not be deselected back.\n\n### Keyboard Handling\n\nOnce the `ui5-radio-button` is on focus, it might be selected by pressing the Space and Enter keys.\n\nThe Arrow Down/Arrow Up and Arrow Left/Arrow Right keys can be used to change selection between next/previous radio buttons in one group,\nwhile TAB and SHIFT + TAB can be used to enter or leave the radio button group.\n\n**Note:** On entering radio button group, the focus goes to the currently selected radio button.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/RadioButton\";`",
|
| 12977 | "name": "RadioButton",
|
| 12978 | "cssParts": [
|
| 12979 | {
|
| 12980 | "description": "Used to style the outer ring of the `ui5-radio-button`.",
|
| 12981 | "name": "outer-ring"
|
| 12982 | },
|
| 12983 | {
|
| 12984 | "description": "Used to style the inner ring of the `ui5-radio-button`.",
|
| 12985 | "name": "inner-ring"
|
| 12986 | }
|
| 12987 | ],
|
| 12988 | "members": [
|
| 12989 | {
|
| 12990 | "kind": "field",
|
| 12991 | "name": "disabled",
|
| 12992 | "type": {
|
| 12993 | "text": "boolean"
|
| 12994 | },
|
| 12995 | "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 12996 | "default": "false",
|
| 12997 | "privacy": "public",
|
| 12998 | "_ui5validator": "Boolean"
|
| 12999 | },
|
| 13000 | {
|
| 13001 | "kind": "field",
|
| 13002 | "name": "readonly",
|
| 13003 | "type": {
|
| 13004 | "text": "boolean"
|
| 13005 | },
|
| 13006 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 13007 | "default": "false",
|
| 13008 | "privacy": "public",
|
| 13009 | "_ui5validator": "Boolean"
|
| 13010 | },
|
| 13011 | {
|
| 13012 | "kind": "field",
|
| 13013 | "name": "required",
|
| 13014 | "type": {
|
| 13015 | "text": "boolean"
|
| 13016 | },
|
| 13017 | "description": "Defines whether the component is required.",
|
| 13018 | "default": "false",
|
| 13019 | "privacy": "public",
|
| 13020 | "_ui5since": "1.9.0",
|
| 13021 | "_ui5validator": "Boolean"
|
| 13022 | },
|
| 13023 | {
|
| 13024 | "kind": "field",
|
| 13025 | "name": "checked",
|
| 13026 | "type": {
|
| 13027 | "text": "boolean"
|
| 13028 | },
|
| 13029 | "description": "Defines whether the component is checked or not.\n\n**Note:** The property value can be changed with user interaction,\neither by clicking/tapping on the component,\nor by using the Space or Enter key.",
|
| 13030 | "default": "false",
|
| 13031 | "privacy": "public",
|
| 13032 | "_ui5since": "1.0.0-rc.15",
|
| 13033 | "_ui5validator": "Boolean",
|
| 13034 | "_ui5formProperty": true,
|
| 13035 | "_ui5formEvents": "change"
|
| 13036 | },
|
| 13037 | {
|
| 13038 | "kind": "field",
|
| 13039 | "name": "text",
|
| 13040 | "type": {
|
| 13041 | "text": "string"
|
| 13042 | },
|
| 13043 | "description": "Defines the text of the component.",
|
| 13044 | "default": "\"\"",
|
| 13045 | "privacy": "public",
|
| 13046 | "_ui5validator": "String"
|
| 13047 | },
|
| 13048 | {
|
| 13049 | "kind": "field",
|
| 13050 | "name": "valueState",
|
| 13051 | "type": {
|
| 13052 | "text": "ValueState",
|
| 13053 | "references": [
|
| 13054 | {
|
| 13055 | "name": "ValueState",
|
| 13056 | "package": "@ui5/webcomponents-base",
|
| 13057 | "module": "dist/types/ValueState.js"
|
| 13058 | }
|
| 13059 | ]
|
| 13060 | },
|
| 13061 | "description": "Defines the value state of the component.",
|
| 13062 | "default": "\"None\"",
|
| 13063 | "privacy": "public",
|
| 13064 | "_ui5validator": "ValueState"
|
| 13065 | },
|
| 13066 | {
|
| 13067 | "kind": "field",
|
| 13068 | "name": "name",
|
| 13069 | "type": {
|
| 13070 | "text": "string"
|
| 13071 | },
|
| 13072 | "description": "Defines the name of the component.\nRadio buttons with the same `name` will form a radio button group.\n\n**Note:**\nThe selection can be changed with `ARROW_UP/DOWN` and `ARROW_LEFT/RIGHT` keys between radio buttons in same group.\n\n**Note:**\nOnly one radio button can be selected per group.\n\n**Important:** For the `name` property to have effect when submitting forms, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form.",
|
| 13073 | "default": "\"\"",
|
| 13074 | "privacy": "public",
|
| 13075 | "_ui5validator": "String"
|
| 13076 | },
|
| 13077 | {
|
| 13078 | "kind": "field",
|
| 13079 | "name": "value",
|
| 13080 | "type": {
|
| 13081 | "text": "string"
|
| 13082 | },
|
| 13083 | "description": "Defines the form value of the component.\nWhen a form with a radio button group is submitted, the group's value\nwill be the value of the currently selected radio button.\n\n**Important:** For the `value` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`",
|
| 13084 | "default": "\"\"",
|
| 13085 | "privacy": "public",
|
| 13086 | "_ui5validator": "String"
|
| 13087 | },
|
| 13088 | {
|
| 13089 | "kind": "field",
|
| 13090 | "name": "wrappingType",
|
| 13091 | "type": {
|
| 13092 | "text": "WrappingType",
|
| 13093 | "references": [
|
| 13094 | {
|
| 13095 | "name": "WrappingType",
|
| 13096 | "package": "@ui5/webcomponents",
|
| 13097 | "module": "dist/types/WrappingType.js"
|
| 13098 | }
|
| 13099 | ]
|
| 13100 | },
|
| 13101 | "description": "Defines whether the component text wraps when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
|
| 13102 | "default": "\"None\"",
|
| 13103 | "privacy": "public",
|
| 13104 | "_ui5validator": "WrappingType"
|
| 13105 | },
|
| 13106 | {
|
| 13107 | "kind": "field",
|
| 13108 | "name": "accessibleName",
|
| 13109 | "type": {
|
| 13110 | "text": "string"
|
| 13111 | },
|
| 13112 | "description": "Defines the accessible ARIA name of the component.",
|
| 13113 | "default": "\"\"",
|
| 13114 | "privacy": "public",
|
| 13115 | "_ui5since": "1.6.0",
|
| 13116 | "_ui5validator": "String"
|
| 13117 | },
|
| 13118 | {
|
| 13119 | "kind": "field",
|
| 13120 | "name": "accessibleNameRef",
|
| 13121 | "type": {
|
| 13122 | "text": "string"
|
| 13123 | },
|
| 13124 | "description": "Defines the IDs of the elements that label the component.",
|
| 13125 | "default": "\"\"",
|
| 13126 | "privacy": "public",
|
| 13127 | "_ui5since": "1.1.0",
|
| 13128 | "_ui5validator": "String"
|
| 13129 | }
|
| 13130 | ],
|
| 13131 | "events": [
|
| 13132 | {
|
| 13133 | "name": "change",
|
| 13134 | "_ui5privacy": "public",
|
| 13135 | "type": {
|
| 13136 | "text": "CustomEvent"
|
| 13137 | },
|
| 13138 | "description": "Fired when the component checked state changes.",
|
| 13139 | "_ui5since": "1.0.0-rc.15"
|
| 13140 | }
|
| 13141 | ],
|
| 13142 | "superclass": {
|
| 13143 | "name": "UI5Element",
|
| 13144 | "package": "@ui5/webcomponents-base",
|
| 13145 | "module": "dist/UI5Element.js"
|
| 13146 | },
|
| 13147 | "tagName": "ui5-radio-button",
|
| 13148 | "customElement": true,
|
| 13149 | "_ui5privacy": "public"
|
| 13150 | }
|
| 13151 | ],
|
| 13152 | "exports": [
|
| 13153 | {
|
| 13154 | "kind": "js",
|
| 13155 | "name": "default",
|
| 13156 | "declaration": {
|
| 13157 | "name": "RadioButton",
|
| 13158 | "module": "dist/RadioButton.js"
|
| 13159 | }
|
| 13160 | },
|
| 13161 | {
|
| 13162 | "kind": "custom-element-definition",
|
| 13163 | "name": "ui5-radio-button",
|
| 13164 | "declaration": {
|
| 13165 | "name": "RadioButton",
|
| 13166 | "module": "dist/RadioButton.js"
|
| 13167 | }
|
| 13168 | }
|
| 13169 | ]
|
| 13170 | },
|
| 13171 | {
|
| 13172 | "kind": "javascript-module",
|
| 13173 | "path": "dist/RadioButtonGroup.js",
|
| 13174 | "declarations": [],
|
| 13175 | "exports": [
|
| 13176 | {
|
| 13177 | "kind": "js",
|
| 13178 | "name": "default",
|
| 13179 | "declaration": {
|
| 13180 | "name": "RadioButtonGroup",
|
| 13181 | "module": "dist/RadioButtonGroup.js"
|
| 13182 | }
|
| 13183 | }
|
| 13184 | ]
|
| 13185 | },
|
| 13186 | {
|
| 13187 | "kind": "javascript-module",
|
| 13188 | "path": "dist/RangeSlider.js",
|
| 13189 | "declarations": [
|
| 13190 | {
|
| 13191 | "kind": "class",
|
| 13192 | "description": "### Overview\nRepresents a numerical interval and two handles (grips) to select a sub-range within it.\nThe purpose of the component to enable visual selection of sub-ranges within a given interval.\n\n### Structure\nThe most important properties of the Range Slider are:\n\n- min - The minimum value of the slider range.\n- max - The maximum value of the slider range.\n- value - The current value of the slider.\n- step - Determines the increments in which the slider will move.\n- showTooltip - Determines if a tooltip should be displayed above the handle.\n- showTickmarks - Displays a visual divider between the step values.\n- labelInterval - Labels some or all of the tickmarks with their values.\n\n#### Notes:\n\n- The right and left handle can be moved individually and their positions could therefore switch.\n- The entire range can be moved along the interval.\n\n### Usage\nThe most common use case is to select and move sub-ranges on a continuous numerical scale.\n\n### Responsive Behavior\nYou can move the currently selected range by clicking on it and dragging it along the interval.\n\n### Keyboard Handling\n\n- `Left or Down Arrow` - Moves a component's handle or the entire selection one step to the left;\n- `Right or Up Arrow` - Moves a component's handle or the entire selection one step to the right;\n- `Left or Down Arrow + Ctrl/Cmd` - Moves a component's handle to the left or the entire range with step equal to 1/10th of the entire range;\n- `Right or Up Arrow + Ctrl/Cmd` - Moves a component's handle to the right or the entire range with step equal to 1/10th of the entire range;\n- `Plus` - Same as `Right or Up Arrow`;\n- `Minus` - Same as `Left or Down Arrow`;\n- `Home` - Moves the entire selection or the selected handle to the beginning of the component's range;\n- `End` - Moves the entire selection or the selected handle to the end of the component's range;\n- `Page Up` - Same as `Right or Up Arrow + Ctrl/Cmd`;\n- `Page Down` - Same as `Left or Down Arrow + Ctrl/Cmd`;\n- `Escape` - Resets the `startValue` and `endValue` properties to the values prior the component focusing;\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/RangeSlider.js\";`",
|
| 13193 | "name": "RangeSlider",
|
| 13194 | "cssParts": [
|
| 13195 | {
|
| 13196 | "description": "Used to style the progress container, the horizontal bar that visually represents the range between the minimum and maximum values, of the `ui5-range-slider`.",
|
| 13197 | "name": "progress-container"
|
| 13198 | },
|
| 13199 | {
|
| 13200 | "description": "Used to style the progress bar, which shows the progress of the `ui5-range-slider`.",
|
| 13201 | "name": "progress-bar"
|
| 13202 | },
|
| 13203 | {
|
| 13204 | "description": "Used to style the handles of the `ui5-range-slider`.",
|
| 13205 | "name": "handle"
|
| 13206 | }
|
| 13207 | ],
|
| 13208 | "members": [
|
| 13209 | {
|
| 13210 | "kind": "field",
|
| 13211 | "name": "startValue",
|
| 13212 | "type": {
|
| 13213 | "text": "number"
|
| 13214 | },
|
| 13215 | "description": "Defines start point of a selection - position of a first handle on the slider.",
|
| 13216 | "default": "0",
|
| 13217 | "privacy": "public",
|
| 13218 | "_ui5validator": "Float",
|
| 13219 | "_ui5formProperty": true,
|
| 13220 | "_ui5formEvents": "change,input"
|
| 13221 | },
|
| 13222 | {
|
| 13223 | "kind": "field",
|
| 13224 | "name": "endValue",
|
| 13225 | "type": {
|
| 13226 | "text": "number"
|
| 13227 | },
|
| 13228 | "description": "Defines end point of a selection - position of a second handle on the slider.",
|
| 13229 | "default": "100",
|
| 13230 | "privacy": "public",
|
| 13231 | "_ui5validator": "Float",
|
| 13232 | "_ui5formProperty": true,
|
| 13233 | "_ui5formEvents": "change,input"
|
| 13234 | },
|
| 13235 | {
|
| 13236 | "kind": "field",
|
| 13237 | "name": "min",
|
| 13238 | "type": {
|
| 13239 | "text": "number"
|
| 13240 | },
|
| 13241 | "description": "Defines the minimum value of the slider.",
|
| 13242 | "default": "0",
|
| 13243 | "privacy": "public",
|
| 13244 | "_ui5validator": "Float",
|
| 13245 | "inheritedFrom": {
|
| 13246 | "name": "SliderBase",
|
| 13247 | "module": "dist/SliderBase.js"
|
| 13248 | }
|
| 13249 | },
|
| 13250 | {
|
| 13251 | "kind": "field",
|
| 13252 | "name": "max",
|
| 13253 | "type": {
|
| 13254 | "text": "number"
|
| 13255 | },
|
| 13256 | "description": "Defines the maximum value of the slider.",
|
| 13257 | "default": "100",
|
| 13258 | "privacy": "public",
|
| 13259 | "_ui5validator": "Float",
|
| 13260 | "inheritedFrom": {
|
| 13261 | "name": "SliderBase",
|
| 13262 | "module": "dist/SliderBase.js"
|
| 13263 | }
|
| 13264 | },
|
| 13265 | {
|
| 13266 | "kind": "field",
|
| 13267 | "name": "step",
|
| 13268 | "type": {
|
| 13269 | "text": "number"
|
| 13270 | },
|
| 13271 | "description": "Defines the size of the slider's selection intervals (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).\n\n**Note:** If set to 0 the slider handle movement is disabled. When negative number or value other than a number, the component fallbacks to its default value.",
|
| 13272 | "default": "1",
|
| 13273 | "privacy": "public",
|
| 13274 | "_ui5validator": "Float",
|
| 13275 | "inheritedFrom": {
|
| 13276 | "name": "SliderBase",
|
| 13277 | "module": "dist/SliderBase.js"
|
| 13278 | }
|
| 13279 | },
|
| 13280 | {
|
| 13281 | "kind": "field",
|
| 13282 | "name": "labelInterval",
|
| 13283 | "type": {
|
| 13284 | "text": "number"
|
| 13285 | },
|
| 13286 | "description": "Displays a label with a value on every N-th step.\n\n**Note:** The step and tickmarks properties must be enabled.\nExample - if the step value is set to 2 and the label interval is also specified to 2 - then every second\ntickmark will be labelled, which means every 4th value number.",
|
| 13287 | "default": "0",
|
| 13288 | "privacy": "public",
|
| 13289 | "_ui5validator": "Integer",
|
| 13290 | "inheritedFrom": {
|
| 13291 | "name": "SliderBase",
|
| 13292 | "module": "dist/SliderBase.js"
|
| 13293 | }
|
| 13294 | },
|
| 13295 | {
|
| 13296 | "kind": "field",
|
| 13297 | "name": "showTickmarks",
|
| 13298 | "type": {
|
| 13299 | "text": "boolean"
|
| 13300 | },
|
| 13301 | "description": "Enables tickmarks visualization for each step.\n\n**Note:** The step must be a positive number.",
|
| 13302 | "default": "false",
|
| 13303 | "privacy": "public",
|
| 13304 | "_ui5validator": "Boolean",
|
| 13305 | "inheritedFrom": {
|
| 13306 | "name": "SliderBase",
|
| 13307 | "module": "dist/SliderBase.js"
|
| 13308 | }
|
| 13309 | },
|
| 13310 | {
|
| 13311 | "kind": "field",
|
| 13312 | "name": "showTooltip",
|
| 13313 | "type": {
|
| 13314 | "text": "boolean"
|
| 13315 | },
|
| 13316 | "description": "Enables handle tooltip displaying the current value.",
|
| 13317 | "default": "false",
|
| 13318 | "privacy": "public",
|
| 13319 | "_ui5validator": "Boolean",
|
| 13320 | "inheritedFrom": {
|
| 13321 | "name": "SliderBase",
|
| 13322 | "module": "dist/SliderBase.js"
|
| 13323 | }
|
| 13324 | },
|
| 13325 | {
|
| 13326 | "kind": "field",
|
| 13327 | "name": "disabled",
|
| 13328 | "type": {
|
| 13329 | "text": "boolean"
|
| 13330 | },
|
| 13331 | "description": "Defines whether the slider is in disabled state.",
|
| 13332 | "default": "false",
|
| 13333 | "privacy": "public",
|
| 13334 | "_ui5validator": "Boolean",
|
| 13335 | "inheritedFrom": {
|
| 13336 | "name": "SliderBase",
|
| 13337 | "module": "dist/SliderBase.js"
|
| 13338 | }
|
| 13339 | },
|
| 13340 | {
|
| 13341 | "kind": "field",
|
| 13342 | "name": "accessibleName",
|
| 13343 | "type": {
|
| 13344 | "text": "string"
|
| 13345 | },
|
| 13346 | "description": "Defines the accessible ARIA name of the component.",
|
| 13347 | "default": "\"\"",
|
| 13348 | "privacy": "public",
|
| 13349 | "_ui5since": "1.4.0",
|
| 13350 | "_ui5validator": "String",
|
| 13351 | "inheritedFrom": {
|
| 13352 | "name": "SliderBase",
|
| 13353 | "module": "dist/SliderBase.js"
|
| 13354 | }
|
| 13355 | }
|
| 13356 | ],
|
| 13357 | "superclass": {
|
| 13358 | "name": "SliderBase",
|
| 13359 | "package": "@ui5/webcomponents",
|
| 13360 | "module": "dist/SliderBase.js"
|
| 13361 | },
|
| 13362 | "tagName": "ui5-range-slider",
|
| 13363 | "customElement": true,
|
| 13364 | "_ui5since": "1.0.0-rc.11",
|
| 13365 | "_ui5privacy": "public",
|
| 13366 | "events": [
|
| 13367 | {
|
| 13368 | "name": "change",
|
| 13369 | "_ui5privacy": "public",
|
| 13370 | "type": {
|
| 13371 | "text": "CustomEvent"
|
| 13372 | },
|
| 13373 | "description": "Fired when the value changes and the user has finished interacting with the slider.",
|
| 13374 | "inheritedFrom": {
|
| 13375 | "name": "SliderBase",
|
| 13376 | "module": "dist/SliderBase.js"
|
| 13377 | }
|
| 13378 | },
|
| 13379 | {
|
| 13380 | "name": "input",
|
| 13381 | "_ui5privacy": "public",
|
| 13382 | "type": {
|
| 13383 | "text": "CustomEvent"
|
| 13384 | },
|
| 13385 | "description": "Fired when the value changes due to user interaction that is not yet finished - during mouse/touch dragging.",
|
| 13386 | "inheritedFrom": {
|
| 13387 | "name": "SliderBase",
|
| 13388 | "module": "dist/SliderBase.js"
|
| 13389 | }
|
| 13390 | }
|
| 13391 | ]
|
| 13392 | }
|
| 13393 | ],
|
| 13394 | "exports": [
|
| 13395 | {
|
| 13396 | "kind": "js",
|
| 13397 | "name": "default",
|
| 13398 | "declaration": {
|
| 13399 | "name": "RangeSlider",
|
| 13400 | "module": "dist/RangeSlider.js"
|
| 13401 | }
|
| 13402 | },
|
| 13403 | {
|
| 13404 | "kind": "custom-element-definition",
|
| 13405 | "name": "ui5-range-slider",
|
| 13406 | "declaration": {
|
| 13407 | "name": "RangeSlider",
|
| 13408 | "module": "dist/RangeSlider.js"
|
| 13409 | }
|
| 13410 | }
|
| 13411 | ]
|
| 13412 | },
|
| 13413 | {
|
| 13414 | "kind": "javascript-module",
|
| 13415 | "path": "dist/RatingIndicator.js",
|
| 13416 | "declarations": [
|
| 13417 | {
|
| 13418 | "kind": "class",
|
| 13419 | "description": "### Overview\nThe Rating Indicator is used to display a specific number of icons that are used to rate an item.\nAdditionally, it is also used to display the average and overall ratings.\n\n### Usage\nThe recommended number of icons is between 5 and 7.\n\n### Responsive Behavior\nYou can change the size of the Rating Indicator by changing its `font-size` CSS property.\n\nExample: `<ui5-rating-indicator style=\"font-size: 3rem;\"></ui5-rating-indicator>`\n\n### Keyboard Handling\nWhen the `ui5-rating-indicator` is focused, the user can change the rating\nwith the following keyboard shortcuts:\n\n- [RIGHT/UP] - Increases the value of the rating by one step. If the highest value is reached, does nothing\n- [LEFT/DOWN] - Decreases the value of the rating by one step. If the lowest value is reached, does nothing.\n- [HOME] - Sets the lowest value.\n- [END] - Sets the highest value.\n- [SPACE/ENTER/RETURN] - Increases the value of the rating by one step. If the highest value is reached, sets the rating to the lowest value.\n- Any number - Changes value to the corresponding number. If typed number is larger than the number of values, sets the highest value.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/RatingIndicator.js\";`",
|
| 13420 | "name": "RatingIndicator",
|
| 13421 | "members": [
|
| 13422 | {
|
| 13423 | "kind": "field",
|
| 13424 | "name": "value",
|
| 13425 | "type": {
|
| 13426 | "text": "number"
|
| 13427 | },
|
| 13428 | "description": "The indicated value of the rating.\n\n**Note:** If you set a number which is not round, it would be shown as follows:\n\n- 1.0 - 1.2 -> 1\n- 1.3 - 1.7 -> 1.5\n- 1.8 - 1.9 -> 2",
|
| 13429 | "default": "0",
|
| 13430 | "privacy": "public",
|
| 13431 | "_ui5validator": "Float"
|
| 13432 | },
|
| 13433 | {
|
| 13434 | "kind": "field",
|
| 13435 | "name": "max",
|
| 13436 | "type": {
|
| 13437 | "text": "number"
|
| 13438 | },
|
| 13439 | "description": "The number of displayed rating symbols.",
|
| 13440 | "default": "5",
|
| 13441 | "privacy": "public",
|
| 13442 | "_ui5since": "1.0.0-rc.15",
|
| 13443 | "_ui5validator": "Integer"
|
| 13444 | },
|
| 13445 | {
|
| 13446 | "kind": "field",
|
| 13447 | "name": "disabled",
|
| 13448 | "type": {
|
| 13449 | "text": "boolean"
|
| 13450 | },
|
| 13451 | "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 13452 | "default": "false",
|
| 13453 | "privacy": "public",
|
| 13454 | "_ui5validator": "Boolean"
|
| 13455 | },
|
| 13456 | {
|
| 13457 | "kind": "field",
|
| 13458 | "name": "readonly",
|
| 13459 | "type": {
|
| 13460 | "text": "boolean"
|
| 13461 | },
|
| 13462 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 13463 | "default": "false",
|
| 13464 | "privacy": "public",
|
| 13465 | "_ui5validator": "Boolean"
|
| 13466 | },
|
| 13467 | {
|
| 13468 | "kind": "field",
|
| 13469 | "name": "accessibleName",
|
| 13470 | "type": {
|
| 13471 | "text": "string"
|
| 13472 | },
|
| 13473 | "description": "Defines the accessible ARIA name of the component.",
|
| 13474 | "default": "\"\"",
|
| 13475 | "privacy": "public",
|
| 13476 | "_ui5since": "1.0.0-rc.15",
|
| 13477 | "_ui5validator": "String"
|
| 13478 | },
|
| 13479 | {
|
| 13480 | "kind": "field",
|
| 13481 | "name": "accessibleNameRef",
|
| 13482 | "type": {
|
| 13483 | "text": "string"
|
| 13484 | },
|
| 13485 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 13486 | "default": "\"\"",
|
| 13487 | "privacy": "public",
|
| 13488 | "_ui5since": "1.15.0",
|
| 13489 | "_ui5validator": "String"
|
| 13490 | },
|
| 13491 | {
|
| 13492 | "kind": "field",
|
| 13493 | "name": "required",
|
| 13494 | "type": {
|
| 13495 | "text": "boolean"
|
| 13496 | },
|
| 13497 | "description": "Defines whether the component is required.",
|
| 13498 | "default": "false",
|
| 13499 | "privacy": "public",
|
| 13500 | "_ui5since": "1.15.0",
|
| 13501 | "_ui5validator": "Boolean"
|
| 13502 | },
|
| 13503 | {
|
| 13504 | "kind": "field",
|
| 13505 | "name": "tooltip",
|
| 13506 | "type": {
|
| 13507 | "text": "string"
|
| 13508 | },
|
| 13509 | "description": "Defines the tooltip of the component.",
|
| 13510 | "default": "\"\"",
|
| 13511 | "privacy": "public",
|
| 13512 | "_ui5since": "1.19.0",
|
| 13513 | "_ui5validator": "String"
|
| 13514 | }
|
| 13515 | ],
|
| 13516 | "events": [
|
| 13517 | {
|
| 13518 | "name": "change",
|
| 13519 | "_ui5privacy": "public",
|
| 13520 | "type": {
|
| 13521 | "text": "CustomEvent"
|
| 13522 | },
|
| 13523 | "description": "The event is fired when the value changes."
|
| 13524 | }
|
| 13525 | ],
|
| 13526 | "superclass": {
|
| 13527 | "name": "UI5Element",
|
| 13528 | "package": "@ui5/webcomponents-base",
|
| 13529 | "module": "dist/UI5Element.js"
|
| 13530 | },
|
| 13531 | "tagName": "ui5-rating-indicator",
|
| 13532 | "customElement": true,
|
| 13533 | "_ui5since": "1.0.0-rc.8",
|
| 13534 | "_ui5privacy": "public"
|
| 13535 | }
|
| 13536 | ],
|
| 13537 | "exports": [
|
| 13538 | {
|
| 13539 | "kind": "js",
|
| 13540 | "name": "default",
|
| 13541 | "declaration": {
|
| 13542 | "name": "RatingIndicator",
|
| 13543 | "module": "dist/RatingIndicator.js"
|
| 13544 | }
|
| 13545 | },
|
| 13546 | {
|
| 13547 | "kind": "custom-element-definition",
|
| 13548 | "name": "ui5-rating-indicator",
|
| 13549 | "declaration": {
|
| 13550 | "name": "RatingIndicator",
|
| 13551 | "module": "dist/RatingIndicator.js"
|
| 13552 | }
|
| 13553 | }
|
| 13554 | ]
|
| 13555 | },
|
| 13556 | {
|
| 13557 | "kind": "javascript-module",
|
| 13558 | "path": "dist/ResponsivePopover.js",
|
| 13559 | "declarations": [
|
| 13560 | {
|
| 13561 | "kind": "class",
|
| 13562 | "description": "### Overview\nThe `ui5-responsive-popover` acts as a Popover on desktop and tablet, while on phone it acts as a Dialog.\nThe component improves tremendously the user experience on mobile.\n\n### Usage\nUse it when you want to make sure that all the content is visible on any device.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/ResponsivePopover.js\";`",
|
| 13563 | "name": "ResponsivePopover",
|
| 13564 | "cssParts": [
|
| 13565 | {
|
| 13566 | "description": "Used to style the header of the component",
|
| 13567 | "name": "header"
|
| 13568 | },
|
| 13569 | {
|
| 13570 | "description": "Used to style the content of the component",
|
| 13571 | "name": "content"
|
| 13572 | },
|
| 13573 | {
|
| 13574 | "description": "Used to style the footer of the component",
|
| 13575 | "name": "footer"
|
| 13576 | }
|
| 13577 | ],
|
| 13578 | "members": [
|
| 13579 | {
|
| 13580 | "kind": "method",
|
| 13581 | "name": "showAt",
|
| 13582 | "return": {
|
| 13583 | "type": {
|
| 13584 | "text": "Promise<void>"
|
| 13585 | },
|
| 13586 | "description": "Resolves when the responsive popover is open"
|
| 13587 | },
|
| 13588 | "parameters": [
|
| 13589 | {
|
| 13590 | "name": "opener",
|
| 13591 | "type": {
|
| 13592 | "text": "HTMLElement"
|
| 13593 | },
|
| 13594 | "description": "the element that the popover is shown at",
|
| 13595 | "_ui5privacy": "public"
|
| 13596 | },
|
| 13597 | {
|
| 13598 | "name": "preventInitialFocus",
|
| 13599 | "default": "false",
|
| 13600 | "description": "Prevents applying the focus inside the popup",
|
| 13601 | "optional": true,
|
| 13602 | "_ui5privacy": "public",
|
| 13603 | "type": {
|
| 13604 | "text": "boolean"
|
| 13605 | }
|
| 13606 | }
|
| 13607 | ],
|
| 13608 | "description": "Shows popover on desktop and dialog on mobile.",
|
| 13609 | "privacy": "public",
|
| 13610 | "inheritedFrom": {
|
| 13611 | "name": "Popover",
|
| 13612 | "module": "dist/Popover.js"
|
| 13613 | }
|
| 13614 | },
|
| 13615 | {
|
| 13616 | "kind": "method",
|
| 13617 | "name": "close",
|
| 13618 | "return": {
|
| 13619 | "type": {
|
| 13620 | "text": "void"
|
| 13621 | }
|
| 13622 | },
|
| 13623 | "description": "Closes the popover/dialog.",
|
| 13624 | "privacy": "public",
|
| 13625 | "inheritedFrom": {
|
| 13626 | "name": "Popup",
|
| 13627 | "module": "dist/Popup.js"
|
| 13628 | }
|
| 13629 | },
|
| 13630 | {
|
| 13631 | "kind": "method",
|
| 13632 | "name": "isOpen",
|
| 13633 | "return": {
|
| 13634 | "type": {
|
| 13635 | "text": "boolean"
|
| 13636 | }
|
| 13637 | },
|
| 13638 | "description": "Tells if the responsive popover is open.",
|
| 13639 | "privacy": "public",
|
| 13640 | "inheritedFrom": {
|
| 13641 | "name": "Popup",
|
| 13642 | "module": "dist/Popup.js"
|
| 13643 | }
|
| 13644 | },
|
| 13645 | {
|
| 13646 | "kind": "field",
|
| 13647 | "name": "headerText",
|
| 13648 | "type": {
|
| 13649 | "text": "string"
|
| 13650 | },
|
| 13651 | "description": "Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.",
|
| 13652 | "default": "\"\"",
|
| 13653 | "privacy": "public",
|
| 13654 | "_ui5validator": "String",
|
| 13655 | "inheritedFrom": {
|
| 13656 | "name": "Popover",
|
| 13657 | "module": "dist/Popover.js"
|
| 13658 | }
|
| 13659 | },
|
| 13660 | {
|
| 13661 | "kind": "field",
|
| 13662 | "name": "placementType",
|
| 13663 | "type": {
|
| 13664 | "text": "PopoverPlacementType",
|
| 13665 | "references": [
|
| 13666 | {
|
| 13667 | "name": "PopoverPlacementType",
|
| 13668 | "package": "@ui5/webcomponents",
|
| 13669 | "module": "dist/types/PopoverPlacementType.js"
|
| 13670 | }
|
| 13671 | ]
|
| 13672 | },
|
| 13673 | "description": "Determines on which side the component is placed at.",
|
| 13674 | "default": "\"Right\"",
|
| 13675 | "privacy": "public",
|
| 13676 | "_ui5validator": "PopoverPlacementType",
|
| 13677 | "inheritedFrom": {
|
| 13678 | "name": "Popover",
|
| 13679 | "module": "dist/Popover.js"
|
| 13680 | }
|
| 13681 | },
|
| 13682 | {
|
| 13683 | "kind": "field",
|
| 13684 | "name": "horizontalAlign",
|
| 13685 | "type": {
|
| 13686 | "text": "PopoverHorizontalAlign",
|
| 13687 | "references": [
|
| 13688 | {
|
| 13689 | "name": "PopoverHorizontalAlign",
|
| 13690 | "package": "@ui5/webcomponents",
|
| 13691 | "module": "dist/types/PopoverHorizontalAlign.js"
|
| 13692 | }
|
| 13693 | ]
|
| 13694 | },
|
| 13695 | "description": "Determines the horizontal alignment of the component.",
|
| 13696 | "default": "\"Center\"",
|
| 13697 | "privacy": "public",
|
| 13698 | "_ui5validator": "PopoverHorizontalAlign",
|
| 13699 | "inheritedFrom": {
|
| 13700 | "name": "Popover",
|
| 13701 | "module": "dist/Popover.js"
|
| 13702 | }
|
| 13703 | },
|
| 13704 | {
|
| 13705 | "kind": "field",
|
| 13706 | "name": "verticalAlign",
|
| 13707 | "type": {
|
| 13708 | "text": "PopoverVerticalAlign",
|
| 13709 | "references": [
|
| 13710 | {
|
| 13711 | "name": "PopoverVerticalAlign",
|
| 13712 | "package": "@ui5/webcomponents",
|
| 13713 | "module": "dist/types/PopoverVerticalAlign.js"
|
| 13714 | }
|
| 13715 | ]
|
| 13716 | },
|
| 13717 | "description": "Determines the vertical alignment of the component.",
|
| 13718 | "default": "\"Center\"",
|
| 13719 | "privacy": "public",
|
| 13720 | "_ui5validator": "PopoverVerticalAlign",
|
| 13721 | "inheritedFrom": {
|
| 13722 | "name": "Popover",
|
| 13723 | "module": "dist/Popover.js"
|
| 13724 | }
|
| 13725 | },
|
| 13726 | {
|
| 13727 | "kind": "field",
|
| 13728 | "name": "modal",
|
| 13729 | "type": {
|
| 13730 | "text": "boolean"
|
| 13731 | },
|
| 13732 | "description": "Defines whether the component should close when\nclicking/tapping outside of the popover.\nIf enabled, it blocks any interaction with the background.",
|
| 13733 | "default": "false",
|
| 13734 | "privacy": "public",
|
| 13735 | "_ui5validator": "Boolean",
|
| 13736 | "inheritedFrom": {
|
| 13737 | "name": "Popover",
|
| 13738 | "module": "dist/Popover.js"
|
| 13739 | }
|
| 13740 | },
|
| 13741 | {
|
| 13742 | "kind": "field",
|
| 13743 | "name": "hideBackdrop",
|
| 13744 | "type": {
|
| 13745 | "text": "boolean"
|
| 13746 | },
|
| 13747 | "description": "Defines whether the block layer will be shown if modal property is set to true.",
|
| 13748 | "default": "false",
|
| 13749 | "privacy": "public",
|
| 13750 | "_ui5since": "1.0.0-rc.10",
|
| 13751 | "_ui5validator": "Boolean",
|
| 13752 | "inheritedFrom": {
|
| 13753 | "name": "Popover",
|
| 13754 | "module": "dist/Popover.js"
|
| 13755 | }
|
| 13756 | },
|
| 13757 | {
|
| 13758 | "kind": "field",
|
| 13759 | "name": "hideArrow",
|
| 13760 | "type": {
|
| 13761 | "text": "boolean"
|
| 13762 | },
|
| 13763 | "description": "Determines whether the component arrow is hidden.",
|
| 13764 | "default": "false",
|
| 13765 | "privacy": "public",
|
| 13766 | "_ui5since": "1.0.0-rc.15",
|
| 13767 | "_ui5validator": "Boolean",
|
| 13768 | "inheritedFrom": {
|
| 13769 | "name": "Popover",
|
| 13770 | "module": "dist/Popover.js"
|
| 13771 | }
|
| 13772 | },
|
| 13773 | {
|
| 13774 | "kind": "field",
|
| 13775 | "name": "allowTargetOverlap",
|
| 13776 | "type": {
|
| 13777 | "text": "boolean"
|
| 13778 | },
|
| 13779 | "description": "Determines if there is no enough space, the component can be placed\nover the target.",
|
| 13780 | "default": "false",
|
| 13781 | "privacy": "public",
|
| 13782 | "_ui5validator": "Boolean",
|
| 13783 | "inheritedFrom": {
|
| 13784 | "name": "Popover",
|
| 13785 | "module": "dist/Popover.js"
|
| 13786 | }
|
| 13787 | },
|
| 13788 | {
|
| 13789 | "kind": "field",
|
| 13790 | "name": "opener",
|
| 13791 | "type": {
|
| 13792 | "text": "HTMLElement | string | undefined"
|
| 13793 | },
|
| 13794 | "description": "Defines the ID or DOM Reference of the element that the popover is shown at",
|
| 13795 | "privacy": "public",
|
| 13796 | "default": "undefined",
|
| 13797 | "_ui5since": "1.2.0",
|
| 13798 | "_ui5validator": "DOMReference",
|
| 13799 | "inheritedFrom": {
|
| 13800 | "name": "Popover",
|
| 13801 | "module": "dist/Popover.js"
|
| 13802 | }
|
| 13803 | },
|
| 13804 | {
|
| 13805 | "kind": "field",
|
| 13806 | "name": "initialFocus",
|
| 13807 | "type": {
|
| 13808 | "text": "string"
|
| 13809 | },
|
| 13810 | "description": "Defines the ID of the HTML Element, which will get the initial focus.",
|
| 13811 | "default": "\"\"",
|
| 13812 | "privacy": "public",
|
| 13813 | "_ui5validator": "String",
|
| 13814 | "inheritedFrom": {
|
| 13815 | "name": "Popup",
|
| 13816 | "module": "dist/Popup.js"
|
| 13817 | }
|
| 13818 | },
|
| 13819 | {
|
| 13820 | "kind": "field",
|
| 13821 | "name": "preventFocusRestore",
|
| 13822 | "type": {
|
| 13823 | "text": "boolean"
|
| 13824 | },
|
| 13825 | "description": "Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.",
|
| 13826 | "default": "false",
|
| 13827 | "privacy": "public",
|
| 13828 | "_ui5since": "1.0.0-rc.8",
|
| 13829 | "_ui5validator": "Boolean",
|
| 13830 | "inheritedFrom": {
|
| 13831 | "name": "Popup",
|
| 13832 | "module": "dist/Popup.js"
|
| 13833 | }
|
| 13834 | },
|
| 13835 | {
|
| 13836 | "kind": "field",
|
| 13837 | "name": "open",
|
| 13838 | "type": {
|
| 13839 | "text": "boolean"
|
| 13840 | },
|
| 13841 | "description": "Indicates if the element is open",
|
| 13842 | "privacy": "public",
|
| 13843 | "default": "false",
|
| 13844 | "_ui5since": "1.2.0",
|
| 13845 | "_ui5validator": "Boolean",
|
| 13846 | "inheritedFrom": {
|
| 13847 | "name": "Popup",
|
| 13848 | "module": "dist/Popup.js"
|
| 13849 | }
|
| 13850 | },
|
| 13851 | {
|
| 13852 | "kind": "field",
|
| 13853 | "name": "accessibleName",
|
| 13854 | "type": {
|
| 13855 | "text": "string | undefined"
|
| 13856 | },
|
| 13857 | "description": "Defines the accessible name of the component.",
|
| 13858 | "default": "undefined",
|
| 13859 | "privacy": "public",
|
| 13860 | "_ui5since": "1.0.0-rc.15",
|
| 13861 | "_ui5validator": "String",
|
| 13862 | "inheritedFrom": {
|
| 13863 | "name": "Popup",
|
| 13864 | "module": "dist/Popup.js"
|
| 13865 | }
|
| 13866 | },
|
| 13867 | {
|
| 13868 | "kind": "field",
|
| 13869 | "name": "accessibleNameRef",
|
| 13870 | "type": {
|
| 13871 | "text": "string"
|
| 13872 | },
|
| 13873 | "description": "Defines the IDs of the elements that label the component.",
|
| 13874 | "default": "\"\"",
|
| 13875 | "privacy": "public",
|
| 13876 | "_ui5since": "1.1.0",
|
| 13877 | "_ui5validator": "String",
|
| 13878 | "inheritedFrom": {
|
| 13879 | "name": "Popup",
|
| 13880 | "module": "dist/Popup.js"
|
| 13881 | }
|
| 13882 | },
|
| 13883 | {
|
| 13884 | "kind": "field",
|
| 13885 | "name": "accessibleRole",
|
| 13886 | "type": {
|
| 13887 | "text": "PopupAccessibleRole",
|
| 13888 | "references": [
|
| 13889 | {
|
| 13890 | "name": "PopupAccessibleRole",
|
| 13891 | "package": "@ui5/webcomponents",
|
| 13892 | "module": "dist/types/PopupAccessibleRole.js"
|
| 13893 | }
|
| 13894 | ]
|
| 13895 | },
|
| 13896 | "description": "Allows setting a custom role.",
|
| 13897 | "default": "\"Dialog\"",
|
| 13898 | "privacy": "public",
|
| 13899 | "_ui5since": "1.10.0",
|
| 13900 | "_ui5validator": "PopupAccessibleRole",
|
| 13901 | "inheritedFrom": {
|
| 13902 | "name": "Popup",
|
| 13903 | "module": "dist/Popup.js"
|
| 13904 | }
|
| 13905 | },
|
| 13906 | {
|
| 13907 | "kind": "method",
|
| 13908 | "name": "applyFocus",
|
| 13909 | "return": {
|
| 13910 | "type": {
|
| 13911 | "text": "Promise<void>"
|
| 13912 | },
|
| 13913 | "description": "Promise that resolves when the focus is applied"
|
| 13914 | },
|
| 13915 | "description": "Focuses the element denoted by `initialFocus`, if provided,\nor the first focusable element otherwise.",
|
| 13916 | "privacy": "public",
|
| 13917 | "inheritedFrom": {
|
| 13918 | "name": "Popup",
|
| 13919 | "module": "dist/Popup.js"
|
| 13920 | }
|
| 13921 | }
|
| 13922 | ],
|
| 13923 | "superclass": {
|
| 13924 | "name": "Popover",
|
| 13925 | "package": "@ui5/webcomponents",
|
| 13926 | "module": "dist/Popover.js"
|
| 13927 | },
|
| 13928 | "tagName": "ui5-responsive-popover",
|
| 13929 | "customElement": true,
|
| 13930 | "_ui5since": "1.0.0-rc.6",
|
| 13931 | "_ui5privacy": "public",
|
| 13932 | "events": [
|
| 13933 | {
|
| 13934 | "name": "before-open",
|
| 13935 | "_ui5privacy": "public",
|
| 13936 | "type": {
|
| 13937 | "text": "CustomEvent"
|
| 13938 | },
|
| 13939 | "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. **This event does not bubble.**",
|
| 13940 | "_ui5allowPreventDefault": true,
|
| 13941 | "inheritedFrom": {
|
| 13942 | "name": "Popup",
|
| 13943 | "module": "dist/Popup.js"
|
| 13944 | }
|
| 13945 | },
|
| 13946 | {
|
| 13947 | "name": "after-open",
|
| 13948 | "_ui5privacy": "public",
|
| 13949 | "type": {
|
| 13950 | "text": "CustomEvent"
|
| 13951 | },
|
| 13952 | "description": "Fired after the component is opened. **This event does not bubble.**",
|
| 13953 | "inheritedFrom": {
|
| 13954 | "name": "Popup",
|
| 13955 | "module": "dist/Popup.js"
|
| 13956 | }
|
| 13957 | },
|
| 13958 | {
|
| 13959 | "name": "before-close",
|
| 13960 | "_ui5privacy": "public",
|
| 13961 | "type": {
|
| 13962 | "text": "CustomEvent<PopupBeforeCloseEventDetail>",
|
| 13963 | "references": [
|
| 13964 | {
|
| 13965 | "name": "PopupBeforeCloseEventDetail",
|
| 13966 | "package": "@ui5/webcomponents",
|
| 13967 | "module": "dist/Popup.js"
|
| 13968 | }
|
| 13969 | ]
|
| 13970 | },
|
| 13971 | "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. **This event does not bubble.**",
|
| 13972 | "_ui5allowPreventDefault": true,
|
| 13973 | "_ui5parameters": [
|
| 13974 | {
|
| 13975 | "type": {
|
| 13976 | "text": "boolean"
|
| 13977 | },
|
| 13978 | "name": "escPressed",
|
| 13979 | "_ui5privacy": "public",
|
| 13980 | "description": "Indicates that `ESC` key has triggered the event."
|
| 13981 | }
|
| 13982 | ],
|
| 13983 | "inheritedFrom": {
|
| 13984 | "name": "Popup",
|
| 13985 | "module": "dist/Popup.js"
|
| 13986 | }
|
| 13987 | },
|
| 13988 | {
|
| 13989 | "name": "after-close",
|
| 13990 | "_ui5privacy": "public",
|
| 13991 | "type": {
|
| 13992 | "text": "CustomEvent"
|
| 13993 | },
|
| 13994 | "description": "Fired after the component is closed. **This event does not bubble.**",
|
| 13995 | "inheritedFrom": {
|
| 13996 | "name": "Popup",
|
| 13997 | "module": "dist/Popup.js"
|
| 13998 | }
|
| 13999 | }
|
| 14000 | ]
|
| 14001 | }
|
| 14002 | ],
|
| 14003 | "exports": [
|
| 14004 | {
|
| 14005 | "kind": "js",
|
| 14006 | "name": "default",
|
| 14007 | "declaration": {
|
| 14008 | "name": "ResponsivePopover",
|
| 14009 | "module": "dist/ResponsivePopover.js"
|
| 14010 | }
|
| 14011 | },
|
| 14012 | {
|
| 14013 | "kind": "custom-element-definition",
|
| 14014 | "name": "ui5-responsive-popover",
|
| 14015 | "declaration": {
|
| 14016 | "name": "ResponsivePopover",
|
| 14017 | "module": "dist/ResponsivePopover.js"
|
| 14018 | }
|
| 14019 | }
|
| 14020 | ]
|
| 14021 | },
|
| 14022 | {
|
| 14023 | "kind": "javascript-module",
|
| 14024 | "path": "dist/SegmentedButton.js",
|
| 14025 | "declarations": [
|
| 14026 | {
|
| 14027 | "kind": "interface",
|
| 14028 | "name": "ISegmentedButtonItem",
|
| 14029 | "description": "Interface for components that may be slotted inside `ui5-segmented-button` as items",
|
| 14030 | "_ui5privacy": "public"
|
| 14031 | },
|
| 14032 | {
|
| 14033 | "kind": "class",
|
| 14034 | "description": "### Overview\n\nThe `ui5-segmented-button` shows a group of items. When the user clicks or taps\none of the items, it stays in a pressed state. It automatically resizes the items\nto fit proportionally within the component. When no width is set, the component uses the available width.\n\n**Note:** There can be just one selected `item` at a time.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/SegmentedButton.js\";`",
|
| 14035 | "name": "SegmentedButton",
|
| 14036 | "slots": [
|
| 14037 | {
|
| 14038 | "name": "default",
|
| 14039 | "description": "Defines the items of `ui5-segmented-button`.\n\n**Note:** Multiple items are allowed.\n\n**Note:** Use the `ui5-segmented-button-item` for the intended design.",
|
| 14040 | "_ui5propertyName": "items",
|
| 14041 | "_ui5type": {
|
| 14042 | "text": "Array<ISegmentedButtonItem>",
|
| 14043 | "references": [
|
| 14044 | {
|
| 14045 | "name": "ISegmentedButtonItem",
|
| 14046 | "package": "@ui5/webcomponents",
|
| 14047 | "module": "dist/SegmentedButton.js"
|
| 14048 | }
|
| 14049 | ]
|
| 14050 | },
|
| 14051 | "_ui5privacy": "public"
|
| 14052 | }
|
| 14053 | ],
|
| 14054 | "members": [
|
| 14055 | {
|
| 14056 | "kind": "field",
|
| 14057 | "name": "accessibleName",
|
| 14058 | "type": {
|
| 14059 | "text": "string | undefined"
|
| 14060 | },
|
| 14061 | "description": "Defines the accessible ARIA name of the component.",
|
| 14062 | "default": "undefined",
|
| 14063 | "privacy": "public",
|
| 14064 | "_ui5since": "1.0.3",
|
| 14065 | "_ui5validator": "String"
|
| 14066 | },
|
| 14067 | {
|
| 14068 | "kind": "field",
|
| 14069 | "name": "mode",
|
| 14070 | "type": {
|
| 14071 | "text": "SegmentedButtonMode",
|
| 14072 | "references": [
|
| 14073 | {
|
| 14074 | "name": "SegmentedButtonMode",
|
| 14075 | "package": "@ui5/webcomponents",
|
| 14076 | "module": "dist/types/SegmentedButtonMode.js"
|
| 14077 | }
|
| 14078 | ]
|
| 14079 | },
|
| 14080 | "description": "Defines the component selection mode.",
|
| 14081 | "default": "\"SingleSelect\"",
|
| 14082 | "privacy": "public",
|
| 14083 | "_ui5since": "1.14.0",
|
| 14084 | "_ui5validator": "SegmentedButtonMode"
|
| 14085 | },
|
| 14086 | {
|
| 14087 | "kind": "field",
|
| 14088 | "name": "selectedItem",
|
| 14089 | "type": {
|
| 14090 | "text": "ISegmentedButtonItem | undefined",
|
| 14091 | "references": [
|
| 14092 | {
|
| 14093 | "name": "ISegmentedButtonItem",
|
| 14094 | "package": "@ui5/webcomponents",
|
| 14095 | "module": "dist/SegmentedButton.js"
|
| 14096 | }
|
| 14097 | ]
|
| 14098 | },
|
| 14099 | "description": "Currently selected item.",
|
| 14100 | "deprecated": "since 1.14.0. This method will be removed in the next major release.\nPlease use the `selectedItems` property instead.",
|
| 14101 | "privacy": "public",
|
| 14102 | "default": "undefined",
|
| 14103 | "readonly": true
|
| 14104 | },
|
| 14105 | {
|
| 14106 | "kind": "field",
|
| 14107 | "name": "selectedItems",
|
| 14108 | "type": {
|
| 14109 | "text": "Array<ISegmentedButtonItem>",
|
| 14110 | "references": [
|
| 14111 | {
|
| 14112 | "name": "ISegmentedButtonItem",
|
| 14113 | "package": "@ui5/webcomponents",
|
| 14114 | "module": "dist/SegmentedButton.js"
|
| 14115 | }
|
| 14116 | ]
|
| 14117 | },
|
| 14118 | "description": "Returns an array of the currently selected items.",
|
| 14119 | "privacy": "public",
|
| 14120 | "default": "[]",
|
| 14121 | "readonly": true,
|
| 14122 | "_ui5since": "1.14.0"
|
| 14123 | }
|
| 14124 | ],
|
| 14125 | "events": [
|
| 14126 | {
|
| 14127 | "name": "selection-change",
|
| 14128 | "_ui5privacy": "public",
|
| 14129 | "type": {
|
| 14130 | "text": "CustomEvent<SegmentedButtonSelectionChangeEventDetail>",
|
| 14131 | "references": [
|
| 14132 | {
|
| 14133 | "name": "SegmentedButtonSelectionChangeEventDetail",
|
| 14134 | "package": "@ui5/webcomponents",
|
| 14135 | "module": "dist/SegmentedButton.js"
|
| 14136 | }
|
| 14137 | ]
|
| 14138 | },
|
| 14139 | "description": "Fired when the selected item changes.",
|
| 14140 | "_ui5parameters": [
|
| 14141 | {
|
| 14142 | "type": {
|
| 14143 | "text": "ISegmentedButtonItem",
|
| 14144 | "references": [
|
| 14145 | {
|
| 14146 | "name": "ISegmentedButtonItem",
|
| 14147 | "package": "@ui5/webcomponents",
|
| 14148 | "module": "dist/SegmentedButton.js"
|
| 14149 | }
|
| 14150 | ]
|
| 14151 | },
|
| 14152 | "name": "selectedItem",
|
| 14153 | "_ui5privacy": "public",
|
| 14154 | "description": "the pressed item.",
|
| 14155 | "deprecated": "deprecated since 1.14.0 and will be removed in the next major release, use the `selectedItems` parameter instead."
|
| 14156 | },
|
| 14157 | {
|
| 14158 | "type": {
|
| 14159 | "text": "Array<ISegmentedButtonItem>",
|
| 14160 | "references": [
|
| 14161 | {
|
| 14162 | "name": "ISegmentedButtonItem",
|
| 14163 | "package": "@ui5/webcomponents",
|
| 14164 | "module": "dist/SegmentedButton.js"
|
| 14165 | }
|
| 14166 | ]
|
| 14167 | },
|
| 14168 | "name": "selectedItems",
|
| 14169 | "_ui5privacy": "public",
|
| 14170 | "description": "an array of selected items.",
|
| 14171 | "_ui5since": "1.14.0"
|
| 14172 | }
|
| 14173 | ]
|
| 14174 | }
|
| 14175 | ],
|
| 14176 | "superclass": {
|
| 14177 | "name": "UI5Element",
|
| 14178 | "package": "@ui5/webcomponents-base",
|
| 14179 | "module": "dist/UI5Element.js"
|
| 14180 | },
|
| 14181 | "tagName": "ui5-segmented-button",
|
| 14182 | "customElement": true,
|
| 14183 | "_ui5since": "1.0.0-rc.6",
|
| 14184 | "_ui5privacy": "public"
|
| 14185 | }
|
| 14186 | ],
|
| 14187 | "exports": [
|
| 14188 | {
|
| 14189 | "kind": "js",
|
| 14190 | "name": "default",
|
| 14191 | "declaration": {
|
| 14192 | "name": "SegmentedButton",
|
| 14193 | "module": "dist/SegmentedButton.js"
|
| 14194 | }
|
| 14195 | },
|
| 14196 | {
|
| 14197 | "kind": "custom-element-definition",
|
| 14198 | "name": "ui5-segmented-button",
|
| 14199 | "declaration": {
|
| 14200 | "name": "SegmentedButton",
|
| 14201 | "module": "dist/SegmentedButton.js"
|
| 14202 | }
|
| 14203 | }
|
| 14204 | ]
|
| 14205 | },
|
| 14206 | {
|
| 14207 | "kind": "javascript-module",
|
| 14208 | "path": "dist/SegmentedButtonItem.js",
|
| 14209 | "declarations": [
|
| 14210 | {
|
| 14211 | "kind": "class",
|
| 14212 | "description": "### Overview\n\nUsers can use the `ui5-segmented-button-item` as part of a `ui5-segmented-button`.\n\nClicking or tapping on a `ui5-segmented-button-item` changes its state to `pressed`.\nThe item returns to its initial state when the user clicks or taps on it again.\nBy applying additional custom CSS-styling classes, apps can give a different style to any\n`ui5-segmented-button-item`.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/SegmentedButtonItem.js\";`",
|
| 14213 | "name": "SegmentedButtonItem",
|
| 14214 | "members": [
|
| 14215 | {
|
| 14216 | "kind": "field",
|
| 14217 | "name": "design",
|
| 14218 | "type": {
|
| 14219 | "text": "ButtonDesign",
|
| 14220 | "references": [
|
| 14221 | {
|
| 14222 | "name": "ButtonDesign",
|
| 14223 | "package": "@ui5/webcomponents",
|
| 14224 | "module": "dist/types/ButtonDesign.js"
|
| 14225 | }
|
| 14226 | ]
|
| 14227 | },
|
| 14228 | "description": "**Note:** The property is inherited and not supported. If set, it won't take any effect.",
|
| 14229 | "default": "\"Default\"",
|
| 14230 | "privacy": "public",
|
| 14231 | "_ui5validator": "ButtonDesign",
|
| 14232 | "inheritedFrom": {
|
| 14233 | "name": "Button",
|
| 14234 | "module": "dist/Button.js"
|
| 14235 | }
|
| 14236 | },
|
| 14237 | {
|
| 14238 | "kind": "field",
|
| 14239 | "name": "iconEnd",
|
| 14240 | "type": {
|
| 14241 | "text": "boolean"
|
| 14242 | },
|
| 14243 | "description": "**Note:** The property is inherited and not supported. If set, it won't take any effect.",
|
| 14244 | "default": "false",
|
| 14245 | "privacy": "public",
|
| 14246 | "_ui5validator": "Boolean",
|
| 14247 | "inheritedFrom": {
|
| 14248 | "name": "Button",
|
| 14249 | "module": "dist/Button.js"
|
| 14250 | }
|
| 14251 | },
|
| 14252 | {
|
| 14253 | "kind": "field",
|
| 14254 | "name": "submits",
|
| 14255 | "type": {
|
| 14256 | "text": "boolean"
|
| 14257 | },
|
| 14258 | "description": "**Note:** The property is inherited and not supported. If set, it won't take any effect.",
|
| 14259 | "default": "false",
|
| 14260 | "privacy": "public",
|
| 14261 | "deprecated": "Set the \"type\" property to \"Submit\" to achieve the same result. The \"submits\" property is ignored if \"type\" is set to any value other than \"Button\".",
|
| 14262 | "_ui5validator": "Boolean",
|
| 14263 | "inheritedFrom": {
|
| 14264 | "name": "Button",
|
| 14265 | "module": "dist/Button.js"
|
| 14266 | }
|
| 14267 | },
|
| 14268 | {
|
| 14269 | "kind": "field",
|
| 14270 | "name": "pressed",
|
| 14271 | "type": {
|
| 14272 | "text": "boolean"
|
| 14273 | },
|
| 14274 | "description": "Determines whether the component is displayed as pressed.",
|
| 14275 | "default": "false",
|
| 14276 | "privacy": "public",
|
| 14277 | "_ui5validator": "Boolean",
|
| 14278 | "inheritedFrom": {
|
| 14279 | "name": "ToggleButton",
|
| 14280 | "module": "dist/ToggleButton.js"
|
| 14281 | }
|
| 14282 | },
|
| 14283 | {
|
| 14284 | "kind": "field",
|
| 14285 | "name": "disabled",
|
| 14286 | "type": {
|
| 14287 | "text": "boolean"
|
| 14288 | },
|
| 14289 | "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
|
| 14290 | "default": "false",
|
| 14291 | "privacy": "public",
|
| 14292 | "_ui5validator": "Boolean",
|
| 14293 | "inheritedFrom": {
|
| 14294 | "name": "Button",
|
| 14295 | "module": "dist/Button.js"
|
| 14296 | }
|
| 14297 | },
|
| 14298 | {
|
| 14299 | "kind": "field",
|
| 14300 | "name": "icon",
|
| 14301 | "type": {
|
| 14302 | "text": "string"
|
| 14303 | },
|
| 14304 | "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 14305 | "default": "\"\"",
|
| 14306 | "privacy": "public",
|
| 14307 | "_ui5validator": "String",
|
| 14308 | "inheritedFrom": {
|
| 14309 | "name": "Button",
|
| 14310 | "module": "dist/Button.js"
|
| 14311 | }
|
| 14312 | },
|
| 14313 | {
|
| 14314 | "kind": "field",
|
| 14315 | "name": "tooltip",
|
| 14316 | "type": {
|
| 14317 | "text": "string"
|
| 14318 | },
|
| 14319 | "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
|
| 14320 | "default": "\"\"",
|
| 14321 | "privacy": "public",
|
| 14322 | "_ui5since": "1.2.0",
|
| 14323 | "_ui5validator": "String",
|
| 14324 | "inheritedFrom": {
|
| 14325 | "name": "Button",
|
| 14326 | "module": "dist/Button.js"
|
| 14327 | }
|
| 14328 | },
|
| 14329 | {
|
| 14330 | "kind": "field",
|
| 14331 | "name": "accessibleName",
|
| 14332 | "type": {
|
| 14333 | "text": "string | undefined"
|
| 14334 | },
|
| 14335 | "description": "Defines the accessible ARIA name of the component.",
|
| 14336 | "default": "undefined",
|
| 14337 | "privacy": "public",
|
| 14338 | "_ui5since": "1.0.0-rc.15",
|
| 14339 | "_ui5validator": "String",
|
| 14340 | "inheritedFrom": {
|
| 14341 | "name": "Button",
|
| 14342 | "module": "dist/Button.js"
|
| 14343 | }
|
| 14344 | },
|
| 14345 | {
|
| 14346 | "kind": "field",
|
| 14347 | "name": "accessibleNameRef",
|
| 14348 | "type": {
|
| 14349 | "text": "string"
|
| 14350 | },
|
| 14351 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 14352 | "default": "\"\"",
|
| 14353 | "privacy": "public",
|
| 14354 | "_ui5since": "1.1.0",
|
| 14355 | "_ui5validator": "String",
|
| 14356 | "inheritedFrom": {
|
| 14357 | "name": "Button",
|
| 14358 | "module": "dist/Button.js"
|
| 14359 | }
|
| 14360 | },
|
| 14361 | {
|
| 14362 | "kind": "field",
|
| 14363 | "name": "accessibilityAttributes",
|
| 14364 | "type": {
|
| 14365 | "text": "AccessibilityAttributes",
|
| 14366 | "references": [
|
| 14367 | {
|
| 14368 | "name": "AccessibilityAttributes",
|
| 14369 | "package": "@ui5/webcomponents",
|
| 14370 | "module": "dist/Button.js"
|
| 14371 | }
|
| 14372 | ]
|
| 14373 | },
|
| 14374 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n- `expanded`: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n- `true`\n- `false`\n\n- `hasPopup`: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:\n- `Dialog`\n- `Grid`\n- `ListBox`\n- `Menu`\n- `Tree`\n\n- `controls`: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.",
|
| 14375 | "privacy": "public",
|
| 14376 | "default": "{}",
|
| 14377 | "_ui5since": "1.2.0",
|
| 14378 | "_ui5validator": "Object",
|
| 14379 | "inheritedFrom": {
|
| 14380 | "name": "Button",
|
| 14381 | "module": "dist/Button.js"
|
| 14382 | }
|
| 14383 | },
|
| 14384 | {
|
| 14385 | "kind": "field",
|
| 14386 | "name": "type",
|
| 14387 | "type": {
|
| 14388 | "text": "ButtonType",
|
| 14389 | "references": [
|
| 14390 | {
|
| 14391 | "name": "ButtonType",
|
| 14392 | "package": "@ui5/webcomponents",
|
| 14393 | "module": "dist/types/ButtonType.js"
|
| 14394 | }
|
| 14395 | ]
|
| 14396 | },
|
| 14397 | "description": "Defines whether the button has special form-related functionality.\n\n**Note:** For the `type` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`",
|
| 14398 | "default": "\"Button\"",
|
| 14399 | "privacy": "public",
|
| 14400 | "_ui5since": "1.15.0",
|
| 14401 | "_ui5validator": "ButtonType",
|
| 14402 | "inheritedFrom": {
|
| 14403 | "name": "Button",
|
| 14404 | "module": "dist/Button.js"
|
| 14405 | }
|
| 14406 | },
|
| 14407 | {
|
| 14408 | "kind": "field",
|
| 14409 | "name": "accessibleRole",
|
| 14410 | "type": {
|
| 14411 | "text": "ButtonAccessibleRole",
|
| 14412 | "references": [
|
| 14413 | {
|
| 14414 | "name": "ButtonAccessibleRole",
|
| 14415 | "package": "@ui5/webcomponents",
|
| 14416 | "module": "dist/types/ButtonAccessibleRole.js"
|
| 14417 | }
|
| 14418 | ]
|
| 14419 | },
|
| 14420 | "description": "Describes the accessibility role of the button.\n\n**Note:** Use link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.",
|
| 14421 | "default": "\"Button\"",
|
| 14422 | "privacy": "public",
|
| 14423 | "_ui5since": "1.23",
|
| 14424 | "_ui5validator": "ButtonAccessibleRole",
|
| 14425 | "inheritedFrom": {
|
| 14426 | "name": "Button",
|
| 14427 | "module": "dist/Button.js"
|
| 14428 | }
|
| 14429 | }
|
| 14430 | ],
|
| 14431 | "superclass": {
|
| 14432 | "name": "ToggleButton",
|
| 14433 | "package": "@ui5/webcomponents",
|
| 14434 | "module": "dist/ToggleButton.js"
|
| 14435 | },
|
| 14436 | "tagName": "ui5-segmented-button-item",
|
| 14437 | "customElement": true,
|
| 14438 | "_ui5privacy": "public",
|
| 14439 | "_ui5implements": [
|
| 14440 | {
|
| 14441 | "name": "ISegmentedButtonItem",
|
| 14442 | "package": "@ui5/webcomponents",
|
| 14443 | "module": "dist/SegmentedButton.js"
|
| 14444 | }
|
| 14445 | ],
|
| 14446 | "events": [
|
| 14447 | {
|
| 14448 | "name": "click",
|
| 14449 | "_ui5privacy": "public",
|
| 14450 | "type": {
|
| 14451 | "text": "Event"
|
| 14452 | },
|
| 14453 | "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.",
|
| 14454 | "inheritedFrom": {
|
| 14455 | "name": "Button",
|
| 14456 | "module": "dist/Button.js"
|
| 14457 | }
|
| 14458 | }
|
| 14459 | ]
|
| 14460 | }
|
| 14461 | ],
|
| 14462 | "exports": [
|
| 14463 | {
|
| 14464 | "kind": "js",
|
| 14465 | "name": "default",
|
| 14466 | "declaration": {
|
| 14467 | "name": "SegmentedButtonItem",
|
| 14468 | "module": "dist/SegmentedButtonItem.js"
|
| 14469 | }
|
| 14470 | },
|
| 14471 | {
|
| 14472 | "kind": "custom-element-definition",
|
| 14473 | "name": "ui5-segmented-button-item",
|
| 14474 | "declaration": {
|
| 14475 | "name": "SegmentedButtonItem",
|
| 14476 | "module": "dist/SegmentedButtonItem.js"
|
| 14477 | }
|
| 14478 | }
|
| 14479 | ]
|
| 14480 | },
|
| 14481 | {
|
| 14482 | "kind": "javascript-module",
|
| 14483 | "path": "dist/Select.js",
|
| 14484 | "declarations": [
|
| 14485 | {
|
| 14486 | "kind": "interface",
|
| 14487 | "name": "IOption",
|
| 14488 | "description": "Interface for components that may be slotted inside `ui5-select` as options",
|
| 14489 | "_ui5privacy": "public"
|
| 14490 | },
|
| 14491 | {
|
| 14492 | "kind": "class",
|
| 14493 | "description": "### Overview\n\nThe `ui5-select` component is used to create a drop-down list.\n\n### Usage\n\nThere are two main usages of the `ui5-select>`.\n\n1. With Option (`ui5-option`) web component:\n\nThe available options of the Select are defined by using the Option component.\nThe Option comes with predefined design and layout, including `icon`, `text` and `additional-text`.\n\n2. With SelectMenu (`ui5-select-menu`) and SelectMenuOption (`ui5-select-menu-option`) web components:\n\nThe SelectMenu can be used as alternative to define the Select's dropdown\nand can be used via the `menu` property of the Select to reference SelectMenu by its ID.\nThe component gives the possibility to customize the Select's dropdown\nby slotting entirely custom options (via the SelectMenuOption component) and adding custom styles.\n\n**Note:** SelectMenu is a popover and placing it top-level in the HTML page is recommended,\nbecause some page styles (for example transitions) can misplace the SelectMenu.\n\n### Keyboard Handling\nThe `ui5-select` provides advanced keyboard handling.\n\n- [F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - Opens/closes the drop-down.\n- [UP, DOWN] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option.\n- [SPACE, ENTER] - If the drop-down is opened - selects the focused option.\n- [ESC] - Closes the drop-down without changing the selection.\n- [HOME] - Navigates to first option\n- [END] - Navigates to the last option\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Select\";`\n\n`import \"@ui5/webcomponents/dist/Option\";` (comes with `ui5-select`)",
|
| 14494 | "name": "Select",
|
| 14495 | "slots": [
|
| 14496 | {
|
| 14497 | "name": "default",
|
| 14498 | "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-option` component to define the desired options.",
|
| 14499 | "_ui5propertyName": "options",
|
| 14500 | "_ui5type": {
|
| 14501 | "text": "Array<IOption>",
|
| 14502 | "references": [
|
| 14503 | {
|
| 14504 | "name": "IOption",
|
| 14505 | "package": "@ui5/webcomponents",
|
| 14506 | "module": "dist/Select.js"
|
| 14507 | }
|
| 14508 | ]
|
| 14509 | },
|
| 14510 | "_ui5privacy": "public"
|
| 14511 | },
|
| 14512 | {
|
| 14513 | "name": "valueStateMessage",
|
| 14514 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Warning` or `Error` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",
|
| 14515 | "_ui5type": {
|
| 14516 | "text": "Array<HTMLElement>"
|
| 14517 | },
|
| 14518 | "_ui5privacy": "public"
|
| 14519 | },
|
| 14520 | {
|
| 14521 | "name": "label",
|
| 14522 | "description": "Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n\n**Note:** If not specified and `ui5-select-menu-option` is used,\neither the option's `display-text` or its textContent will be displayed.\n\n**Note:** If not specified and `ui5-option` is used,\nthe option's textContent will be displayed.",
|
| 14523 | "_ui5since": "1.17.0",
|
| 14524 | "_ui5type": {
|
| 14525 | "text": "Array<HTMLElement>"
|
| 14526 | },
|
| 14527 | "_ui5privacy": "public"
|
| 14528 | }
|
| 14529 | ],
|
| 14530 | "members": [
|
| 14531 | {
|
| 14532 | "kind": "field",
|
| 14533 | "name": "menu",
|
| 14534 | "type": {
|
| 14535 | "text": "HTMLElement | string | undefined"
|
| 14536 | },
|
| 14537 | "description": "Defines a reference (ID or DOM element) of component's menu of options\nas alternative to define the select's dropdown.\n\n**Note:** Usage of `ui5-select-menu` is recommended.",
|
| 14538 | "default": "undefined",
|
| 14539 | "privacy": "public",
|
| 14540 | "_ui5since": "1.17.0",
|
| 14541 | "_ui5validator": "DOMReference"
|
| 14542 | },
|
| 14543 | {
|
| 14544 | "kind": "field",
|
| 14545 | "name": "disabled",
|
| 14546 | "type": {
|
| 14547 | "text": "boolean"
|
| 14548 | },
|
| 14549 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.",
|
| 14550 | "default": "false",
|
| 14551 | "privacy": "public",
|
| 14552 | "_ui5validator": "Boolean"
|
| 14553 | },
|
| 14554 | {
|
| 14555 | "kind": "field",
|
| 14556 | "name": "name",
|
| 14557 | "type": {
|
| 14558 | "text": "string"
|
| 14559 | },
|
| 14560 | "description": "Determines the name with which the component will be submitted in an HTML form.\nThe value of the component will be the value of the currently selected `ui5-option`.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the `ui5-select` so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 14561 | "default": "\"\"",
|
| 14562 | "privacy": "public",
|
| 14563 | "_ui5validator": "String"
|
| 14564 | },
|
| 14565 | {
|
| 14566 | "kind": "field",
|
| 14567 | "name": "valueState",
|
| 14568 | "type": {
|
| 14569 | "text": "ValueState",
|
| 14570 | "references": [
|
| 14571 | {
|
| 14572 | "name": "ValueState",
|
| 14573 | "package": "@ui5/webcomponents-base",
|
| 14574 | "module": "dist/types/ValueState.js"
|
| 14575 | }
|
| 14576 | ]
|
| 14577 | },
|
| 14578 | "description": "Defines the value state of the component.",
|
| 14579 | "default": "\"None\"",
|
| 14580 | "privacy": "public",
|
| 14581 | "_ui5validator": "ValueState"
|
| 14582 | },
|
| 14583 | {
|
| 14584 | "kind": "field",
|
| 14585 | "name": "required",
|
| 14586 | "type": {
|
| 14587 | "text": "boolean"
|
| 14588 | },
|
| 14589 | "description": "Defines whether the component is required.",
|
| 14590 | "default": "false",
|
| 14591 | "privacy": "public",
|
| 14592 | "_ui5since": "1.0.0-rc.9",
|
| 14593 | "_ui5validator": "Boolean"
|
| 14594 | },
|
| 14595 | {
|
| 14596 | "kind": "field",
|
| 14597 | "name": "readonly",
|
| 14598 | "type": {
|
| 14599 | "text": "boolean"
|
| 14600 | },
|
| 14601 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 14602 | "default": "false",
|
| 14603 | "privacy": "public",
|
| 14604 | "_ui5since": "1.21.0",
|
| 14605 | "_ui5validator": "Boolean"
|
| 14606 | },
|
| 14607 | {
|
| 14608 | "kind": "field",
|
| 14609 | "name": "accessibleName",
|
| 14610 | "type": {
|
| 14611 | "text": "string"
|
| 14612 | },
|
| 14613 | "description": "Defines the accessible ARIA name of the component.",
|
| 14614 | "privacy": "public",
|
| 14615 | "default": "\"\"",
|
| 14616 | "_ui5since": "1.0.0-rc.9",
|
| 14617 | "_ui5validator": "String"
|
| 14618 | },
|
| 14619 | {
|
| 14620 | "kind": "field",
|
| 14621 | "name": "accessibleNameRef",
|
| 14622 | "type": {
|
| 14623 | "text": "string"
|
| 14624 | },
|
| 14625 | "description": "Receives id(or many ids) of the elements that label the select.",
|
| 14626 | "default": "\"\"",
|
| 14627 | "privacy": "public",
|
| 14628 | "_ui5since": "1.0.0-rc.15",
|
| 14629 | "_ui5validator": "String"
|
| 14630 | },
|
| 14631 | {
|
| 14632 | "kind": "field",
|
| 14633 | "name": "value",
|
| 14634 | "description": "Defines the value of the component:\n\n- when get - returns the value of the component, e.g. the `value` property of the selected option or its text content.\n\n- when set - selects the option with matching `value` property or text content.\n\n**Note:** If the given value does not match any existing option,\nthe first option will get selected.",
|
| 14635 | "privacy": "public",
|
| 14636 | "default": "\"\"",
|
| 14637 | "type": {
|
| 14638 | "text": "string"
|
| 14639 | },
|
| 14640 | "_ui5since": "1.20.0",
|
| 14641 | "_ui5formProperty": true,
|
| 14642 | "_ui5formEvents": "change,liveChange"
|
| 14643 | },
|
| 14644 | {
|
| 14645 | "kind": "field",
|
| 14646 | "name": "selectedOption",
|
| 14647 | "type": {
|
| 14648 | "text": "IOption | undefined",
|
| 14649 | "references": [
|
| 14650 | {
|
| 14651 | "name": "IOption",
|
| 14652 | "package": "@ui5/webcomponents",
|
| 14653 | "module": "dist/Select.js"
|
| 14654 | }
|
| 14655 | ]
|
| 14656 | },
|
| 14657 | "description": "Currently selected `ui5-option` element.",
|
| 14658 | "privacy": "public",
|
| 14659 | "default": "undefined",
|
| 14660 | "readonly": true
|
| 14661 | }
|
| 14662 | ],
|
| 14663 | "events": [
|
| 14664 | {
|
| 14665 | "name": "change",
|
| 14666 | "_ui5privacy": "public",
|
| 14667 | "type": {
|
| 14668 | "text": "CustomEvent<SelectChangeEventDetail>",
|
| 14669 | "references": [
|
| 14670 | {
|
| 14671 | "name": "SelectChangeEventDetail",
|
| 14672 | "package": "@ui5/webcomponents",
|
| 14673 | "module": "dist/Select.js"
|
| 14674 | }
|
| 14675 | ]
|
| 14676 | },
|
| 14677 | "description": "Fired when the selected option changes.",
|
| 14678 | "_ui5allowPreventDefault": true,
|
| 14679 | "_ui5parameters": [
|
| 14680 | {
|
| 14681 | "type": {
|
| 14682 | "text": "IOption",
|
| 14683 | "references": [
|
| 14684 | {
|
| 14685 | "name": "IOption",
|
| 14686 | "package": "@ui5/webcomponents",
|
| 14687 | "module": "dist/Select.js"
|
| 14688 | }
|
| 14689 | ]
|
| 14690 | },
|
| 14691 | "name": "selectedOption",
|
| 14692 | "_ui5privacy": "public",
|
| 14693 | "description": "the selected option."
|
| 14694 | }
|
| 14695 | ]
|
| 14696 | },
|
| 14697 | {
|
| 14698 | "name": "live-change",
|
| 14699 | "_ui5privacy": "public",
|
| 14700 | "type": {
|
| 14701 | "text": "CustomEvent<SelectLiveChangeEventDetail>",
|
| 14702 | "references": [
|
| 14703 | {
|
| 14704 | "name": "SelectLiveChangeEventDetail",
|
| 14705 | "package": "@ui5/webcomponents",
|
| 14706 | "module": "dist/Select.js"
|
| 14707 | }
|
| 14708 | ]
|
| 14709 | },
|
| 14710 | "description": "Fired when the user navigates through the options, but the selection is not finalized,\nor when pressing the ESC key to revert the current selection.",
|
| 14711 | "_ui5since": "1.17.0",
|
| 14712 | "_ui5parameters": [
|
| 14713 | {
|
| 14714 | "type": {
|
| 14715 | "text": "IOption",
|
| 14716 | "references": [
|
| 14717 | {
|
| 14718 | "name": "IOption",
|
| 14719 | "package": "@ui5/webcomponents",
|
| 14720 | "module": "dist/Select.js"
|
| 14721 | }
|
| 14722 | ]
|
| 14723 | },
|
| 14724 | "name": "selectedOption",
|
| 14725 | "_ui5privacy": "public",
|
| 14726 | "description": "the selected option."
|
| 14727 | }
|
| 14728 | ]
|
| 14729 | },
|
| 14730 | {
|
| 14731 | "name": "open",
|
| 14732 | "_ui5privacy": "public",
|
| 14733 | "type": {
|
| 14734 | "text": "CustomEvent"
|
| 14735 | },
|
| 14736 | "description": "Fired after the component's dropdown menu opens."
|
| 14737 | },
|
| 14738 | {
|
| 14739 | "name": "close",
|
| 14740 | "_ui5privacy": "public",
|
| 14741 | "type": {
|
| 14742 | "text": "CustomEvent"
|
| 14743 | },
|
| 14744 | "description": "Fired after the component's dropdown menu closes."
|
| 14745 | }
|
| 14746 | ],
|
| 14747 | "superclass": {
|
| 14748 | "name": "UI5Element",
|
| 14749 | "package": "@ui5/webcomponents-base",
|
| 14750 | "module": "dist/UI5Element.js"
|
| 14751 | },
|
| 14752 | "tagName": "ui5-select",
|
| 14753 | "customElement": true,
|
| 14754 | "_ui5since": "0.8.0",
|
| 14755 | "_ui5privacy": "public"
|
| 14756 | }
|
| 14757 | ],
|
| 14758 | "exports": [
|
| 14759 | {
|
| 14760 | "kind": "js",
|
| 14761 | "name": "default",
|
| 14762 | "declaration": {
|
| 14763 | "name": "Select",
|
| 14764 | "module": "dist/Select.js"
|
| 14765 | }
|
| 14766 | },
|
| 14767 | {
|
| 14768 | "kind": "custom-element-definition",
|
| 14769 | "name": "ui5-select",
|
| 14770 | "declaration": {
|
| 14771 | "name": "Select",
|
| 14772 | "module": "dist/Select.js"
|
| 14773 | }
|
| 14774 | }
|
| 14775 | ]
|
| 14776 | },
|
| 14777 | {
|
| 14778 | "kind": "javascript-module",
|
| 14779 | "path": "dist/SelectMenu.js",
|
| 14780 | "declarations": [
|
| 14781 | {
|
| 14782 | "kind": "class",
|
| 14783 | "description": "### Overview\n\nThe `ui5-select-menu` is meant to be used together with the `ui5-select` component as alternative\nto define the select's dropdown. It acts as a popover on desktop and tablet, and as a Dialog on phone.\n\nThe component gives the possibility to the user to customize the `ui5-select`'s dropdown\nby slotting custom options and adding custom styles.\n\n### Usage\n\nTo use `ui5-select` with a `ui5-select-menu`,\nyou need to set the `ui5-select` `menu` property to reference `ui5-select-menu` either by ID or DOM reference.\n\nFor the `ui5-select-menu`\n### ES6 Module Import\n\n`import @ui5/webcomponents/dist/SelectMenu.js\";`",
|
| 14784 | "name": "SelectMenu",
|
| 14785 | "slots": [
|
| 14786 | {
|
| 14787 | "name": "default",
|
| 14788 | "description": "Defines the options of the component.",
|
| 14789 | "_ui5propertyName": "options",
|
| 14790 | "_ui5type": {
|
| 14791 | "text": "Array<IOption>",
|
| 14792 | "references": [
|
| 14793 | {
|
| 14794 | "name": "IOption",
|
| 14795 | "package": "@ui5/webcomponents",
|
| 14796 | "module": "dist/Select.js"
|
| 14797 | }
|
| 14798 | ]
|
| 14799 | },
|
| 14800 | "_ui5privacy": "public"
|
| 14801 | }
|
| 14802 | ],
|
| 14803 | "superclass": {
|
| 14804 | "name": "UI5Element",
|
| 14805 | "package": "@ui5/webcomponents-base",
|
| 14806 | "module": "dist/UI5Element.js"
|
| 14807 | },
|
| 14808 | "tagName": "ui5-select-menu",
|
| 14809 | "customElement": true,
|
| 14810 | "_ui5since": "1.17.0",
|
| 14811 | "_ui5privacy": "public"
|
| 14812 | }
|
| 14813 | ],
|
| 14814 | "exports": [
|
| 14815 | {
|
| 14816 | "kind": "js",
|
| 14817 | "name": "default",
|
| 14818 | "declaration": {
|
| 14819 | "name": "SelectMenu",
|
| 14820 | "module": "dist/SelectMenu.js"
|
| 14821 | }
|
| 14822 | },
|
| 14823 | {
|
| 14824 | "kind": "custom-element-definition",
|
| 14825 | "name": "ui5-select-menu",
|
| 14826 | "declaration": {
|
| 14827 | "name": "SelectMenu",
|
| 14828 | "module": "dist/SelectMenu.js"
|
| 14829 | }
|
| 14830 | }
|
| 14831 | ]
|
| 14832 | },
|
| 14833 | {
|
| 14834 | "kind": "javascript-module",
|
| 14835 | "path": "dist/SelectMenuOption.js",
|
| 14836 | "declarations": [
|
| 14837 | {
|
| 14838 | "kind": "class",
|
| 14839 | "description": "### Overview\nThe `ui5-select-menu-option` component represents an option in the `ui5-select-menu`.\n\n### Usage\n\nFor the `ui5-select-menu-option`\n### ES6 Module Import\n\n`import @ui5/webcomponents/dist/SelectMenuOption.js\";`",
|
| 14840 | "name": "SelectMenuOption",
|
| 14841 | "slots": [
|
| 14842 | {
|
| 14843 | "description": "Defines the content of the component.",
|
| 14844 | "name": "default",
|
| 14845 | "_ui5privacy": "public",
|
| 14846 | "_ui5type": {
|
| 14847 | "text": "Array<Node>"
|
| 14848 | }
|
| 14849 | },
|
| 14850 | {
|
| 14851 | "name": "deleteButton",
|
| 14852 | "description": "**Note:** The slot is inherited and not supported. If set, it won't take any effect.",
|
| 14853 | "deprecated": true,
|
| 14854 | "_ui5type": {
|
| 14855 | "text": "Array<IButton>",
|
| 14856 | "references": [
|
| 14857 | {
|
| 14858 | "name": "IButton",
|
| 14859 | "package": "@ui5/webcomponents",
|
| 14860 | "module": "dist/Button.js"
|
| 14861 | }
|
| 14862 | ]
|
| 14863 | },
|
| 14864 | "_ui5privacy": "public"
|
| 14865 | }
|
| 14866 | ],
|
| 14867 | "members": [
|
| 14868 | {
|
| 14869 | "kind": "field",
|
| 14870 | "name": "displayText",
|
| 14871 | "type": {
|
| 14872 | "text": "string"
|
| 14873 | },
|
| 14874 | "description": "Defines the text, displayed inside the `ui5-select` input filed\nwhen the option gets selected.",
|
| 14875 | "default": "\"\"",
|
| 14876 | "privacy": "public",
|
| 14877 | "_ui5validator": "String"
|
| 14878 | },
|
| 14879 | {
|
| 14880 | "kind": "field",
|
| 14881 | "name": "disabled",
|
| 14882 | "type": {
|
| 14883 | "text": "boolean"
|
| 14884 | },
|
| 14885 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is hidden.",
|
| 14886 | "default": "false",
|
| 14887 | "privacy": "public",
|
| 14888 | "_ui5validator": "Boolean"
|
| 14889 | },
|
| 14890 | {
|
| 14891 | "kind": "field",
|
| 14892 | "name": "value",
|
| 14893 | "type": {
|
| 14894 | "text": "string"
|
| 14895 | },
|
| 14896 | "description": "Defines the value of the `ui5-select` inside an HTML Form element when this component is selected.\nFor more information on HTML Form support, see the `name` property of `ui5-select`.",
|
| 14897 | "default": "\"\"",
|
| 14898 | "privacy": "public",
|
| 14899 | "_ui5validator": "String"
|
| 14900 | },
|
| 14901 | {
|
| 14902 | "kind": "field",
|
| 14903 | "name": "type",
|
| 14904 | "type": {
|
| 14905 | "text": "ListItemType",
|
| 14906 | "references": [
|
| 14907 | {
|
| 14908 | "name": "ListItemType",
|
| 14909 | "package": "@ui5/webcomponents",
|
| 14910 | "module": "dist/types/ListItemType.js"
|
| 14911 | }
|
| 14912 | ]
|
| 14913 | },
|
| 14914 | "description": "**Note:** The property is inherited and not supported. If set, it won't take any effect.",
|
| 14915 | "default": "\"Active\"",
|
| 14916 | "privacy": "public",
|
| 14917 | "_ui5validator": "ListItemType",
|
| 14918 | "inheritedFrom": {
|
| 14919 | "name": "ListItem",
|
| 14920 | "module": "dist/ListItem.js"
|
| 14921 | },
|
| 14922 | "deprecated": true
|
| 14923 | },
|
| 14924 | {
|
| 14925 | "kind": "field",
|
| 14926 | "name": "accessibilityAttributes",
|
| 14927 | "type": {
|
| 14928 | "text": "AccessibilityAttributes",
|
| 14929 | "references": [
|
| 14930 | {
|
| 14931 | "name": "AccessibilityAttributes",
|
| 14932 | "package": "@ui5/webcomponents",
|
| 14933 | "module": "dist/ListItem.js"
|
| 14934 | }
|
| 14935 | ]
|
| 14936 | },
|
| 14937 | "description": "**Note:** The property is inherited and not supported. If set, it won't take any effect.",
|
| 14938 | "default": "{}",
|
| 14939 | "privacy": "public",
|
| 14940 | "_ui5validator": "Object",
|
| 14941 | "inheritedFrom": {
|
| 14942 | "name": "ListItem",
|
| 14943 | "module": "dist/ListItem.js"
|
| 14944 | },
|
| 14945 | "deprecated": true
|
| 14946 | },
|
| 14947 | {
|
| 14948 | "kind": "field",
|
| 14949 | "name": "navigated",
|
| 14950 | "type": {
|
| 14951 | "text": "boolean"
|
| 14952 | },
|
| 14953 | "description": "**Note:** The property is inherited and not supported. If set, it won't take any effect.",
|
| 14954 | "default": "false",
|
| 14955 | "privacy": "public",
|
| 14956 | "_ui5validator": "Boolean",
|
| 14957 | "inheritedFrom": {
|
| 14958 | "name": "ListItem",
|
| 14959 | "module": "dist/ListItem.js"
|
| 14960 | },
|
| 14961 | "deprecated": true
|
| 14962 | },
|
| 14963 | {
|
| 14964 | "kind": "field",
|
| 14965 | "name": "accessibleName",
|
| 14966 | "type": {
|
| 14967 | "text": "string"
|
| 14968 | },
|
| 14969 | "description": "Defines the text alternative of the component.\n\n**Note**: If not provided a default text alternative will be set, if present.",
|
| 14970 | "default": "\"\"",
|
| 14971 | "privacy": "public",
|
| 14972 | "_ui5since": "1.0.0-rc.15",
|
| 14973 | "_ui5validator": "String",
|
| 14974 | "inheritedFrom": {
|
| 14975 | "name": "CustomListItem",
|
| 14976 | "module": "dist/CustomListItem.js"
|
| 14977 | }
|
| 14978 | },
|
| 14979 | {
|
| 14980 | "kind": "field",
|
| 14981 | "name": "tooltip",
|
| 14982 | "type": {
|
| 14983 | "text": "string"
|
| 14984 | },
|
| 14985 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 14986 | "default": "\"\"",
|
| 14987 | "privacy": "public",
|
| 14988 | "_ui5since": "1.23.0",
|
| 14989 | "_ui5validator": "String",
|
| 14990 | "inheritedFrom": {
|
| 14991 | "name": "ListItem",
|
| 14992 | "module": "dist/ListItem.js"
|
| 14993 | }
|
| 14994 | },
|
| 14995 | {
|
| 14996 | "kind": "field",
|
| 14997 | "name": "selected",
|
| 14998 | "type": {
|
| 14999 | "text": "boolean"
|
| 15000 | },
|
| 15001 | "description": "Defines the selected state of the `ListItem`.",
|
| 15002 | "default": "false",
|
| 15003 | "privacy": "public",
|
| 15004 | "_ui5validator": "Boolean",
|
| 15005 | "inheritedFrom": {
|
| 15006 | "name": "ListItemBase",
|
| 15007 | "module": "dist/ListItemBase.js"
|
| 15008 | }
|
| 15009 | }
|
| 15010 | ],
|
| 15011 | "superclass": {
|
| 15012 | "name": "CustomListItem",
|
| 15013 | "package": "@ui5/webcomponents",
|
| 15014 | "module": "dist/CustomListItem.js"
|
| 15015 | },
|
| 15016 | "tagName": "ui5-select-menu-option",
|
| 15017 | "customElement": true,
|
| 15018 | "_ui5since": "1.17.0",
|
| 15019 | "_ui5privacy": "public",
|
| 15020 | "_ui5implements": [
|
| 15021 | {
|
| 15022 | "name": "IOption",
|
| 15023 | "package": "@ui5/webcomponents",
|
| 15024 | "module": "dist/Select.js"
|
| 15025 | }
|
| 15026 | ],
|
| 15027 | "events": [
|
| 15028 | {
|
| 15029 | "name": "detail-click",
|
| 15030 | "_ui5privacy": "public",
|
| 15031 | "type": {
|
| 15032 | "text": "CustomEvent"
|
| 15033 | },
|
| 15034 | "description": "Fired when the user clicks on the detail button when type is `Detail`.",
|
| 15035 | "inheritedFrom": {
|
| 15036 | "name": "ListItem",
|
| 15037 | "module": "dist/ListItem.js"
|
| 15038 | }
|
| 15039 | }
|
| 15040 | ]
|
| 15041 | }
|
| 15042 | ],
|
| 15043 | "exports": [
|
| 15044 | {
|
| 15045 | "kind": "js",
|
| 15046 | "name": "default",
|
| 15047 | "declaration": {
|
| 15048 | "name": "SelectMenuOption",
|
| 15049 | "module": "dist/SelectMenuOption.js"
|
| 15050 | }
|
| 15051 | },
|
| 15052 | {
|
| 15053 | "kind": "custom-element-definition",
|
| 15054 | "name": "ui5-select-menu-option",
|
| 15055 | "declaration": {
|
| 15056 | "name": "SelectMenuOption",
|
| 15057 | "module": "dist/SelectMenuOption.js"
|
| 15058 | }
|
| 15059 | }
|
| 15060 | ]
|
| 15061 | },
|
| 15062 | {
|
| 15063 | "kind": "javascript-module",
|
| 15064 | "path": "dist/Slider.js",
|
| 15065 | "declarations": [
|
| 15066 | {
|
| 15067 | "kind": "class",
|
| 15068 | "description": "### Overview\nThe Slider component represents a numerical range and a handle (grip).\nThe purpose of the component is to enable visual selection of a value in\na continuous numerical range by moving an adjustable handle.\n\n### Structure\nThe most important properties of the Slider are:\n\n- min - The minimum value of the slider range.\n- max - The maximum value of the slider range.\n- value - The current value of the slider range.\n- step - Determines the increments in which the slider will move.\n- showTooltip - Determines if a tooltip should be displayed above the handle.\n- showTickmarks - Displays a visual divider between the step values.\n- labelInterval - Labels some or all of the tickmarks with their values.\n\n### Usage\nThe most common use case is to select values on a continuous numerical scale (e.g. temperature, volume, etc. ).\n\n### Responsive Behavior\nThe `ui5-slider` component adjusts to the size of its parent container by recalculating and\nresizing the width of the control. You can move the slider handle in several different ways:\n\n- Drag and drop the handle to the desired value.\n- Click/tap on the range bar to move the handle to that location.\n\n### Keyboard Handling\n\n- `Left or Down Arrow` - Moves the handle one step to the left, effectively decreasing the component's value by `step` amount;\n- `Right or Up Arrow` - Moves the handle one step to the right, effectively increasing the component's value by `step` amount;\n- `Left or Down Arrow + Ctrl/Cmd` - Moves the handle to the left with step equal to 1/10th of the entire range, effectively decreasing the component's value by 1/10th of the range;\n- `Right or Up Arrow + Ctrl/Cmd` - Moves the handle to the right with step equal to 1/10th of the entire range, effectively increasing the component's value by 1/10th of the range;\n- `Plus` - Same as `Right or Up Arrow`;\n- `Minus` - Same as `Left or Down Arrow`;\n- `Home` - Moves the handle to the beginning of the range;\n- `End` - Moves the handle to the end of the range;\n- `Page Up` - Same as `Right or Up + Ctrl/Cmd`;\n- `Page Down` - Same as `Left or Down + Ctrl/Cmd`;\n- `Escape` - Resets the value property after interaction, to the position prior the component's focusing;\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Slider.js\";`",
|
| 15069 | "name": "Slider",
|
| 15070 | "cssParts": [
|
| 15071 | {
|
| 15072 | "description": "Used to style the progress container, the horizontal bar that visually represents the range between the minimum and maximum values, of the `ui5-slider`.",
|
| 15073 | "name": "progress-container"
|
| 15074 | },
|
| 15075 | {
|
| 15076 | "description": "Used to style the progress bar, which shows the progress of the `ui5-slider`.",
|
| 15077 | "name": "progress-bar"
|
| 15078 | },
|
| 15079 | {
|
| 15080 | "description": "Used to style the handle of the `ui5-slider`.",
|
| 15081 | "name": "handle"
|
| 15082 | }
|
| 15083 | ],
|
| 15084 | "members": [
|
| 15085 | {
|
| 15086 | "kind": "field",
|
| 15087 | "name": "value",
|
| 15088 | "type": {
|
| 15089 | "text": "number"
|
| 15090 | },
|
| 15091 | "description": "Current value of the slider",
|
| 15092 | "default": "0",
|
| 15093 | "privacy": "public",
|
| 15094 | "_ui5validator": "Float",
|
| 15095 | "_ui5formProperty": true,
|
| 15096 | "_ui5formEvents": "change,input"
|
| 15097 | },
|
| 15098 | {
|
| 15099 | "kind": "field",
|
| 15100 | "name": "min",
|
| 15101 | "type": {
|
| 15102 | "text": "number"
|
| 15103 | },
|
| 15104 | "description": "Defines the minimum value of the slider.",
|
| 15105 | "default": "0",
|
| 15106 | "privacy": "public",
|
| 15107 | "_ui5validator": "Float",
|
| 15108 | "inheritedFrom": {
|
| 15109 | "name": "SliderBase",
|
| 15110 | "module": "dist/SliderBase.js"
|
| 15111 | }
|
| 15112 | },
|
| 15113 | {
|
| 15114 | "kind": "field",
|
| 15115 | "name": "max",
|
| 15116 | "type": {
|
| 15117 | "text": "number"
|
| 15118 | },
|
| 15119 | "description": "Defines the maximum value of the slider.",
|
| 15120 | "default": "100",
|
| 15121 | "privacy": "public",
|
| 15122 | "_ui5validator": "Float",
|
| 15123 | "inheritedFrom": {
|
| 15124 | "name": "SliderBase",
|
| 15125 | "module": "dist/SliderBase.js"
|
| 15126 | }
|
| 15127 | },
|
| 15128 | {
|
| 15129 | "kind": "field",
|
| 15130 | "name": "step",
|
| 15131 | "type": {
|
| 15132 | "text": "number"
|
| 15133 | },
|
| 15134 | "description": "Defines the size of the slider's selection intervals (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).\n\n**Note:** If set to 0 the slider handle movement is disabled. When negative number or value other than a number, the component fallbacks to its default value.",
|
| 15135 | "default": "1",
|
| 15136 | "privacy": "public",
|
| 15137 | "_ui5validator": "Float",
|
| 15138 | "inheritedFrom": {
|
| 15139 | "name": "SliderBase",
|
| 15140 | "module": "dist/SliderBase.js"
|
| 15141 | }
|
| 15142 | },
|
| 15143 | {
|
| 15144 | "kind": "field",
|
| 15145 | "name": "labelInterval",
|
| 15146 | "type": {
|
| 15147 | "text": "number"
|
| 15148 | },
|
| 15149 | "description": "Displays a label with a value on every N-th step.\n\n**Note:** The step and tickmarks properties must be enabled.\nExample - if the step value is set to 2 and the label interval is also specified to 2 - then every second\ntickmark will be labelled, which means every 4th value number.",
|
| 15150 | "default": "0",
|
| 15151 | "privacy": "public",
|
| 15152 | "_ui5validator": "Integer",
|
| 15153 | "inheritedFrom": {
|
| 15154 | "name": "SliderBase",
|
| 15155 | "module": "dist/SliderBase.js"
|
| 15156 | }
|
| 15157 | },
|
| 15158 | {
|
| 15159 | "kind": "field",
|
| 15160 | "name": "showTickmarks",
|
| 15161 | "type": {
|
| 15162 | "text": "boolean"
|
| 15163 | },
|
| 15164 | "description": "Enables tickmarks visualization for each step.\n\n**Note:** The step must be a positive number.",
|
| 15165 | "default": "false",
|
| 15166 | "privacy": "public",
|
| 15167 | "_ui5validator": "Boolean",
|
| 15168 | "inheritedFrom": {
|
| 15169 | "name": "SliderBase",
|
| 15170 | "module": "dist/SliderBase.js"
|
| 15171 | }
|
| 15172 | },
|
| 15173 | {
|
| 15174 | "kind": "field",
|
| 15175 | "name": "showTooltip",
|
| 15176 | "type": {
|
| 15177 | "text": "boolean"
|
| 15178 | },
|
| 15179 | "description": "Enables handle tooltip displaying the current value.",
|
| 15180 | "default": "false",
|
| 15181 | "privacy": "public",
|
| 15182 | "_ui5validator": "Boolean",
|
| 15183 | "inheritedFrom": {
|
| 15184 | "name": "SliderBase",
|
| 15185 | "module": "dist/SliderBase.js"
|
| 15186 | }
|
| 15187 | },
|
| 15188 | {
|
| 15189 | "kind": "field",
|
| 15190 | "name": "disabled",
|
| 15191 | "type": {
|
| 15192 | "text": "boolean"
|
| 15193 | },
|
| 15194 | "description": "Defines whether the slider is in disabled state.",
|
| 15195 | "default": "false",
|
| 15196 | "privacy": "public",
|
| 15197 | "_ui5validator": "Boolean",
|
| 15198 | "inheritedFrom": {
|
| 15199 | "name": "SliderBase",
|
| 15200 | "module": "dist/SliderBase.js"
|
| 15201 | }
|
| 15202 | },
|
| 15203 | {
|
| 15204 | "kind": "field",
|
| 15205 | "name": "accessibleName",
|
| 15206 | "type": {
|
| 15207 | "text": "string"
|
| 15208 | },
|
| 15209 | "description": "Defines the accessible ARIA name of the component.",
|
| 15210 | "default": "\"\"",
|
| 15211 | "privacy": "public",
|
| 15212 | "_ui5since": "1.4.0",
|
| 15213 | "_ui5validator": "String",
|
| 15214 | "inheritedFrom": {
|
| 15215 | "name": "SliderBase",
|
| 15216 | "module": "dist/SliderBase.js"
|
| 15217 | }
|
| 15218 | }
|
| 15219 | ],
|
| 15220 | "superclass": {
|
| 15221 | "name": "SliderBase",
|
| 15222 | "package": "@ui5/webcomponents",
|
| 15223 | "module": "dist/SliderBase.js"
|
| 15224 | },
|
| 15225 | "tagName": "ui5-slider",
|
| 15226 | "customElement": true,
|
| 15227 | "_ui5since": "1.0.0-rc.11",
|
| 15228 | "_ui5privacy": "public",
|
| 15229 | "events": [
|
| 15230 | {
|
| 15231 | "name": "change",
|
| 15232 | "_ui5privacy": "public",
|
| 15233 | "type": {
|
| 15234 | "text": "CustomEvent"
|
| 15235 | },
|
| 15236 | "description": "Fired when the value changes and the user has finished interacting with the slider.",
|
| 15237 | "inheritedFrom": {
|
| 15238 | "name": "SliderBase",
|
| 15239 | "module": "dist/SliderBase.js"
|
| 15240 | }
|
| 15241 | },
|
| 15242 | {
|
| 15243 | "name": "input",
|
| 15244 | "_ui5privacy": "public",
|
| 15245 | "type": {
|
| 15246 | "text": "CustomEvent"
|
| 15247 | },
|
| 15248 | "description": "Fired when the value changes due to user interaction that is not yet finished - during mouse/touch dragging.",
|
| 15249 | "inheritedFrom": {
|
| 15250 | "name": "SliderBase",
|
| 15251 | "module": "dist/SliderBase.js"
|
| 15252 | }
|
| 15253 | }
|
| 15254 | ]
|
| 15255 | }
|
| 15256 | ],
|
| 15257 | "exports": [
|
| 15258 | {
|
| 15259 | "kind": "js",
|
| 15260 | "name": "default",
|
| 15261 | "declaration": {
|
| 15262 | "name": "Slider",
|
| 15263 | "module": "dist/Slider.js"
|
| 15264 | }
|
| 15265 | },
|
| 15266 | {
|
| 15267 | "kind": "custom-element-definition",
|
| 15268 | "name": "ui5-slider",
|
| 15269 | "declaration": {
|
| 15270 | "name": "Slider",
|
| 15271 | "module": "dist/Slider.js"
|
| 15272 | }
|
| 15273 | }
|
| 15274 | ]
|
| 15275 | },
|
| 15276 | {
|
| 15277 | "kind": "javascript-module",
|
| 15278 | "path": "dist/SliderBase.js",
|
| 15279 | "declarations": [
|
| 15280 | {
|
| 15281 | "kind": "class",
|
| 15282 | "description": "### Overview",
|
| 15283 | "name": "SliderBase",
|
| 15284 | "members": [
|
| 15285 | {
|
| 15286 | "kind": "field",
|
| 15287 | "name": "min",
|
| 15288 | "type": {
|
| 15289 | "text": "number"
|
| 15290 | },
|
| 15291 | "description": "Defines the minimum value of the slider.",
|
| 15292 | "default": "0",
|
| 15293 | "privacy": "public",
|
| 15294 | "_ui5validator": "Float"
|
| 15295 | },
|
| 15296 | {
|
| 15297 | "kind": "field",
|
| 15298 | "name": "max",
|
| 15299 | "type": {
|
| 15300 | "text": "number"
|
| 15301 | },
|
| 15302 | "description": "Defines the maximum value of the slider.",
|
| 15303 | "default": "100",
|
| 15304 | "privacy": "public",
|
| 15305 | "_ui5validator": "Float"
|
| 15306 | },
|
| 15307 | {
|
| 15308 | "kind": "field",
|
| 15309 | "name": "step",
|
| 15310 | "type": {
|
| 15311 | "text": "number"
|
| 15312 | },
|
| 15313 | "description": "Defines the size of the slider's selection intervals (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).\n\n**Note:** If set to 0 the slider handle movement is disabled. When negative number or value other than a number, the component fallbacks to its default value.",
|
| 15314 | "default": "1",
|
| 15315 | "privacy": "public",
|
| 15316 | "_ui5validator": "Float"
|
| 15317 | },
|
| 15318 | {
|
| 15319 | "kind": "field",
|
| 15320 | "name": "labelInterval",
|
| 15321 | "type": {
|
| 15322 | "text": "number"
|
| 15323 | },
|
| 15324 | "description": "Displays a label with a value on every N-th step.\n\n**Note:** The step and tickmarks properties must be enabled.\nExample - if the step value is set to 2 and the label interval is also specified to 2 - then every second\ntickmark will be labelled, which means every 4th value number.",
|
| 15325 | "default": "0",
|
| 15326 | "privacy": "public",
|
| 15327 | "_ui5validator": "Integer"
|
| 15328 | },
|
| 15329 | {
|
| 15330 | "kind": "field",
|
| 15331 | "name": "showTickmarks",
|
| 15332 | "type": {
|
| 15333 | "text": "boolean"
|
| 15334 | },
|
| 15335 | "description": "Enables tickmarks visualization for each step.\n\n**Note:** The step must be a positive number.",
|
| 15336 | "default": "false",
|
| 15337 | "privacy": "public",
|
| 15338 | "_ui5validator": "Boolean"
|
| 15339 | },
|
| 15340 | {
|
| 15341 | "kind": "field",
|
| 15342 | "name": "showTooltip",
|
| 15343 | "type": {
|
| 15344 | "text": "boolean"
|
| 15345 | },
|
| 15346 | "description": "Enables handle tooltip displaying the current value.",
|
| 15347 | "default": "false",
|
| 15348 | "privacy": "public",
|
| 15349 | "_ui5validator": "Boolean"
|
| 15350 | },
|
| 15351 | {
|
| 15352 | "kind": "field",
|
| 15353 | "name": "disabled",
|
| 15354 | "type": {
|
| 15355 | "text": "boolean"
|
| 15356 | },
|
| 15357 | "description": "Defines whether the slider is in disabled state.",
|
| 15358 | "default": "false",
|
| 15359 | "privacy": "public",
|
| 15360 | "_ui5validator": "Boolean"
|
| 15361 | },
|
| 15362 | {
|
| 15363 | "kind": "field",
|
| 15364 | "name": "accessibleName",
|
| 15365 | "type": {
|
| 15366 | "text": "string"
|
| 15367 | },
|
| 15368 | "description": "Defines the accessible ARIA name of the component.",
|
| 15369 | "default": "\"\"",
|
| 15370 | "privacy": "public",
|
| 15371 | "_ui5since": "1.4.0",
|
| 15372 | "_ui5validator": "String"
|
| 15373 | }
|
| 15374 | ],
|
| 15375 | "events": [
|
| 15376 | {
|
| 15377 | "name": "change",
|
| 15378 | "_ui5privacy": "public",
|
| 15379 | "type": {
|
| 15380 | "text": "CustomEvent"
|
| 15381 | },
|
| 15382 | "description": "Fired when the value changes and the user has finished interacting with the slider."
|
| 15383 | },
|
| 15384 | {
|
| 15385 | "name": "input",
|
| 15386 | "_ui5privacy": "public",
|
| 15387 | "type": {
|
| 15388 | "text": "CustomEvent"
|
| 15389 | },
|
| 15390 | "description": "Fired when the value changes due to user interaction that is not yet finished - during mouse/touch dragging."
|
| 15391 | }
|
| 15392 | ],
|
| 15393 | "superclass": {
|
| 15394 | "name": "UI5Element",
|
| 15395 | "package": "@ui5/webcomponents-base",
|
| 15396 | "module": "dist/UI5Element.js"
|
| 15397 | },
|
| 15398 | "customElement": true,
|
| 15399 | "_ui5privacy": "public"
|
| 15400 | }
|
| 15401 | ],
|
| 15402 | "exports": [
|
| 15403 | {
|
| 15404 | "kind": "js",
|
| 15405 | "name": "default",
|
| 15406 | "declaration": {
|
| 15407 | "name": "SliderBase",
|
| 15408 | "module": "dist/SliderBase.js"
|
| 15409 | }
|
| 15410 | }
|
| 15411 | ]
|
| 15412 | },
|
| 15413 | {
|
| 15414 | "kind": "javascript-module",
|
| 15415 | "path": "dist/SpecialCalendarDate.js",
|
| 15416 | "declarations": [
|
| 15417 | {
|
| 15418 | "kind": "class",
|
| 15419 | "description": "### Overview\n\nThe `ui5-special-date` component defines a special calendar date to be used inside `ui5-calendar`,\nwhich is visually distinguished from the rest of the dates.",
|
| 15420 | "name": "SpecialCalendarDate",
|
| 15421 | "members": [
|
| 15422 | {
|
| 15423 | "kind": "field",
|
| 15424 | "name": "type",
|
| 15425 | "type": {
|
| 15426 | "text": "CalendarLegendItemType",
|
| 15427 | "references": [
|
| 15428 | {
|
| 15429 | "name": "CalendarLegendItemType",
|
| 15430 | "package": "@ui5/webcomponents",
|
| 15431 | "module": "dist/types/CalendarLegendItemType.js"
|
| 15432 | }
|
| 15433 | ]
|
| 15434 | },
|
| 15435 | "description": "Defines the type of the special date.",
|
| 15436 | "default": "\"None\"",
|
| 15437 | "privacy": "public",
|
| 15438 | "_ui5validator": "CalendarLegendItemType"
|
| 15439 | },
|
| 15440 | {
|
| 15441 | "kind": "field",
|
| 15442 | "name": "value",
|
| 15443 | "type": {
|
| 15444 | "text": "string"
|
| 15445 | },
|
| 15446 | "description": "The date formatted according to the `formatPattern` property\nof the `ui5-calendar` that hosts the component.",
|
| 15447 | "default": "\"\"",
|
| 15448 | "privacy": "public",
|
| 15449 | "_ui5validator": "String",
|
| 15450 | "inheritedFrom": {
|
| 15451 | "name": "CalendarDate",
|
| 15452 | "module": "dist/CalendarDate.js"
|
| 15453 | }
|
| 15454 | }
|
| 15455 | ],
|
| 15456 | "superclass": {
|
| 15457 | "name": "CalendarDate",
|
| 15458 | "package": "@ui5/webcomponents",
|
| 15459 | "module": "dist/CalendarDate.js"
|
| 15460 | },
|
| 15461 | "tagName": "ui5-special-date",
|
| 15462 | "customElement": true,
|
| 15463 | "_ui5since": "1.23.0",
|
| 15464 | "_ui5privacy": "public",
|
| 15465 | "_ui5abstract": true
|
| 15466 | }
|
| 15467 | ],
|
| 15468 | "exports": [
|
| 15469 | {
|
| 15470 | "kind": "js",
|
| 15471 | "name": "default",
|
| 15472 | "declaration": {
|
| 15473 | "name": "SpecialCalendarDate",
|
| 15474 | "module": "dist/SpecialCalendarDate.js"
|
| 15475 | }
|
| 15476 | },
|
| 15477 | {
|
| 15478 | "kind": "custom-element-definition",
|
| 15479 | "name": "ui5-special-date",
|
| 15480 | "declaration": {
|
| 15481 | "name": "SpecialCalendarDate",
|
| 15482 | "module": "dist/SpecialCalendarDate.js"
|
| 15483 | }
|
| 15484 | }
|
| 15485 | ]
|
| 15486 | },
|
| 15487 | {
|
| 15488 | "kind": "javascript-module",
|
| 15489 | "path": "dist/SplitButton.js",
|
| 15490 | "declarations": [
|
| 15491 | {
|
| 15492 | "kind": "class",
|
| 15493 | "description": "### Overview\n\n`ui5-split-button` enables users to trigger actions. It is constructed of two separate actions -\ndefault action and arrow action that can be activated by clicking or tapping, or by\npressing certain keyboard keys - `Space` or `Enter` for default action,\nand `Arrow Down` or `Arrow Up` for arrow action.\n\n### Usage\n\n`ui5-split-button` consists two separate buttons:\n\n- for the first one (default action) you can define some `text` or an `icon`, or both.\nAlso, it is possible to define different icon for active state of this button - `activeIcon`.\n- the second one (arrow action) contains only `slim-arrow-down` icon.\n\nYou can choose a `design` from a set of predefined types (the same as for ui5-button) that offer\ndifferent styling to correspond to the triggered action. Both text and arrow actions have the same design.\n\nYou can set the `ui5-split-button` as enabled or disabled. Both parts of an enabled\n`ui5-split-button` can be pressed by clicking or tapping it, or by certain keys, which changes\nthe style to provide visual feedback to the user that it is pressed or hovered over with\nthe mouse cursor. A disabled `ui5-split-button` appears inactive and any of the two buttons\ncannot be pressed.\n\n### Keyboard Handling\n\n- `Space` or `Enter` - triggers the default action\n- `Shift` or `Escape` - if `Space` is pressed, releases the default action button without triggering the click event.\n- `Arrow Down`, `Arrow Up`, `Alt`+`Arrow Down`, `Alt`+`Arrow Up`, or `F4` - triggers the arrow action\nThere are separate events that are fired on activating of `ui5-split-button` parts:\n\n- `click` for the first button (default action)\n- `arrow-click` for the second button (arrow action)\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/SplitButton.js\";`",
|
| 15494 | "name": "SplitButton",
|
| 15495 | "slots": [
|
| 15496 | {
|
| 15497 | "name": "default",
|
| 15498 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 15499 | "_ui5propertyName": "text",
|
| 15500 | "_ui5type": {
|
| 15501 | "text": "Array<Node>"
|
| 15502 | },
|
| 15503 | "_ui5privacy": "public"
|
| 15504 | }
|
| 15505 | ],
|
| 15506 | "members": [
|
| 15507 | {
|
| 15508 | "kind": "field",
|
| 15509 | "name": "icon",
|
| 15510 | "type": {
|
| 15511 | "text": "string"
|
| 15512 | },
|
| 15513 | "description": "Defines the icon to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\n\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 15514 | "default": "\"\"",
|
| 15515 | "privacy": "public",
|
| 15516 | "_ui5validator": "String"
|
| 15517 | },
|
| 15518 | {
|
| 15519 | "kind": "field",
|
| 15520 | "name": "activeIcon",
|
| 15521 | "type": {
|
| 15522 | "text": "string"
|
| 15523 | },
|
| 15524 | "description": "Defines the icon to be displayed in active state as graphical element within the component.",
|
| 15525 | "default": "\"\"",
|
| 15526 | "privacy": "public",
|
| 15527 | "_ui5validator": "String"
|
| 15528 | },
|
| 15529 | {
|
| 15530 | "kind": "field",
|
| 15531 | "name": "activeArrowButton",
|
| 15532 | "type": {
|
| 15533 | "text": "boolean"
|
| 15534 | },
|
| 15535 | "description": "Defines whether the arrow button should have the active state styles or not.",
|
| 15536 | "default": "false",
|
| 15537 | "privacy": "public",
|
| 15538 | "_ui5since": "1.21.0",
|
| 15539 | "_ui5validator": "Boolean"
|
| 15540 | },
|
| 15541 | {
|
| 15542 | "kind": "field",
|
| 15543 | "name": "design",
|
| 15544 | "type": {
|
| 15545 | "text": "ButtonDesign",
|
| 15546 | "references": [
|
| 15547 | {
|
| 15548 | "name": "ButtonDesign",
|
| 15549 | "package": "@ui5/webcomponents",
|
| 15550 | "module": "dist/types/ButtonDesign.js"
|
| 15551 | }
|
| 15552 | ]
|
| 15553 | },
|
| 15554 | "description": "Defines the component design.",
|
| 15555 | "default": "\"Default\"",
|
| 15556 | "privacy": "public",
|
| 15557 | "_ui5validator": "ButtonDesign"
|
| 15558 | },
|
| 15559 | {
|
| 15560 | "kind": "field",
|
| 15561 | "name": "disabled",
|
| 15562 | "type": {
|
| 15563 | "text": "boolean"
|
| 15564 | },
|
| 15565 | "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
|
| 15566 | "default": "false",
|
| 15567 | "privacy": "public",
|
| 15568 | "_ui5validator": "Boolean"
|
| 15569 | },
|
| 15570 | {
|
| 15571 | "kind": "field",
|
| 15572 | "name": "accessibleName",
|
| 15573 | "type": {
|
| 15574 | "text": "string | undefined"
|
| 15575 | },
|
| 15576 | "description": "Defines the accessible ARIA name of the component.",
|
| 15577 | "default": "undefined",
|
| 15578 | "privacy": "public",
|
| 15579 | "_ui5validator": "String"
|
| 15580 | }
|
| 15581 | ],
|
| 15582 | "events": [
|
| 15583 | {
|
| 15584 | "name": "click",
|
| 15585 | "_ui5privacy": "public",
|
| 15586 | "type": {
|
| 15587 | "text": "CustomEvent"
|
| 15588 | },
|
| 15589 | "description": "Fired when the user clicks on the default action."
|
| 15590 | },
|
| 15591 | {
|
| 15592 | "name": "arrow-click",
|
| 15593 | "_ui5privacy": "public",
|
| 15594 | "type": {
|
| 15595 | "text": "CustomEvent"
|
| 15596 | },
|
| 15597 | "description": "Fired when the user clicks on the arrow action."
|
| 15598 | }
|
| 15599 | ],
|
| 15600 | "superclass": {
|
| 15601 | "name": "UI5Element",
|
| 15602 | "package": "@ui5/webcomponents-base",
|
| 15603 | "module": "dist/UI5Element.js"
|
| 15604 | },
|
| 15605 | "tagName": "ui5-split-button",
|
| 15606 | "customElement": true,
|
| 15607 | "_ui5since": "1.1.0",
|
| 15608 | "_ui5privacy": "public"
|
| 15609 | }
|
| 15610 | ],
|
| 15611 | "exports": [
|
| 15612 | {
|
| 15613 | "kind": "js",
|
| 15614 | "name": "default",
|
| 15615 | "declaration": {
|
| 15616 | "name": "SplitButton",
|
| 15617 | "module": "dist/SplitButton.js"
|
| 15618 | }
|
| 15619 | },
|
| 15620 | {
|
| 15621 | "kind": "custom-element-definition",
|
| 15622 | "name": "ui5-split-button",
|
| 15623 | "declaration": {
|
| 15624 | "name": "SplitButton",
|
| 15625 | "module": "dist/SplitButton.js"
|
| 15626 | }
|
| 15627 | }
|
| 15628 | ]
|
| 15629 | },
|
| 15630 | {
|
| 15631 | "kind": "javascript-module",
|
| 15632 | "path": "dist/StandardListItem.js",
|
| 15633 | "declarations": [
|
| 15634 | {
|
| 15635 | "kind": "class",
|
| 15636 | "description": "The `ui5-li` represents the simplest type of item for a `ui5-list`.\n\nThis is a list item,\nproviding the most common use cases such as `text`,\n`image` and `icon`.",
|
| 15637 | "name": "StandardListItem",
|
| 15638 | "cssParts": [
|
| 15639 | {
|
| 15640 | "description": "Used to style the title of the list item",
|
| 15641 | "name": "title"
|
| 15642 | },
|
| 15643 | {
|
| 15644 | "description": "Used to style the description of the list item",
|
| 15645 | "name": "description"
|
| 15646 | },
|
| 15647 | {
|
| 15648 | "description": "Used to style the additionalText of the list item",
|
| 15649 | "name": "additional-text"
|
| 15650 | },
|
| 15651 | {
|
| 15652 | "description": "Used to style the icon of the list item",
|
| 15653 | "name": "icon"
|
| 15654 | },
|
| 15655 | {
|
| 15656 | "description": "Used to style the main li tag of the list item",
|
| 15657 | "name": "native-li"
|
| 15658 | },
|
| 15659 | {
|
| 15660 | "description": "Used to style the content area of the list item",
|
| 15661 | "name": "content"
|
| 15662 | },
|
| 15663 | {
|
| 15664 | "description": "Used to style the button rendered when the list item is of type detail",
|
| 15665 | "name": "detail-button"
|
| 15666 | },
|
| 15667 | {
|
| 15668 | "description": "Used to style the button rendered when the list item is in delete mode",
|
| 15669 | "name": "delete-button"
|
| 15670 | },
|
| 15671 | {
|
| 15672 | "description": "Used to style the radio button rendered when the list item is in single selection mode",
|
| 15673 | "name": "radio"
|
| 15674 | },
|
| 15675 | {
|
| 15676 | "description": "Used to style the checkbox rendered when the list item is in multiple selection mode",
|
| 15677 | "name": "checkbox"
|
| 15678 | }
|
| 15679 | ],
|
| 15680 | "slots": [
|
| 15681 | {
|
| 15682 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 15683 | "name": "default",
|
| 15684 | "_ui5privacy": "public",
|
| 15685 | "_ui5type": {
|
| 15686 | "text": "Array<Node>"
|
| 15687 | }
|
| 15688 | },
|
| 15689 | {
|
| 15690 | "name": "imageContent",
|
| 15691 | "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with it's default size - S.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-li` should be customized in order to fit.",
|
| 15692 | "_ui5since": "1.10.0",
|
| 15693 | "_ui5type": {
|
| 15694 | "text": "Array<HTMLElement>"
|
| 15695 | },
|
| 15696 | "_ui5privacy": "public"
|
| 15697 | }
|
| 15698 | ],
|
| 15699 | "members": [
|
| 15700 | {
|
| 15701 | "kind": "field",
|
| 15702 | "name": "description",
|
| 15703 | "type": {
|
| 15704 | "text": "string"
|
| 15705 | },
|
| 15706 | "description": "Defines the description displayed right under the item text, if such is present.",
|
| 15707 | "default": "\"\"",
|
| 15708 | "privacy": "public",
|
| 15709 | "_ui5since": "0.8.0",
|
| 15710 | "_ui5validator": "String"
|
| 15711 | },
|
| 15712 | {
|
| 15713 | "kind": "field",
|
| 15714 | "name": "icon",
|
| 15715 | "type": {
|
| 15716 | "text": "string"
|
| 15717 | },
|
| 15718 | "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 15719 | "default": "\"\"",
|
| 15720 | "privacy": "public",
|
| 15721 | "_ui5validator": "String"
|
| 15722 | },
|
| 15723 | {
|
| 15724 | "kind": "field",
|
| 15725 | "name": "iconEnd",
|
| 15726 | "type": {
|
| 15727 | "text": "boolean"
|
| 15728 | },
|
| 15729 | "description": "Defines whether the `icon` should be displayed in the beginning of the list item or in the end.\n\n**Note:** If `image` is set, the `icon` would be displayed after the `image`.",
|
| 15730 | "default": "false",
|
| 15731 | "privacy": "public",
|
| 15732 | "_ui5validator": "Boolean"
|
| 15733 | },
|
| 15734 | {
|
| 15735 | "kind": "field",
|
| 15736 | "name": "image",
|
| 15737 | "type": {
|
| 15738 | "text": "string"
|
| 15739 | },
|
| 15740 | "description": "Defines the `image` source URI.\n\n**Note:** The `image` would be displayed in the beginning of the list item.",
|
| 15741 | "default": "\"\"",
|
| 15742 | "privacy": "public",
|
| 15743 | "_ui5validator": "String"
|
| 15744 | },
|
| 15745 | {
|
| 15746 | "kind": "field",
|
| 15747 | "name": "additionalText",
|
| 15748 | "type": {
|
| 15749 | "text": "string"
|
| 15750 | },
|
| 15751 | "description": "Defines the `additionalText`, displayed in the end of the list item.",
|
| 15752 | "default": "\"\"",
|
| 15753 | "privacy": "public",
|
| 15754 | "_ui5since": "1.0.0-rc.15",
|
| 15755 | "_ui5validator": "String"
|
| 15756 | },
|
| 15757 | {
|
| 15758 | "kind": "field",
|
| 15759 | "name": "additionalTextState",
|
| 15760 | "type": {
|
| 15761 | "text": "ValueState",
|
| 15762 | "references": [
|
| 15763 | {
|
| 15764 | "name": "ValueState",
|
| 15765 | "package": "@ui5/webcomponents-base",
|
| 15766 | "module": "dist/types/ValueState.js"
|
| 15767 | }
|
| 15768 | ]
|
| 15769 | },
|
| 15770 | "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Success\"`, `\"Warning\"`, `\"Information\"` and `\"Error\"`.",
|
| 15771 | "default": "\"None\"",
|
| 15772 | "privacy": "public",
|
| 15773 | "_ui5since": "1.0.0-rc.15",
|
| 15774 | "_ui5validator": "ValueState"
|
| 15775 | },
|
| 15776 | {
|
| 15777 | "kind": "field",
|
| 15778 | "name": "accessibleName",
|
| 15779 | "type": {
|
| 15780 | "text": "string"
|
| 15781 | },
|
| 15782 | "description": "Defines the text alternative of the component.\nNote: If not provided a default text alternative will be set, if present.",
|
| 15783 | "default": "\"\"",
|
| 15784 | "privacy": "public",
|
| 15785 | "_ui5since": "1.0.0-rc.15",
|
| 15786 | "_ui5validator": "String"
|
| 15787 | },
|
| 15788 | {
|
| 15789 | "kind": "field",
|
| 15790 | "name": "type",
|
| 15791 | "type": {
|
| 15792 | "text": "ListItemType",
|
| 15793 | "references": [
|
| 15794 | {
|
| 15795 | "name": "ListItemType",
|
| 15796 | "package": "@ui5/webcomponents",
|
| 15797 | "module": "dist/types/ListItemType.js"
|
| 15798 | }
|
| 15799 | ]
|
| 15800 | },
|
| 15801 | "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
|
| 15802 | "default": "\"Active\"",
|
| 15803 | "privacy": "public",
|
| 15804 | "_ui5validator": "ListItemType",
|
| 15805 | "inheritedFrom": {
|
| 15806 | "name": "ListItem",
|
| 15807 | "module": "dist/ListItem.js"
|
| 15808 | }
|
| 15809 | },
|
| 15810 | {
|
| 15811 | "kind": "field",
|
| 15812 | "name": "accessibilityAttributes",
|
| 15813 | "type": {
|
| 15814 | "text": "AccessibilityAttributes",
|
| 15815 | "references": [
|
| 15816 | {
|
| 15817 | "name": "AccessibilityAttributes",
|
| 15818 | "package": "@ui5/webcomponents",
|
| 15819 | "module": "dist/ListItem.js"
|
| 15820 | }
|
| 15821 | ]
|
| 15822 | },
|
| 15823 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\n It supports the following fields:\n\n- `ariaSetsize`: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.\n\tThe value of each `aria-setsize` is an integer reflecting number of items in the complete set.\n\n\t**Note:** If the size of the entire set is unknown, set `aria-setsize=\"-1\"`.\n\t- `ariaPosinset`: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.\n\tThe value of each `aria-posinset` is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
| 15824 | "default": "{}",
|
| 15825 | "privacy": "public",
|
| 15826 | "_ui5since": "1.15.0",
|
| 15827 | "_ui5validator": "Object",
|
| 15828 | "inheritedFrom": {
|
| 15829 | "name": "ListItem",
|
| 15830 | "module": "dist/ListItem.js"
|
| 15831 | }
|
| 15832 | },
|
| 15833 | {
|
| 15834 | "kind": "field",
|
| 15835 | "name": "navigated",
|
| 15836 | "type": {
|
| 15837 | "text": "boolean"
|
| 15838 | },
|
| 15839 | "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
|
| 15840 | "default": "false",
|
| 15841 | "privacy": "public",
|
| 15842 | "_ui5since": "1.10.0",
|
| 15843 | "_ui5validator": "Boolean",
|
| 15844 | "inheritedFrom": {
|
| 15845 | "name": "ListItem",
|
| 15846 | "module": "dist/ListItem.js"
|
| 15847 | }
|
| 15848 | },
|
| 15849 | {
|
| 15850 | "kind": "field",
|
| 15851 | "name": "tooltip",
|
| 15852 | "type": {
|
| 15853 | "text": "string"
|
| 15854 | },
|
| 15855 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 15856 | "default": "\"\"",
|
| 15857 | "privacy": "public",
|
| 15858 | "_ui5since": "1.23.0",
|
| 15859 | "_ui5validator": "String",
|
| 15860 | "inheritedFrom": {
|
| 15861 | "name": "ListItem",
|
| 15862 | "module": "dist/ListItem.js"
|
| 15863 | }
|
| 15864 | },
|
| 15865 | {
|
| 15866 | "kind": "field",
|
| 15867 | "name": "selected",
|
| 15868 | "type": {
|
| 15869 | "text": "boolean"
|
| 15870 | },
|
| 15871 | "description": "Defines the selected state of the `ListItem`.",
|
| 15872 | "default": "false",
|
| 15873 | "privacy": "public",
|
| 15874 | "_ui5validator": "Boolean",
|
| 15875 | "inheritedFrom": {
|
| 15876 | "name": "ListItemBase",
|
| 15877 | "module": "dist/ListItemBase.js"
|
| 15878 | }
|
| 15879 | }
|
| 15880 | ],
|
| 15881 | "superclass": {
|
| 15882 | "name": "ListItem",
|
| 15883 | "package": "@ui5/webcomponents",
|
| 15884 | "module": "dist/ListItem.js"
|
| 15885 | },
|
| 15886 | "tagName": "ui5-li",
|
| 15887 | "customElement": true,
|
| 15888 | "_ui5privacy": "public",
|
| 15889 | "events": [
|
| 15890 | {
|
| 15891 | "name": "detail-click",
|
| 15892 | "_ui5privacy": "public",
|
| 15893 | "type": {
|
| 15894 | "text": "CustomEvent"
|
| 15895 | },
|
| 15896 | "description": "Fired when the user clicks on the detail button when type is `Detail`.",
|
| 15897 | "inheritedFrom": {
|
| 15898 | "name": "ListItem",
|
| 15899 | "module": "dist/ListItem.js"
|
| 15900 | }
|
| 15901 | }
|
| 15902 | ]
|
| 15903 | }
|
| 15904 | ],
|
| 15905 | "exports": [
|
| 15906 | {
|
| 15907 | "kind": "js",
|
| 15908 | "name": "default",
|
| 15909 | "declaration": {
|
| 15910 | "name": "StandardListItem",
|
| 15911 | "module": "dist/StandardListItem.js"
|
| 15912 | }
|
| 15913 | },
|
| 15914 | {
|
| 15915 | "kind": "custom-element-definition",
|
| 15916 | "name": "ui5-li",
|
| 15917 | "declaration": {
|
| 15918 | "name": "StandardListItem",
|
| 15919 | "module": "dist/StandardListItem.js"
|
| 15920 | }
|
| 15921 | }
|
| 15922 | ]
|
| 15923 | },
|
| 15924 | {
|
| 15925 | "kind": "javascript-module",
|
| 15926 | "path": "dist/StepInput.js",
|
| 15927 | "declarations": [
|
| 15928 | {
|
| 15929 | "kind": "class",
|
| 15930 | "description": "### Overview\n\nThe `ui5-step-input` consists of an input field and buttons with icons to increase/decrease the value\nwith the predefined step.\n\nThe user can change the value of the component by pressing the increase/decrease buttons,\nby typing a number directly, by using the keyboard up/down and page up/down,\nor by using the mouse scroll wheel. Decimal values are supported.\n\n### Usage\n\nThe default step is 1 but the app developer can set a different one.\n\nApp developers can set a maximum and minimum value for the `StepInput`.\nThe increase/decrease button and the up/down keyboard navigation become disabled when\nthe value reaches the max/min or a new value is entered from the input which is greater/less than the max/min.\n\n#### When to use:\n\n- To adjust amounts, quantities, or other values quickly.\n- To adjust values for a specific step.\n\n#### When not to use:\n\n- To enter a static number (for example, postal code, phone number, or ID). In this case,\nuse the regular `ui5-input` instead.\n- To display a value that rarely needs to be adjusted and does not pertain to a particular step.\nIn this case, use the regular `ui5-input` instead.\n- To enter dates and times. In this case, use date/time related components instead.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/StepInput.js\";`",
|
| 15931 | "name": "StepInput",
|
| 15932 | "slots": [
|
| 15933 | {
|
| 15934 | "name": "valueStateMessage",
|
| 15935 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Warning` or `Error` value state.",
|
| 15936 | "_ui5type": {
|
| 15937 | "text": "Array<HTMLElement>"
|
| 15938 | },
|
| 15939 | "_ui5privacy": "public"
|
| 15940 | }
|
| 15941 | ],
|
| 15942 | "members": [
|
| 15943 | {
|
| 15944 | "kind": "field",
|
| 15945 | "name": "value",
|
| 15946 | "type": {
|
| 15947 | "text": "number"
|
| 15948 | },
|
| 15949 | "description": "Defines a value of the component.",
|
| 15950 | "default": "0",
|
| 15951 | "privacy": "public",
|
| 15952 | "_ui5validator": "Float"
|
| 15953 | },
|
| 15954 | {
|
| 15955 | "kind": "field",
|
| 15956 | "name": "min",
|
| 15957 | "type": {
|
| 15958 | "text": "number | undefined"
|
| 15959 | },
|
| 15960 | "description": "Defines a minimum value of the component.",
|
| 15961 | "default": "undefined",
|
| 15962 | "privacy": "public",
|
| 15963 | "_ui5validator": "Float"
|
| 15964 | },
|
| 15965 | {
|
| 15966 | "kind": "field",
|
| 15967 | "name": "max",
|
| 15968 | "type": {
|
| 15969 | "text": "number | undefined"
|
| 15970 | },
|
| 15971 | "description": "Defines a maximum value of the component.",
|
| 15972 | "default": "undefined",
|
| 15973 | "privacy": "public",
|
| 15974 | "_ui5validator": "Float"
|
| 15975 | },
|
| 15976 | {
|
| 15977 | "kind": "field",
|
| 15978 | "name": "step",
|
| 15979 | "type": {
|
| 15980 | "text": "number"
|
| 15981 | },
|
| 15982 | "description": "Defines a step of increasing/decreasing the value of the component.",
|
| 15983 | "default": "1",
|
| 15984 | "privacy": "public",
|
| 15985 | "_ui5validator": "Float"
|
| 15986 | },
|
| 15987 | {
|
| 15988 | "kind": "field",
|
| 15989 | "name": "valueState",
|
| 15990 | "type": {
|
| 15991 | "text": "ValueState",
|
| 15992 | "references": [
|
| 15993 | {
|
| 15994 | "name": "ValueState",
|
| 15995 | "package": "@ui5/webcomponents-base",
|
| 15996 | "module": "dist/types/ValueState.js"
|
| 15997 | }
|
| 15998 | ]
|
| 15999 | },
|
| 16000 | "description": "Defines the value state of the component.",
|
| 16001 | "default": "\"None\"",
|
| 16002 | "privacy": "public",
|
| 16003 | "_ui5validator": "ValueState"
|
| 16004 | },
|
| 16005 | {
|
| 16006 | "kind": "field",
|
| 16007 | "name": "required",
|
| 16008 | "type": {
|
| 16009 | "text": "boolean"
|
| 16010 | },
|
| 16011 | "description": "Defines whether the component is required.",
|
| 16012 | "default": "false",
|
| 16013 | "privacy": "public",
|
| 16014 | "_ui5validator": "Boolean"
|
| 16015 | },
|
| 16016 | {
|
| 16017 | "kind": "field",
|
| 16018 | "name": "disabled",
|
| 16019 | "type": {
|
| 16020 | "text": "boolean"
|
| 16021 | },
|
| 16022 | "description": "Determines whether the component is displayed as disabled.",
|
| 16023 | "default": "false",
|
| 16024 | "privacy": "public",
|
| 16025 | "_ui5validator": "Boolean"
|
| 16026 | },
|
| 16027 | {
|
| 16028 | "kind": "field",
|
| 16029 | "name": "readonly",
|
| 16030 | "type": {
|
| 16031 | "text": "boolean"
|
| 16032 | },
|
| 16033 | "description": "Determines whether the component is displayed as read-only.",
|
| 16034 | "default": "false",
|
| 16035 | "privacy": "public",
|
| 16036 | "_ui5validator": "Boolean"
|
| 16037 | },
|
| 16038 | {
|
| 16039 | "kind": "field",
|
| 16040 | "name": "placeholder",
|
| 16041 | "type": {
|
| 16042 | "text": "string | undefined"
|
| 16043 | },
|
| 16044 | "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
|
| 16045 | "default": "undefined",
|
| 16046 | "privacy": "public",
|
| 16047 | "_ui5validator": "String"
|
| 16048 | },
|
| 16049 | {
|
| 16050 | "kind": "field",
|
| 16051 | "name": "name",
|
| 16052 | "type": {
|
| 16053 | "text": "string"
|
| 16054 | },
|
| 16055 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 16056 | "default": "\"\"",
|
| 16057 | "privacy": "public",
|
| 16058 | "_ui5validator": "String"
|
| 16059 | },
|
| 16060 | {
|
| 16061 | "kind": "field",
|
| 16062 | "name": "valuePrecision",
|
| 16063 | "type": {
|
| 16064 | "text": "number"
|
| 16065 | },
|
| 16066 | "description": "Determines the number of digits after the decimal point of the component.",
|
| 16067 | "default": "0",
|
| 16068 | "privacy": "public",
|
| 16069 | "_ui5validator": "Integer"
|
| 16070 | },
|
| 16071 | {
|
| 16072 | "kind": "field",
|
| 16073 | "name": "accessibleName",
|
| 16074 | "type": {
|
| 16075 | "text": "string"
|
| 16076 | },
|
| 16077 | "description": "Defines the accessible ARIA name of the component.",
|
| 16078 | "default": "\"\"",
|
| 16079 | "privacy": "public",
|
| 16080 | "_ui5since": "1.0.0-rc.15",
|
| 16081 | "_ui5validator": "String"
|
| 16082 | },
|
| 16083 | {
|
| 16084 | "kind": "field",
|
| 16085 | "name": "accessibleNameRef",
|
| 16086 | "type": {
|
| 16087 | "text": "string"
|
| 16088 | },
|
| 16089 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 16090 | "default": "\"\"",
|
| 16091 | "privacy": "public",
|
| 16092 | "_ui5since": "1.0.0-rc.15",
|
| 16093 | "_ui5validator": "String"
|
| 16094 | }
|
| 16095 | ],
|
| 16096 | "events": [
|
| 16097 | {
|
| 16098 | "name": "change",
|
| 16099 | "_ui5privacy": "public",
|
| 16100 | "type": {
|
| 16101 | "text": "CustomEvent"
|
| 16102 | },
|
| 16103 | "description": "Fired when the input operation has finished by pressing Enter or on focusout."
|
| 16104 | },
|
| 16105 | {
|
| 16106 | "name": "value-state-change",
|
| 16107 | "_ui5privacy": "public",
|
| 16108 | "type": {
|
| 16109 | "text": "CustomEvent<StepInputValueStateChangeEventDetail>",
|
| 16110 | "references": [
|
| 16111 | {
|
| 16112 | "name": "StepInputValueStateChangeEventDetail",
|
| 16113 | "package": "@ui5/webcomponents",
|
| 16114 | "module": "dist/StepInput.js"
|
| 16115 | }
|
| 16116 | ]
|
| 16117 | },
|
| 16118 | "description": "Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.",
|
| 16119 | "_ui5allowPreventDefault": true,
|
| 16120 | "_ui5since": "1.23.0",
|
| 16121 | "_ui5parameters": [
|
| 16122 | {
|
| 16123 | "type": {
|
| 16124 | "text": "string"
|
| 16125 | },
|
| 16126 | "name": "valueState",
|
| 16127 | "_ui5privacy": "public",
|
| 16128 | "description": "The new `valueState` that will be set."
|
| 16129 | },
|
| 16130 | {
|
| 16131 | "type": {
|
| 16132 | "text": "boolean"
|
| 16133 | },
|
| 16134 | "name": "valid",
|
| 16135 | "_ui5privacy": "public",
|
| 16136 | "description": "Indicator if the value is in between the min and max value."
|
| 16137 | }
|
| 16138 | ]
|
| 16139 | }
|
| 16140 | ],
|
| 16141 | "superclass": {
|
| 16142 | "name": "UI5Element",
|
| 16143 | "package": "@ui5/webcomponents-base",
|
| 16144 | "module": "dist/UI5Element.js"
|
| 16145 | },
|
| 16146 | "tagName": "ui5-step-input",
|
| 16147 | "customElement": true,
|
| 16148 | "_ui5since": "1.0.0-rc.13",
|
| 16149 | "_ui5privacy": "public"
|
| 16150 | }
|
| 16151 | ],
|
| 16152 | "exports": [
|
| 16153 | {
|
| 16154 | "kind": "js",
|
| 16155 | "name": "default",
|
| 16156 | "declaration": {
|
| 16157 | "name": "StepInput",
|
| 16158 | "module": "dist/StepInput.js"
|
| 16159 | }
|
| 16160 | },
|
| 16161 | {
|
| 16162 | "kind": "custom-element-definition",
|
| 16163 | "name": "ui5-step-input",
|
| 16164 | "declaration": {
|
| 16165 | "name": "StepInput",
|
| 16166 | "module": "dist/StepInput.js"
|
| 16167 | }
|
| 16168 | }
|
| 16169 | ]
|
| 16170 | },
|
| 16171 | {
|
| 16172 | "kind": "javascript-module",
|
| 16173 | "path": "dist/SuggestionGroupItem.js",
|
| 16174 | "declarations": [
|
| 16175 | {
|
| 16176 | "kind": "class",
|
| 16177 | "description": "The `ui5-suggestion-group-item` is type of suggestion item,\nthat can be used to split the `ui5-input` suggestions into groups.",
|
| 16178 | "name": "SuggestionGroupItem",
|
| 16179 | "members": [
|
| 16180 | {
|
| 16181 | "kind": "field",
|
| 16182 | "name": "text",
|
| 16183 | "type": {
|
| 16184 | "text": "string"
|
| 16185 | },
|
| 16186 | "description": "Defines the text of the `ui5-suggestion-group-item`.",
|
| 16187 | "default": "\"\"",
|
| 16188 | "privacy": "public",
|
| 16189 | "_ui5validator": "String"
|
| 16190 | }
|
| 16191 | ],
|
| 16192 | "superclass": {
|
| 16193 | "name": "UI5Element",
|
| 16194 | "package": "@ui5/webcomponents-base",
|
| 16195 | "module": "dist/UI5Element.js"
|
| 16196 | },
|
| 16197 | "tagName": "ui5-suggestion-group-item",
|
| 16198 | "customElement": true,
|
| 16199 | "_ui5since": "1.0.0-rc.15",
|
| 16200 | "_ui5privacy": "public",
|
| 16201 | "_ui5abstract": true,
|
| 16202 | "_ui5implements": [
|
| 16203 | {
|
| 16204 | "name": "IInputSuggestionItem",
|
| 16205 | "package": "@ui5/webcomponents",
|
| 16206 | "module": "dist/Input.js"
|
| 16207 | }
|
| 16208 | ]
|
| 16209 | }
|
| 16210 | ],
|
| 16211 | "exports": [
|
| 16212 | {
|
| 16213 | "kind": "js",
|
| 16214 | "name": "default",
|
| 16215 | "declaration": {
|
| 16216 | "name": "SuggestionGroupItem",
|
| 16217 | "module": "dist/SuggestionGroupItem.js"
|
| 16218 | }
|
| 16219 | },
|
| 16220 | {
|
| 16221 | "kind": "custom-element-definition",
|
| 16222 | "name": "ui5-suggestion-group-item",
|
| 16223 | "declaration": {
|
| 16224 | "name": "SuggestionGroupItem",
|
| 16225 | "module": "dist/SuggestionGroupItem.js"
|
| 16226 | }
|
| 16227 | }
|
| 16228 | ]
|
| 16229 | },
|
| 16230 | {
|
| 16231 | "kind": "javascript-module",
|
| 16232 | "path": "dist/SuggestionItem.js",
|
| 16233 | "declarations": [
|
| 16234 | {
|
| 16235 | "kind": "class",
|
| 16236 | "description": "The `ui5-suggestion-item` represents the suggestion item of the `ui5-input`.",
|
| 16237 | "name": "SuggestionItem",
|
| 16238 | "members": [
|
| 16239 | {
|
| 16240 | "kind": "field",
|
| 16241 | "name": "text",
|
| 16242 | "type": {
|
| 16243 | "text": "string"
|
| 16244 | },
|
| 16245 | "description": "Defines the text of the component.",
|
| 16246 | "default": "\"\"",
|
| 16247 | "privacy": "public",
|
| 16248 | "_ui5validator": "String"
|
| 16249 | },
|
| 16250 | {
|
| 16251 | "kind": "field",
|
| 16252 | "name": "type",
|
| 16253 | "type": {
|
| 16254 | "text": "ListItemType",
|
| 16255 | "references": [
|
| 16256 | {
|
| 16257 | "name": "ListItemType",
|
| 16258 | "package": "@ui5/webcomponents",
|
| 16259 | "module": "dist/types/ListItemType.js"
|
| 16260 | }
|
| 16261 | ]
|
| 16262 | },
|
| 16263 | "description": "Defines the visual indication and behavior of the item.\nAvailable options are `Active` (by default), `Inactive` and `Detail`.\n\n**Note:** When set to `Active`, the item will provide visual response upon press and hover,\nwhile when `Inactive` or `Detail` - will not.",
|
| 16264 | "default": "\"Active\"",
|
| 16265 | "privacy": "public",
|
| 16266 | "_ui5since": "1.0.0-rc.8",
|
| 16267 | "_ui5validator": "ListItemType"
|
| 16268 | },
|
| 16269 | {
|
| 16270 | "kind": "field",
|
| 16271 | "name": "description",
|
| 16272 | "type": {
|
| 16273 | "text": "string"
|
| 16274 | },
|
| 16275 | "description": "Defines the description displayed right under the item text, if such is present.",
|
| 16276 | "default": "\"\"",
|
| 16277 | "privacy": "public",
|
| 16278 | "_ui5validator": "String"
|
| 16279 | },
|
| 16280 | {
|
| 16281 | "kind": "field",
|
| 16282 | "name": "icon",
|
| 16283 | "type": {
|
| 16284 | "text": "string"
|
| 16285 | },
|
| 16286 | "description": "Defines the `icon` source URI.\n\n**Note:**\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 16287 | "default": "\"\"",
|
| 16288 | "privacy": "public",
|
| 16289 | "_ui5validator": "String"
|
| 16290 | },
|
| 16291 | {
|
| 16292 | "kind": "field",
|
| 16293 | "name": "iconEnd",
|
| 16294 | "type": {
|
| 16295 | "text": "boolean"
|
| 16296 | },
|
| 16297 | "description": "Defines whether the `icon` should be displayed in the beginning of the item or in the end.\n\n**Note:** If `image` is set, the `icon` would be displayed after the `image`.",
|
| 16298 | "default": "false",
|
| 16299 | "privacy": "public",
|
| 16300 | "_ui5validator": "Boolean"
|
| 16301 | },
|
| 16302 | {
|
| 16303 | "kind": "field",
|
| 16304 | "name": "image",
|
| 16305 | "type": {
|
| 16306 | "text": "string"
|
| 16307 | },
|
| 16308 | "description": "Defines the `image` source URI.\n\n**Note:** The `image` would be displayed in the beginning of the item.",
|
| 16309 | "default": "\"\"",
|
| 16310 | "privacy": "public",
|
| 16311 | "_ui5validator": "String"
|
| 16312 | },
|
| 16313 | {
|
| 16314 | "kind": "field",
|
| 16315 | "name": "additionalText",
|
| 16316 | "type": {
|
| 16317 | "text": "string"
|
| 16318 | },
|
| 16319 | "description": "Defines the `additionalText`, displayed in the end of the item.",
|
| 16320 | "default": "\"\"",
|
| 16321 | "privacy": "public",
|
| 16322 | "_ui5since": "1.0.0-rc.15",
|
| 16323 | "_ui5validator": "String"
|
| 16324 | },
|
| 16325 | {
|
| 16326 | "kind": "field",
|
| 16327 | "name": "additionalTextState",
|
| 16328 | "type": {
|
| 16329 | "text": "ValueState",
|
| 16330 | "references": [
|
| 16331 | {
|
| 16332 | "name": "ValueState",
|
| 16333 | "package": "@ui5/webcomponents-base",
|
| 16334 | "module": "dist/types/ValueState.js"
|
| 16335 | }
|
| 16336 | ]
|
| 16337 | },
|
| 16338 | "description": "Defines the state of the `additionalText`.",
|
| 16339 | "default": "\"None\"",
|
| 16340 | "privacy": "public",
|
| 16341 | "_ui5since": "1.0.0-rc.15",
|
| 16342 | "_ui5validator": "ValueState"
|
| 16343 | }
|
| 16344 | ],
|
| 16345 | "superclass": {
|
| 16346 | "name": "UI5Element",
|
| 16347 | "package": "@ui5/webcomponents-base",
|
| 16348 | "module": "dist/UI5Element.js"
|
| 16349 | },
|
| 16350 | "tagName": "ui5-suggestion-item",
|
| 16351 | "customElement": true,
|
| 16352 | "_ui5privacy": "public",
|
| 16353 | "_ui5abstract": true,
|
| 16354 | "_ui5implements": [
|
| 16355 | {
|
| 16356 | "name": "IInputSuggestionItem",
|
| 16357 | "package": "@ui5/webcomponents",
|
| 16358 | "module": "dist/Input.js"
|
| 16359 | }
|
| 16360 | ]
|
| 16361 | }
|
| 16362 | ],
|
| 16363 | "exports": [
|
| 16364 | {
|
| 16365 | "kind": "js",
|
| 16366 | "name": "default",
|
| 16367 | "declaration": {
|
| 16368 | "name": "SuggestionItem",
|
| 16369 | "module": "dist/SuggestionItem.js"
|
| 16370 | }
|
| 16371 | },
|
| 16372 | {
|
| 16373 | "kind": "custom-element-definition",
|
| 16374 | "name": "ui5-suggestion-item",
|
| 16375 | "declaration": {
|
| 16376 | "name": "SuggestionItem",
|
| 16377 | "module": "dist/SuggestionItem.js"
|
| 16378 | }
|
| 16379 | }
|
| 16380 | ]
|
| 16381 | },
|
| 16382 | {
|
| 16383 | "kind": "javascript-module",
|
| 16384 | "path": "dist/SuggestionListItem.js",
|
| 16385 | "declarations": [],
|
| 16386 | "exports": [
|
| 16387 | {
|
| 16388 | "kind": "js",
|
| 16389 | "name": "default",
|
| 16390 | "declaration": {
|
| 16391 | "name": "SuggestionListItem",
|
| 16392 | "module": "dist/SuggestionListItem.js"
|
| 16393 | }
|
| 16394 | }
|
| 16395 | ]
|
| 16396 | },
|
| 16397 | {
|
| 16398 | "kind": "javascript-module",
|
| 16399 | "path": "dist/Switch.js",
|
| 16400 | "declarations": [
|
| 16401 | {
|
| 16402 | "kind": "class",
|
| 16403 | "description": "### Overview\nThe `ui5-switch` component is used for changing between binary states.\n\nThe component can display texts, that will be switched, based on the component state, via the `textOn` and `textOff` properties,\nbut texts longer than 3 letters will be cutted off.\n\nHowever, users are able to customize the width of `ui5-switch` with pure CSS (`<ui5-switch style=\"width: 200px\">`), and set widths, depending on the texts they would use.\n\nNote: the component would not automatically stretch to fit the whole text width.\n\n### Keyboard Handling\nThe state can be changed by pressing the Space and Enter keys.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Switch\";`",
|
| 16404 | "name": "Switch",
|
| 16405 | "cssParts": [
|
| 16406 | {
|
| 16407 | "description": "Used to style the track, where the handle is being slid",
|
| 16408 | "name": "slider"
|
| 16409 | },
|
| 16410 | {
|
| 16411 | "description": "Used to style the `textOn` property text",
|
| 16412 | "name": "text-on"
|
| 16413 | },
|
| 16414 | {
|
| 16415 | "description": "Used to style the `textOff` property text",
|
| 16416 | "name": "text-off"
|
| 16417 | },
|
| 16418 | {
|
| 16419 | "description": "Used to style the handle of the switch",
|
| 16420 | "name": "handle"
|
| 16421 | }
|
| 16422 | ],
|
| 16423 | "members": [
|
| 16424 | {
|
| 16425 | "kind": "field",
|
| 16426 | "name": "design",
|
| 16427 | "type": {
|
| 16428 | "text": "SwitchDesign",
|
| 16429 | "references": [
|
| 16430 | {
|
| 16431 | "name": "SwitchDesign",
|
| 16432 | "package": "@ui5/webcomponents",
|
| 16433 | "module": "dist/types/SwitchDesign.js"
|
| 16434 | }
|
| 16435 | ]
|
| 16436 | },
|
| 16437 | "description": "Defines the component design.\n\n**Note:** If `Graphical` type is set,\npositive and negative icons will replace the `textOn` and `textOff`.",
|
| 16438 | "privacy": "public",
|
| 16439 | "default": "\"Textual\"",
|
| 16440 | "_ui5validator": "SwitchDesign"
|
| 16441 | },
|
| 16442 | {
|
| 16443 | "kind": "field",
|
| 16444 | "name": "checked",
|
| 16445 | "type": {
|
| 16446 | "text": "boolean"
|
| 16447 | },
|
| 16448 | "description": "Defines if the component is checked.\n\n**Note:** The property can be changed with user interaction,\neither by cliking the component, or by pressing the `Enter` or `Space` key.",
|
| 16449 | "default": "false",
|
| 16450 | "privacy": "public",
|
| 16451 | "_ui5validator": "Boolean",
|
| 16452 | "_ui5formProperty": true,
|
| 16453 | "_ui5formEvents": "change"
|
| 16454 | },
|
| 16455 | {
|
| 16456 | "kind": "field",
|
| 16457 | "name": "disabled",
|
| 16458 | "type": {
|
| 16459 | "text": "boolean"
|
| 16460 | },
|
| 16461 | "description": "Defines whether the component is disabled.\n\n**Note:** A disabled component is noninteractive.",
|
| 16462 | "default": "false",
|
| 16463 | "privacy": "public",
|
| 16464 | "_ui5validator": "Boolean"
|
| 16465 | },
|
| 16466 | {
|
| 16467 | "kind": "field",
|
| 16468 | "name": "textOn",
|
| 16469 | "type": {
|
| 16470 | "text": "string"
|
| 16471 | },
|
| 16472 | "description": "Defines the text, displayed when the component is checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).",
|
| 16473 | "default": "\"\"",
|
| 16474 | "privacy": "public",
|
| 16475 | "_ui5validator": "String"
|
| 16476 | },
|
| 16477 | {
|
| 16478 | "kind": "field",
|
| 16479 | "name": "textOff",
|
| 16480 | "type": {
|
| 16481 | "text": "string"
|
| 16482 | },
|
| 16483 | "description": "Defines the text, displayed when the component is not checked.\n\n**Note:** We recommend using short texts, up to 3 letters (larger texts would be cut off).",
|
| 16484 | "default": "\"\"",
|
| 16485 | "privacy": "public",
|
| 16486 | "_ui5validator": "String"
|
| 16487 | },
|
| 16488 | {
|
| 16489 | "kind": "field",
|
| 16490 | "name": "accessibleName",
|
| 16491 | "type": {
|
| 16492 | "text": "string"
|
| 16493 | },
|
| 16494 | "description": "Sets the accessible ARIA name of the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.",
|
| 16495 | "default": "\"\"",
|
| 16496 | "privacy": "public",
|
| 16497 | "_ui5since": "1.2.0",
|
| 16498 | "_ui5validator": "String"
|
| 16499 | },
|
| 16500 | {
|
| 16501 | "kind": "field",
|
| 16502 | "name": "accessibleNameRef",
|
| 16503 | "type": {
|
| 16504 | "text": "string"
|
| 16505 | },
|
| 16506 | "description": "Receives id(or many ids) of the elements that label the component.\n\n**Note**: We recommend that you set an accessibleNameRef pointing to an external label or at least an `accessibleName`.\nProviding an `accessibleNameRef` or an `accessibleName` is mandatory in the cases when `textOn` and `textOff` properties aren't set.",
|
| 16507 | "default": "\"\"",
|
| 16508 | "privacy": "public",
|
| 16509 | "_ui5since": "1.1.0",
|
| 16510 | "_ui5validator": "String"
|
| 16511 | },
|
| 16512 | {
|
| 16513 | "kind": "field",
|
| 16514 | "name": "tooltip",
|
| 16515 | "type": {
|
| 16516 | "text": "string"
|
| 16517 | },
|
| 16518 | "description": "Defines the tooltip of the component.\n\n**Note:** If applicable an external label reference should always be the preferred option to provide context to the `ui5-switch` component over a tooltip.",
|
| 16519 | "default": "\"\"",
|
| 16520 | "privacy": "public",
|
| 16521 | "_ui5since": "1.9.0",
|
| 16522 | "_ui5validator": "String"
|
| 16523 | },
|
| 16524 | {
|
| 16525 | "kind": "field",
|
| 16526 | "name": "required",
|
| 16527 | "type": {
|
| 16528 | "text": "boolean"
|
| 16529 | },
|
| 16530 | "description": "Defines whether the component is required.",
|
| 16531 | "default": "false",
|
| 16532 | "privacy": "public",
|
| 16533 | "_ui5since": "1.16.0",
|
| 16534 | "_ui5validator": "Boolean"
|
| 16535 | },
|
| 16536 | {
|
| 16537 | "kind": "field",
|
| 16538 | "name": "name",
|
| 16539 | "type": {
|
| 16540 | "text": "string"
|
| 16541 | },
|
| 16542 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 16543 | "default": "\"\"",
|
| 16544 | "privacy": "public",
|
| 16545 | "_ui5since": "1.16.0",
|
| 16546 | "_ui5validator": "String"
|
| 16547 | }
|
| 16548 | ],
|
| 16549 | "events": [
|
| 16550 | {
|
| 16551 | "name": "change",
|
| 16552 | "_ui5privacy": "public",
|
| 16553 | "type": {
|
| 16554 | "text": "CustomEvent"
|
| 16555 | },
|
| 16556 | "description": "Fired when the component checked state changes.",
|
| 16557 | "_ui5allowPreventDefault": true
|
| 16558 | }
|
| 16559 | ],
|
| 16560 | "superclass": {
|
| 16561 | "name": "UI5Element",
|
| 16562 | "package": "@ui5/webcomponents-base",
|
| 16563 | "module": "dist/UI5Element.js"
|
| 16564 | },
|
| 16565 | "tagName": "ui5-switch",
|
| 16566 | "customElement": true,
|
| 16567 | "_ui5since": "0.8.0",
|
| 16568 | "_ui5privacy": "public"
|
| 16569 | }
|
| 16570 | ],
|
| 16571 | "exports": [
|
| 16572 | {
|
| 16573 | "kind": "js",
|
| 16574 | "name": "default",
|
| 16575 | "declaration": {
|
| 16576 | "name": "Switch",
|
| 16577 | "module": "dist/Switch.js"
|
| 16578 | }
|
| 16579 | },
|
| 16580 | {
|
| 16581 | "kind": "custom-element-definition",
|
| 16582 | "name": "ui5-switch",
|
| 16583 | "declaration": {
|
| 16584 | "name": "Switch",
|
| 16585 | "module": "dist/Switch.js"
|
| 16586 | }
|
| 16587 | }
|
| 16588 | ]
|
| 16589 | },
|
| 16590 | {
|
| 16591 | "kind": "javascript-module",
|
| 16592 | "path": "dist/Tab.js",
|
| 16593 | "declarations": [
|
| 16594 | {
|
| 16595 | "kind": "class",
|
| 16596 | "description": "The `ui5-tab` represents a selectable item inside a `ui5-tabcontainer`.\nIt defines both the item in the tab strip (top part of the `ui5-tabcontainer`) and the\ncontent that is presented to the user once the tab is selected.",
|
| 16597 | "name": "Tab",
|
| 16598 | "slots": [
|
| 16599 | {
|
| 16600 | "name": "default",
|
| 16601 | "description": "Holds the content associated with this tab.",
|
| 16602 | "_ui5propertyName": "content",
|
| 16603 | "_ui5type": {
|
| 16604 | "text": "Array<Node>"
|
| 16605 | },
|
| 16606 | "_ui5privacy": "public"
|
| 16607 | },
|
| 16608 | {
|
| 16609 | "name": "subTabs",
|
| 16610 | "description": "Defines hierarchies with nested sub tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.",
|
| 16611 | "_ui5type": {
|
| 16612 | "text": "Array<ITab>",
|
| 16613 | "references": [
|
| 16614 | {
|
| 16615 | "name": "ITab",
|
| 16616 | "package": "@ui5/webcomponents",
|
| 16617 | "module": "dist/TabContainer.js"
|
| 16618 | }
|
| 16619 | ]
|
| 16620 | },
|
| 16621 | "_ui5privacy": "public"
|
| 16622 | }
|
| 16623 | ],
|
| 16624 | "members": [
|
| 16625 | {
|
| 16626 | "kind": "field",
|
| 16627 | "name": "text",
|
| 16628 | "type": {
|
| 16629 | "text": "string"
|
| 16630 | },
|
| 16631 | "description": "The text to be displayed for the item.",
|
| 16632 | "default": "\"\"",
|
| 16633 | "privacy": "public",
|
| 16634 | "_ui5validator": "String"
|
| 16635 | },
|
| 16636 | {
|
| 16637 | "kind": "field",
|
| 16638 | "name": "disabled",
|
| 16639 | "type": {
|
| 16640 | "text": "boolean"
|
| 16641 | },
|
| 16642 | "description": "Disabled tabs can't be selected.",
|
| 16643 | "default": "false",
|
| 16644 | "privacy": "public",
|
| 16645 | "_ui5validator": "Boolean"
|
| 16646 | },
|
| 16647 | {
|
| 16648 | "kind": "field",
|
| 16649 | "name": "additionalText",
|
| 16650 | "type": {
|
| 16651 | "text": "string"
|
| 16652 | },
|
| 16653 | "description": "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.",
|
| 16654 | "default": "\"\"",
|
| 16655 | "privacy": "public",
|
| 16656 | "_ui5validator": "String"
|
| 16657 | },
|
| 16658 | {
|
| 16659 | "kind": "field",
|
| 16660 | "name": "icon",
|
| 16661 | "type": {
|
| 16662 | "text": "string"
|
| 16663 | },
|
| 16664 | "description": "Defines the icon source URI to be displayed as graphical element within the component.\nThe SAP-icons font provides numerous built-in icons.\nSee all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 16665 | "default": "\"\"",
|
| 16666 | "privacy": "public",
|
| 16667 | "_ui5validator": "String"
|
| 16668 | },
|
| 16669 | {
|
| 16670 | "kind": "field",
|
| 16671 | "name": "design",
|
| 16672 | "type": {
|
| 16673 | "text": "SemanticColor",
|
| 16674 | "references": [
|
| 16675 | {
|
| 16676 | "name": "SemanticColor",
|
| 16677 | "package": "@ui5/webcomponents",
|
| 16678 | "module": "dist/types/SemanticColor.js"
|
| 16679 | }
|
| 16680 | ]
|
| 16681 | },
|
| 16682 | "description": "Defines the component's design color.\n\nThe design is applied to:\n\n- the component icon\n- the `text` when the component overflows\n- the tab selection line\n\nAvailable designs are: `\"Default\"`, `\"Neutral\"`, `\"Positive\"`, `\"Critical\"` and `\"Negative\"`.\n\n**Note:** The design depends on the current theme.",
|
| 16683 | "default": "\"Default\"",
|
| 16684 | "privacy": "public",
|
| 16685 | "_ui5validator": "SemanticColor"
|
| 16686 | },
|
| 16687 | {
|
| 16688 | "kind": "field",
|
| 16689 | "name": "selected",
|
| 16690 | "type": {
|
| 16691 | "text": "boolean"
|
| 16692 | },
|
| 16693 | "description": "Specifies if the component is selected.",
|
| 16694 | "default": "false",
|
| 16695 | "privacy": "public",
|
| 16696 | "_ui5validator": "Boolean"
|
| 16697 | },
|
| 16698 | {
|
| 16699 | "kind": "method",
|
| 16700 | "name": "getTabInStripDomRef",
|
| 16701 | "return": {
|
| 16702 | "type": {
|
| 16703 | "text": "ITab | null",
|
| 16704 | "references": [
|
| 16705 | {
|
| 16706 | "name": "ITab",
|
| 16707 | "package": "@ui5/webcomponents",
|
| 16708 | "module": "dist/TabContainer.js"
|
| 16709 | }
|
| 16710 | ]
|
| 16711 | }
|
| 16712 | },
|
| 16713 | "description": "Returns the DOM reference of the tab that is placed in the header.\n\n**Note:** Tabs, placed in the `subTabs` slot of other tabs are not shown in the header. Calling this method on such tabs will return `null`.\n\n**Note:** If you need a DOM ref to the tab content please use the `getDomRef` method.",
|
| 16714 | "privacy": "public",
|
| 16715 | "_ui5since": "1.0.0-rc.16"
|
| 16716 | }
|
| 16717 | ],
|
| 16718 | "superclass": {
|
| 16719 | "name": "UI5Element",
|
| 16720 | "package": "@ui5/webcomponents-base",
|
| 16721 | "module": "dist/UI5Element.js"
|
| 16722 | },
|
| 16723 | "tagName": "ui5-tab",
|
| 16724 | "customElement": true,
|
| 16725 | "_ui5privacy": "public",
|
| 16726 | "_ui5abstract": true,
|
| 16727 | "_ui5implements": [
|
| 16728 | {
|
| 16729 | "name": "ITab",
|
| 16730 | "package": "@ui5/webcomponents",
|
| 16731 | "module": "dist/TabContainer.js"
|
| 16732 | }
|
| 16733 | ]
|
| 16734 | }
|
| 16735 | ],
|
| 16736 | "exports": [
|
| 16737 | {
|
| 16738 | "kind": "js",
|
| 16739 | "name": "default",
|
| 16740 | "declaration": {
|
| 16741 | "name": "Tab",
|
| 16742 | "module": "dist/Tab.js"
|
| 16743 | }
|
| 16744 | },
|
| 16745 | {
|
| 16746 | "kind": "custom-element-definition",
|
| 16747 | "name": "ui5-tab",
|
| 16748 | "declaration": {
|
| 16749 | "name": "Tab",
|
| 16750 | "module": "dist/Tab.js"
|
| 16751 | }
|
| 16752 | }
|
| 16753 | ]
|
| 16754 | },
|
| 16755 | {
|
| 16756 | "kind": "javascript-module",
|
| 16757 | "path": "dist/TabContainer.js",
|
| 16758 | "declarations": [
|
| 16759 | {
|
| 16760 | "kind": "interface",
|
| 16761 | "name": "ITab",
|
| 16762 | "description": "Interface for components that may be slotted inside `ui5-tabcontainer` as items",
|
| 16763 | "_ui5privacy": "public"
|
| 16764 | },
|
| 16765 | {
|
| 16766 | "kind": "class",
|
| 16767 | "description": "### Overview\n\nThe `ui5-tabcontainer` represents a collection of tabs with associated content.\nNavigation through the tabs changes the content display of the currently active content area.\nA tab can be labeled with text only, or icons with text.\n\n### Structure\n\nThe `ui5-tabcontainer` can hold two types of entities:\n\n- `ui5-tab` - contains all the information on an item (text and icon)\n- `ui5-tab-separator` - used to separate tabs with a line\n\n### Hierarchies\nMultiple sub tabs could be placed underneath one main tab. Nesting allows deeper hierarchies with indentations\nto indicate the level of each nested tab. When a tab has both sub tabs and own content its click area is split\nto allow the user to display the content or alternatively to expand / collapse the list of sub tabs.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TabContainer.js\";`\n\n`import \"@ui5/webcomponents/dist/Tab.js\";` (for `ui5-tab`)\n\n`import \"@ui5/webcomponents/dist/TabSeparator.js\";` (for `ui5-tab-separator`)",
|
| 16768 | "name": "TabContainer",
|
| 16769 | "cssParts": [
|
| 16770 | {
|
| 16771 | "description": "Used to style the content of the component",
|
| 16772 | "name": "content"
|
| 16773 | },
|
| 16774 | {
|
| 16775 | "description": "Used to style the tabstrip of the component",
|
| 16776 | "name": "tabstrip"
|
| 16777 | }
|
| 16778 | ],
|
| 16779 | "slots": [
|
| 16780 | {
|
| 16781 | "name": "default",
|
| 16782 | "description": "Defines the tabs.\n\n**Note:** Use `ui5-tab` and `ui5-tab-separator` for the intended design.",
|
| 16783 | "_ui5propertyName": "items",
|
| 16784 | "_ui5type": {
|
| 16785 | "text": "Array<ITab>",
|
| 16786 | "references": [
|
| 16787 | {
|
| 16788 | "name": "ITab",
|
| 16789 | "package": "@ui5/webcomponents",
|
| 16790 | "module": "dist/TabContainer.js"
|
| 16791 | }
|
| 16792 | ]
|
| 16793 | },
|
| 16794 | "_ui5privacy": "public"
|
| 16795 | },
|
| 16796 | {
|
| 16797 | "name": "overflowButton",
|
| 16798 | "description": "Defines the button which will open the overflow menu. If nothing is provided to this slot,\nthe default button will be used.",
|
| 16799 | "_ui5since": "1.0.0-rc.9",
|
| 16800 | "_ui5type": {
|
| 16801 | "text": "Array<IButton>",
|
| 16802 | "references": [
|
| 16803 | {
|
| 16804 | "name": "IButton",
|
| 16805 | "package": "@ui5/webcomponents",
|
| 16806 | "module": "dist/Button.js"
|
| 16807 | }
|
| 16808 | ]
|
| 16809 | },
|
| 16810 | "_ui5privacy": "public"
|
| 16811 | },
|
| 16812 | {
|
| 16813 | "name": "startOverflowButton",
|
| 16814 | "description": "Defines the button which will open the start overflow menu if available. If nothing is provided to this slot,\nthe default button will be used.",
|
| 16815 | "_ui5since": "1.1.0",
|
| 16816 | "_ui5type": {
|
| 16817 | "text": "Array<IButton>",
|
| 16818 | "references": [
|
| 16819 | {
|
| 16820 | "name": "IButton",
|
| 16821 | "package": "@ui5/webcomponents",
|
| 16822 | "module": "dist/Button.js"
|
| 16823 | }
|
| 16824 | ]
|
| 16825 | },
|
| 16826 | "_ui5privacy": "public"
|
| 16827 | }
|
| 16828 | ],
|
| 16829 | "members": [
|
| 16830 | {
|
| 16831 | "kind": "field",
|
| 16832 | "name": "fixed",
|
| 16833 | "type": {
|
| 16834 | "text": "boolean"
|
| 16835 | },
|
| 16836 | "description": "Defines whether the tabs are in a fixed state that is not\nexpandable/collapsible by user interaction.",
|
| 16837 | "default": "false",
|
| 16838 | "privacy": "public",
|
| 16839 | "_ui5validator": "Boolean"
|
| 16840 | },
|
| 16841 | {
|
| 16842 | "kind": "field",
|
| 16843 | "name": "collapsed",
|
| 16844 | "type": {
|
| 16845 | "text": "boolean"
|
| 16846 | },
|
| 16847 | "description": "Defines whether the tab content is collapsed.",
|
| 16848 | "default": "false",
|
| 16849 | "privacy": "public",
|
| 16850 | "_ui5validator": "Boolean"
|
| 16851 | },
|
| 16852 | {
|
| 16853 | "kind": "field",
|
| 16854 | "name": "showOverflow",
|
| 16855 | "type": {
|
| 16856 | "text": "boolean"
|
| 16857 | },
|
| 16858 | "description": "Defines whether the overflow select list is displayed.\n\nThe overflow select list represents a list, where all tabs are displayed\nso that it's easier for the user to select a specific tab.",
|
| 16859 | "default": "false",
|
| 16860 | "privacy": "public",
|
| 16861 | "deprecated": "Since the introduction of TabsOverflowMode, overflows will always be visible if there is not enough space for all tabs,\nall hidden tabs are moved to a select list in the respective overflows and are accessible via the `overflowButton` and / or `startOverflowButton` slots.",
|
| 16862 | "_ui5validator": "Boolean"
|
| 16863 | },
|
| 16864 | {
|
| 16865 | "kind": "field",
|
| 16866 | "name": "tabLayout",
|
| 16867 | "type": {
|
| 16868 | "text": "TabLayout",
|
| 16869 | "references": [
|
| 16870 | {
|
| 16871 | "name": "TabLayout",
|
| 16872 | "package": "@ui5/webcomponents",
|
| 16873 | "module": "dist/types/TabLayout.js"
|
| 16874 | }
|
| 16875 | ]
|
| 16876 | },
|
| 16877 | "description": "Defines the alignment of the content and the `additionalText` of a tab.\n\n**Note:**\nThe content and the `additionalText` would be displayed vertically by default,\nbut when set to `Inline`, they would be displayed horizontally.",
|
| 16878 | "default": "\"Standard\"",
|
| 16879 | "privacy": "public",
|
| 16880 | "_ui5validator": "TabLayout"
|
| 16881 | },
|
| 16882 | {
|
| 16883 | "kind": "field",
|
| 16884 | "name": "tabsOverflowMode",
|
| 16885 | "type": {
|
| 16886 | "text": "TabsOverflowMode",
|
| 16887 | "references": [
|
| 16888 | {
|
| 16889 | "name": "TabsOverflowMode",
|
| 16890 | "package": "@ui5/webcomponents",
|
| 16891 | "module": "dist/types/TabsOverflowMode.js"
|
| 16892 | }
|
| 16893 | ]
|
| 16894 | },
|
| 16895 | "description": "Defines the overflow mode of the header (the tab strip). If you have a large number of tabs, only the tabs that can fit on screen will be visible.\nAll other tabs that can 't fit on the screen are available in an overflow tab \"More\".\n\n**Note:**\nOnly one overflow at the end would be displayed by default,\nbut when set to `StartAndEnd`, there will be two overflows on both ends, and tab order will not change on tab selection.",
|
| 16896 | "default": "\"End\"",
|
| 16897 | "privacy": "public",
|
| 16898 | "_ui5since": "1.1.0",
|
| 16899 | "_ui5validator": "TabsOverflowMode"
|
| 16900 | },
|
| 16901 | {
|
| 16902 | "kind": "field",
|
| 16903 | "name": "headerBackgroundDesign",
|
| 16904 | "type": {
|
| 16905 | "text": "TabContainerBackgroundDesign",
|
| 16906 | "references": [
|
| 16907 | {
|
| 16908 | "name": "TabContainerBackgroundDesign",
|
| 16909 | "package": "@ui5/webcomponents",
|
| 16910 | "module": "dist/types/TabContainerBackgroundDesign.js"
|
| 16911 | }
|
| 16912 | ]
|
| 16913 | },
|
| 16914 | "description": "Sets the background color of the Tab Container's header as `Solid`, `Transparent`, or `Translucent`.",
|
| 16915 | "default": "\"Solid\"",
|
| 16916 | "privacy": "public",
|
| 16917 | "_ui5since": "1.10.0",
|
| 16918 | "_ui5validator": "TabContainerBackgroundDesign"
|
| 16919 | },
|
| 16920 | {
|
| 16921 | "kind": "field",
|
| 16922 | "name": "contentBackgroundDesign",
|
| 16923 | "type": {
|
| 16924 | "text": "TabContainerBackgroundDesign",
|
| 16925 | "references": [
|
| 16926 | {
|
| 16927 | "name": "TabContainerBackgroundDesign",
|
| 16928 | "package": "@ui5/webcomponents",
|
| 16929 | "module": "dist/types/TabContainerBackgroundDesign.js"
|
| 16930 | }
|
| 16931 | ]
|
| 16932 | },
|
| 16933 | "description": "Sets the background color of the Tab Container's content as `Solid`, `Transparent`, or `Translucent`.",
|
| 16934 | "default": "\"Solid\"",
|
| 16935 | "privacy": "public",
|
| 16936 | "_ui5since": "1.10.0",
|
| 16937 | "_ui5validator": "TabContainerBackgroundDesign"
|
| 16938 | },
|
| 16939 | {
|
| 16940 | "kind": "field",
|
| 16941 | "name": "allItems",
|
| 16942 | "type": {
|
| 16943 | "text": "Array<ITab>",
|
| 16944 | "references": [
|
| 16945 | {
|
| 16946 | "name": "ITab",
|
| 16947 | "package": "@ui5/webcomponents",
|
| 16948 | "module": "dist/TabContainer.js"
|
| 16949 | }
|
| 16950 | ]
|
| 16951 | },
|
| 16952 | "description": "Returns all slotted tabs and their subTabs in a flattened array.\nThe order of tabs is depth-first.",
|
| 16953 | "privacy": "public",
|
| 16954 | "default": "[]",
|
| 16955 | "readonly": true
|
| 16956 | }
|
| 16957 | ],
|
| 16958 | "events": [
|
| 16959 | {
|
| 16960 | "name": "tab-select",
|
| 16961 | "_ui5privacy": "public",
|
| 16962 | "type": {
|
| 16963 | "text": "CustomEvent<TabContainerTabSelectEventDetail>",
|
| 16964 | "references": [
|
| 16965 | {
|
| 16966 | "name": "TabContainerTabSelectEventDetail",
|
| 16967 | "package": "@ui5/webcomponents",
|
| 16968 | "module": "dist/TabContainer.js"
|
| 16969 | }
|
| 16970 | ]
|
| 16971 | },
|
| 16972 | "description": "Fired when a tab is selected.",
|
| 16973 | "_ui5allowPreventDefault": true,
|
| 16974 | "_ui5parameters": [
|
| 16975 | {
|
| 16976 | "type": {
|
| 16977 | "text": "ITab",
|
| 16978 | "references": [
|
| 16979 | {
|
| 16980 | "name": "ITab",
|
| 16981 | "package": "@ui5/webcomponents",
|
| 16982 | "module": "dist/TabContainer.js"
|
| 16983 | }
|
| 16984 | ]
|
| 16985 | },
|
| 16986 | "name": "tab",
|
| 16987 | "_ui5privacy": "public",
|
| 16988 | "description": "The selected `tab`."
|
| 16989 | },
|
| 16990 | {
|
| 16991 | "type": {
|
| 16992 | "text": "Integer",
|
| 16993 | "references": [
|
| 16994 | {
|
| 16995 | "name": "Integer",
|
| 16996 | "package": "@ui5/webcomponents-base",
|
| 16997 | "module": "dist/types/Integer.js"
|
| 16998 | }
|
| 16999 | ]
|
| 17000 | },
|
| 17001 | "name": "tabIndex",
|
| 17002 | "_ui5privacy": "public",
|
| 17003 | "description": "The selected `tab` index in the flattened array of all tabs and their subTabs, provided by the `allItems` getter."
|
| 17004 | }
|
| 17005 | ]
|
| 17006 | }
|
| 17007 | ],
|
| 17008 | "superclass": {
|
| 17009 | "name": "UI5Element",
|
| 17010 | "package": "@ui5/webcomponents-base",
|
| 17011 | "module": "dist/UI5Element.js"
|
| 17012 | },
|
| 17013 | "tagName": "ui5-tabcontainer",
|
| 17014 | "customElement": true,
|
| 17015 | "_ui5privacy": "public"
|
| 17016 | }
|
| 17017 | ],
|
| 17018 | "exports": [
|
| 17019 | {
|
| 17020 | "kind": "js",
|
| 17021 | "name": "default",
|
| 17022 | "declaration": {
|
| 17023 | "name": "TabContainer",
|
| 17024 | "module": "dist/TabContainer.js"
|
| 17025 | }
|
| 17026 | },
|
| 17027 | {
|
| 17028 | "kind": "custom-element-definition",
|
| 17029 | "name": "ui5-tabcontainer",
|
| 17030 | "declaration": {
|
| 17031 | "name": "TabContainer",
|
| 17032 | "module": "dist/TabContainer.js"
|
| 17033 | }
|
| 17034 | }
|
| 17035 | ]
|
| 17036 | },
|
| 17037 | {
|
| 17038 | "kind": "javascript-module",
|
| 17039 | "path": "dist/TabSeparator.js",
|
| 17040 | "declarations": [
|
| 17041 | {
|
| 17042 | "kind": "class",
|
| 17043 | "description": "The `ui5-tab-separator` represents a vertical line to separate tabs inside a `ui5-tabcontainer`.",
|
| 17044 | "name": "TabSeparator",
|
| 17045 | "members": [
|
| 17046 | {
|
| 17047 | "kind": "method",
|
| 17048 | "name": "getTabInStripDomRef",
|
| 17049 | "return": {
|
| 17050 | "type": {
|
| 17051 | "text": "ITab | null",
|
| 17052 | "references": [
|
| 17053 | {
|
| 17054 | "name": "ITab",
|
| 17055 | "package": "@ui5/webcomponents",
|
| 17056 | "module": "dist/TabContainer.js"
|
| 17057 | }
|
| 17058 | ]
|
| 17059 | }
|
| 17060 | },
|
| 17061 | "description": "Returns the DOM reference of the separator that is placed in the header.\n\n**Note:** Tabs and separators, placed in the `subTabs` slot of other tabs are not shown in the header. Calling this method on such tabs or separators will return `null`.",
|
| 17062 | "privacy": "public"
|
| 17063 | }
|
| 17064 | ],
|
| 17065 | "superclass": {
|
| 17066 | "name": "UI5Element",
|
| 17067 | "package": "@ui5/webcomponents-base",
|
| 17068 | "module": "dist/UI5Element.js"
|
| 17069 | },
|
| 17070 | "tagName": "ui5-tab-separator",
|
| 17071 | "customElement": true,
|
| 17072 | "_ui5privacy": "public",
|
| 17073 | "_ui5abstract": true,
|
| 17074 | "_ui5implements": [
|
| 17075 | {
|
| 17076 | "name": "ITab",
|
| 17077 | "package": "@ui5/webcomponents",
|
| 17078 | "module": "dist/TabContainer.js"
|
| 17079 | }
|
| 17080 | ]
|
| 17081 | }
|
| 17082 | ],
|
| 17083 | "exports": [
|
| 17084 | {
|
| 17085 | "kind": "js",
|
| 17086 | "name": "default",
|
| 17087 | "declaration": {
|
| 17088 | "name": "TabSeparator",
|
| 17089 | "module": "dist/TabSeparator.js"
|
| 17090 | }
|
| 17091 | },
|
| 17092 | {
|
| 17093 | "kind": "custom-element-definition",
|
| 17094 | "name": "ui5-tab-separator",
|
| 17095 | "declaration": {
|
| 17096 | "name": "TabSeparator",
|
| 17097 | "module": "dist/TabSeparator.js"
|
| 17098 | }
|
| 17099 | }
|
| 17100 | ]
|
| 17101 | },
|
| 17102 | {
|
| 17103 | "kind": "javascript-module",
|
| 17104 | "path": "dist/Table.js",
|
| 17105 | "declarations": [
|
| 17106 | {
|
| 17107 | "kind": "interface",
|
| 17108 | "name": "ITableRow",
|
| 17109 | "description": "Interface for components that may be slotted inside a `ui5-table` as rows",
|
| 17110 | "_ui5privacy": "public"
|
| 17111 | },
|
| 17112 | {
|
| 17113 | "kind": "class",
|
| 17114 | "description": "### Overview\n\nThe `ui5-table` component provides a set of sophisticated and convenient functions for responsive table design.\nIt provides a comprehensive set of features for displaying and dealing with vast amounts of data.\n\nTo render the `Table` properly, the order of the `columns` should match with the\norder of the item `cells` in the `rows`.\n\nDesktop and tablet devices are supported.\nOn tablets, special consideration should be given to the number of visible columns\nand rows due to the limited performance of some devices.\n\n### Selection\nTo benefit from the selection mechanism of `ui5-table` component, you can use the available selection modes:\n`SingleSelect` and `MultiSelect`.\n\nIn additition to the used mode, you can also specify the `ui5-table-row` type choosing between\n`Active` or `Inactive`.\n\nIn `SingleSelect` mode, you can select both an `Active` and `Inactive` row via mouse or\nby pressing the `Space` or `Enter` keys.\n\nIn `MultiSelect` mode, you can select both an `Active` and `Inactive` row by pressing the\n`Space` key when a row is on focus or via mouse click over the selection checkbox of the row.\nIn order to select all the available rows at once, you can use the selection checkbox presented in the table's header.\n\n**Note:** Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.\n\n### Keyboard Handling\n\n#### Fast Navigation\nThis component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up`.\nIn order to use this functionality, you need to import the following module:\n`import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n\nFurthermore, you can interact with `ui5-table` via the following keys.\n\n- [F7] - If focus is on an interactive control inside an item, moves focus to the corresponding item.\n- [CTRL]+[A] - Selects all items, if MultiSelect mode is enabled.\n- [HOME]/[END] - Focuses the first/last item.\n- [PAGEUP]/[PAGEDOWN] - Moves focus up/down by page size (20 items by default).\n- [ALT]+[DOWN]/[UP] - Switches focus between header, last focused item, and More button (if applies) in either direction.\n- [SHIFT]+[DOWN]/[UP] - Selects the next/previous item in a MultiSelect table, if the current item is selected (Range selection). Otherwise, deselects them (Range deselection).\n- [SHIFT]+[HOME]/[END] - Range selection to the first/last item of the List.\n- [CTRL]+[HOME]/[END] - Same behavior as HOME & END.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Table.js\";`\n`import \"@ui5/webcomponents/dist/TableColumn.js\";` (`ui5-table-column`)\n`import \"@ui5/webcomponents/dist/TableRow.js\";` (`ui5-table-row`)\n`import \"@ui5/webcomponents/dist/TableGroupRow.js\";` (`ui5-table-group-row`)\n`import \"@ui5/webcomponents/dist/TableCell.js\";` (`ui5-table-cell`)",
|
| 17115 | "name": "Table",
|
| 17116 | "slots": [
|
| 17117 | {
|
| 17118 | "name": "default",
|
| 17119 | "description": "Defines the component rows.\n\n**Note:** Use `ui5-table-row` for the intended design.",
|
| 17120 | "_ui5propertyName": "rows",
|
| 17121 | "_ui5type": {
|
| 17122 | "text": "Array<ITableRow>",
|
| 17123 | "references": [
|
| 17124 | {
|
| 17125 | "name": "ITableRow",
|
| 17126 | "package": "@ui5/webcomponents",
|
| 17127 | "module": "dist/Table.js"
|
| 17128 | }
|
| 17129 | ]
|
| 17130 | },
|
| 17131 | "_ui5privacy": "public"
|
| 17132 | },
|
| 17133 | {
|
| 17134 | "name": "columns",
|
| 17135 | "description": "Defines the configuration for the columns of the component.\n\n**Note:** Use `ui5-table-column` for the intended design.",
|
| 17136 | "_ui5type": {
|
| 17137 | "text": "Array<TableColumn>",
|
| 17138 | "references": [
|
| 17139 | {
|
| 17140 | "name": "TableColumn",
|
| 17141 | "package": "@ui5/webcomponents",
|
| 17142 | "module": "dist/TableColumn.js"
|
| 17143 | }
|
| 17144 | ]
|
| 17145 | },
|
| 17146 | "_ui5privacy": "public"
|
| 17147 | }
|
| 17148 | ],
|
| 17149 | "members": [
|
| 17150 | {
|
| 17151 | "kind": "field",
|
| 17152 | "name": "noDataText",
|
| 17153 | "type": {
|
| 17154 | "text": "string"
|
| 17155 | },
|
| 17156 | "description": "Defines the text that will be displayed when there is no data and `hideNoData` is not present.",
|
| 17157 | "default": "\"\"",
|
| 17158 | "privacy": "public",
|
| 17159 | "_ui5validator": "String"
|
| 17160 | },
|
| 17161 | {
|
| 17162 | "kind": "field",
|
| 17163 | "name": "growingButtonText",
|
| 17164 | "type": {
|
| 17165 | "text": "string"
|
| 17166 | },
|
| 17167 | "description": "Defines the text that will be displayed inside the growing button at the bottom of the table,\nmeant for loading more rows upon press.\n\n**Note:** If not specified a built-in text will be displayed.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
| 17168 | "default": "\"\"",
|
| 17169 | "privacy": "public",
|
| 17170 | "_ui5since": "1.0.0-rc.15",
|
| 17171 | "_ui5validator": "String"
|
| 17172 | },
|
| 17173 | {
|
| 17174 | "kind": "field",
|
| 17175 | "name": "growingButtonSubtext",
|
| 17176 | "type": {
|
| 17177 | "text": "string"
|
| 17178 | },
|
| 17179 | "description": "Defines the subtext that will be displayed under the `growingButtonText`.\n\n**Note:** This property takes effect if `growing` is set to `Button`.",
|
| 17180 | "default": "\"\"",
|
| 17181 | "privacy": "public",
|
| 17182 | "_ui5since": "1.0.0-rc.15",
|
| 17183 | "_ui5validator": "String"
|
| 17184 | },
|
| 17185 | {
|
| 17186 | "kind": "field",
|
| 17187 | "name": "hideNoData",
|
| 17188 | "type": {
|
| 17189 | "text": "boolean"
|
| 17190 | },
|
| 17191 | "description": "Defines if the value of `noDataText` will be diplayed when there is no rows present in the table.",
|
| 17192 | "default": "false",
|
| 17193 | "privacy": "public",
|
| 17194 | "_ui5since": "1.0.0-rc.15",
|
| 17195 | "_ui5validator": "Boolean"
|
| 17196 | },
|
| 17197 | {
|
| 17198 | "kind": "field",
|
| 17199 | "name": "growing",
|
| 17200 | "type": {
|
| 17201 | "text": "TableGrowingMode",
|
| 17202 | "references": [
|
| 17203 | {
|
| 17204 | "name": "TableGrowingMode",
|
| 17205 | "package": "@ui5/webcomponents",
|
| 17206 | "module": "dist/types/TableGrowingMode.js"
|
| 17207 | }
|
| 17208 | ]
|
| 17209 | },
|
| 17210 | "description": "Defines whether the table will have growing capability either by pressing a `More` button,\nor via user scroll. In both cases `load-more` event is fired.\n\nAvailable options:\n\n`Button` - Shows a `More` button at the bottom of the table, pressing of which triggers the `load-more` event.\n\n`Scroll` - The `load-more` event is triggered when the user scrolls to the bottom of the table;\n\n`None` (default) - The growing is off.\n\n**Restrictions:** `growing=\"Scroll\"` is not supported for Internet Explorer,\nand the component will fallback to `growing=\"Button\"`.",
|
| 17211 | "default": "\"None\"",
|
| 17212 | "privacy": "public",
|
| 17213 | "_ui5since": "1.0.0-rc.12",
|
| 17214 | "_ui5validator": "TableGrowingMode"
|
| 17215 | },
|
| 17216 | {
|
| 17217 | "kind": "field",
|
| 17218 | "name": "busy",
|
| 17219 | "type": {
|
| 17220 | "text": "boolean"
|
| 17221 | },
|
| 17222 | "description": "Defines if the table is in busy state.\n\nIn this state the component's opacity is reduced\nand busy indicator is displayed at the bottom of the table.",
|
| 17223 | "default": "false",
|
| 17224 | "privacy": "public",
|
| 17225 | "_ui5since": "1.0.0-rc.12",
|
| 17226 | "_ui5validator": "Boolean"
|
| 17227 | },
|
| 17228 | {
|
| 17229 | "kind": "field",
|
| 17230 | "name": "busyDelay",
|
| 17231 | "type": {
|
| 17232 | "text": "number"
|
| 17233 | },
|
| 17234 | "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
|
| 17235 | "default": "1000",
|
| 17236 | "privacy": "public",
|
| 17237 | "_ui5validator": "Integer"
|
| 17238 | },
|
| 17239 | {
|
| 17240 | "kind": "field",
|
| 17241 | "name": "stickyColumnHeader",
|
| 17242 | "type": {
|
| 17243 | "text": "boolean"
|
| 17244 | },
|
| 17245 | "description": "Determines whether the column headers remain fixed at the top of the page during\nvertical scrolling as long as the Web Component is in the viewport.\n\n**Restrictions:**\n\n- Browsers that do not support this feature:\n\n- Internet Explorer\n- Microsoft Edge lower than version 41 (EdgeHTML 16)\n- Mozilla Firefox lower than version 59\n\n- Scrolling behavior:\n\n- If the Web Component is placed in layout containers that have the `overflow: hidden`\nor `overflow: auto` style definition, this can\nprevent the sticky elements of the Web Component from becoming fixed at the top of the viewport.",
|
| 17246 | "default": "false",
|
| 17247 | "privacy": "public",
|
| 17248 | "_ui5validator": "Boolean"
|
| 17249 | },
|
| 17250 | {
|
| 17251 | "kind": "field",
|
| 17252 | "name": "mode",
|
| 17253 | "type": {
|
| 17254 | "text": "TableMode",
|
| 17255 | "references": [
|
| 17256 | {
|
| 17257 | "name": "TableMode",
|
| 17258 | "package": "@ui5/webcomponents",
|
| 17259 | "module": "dist/types/TableMode.js"
|
| 17260 | }
|
| 17261 | ]
|
| 17262 | },
|
| 17263 | "description": "Defines the mode of the component.",
|
| 17264 | "default": "\"None\"",
|
| 17265 | "privacy": "public",
|
| 17266 | "_ui5since": "1.0.0-rc.15",
|
| 17267 | "_ui5validator": "TableMode"
|
| 17268 | },
|
| 17269 | {
|
| 17270 | "kind": "field",
|
| 17271 | "name": "accessibleName",
|
| 17272 | "type": {
|
| 17273 | "text": "string | undefined"
|
| 17274 | },
|
| 17275 | "description": "Defines the accessible ARIA name of the component.",
|
| 17276 | "default": "undefined",
|
| 17277 | "privacy": "public",
|
| 17278 | "_ui5since": "1.3.0",
|
| 17279 | "_ui5validator": "String"
|
| 17280 | },
|
| 17281 | {
|
| 17282 | "kind": "field",
|
| 17283 | "name": "accessibleNameRef",
|
| 17284 | "type": {
|
| 17285 | "text": "string"
|
| 17286 | },
|
| 17287 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 17288 | "default": "\"\"",
|
| 17289 | "privacy": "public",
|
| 17290 | "_ui5since": "1.3.0",
|
| 17291 | "_ui5validator": "String"
|
| 17292 | }
|
| 17293 | ],
|
| 17294 | "events": [
|
| 17295 | {
|
| 17296 | "name": "row-click",
|
| 17297 | "_ui5privacy": "public",
|
| 17298 | "type": {
|
| 17299 | "text": "CustomEvent<TableRowClickEventDetail>",
|
| 17300 | "references": [
|
| 17301 | {
|
| 17302 | "name": "TableRowClickEventDetail",
|
| 17303 | "package": "@ui5/webcomponents",
|
| 17304 | "module": "dist/TableRow.js"
|
| 17305 | }
|
| 17306 | ]
|
| 17307 | },
|
| 17308 | "description": "Fired when a row in `Active` mode is clicked or `Enter` key is pressed.",
|
| 17309 | "_ui5parameters": [
|
| 17310 | {
|
| 17311 | "type": {
|
| 17312 | "text": "HTMLElement"
|
| 17313 | },
|
| 17314 | "name": "row",
|
| 17315 | "_ui5privacy": "public",
|
| 17316 | "description": "the activated row."
|
| 17317 | }
|
| 17318 | ]
|
| 17319 | },
|
| 17320 | {
|
| 17321 | "name": "popin-change",
|
| 17322 | "_ui5privacy": "public",
|
| 17323 | "type": {
|
| 17324 | "text": "CustomEvent<TablePopinChangeEventDetail>",
|
| 17325 | "references": [
|
| 17326 | {
|
| 17327 | "name": "TablePopinChangeEventDetail",
|
| 17328 | "package": "@ui5/webcomponents",
|
| 17329 | "module": "dist/Table.js"
|
| 17330 | }
|
| 17331 | ]
|
| 17332 | },
|
| 17333 | "description": "Fired when `ui5-table-column` is shown as a pop-in instead of hiding it.",
|
| 17334 | "_ui5since": "1.0.0-rc.6",
|
| 17335 | "_ui5parameters": [
|
| 17336 | {
|
| 17337 | "type": {
|
| 17338 | "text": "Array"
|
| 17339 | },
|
| 17340 | "name": "poppedColumns",
|
| 17341 | "_ui5privacy": "public",
|
| 17342 | "description": "popped-in columns."
|
| 17343 | }
|
| 17344 | ]
|
| 17345 | },
|
| 17346 | {
|
| 17347 | "name": "load-more",
|
| 17348 | "_ui5privacy": "public",
|
| 17349 | "type": {
|
| 17350 | "text": "CustomEvent"
|
| 17351 | },
|
| 17352 | "description": "Fired when the user presses the `More` button or scrolls to the table's end.\n\n**Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.",
|
| 17353 | "_ui5since": "1.0.0-rc.11"
|
| 17354 | },
|
| 17355 | {
|
| 17356 | "name": "selection-change",
|
| 17357 | "_ui5privacy": "public",
|
| 17358 | "type": {
|
| 17359 | "text": "CustomEvent<TableSelectionChangeEventDetail>",
|
| 17360 | "references": [
|
| 17361 | {
|
| 17362 | "name": "TableSelectionChangeEventDetail",
|
| 17363 | "package": "@ui5/webcomponents",
|
| 17364 | "module": "dist/Table.js"
|
| 17365 | }
|
| 17366 | ]
|
| 17367 | },
|
| 17368 | "description": "Fired when selection is changed by user interaction\nin `SingleSelect` and `MultiSelect` modes.",
|
| 17369 | "_ui5since": "1.0.0-rc.15",
|
| 17370 | "_ui5parameters": [
|
| 17371 | {
|
| 17372 | "type": {
|
| 17373 | "text": "Array"
|
| 17374 | },
|
| 17375 | "name": "selectedRows",
|
| 17376 | "_ui5privacy": "public",
|
| 17377 | "description": "An array of the selected rows."
|
| 17378 | },
|
| 17379 | {
|
| 17380 | "type": {
|
| 17381 | "text": "Array"
|
| 17382 | },
|
| 17383 | "name": "previouslySelectedRows",
|
| 17384 | "_ui5privacy": "public",
|
| 17385 | "description": "An array of the previously selected rows."
|
| 17386 | }
|
| 17387 | ]
|
| 17388 | }
|
| 17389 | ],
|
| 17390 | "superclass": {
|
| 17391 | "name": "UI5Element",
|
| 17392 | "package": "@ui5/webcomponents-base",
|
| 17393 | "module": "dist/UI5Element.js"
|
| 17394 | },
|
| 17395 | "tagName": "ui5-table",
|
| 17396 | "customElement": true,
|
| 17397 | "_ui5privacy": "public"
|
| 17398 | }
|
| 17399 | ],
|
| 17400 | "exports": [
|
| 17401 | {
|
| 17402 | "kind": "js",
|
| 17403 | "name": "default",
|
| 17404 | "declaration": {
|
| 17405 | "name": "Table",
|
| 17406 | "module": "dist/Table.js"
|
| 17407 | }
|
| 17408 | },
|
| 17409 | {
|
| 17410 | "kind": "custom-element-definition",
|
| 17411 | "name": "ui5-table",
|
| 17412 | "declaration": {
|
| 17413 | "name": "Table",
|
| 17414 | "module": "dist/Table.js"
|
| 17415 | }
|
| 17416 | }
|
| 17417 | ]
|
| 17418 | },
|
| 17419 | {
|
| 17420 | "kind": "javascript-module",
|
| 17421 | "path": "dist/TableCell.js",
|
| 17422 | "declarations": [
|
| 17423 | {
|
| 17424 | "kind": "class",
|
| 17425 | "description": "### Overview\n\nThe `ui5-table-cell` component defines the structure of the data in a single `ui5-table` cell.",
|
| 17426 | "name": "TableCell",
|
| 17427 | "cssParts": [
|
| 17428 | {
|
| 17429 | "description": "Used to style the native `td` element",
|
| 17430 | "name": "cell"
|
| 17431 | }
|
| 17432 | ],
|
| 17433 | "slots": [
|
| 17434 | {
|
| 17435 | "name": "default",
|
| 17436 | "description": "Specifies the content of the component.",
|
| 17437 | "_ui5propertyName": "content",
|
| 17438 | "_ui5type": {
|
| 17439 | "text": "Array<HTMLElement> | undefined"
|
| 17440 | },
|
| 17441 | "_ui5privacy": "public"
|
| 17442 | }
|
| 17443 | ],
|
| 17444 | "superclass": {
|
| 17445 | "name": "UI5Element",
|
| 17446 | "package": "@ui5/webcomponents-base",
|
| 17447 | "module": "dist/UI5Element.js"
|
| 17448 | },
|
| 17449 | "tagName": "ui5-table-cell",
|
| 17450 | "customElement": true,
|
| 17451 | "_ui5privacy": "public"
|
| 17452 | }
|
| 17453 | ],
|
| 17454 | "exports": [
|
| 17455 | {
|
| 17456 | "kind": "js",
|
| 17457 | "name": "default",
|
| 17458 | "declaration": {
|
| 17459 | "name": "TableCell",
|
| 17460 | "module": "dist/TableCell.js"
|
| 17461 | }
|
| 17462 | },
|
| 17463 | {
|
| 17464 | "kind": "custom-element-definition",
|
| 17465 | "name": "ui5-table-cell",
|
| 17466 | "declaration": {
|
| 17467 | "name": "TableCell",
|
| 17468 | "module": "dist/TableCell.js"
|
| 17469 | }
|
| 17470 | }
|
| 17471 | ]
|
| 17472 | },
|
| 17473 | {
|
| 17474 | "kind": "javascript-module",
|
| 17475 | "path": "dist/TableColumn.js",
|
| 17476 | "declarations": [
|
| 17477 | {
|
| 17478 | "kind": "class",
|
| 17479 | "description": "### Overview\n\nThe `ui5-table-column` component allows to define column specific properties that are applied\nwhen rendering the `ui5-table` component.",
|
| 17480 | "name": "TableColumn",
|
| 17481 | "cssParts": [
|
| 17482 | {
|
| 17483 | "description": "Used to style the native `th` element",
|
| 17484 | "name": "column"
|
| 17485 | }
|
| 17486 | ],
|
| 17487 | "slots": [
|
| 17488 | {
|
| 17489 | "description": "Defines the content of the column header",
|
| 17490 | "name": "default",
|
| 17491 | "_ui5privacy": "public",
|
| 17492 | "_ui5type": {
|
| 17493 | "text": "Array<Node>"
|
| 17494 | }
|
| 17495 | }
|
| 17496 | ],
|
| 17497 | "members": [
|
| 17498 | {
|
| 17499 | "kind": "field",
|
| 17500 | "name": "minWidth",
|
| 17501 | "type": {
|
| 17502 | "text": "number"
|
| 17503 | },
|
| 17504 | "description": "Defines the minimum table width required to display this column. By default it is always displayed.\n\nThe responsive behavior of the `ui5-table` is determined by this property. As an example, by setting\n`minWidth` property to `400` sets the minimum width to 400 pixels, and\tshows this column on tablet (and desktop) but hides it on mobile.\n\nFor further responsive design options, see `demandPopin` property.",
|
| 17505 | "default": "Infinity",
|
| 17506 | "privacy": "public",
|
| 17507 | "_ui5validator": "Integer"
|
| 17508 | },
|
| 17509 | {
|
| 17510 | "kind": "field",
|
| 17511 | "name": "popinText",
|
| 17512 | "type": {
|
| 17513 | "text": "string"
|
| 17514 | },
|
| 17515 | "description": "The text for the column when it pops in.",
|
| 17516 | "default": "\"\"",
|
| 17517 | "privacy": "public",
|
| 17518 | "_ui5validator": "String"
|
| 17519 | },
|
| 17520 | {
|
| 17521 | "kind": "field",
|
| 17522 | "name": "demandPopin",
|
| 17523 | "type": {
|
| 17524 | "text": "boolean"
|
| 17525 | },
|
| 17526 | "description": "According to your `minWidth` settings, the component can be hidden\nin different screen sizes.\n\nSetting this property to `true`, shows this column as pop-in instead of hiding it.",
|
| 17527 | "default": "false",
|
| 17528 | "privacy": "public",
|
| 17529 | "_ui5validator": "Boolean"
|
| 17530 | },
|
| 17531 | {
|
| 17532 | "kind": "field",
|
| 17533 | "name": "popinDisplay",
|
| 17534 | "type": {
|
| 17535 | "text": "TableColumnPopinDisplay",
|
| 17536 | "references": [
|
| 17537 | {
|
| 17538 | "name": "TableColumnPopinDisplay",
|
| 17539 | "package": "@ui5/webcomponents",
|
| 17540 | "module": "dist/types/TableColumnPopinDisplay.js"
|
| 17541 | }
|
| 17542 | ]
|
| 17543 | },
|
| 17544 | "description": "Defines how the popin row is displayed.\n\n**The available values are:**\n\n- `Block`\n- `Inline`",
|
| 17545 | "default": "\"Block\"",
|
| 17546 | "privacy": "public",
|
| 17547 | "_ui5validator": "TableColumnPopinDisplay"
|
| 17548 | }
|
| 17549 | ],
|
| 17550 | "superclass": {
|
| 17551 | "name": "UI5Element",
|
| 17552 | "package": "@ui5/webcomponents-base",
|
| 17553 | "module": "dist/UI5Element.js"
|
| 17554 | },
|
| 17555 | "tagName": "ui5-table-column",
|
| 17556 | "customElement": true,
|
| 17557 | "_ui5privacy": "public"
|
| 17558 | }
|
| 17559 | ],
|
| 17560 | "exports": [
|
| 17561 | {
|
| 17562 | "kind": "js",
|
| 17563 | "name": "default",
|
| 17564 | "declaration": {
|
| 17565 | "name": "TableColumn",
|
| 17566 | "module": "dist/TableColumn.js"
|
| 17567 | }
|
| 17568 | },
|
| 17569 | {
|
| 17570 | "kind": "custom-element-definition",
|
| 17571 | "name": "ui5-table-column",
|
| 17572 | "declaration": {
|
| 17573 | "name": "TableColumn",
|
| 17574 | "module": "dist/TableColumn.js"
|
| 17575 | }
|
| 17576 | }
|
| 17577 | ]
|
| 17578 | },
|
| 17579 | {
|
| 17580 | "kind": "javascript-module",
|
| 17581 | "path": "dist/TableGroupRow.js",
|
| 17582 | "declarations": [
|
| 17583 | {
|
| 17584 | "kind": "class",
|
| 17585 | "description": "### Overview\n\nThe `ui5-table-group-row` component represents a group row in the `ui5-table`.",
|
| 17586 | "name": "TableGroupRow",
|
| 17587 | "cssParts": [
|
| 17588 | {
|
| 17589 | "description": "Used to style the native `tr` element",
|
| 17590 | "name": "group-row"
|
| 17591 | }
|
| 17592 | ],
|
| 17593 | "slots": [
|
| 17594 | {
|
| 17595 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 17596 | "name": "default",
|
| 17597 | "_ui5privacy": "public",
|
| 17598 | "_ui5type": {
|
| 17599 | "text": "Array<Node>"
|
| 17600 | }
|
| 17601 | }
|
| 17602 | ],
|
| 17603 | "superclass": {
|
| 17604 | "name": "UI5Element",
|
| 17605 | "package": "@ui5/webcomponents-base",
|
| 17606 | "module": "dist/UI5Element.js"
|
| 17607 | },
|
| 17608 | "tagName": "ui5-table-group-row",
|
| 17609 | "customElement": true,
|
| 17610 | "_ui5since": "1.0.0-rc.15",
|
| 17611 | "_ui5privacy": "public",
|
| 17612 | "_ui5implements": [
|
| 17613 | {
|
| 17614 | "name": "ITableRow",
|
| 17615 | "package": "@ui5/webcomponents",
|
| 17616 | "module": "dist/Table.js"
|
| 17617 | }
|
| 17618 | ]
|
| 17619 | }
|
| 17620 | ],
|
| 17621 | "exports": [
|
| 17622 | {
|
| 17623 | "kind": "js",
|
| 17624 | "name": "default",
|
| 17625 | "declaration": {
|
| 17626 | "name": "TableGroupRow",
|
| 17627 | "module": "dist/TableGroupRow.js"
|
| 17628 | }
|
| 17629 | },
|
| 17630 | {
|
| 17631 | "kind": "custom-element-definition",
|
| 17632 | "name": "ui5-table-group-row",
|
| 17633 | "declaration": {
|
| 17634 | "name": "TableGroupRow",
|
| 17635 | "module": "dist/TableGroupRow.js"
|
| 17636 | }
|
| 17637 | }
|
| 17638 | ]
|
| 17639 | },
|
| 17640 | {
|
| 17641 | "kind": "javascript-module",
|
| 17642 | "path": "dist/TableRow.js",
|
| 17643 | "declarations": [
|
| 17644 | {
|
| 17645 | "kind": "class",
|
| 17646 | "description": "### Overview\n\nThe `ui5-table-row` component represents a row in the `ui5-table`.",
|
| 17647 | "name": "TableRow",
|
| 17648 | "cssParts": [
|
| 17649 | {
|
| 17650 | "description": "Used to style the native `tr` element",
|
| 17651 | "name": "row"
|
| 17652 | },
|
| 17653 | {
|
| 17654 | "description": "Used to style the `tr` element when a row pops in",
|
| 17655 | "name": "popin-row"
|
| 17656 | }
|
| 17657 | ],
|
| 17658 | "slots": [
|
| 17659 | {
|
| 17660 | "name": "default",
|
| 17661 | "description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.",
|
| 17662 | "_ui5propertyName": "cells",
|
| 17663 | "_ui5type": {
|
| 17664 | "text": "Array<TableCell>",
|
| 17665 | "references": [
|
| 17666 | {
|
| 17667 | "name": "TableCell",
|
| 17668 | "package": "@ui5/webcomponents",
|
| 17669 | "module": "dist/TableCell.js"
|
| 17670 | }
|
| 17671 | ]
|
| 17672 | },
|
| 17673 | "_ui5privacy": "public"
|
| 17674 | }
|
| 17675 | ],
|
| 17676 | "members": [
|
| 17677 | {
|
| 17678 | "kind": "field",
|
| 17679 | "name": "type",
|
| 17680 | "type": {
|
| 17681 | "text": "TableRowType",
|
| 17682 | "references": [
|
| 17683 | {
|
| 17684 | "name": "TableRowType",
|
| 17685 | "package": "@ui5/webcomponents",
|
| 17686 | "module": "dist/types/TableRowType.js"
|
| 17687 | }
|
| 17688 | ]
|
| 17689 | },
|
| 17690 | "description": "Defines the visual indication and behavior of the component.\n\n**Note:** When set to `Active`, the item will provide visual response upon press,\nwhile with type `Inactive`-will not.",
|
| 17691 | "default": "\"Inactive\"",
|
| 17692 | "privacy": "public",
|
| 17693 | "_ui5since": "1.0.0-rc.15",
|
| 17694 | "_ui5validator": "TableRowType"
|
| 17695 | },
|
| 17696 | {
|
| 17697 | "kind": "field",
|
| 17698 | "name": "selected",
|
| 17699 | "type": {
|
| 17700 | "text": "boolean"
|
| 17701 | },
|
| 17702 | "description": "Defines the row's selected state.",
|
| 17703 | "default": "false",
|
| 17704 | "privacy": "public",
|
| 17705 | "_ui5since": "1.0.0-rc.15",
|
| 17706 | "_ui5validator": "Boolean"
|
| 17707 | },
|
| 17708 | {
|
| 17709 | "kind": "field",
|
| 17710 | "name": "navigated",
|
| 17711 | "type": {
|
| 17712 | "text": "boolean"
|
| 17713 | },
|
| 17714 | "description": "Indicates if the table row is navigated.",
|
| 17715 | "default": "false",
|
| 17716 | "privacy": "public",
|
| 17717 | "_ui5since": "1.9.0",
|
| 17718 | "_ui5validator": "Boolean"
|
| 17719 | }
|
| 17720 | ],
|
| 17721 | "superclass": {
|
| 17722 | "name": "UI5Element",
|
| 17723 | "package": "@ui5/webcomponents-base",
|
| 17724 | "module": "dist/UI5Element.js"
|
| 17725 | },
|
| 17726 | "tagName": "ui5-table-row",
|
| 17727 | "customElement": true,
|
| 17728 | "_ui5privacy": "public",
|
| 17729 | "_ui5implements": [
|
| 17730 | {
|
| 17731 | "name": "ITableRow",
|
| 17732 | "package": "@ui5/webcomponents",
|
| 17733 | "module": "dist/Table.js"
|
| 17734 | }
|
| 17735 | ]
|
| 17736 | }
|
| 17737 | ],
|
| 17738 | "exports": [
|
| 17739 | {
|
| 17740 | "kind": "js",
|
| 17741 | "name": "default",
|
| 17742 | "declaration": {
|
| 17743 | "name": "TableRow",
|
| 17744 | "module": "dist/TableRow.js"
|
| 17745 | }
|
| 17746 | },
|
| 17747 | {
|
| 17748 | "kind": "custom-element-definition",
|
| 17749 | "name": "ui5-table-row",
|
| 17750 | "declaration": {
|
| 17751 | "name": "TableRow",
|
| 17752 | "module": "dist/TableRow.js"
|
| 17753 | }
|
| 17754 | }
|
| 17755 | ]
|
| 17756 | },
|
| 17757 | {
|
| 17758 | "kind": "javascript-module",
|
| 17759 | "path": "dist/TextArea.js",
|
| 17760 | "declarations": [
|
| 17761 | {
|
| 17762 | "kind": "class",
|
| 17763 | "description": "### Overview\n\nThe `ui5-textarea` component is used to enter multiple lines of text.\n\nWhen empty, it can hold a placeholder similar to a `ui5-input`.\nYou can define the rows of the `ui5-textarea` and also determine specific behavior when handling long texts.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TextArea.js\";`",
|
| 17764 | "name": "TextArea",
|
| 17765 | "cssParts": [
|
| 17766 | {
|
| 17767 | "description": "Used to style the native textarea",
|
| 17768 | "name": "textarea"
|
| 17769 | }
|
| 17770 | ],
|
| 17771 | "slots": [
|
| 17772 | {
|
| 17773 | "name": "valueStateMessage",
|
| 17774 | "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed if the component has\n`valueState` of type `Information`, `Warning` or `Error`.",
|
| 17775 | "_ui5since": "1.0.0-rc.7",
|
| 17776 | "_ui5type": {
|
| 17777 | "text": "Array<HTMLElement>"
|
| 17778 | },
|
| 17779 | "_ui5privacy": "public"
|
| 17780 | }
|
| 17781 | ],
|
| 17782 | "members": [
|
| 17783 | {
|
| 17784 | "kind": "field",
|
| 17785 | "name": "value",
|
| 17786 | "type": {
|
| 17787 | "text": "string"
|
| 17788 | },
|
| 17789 | "description": "Defines the value of the component.",
|
| 17790 | "default": "\"\"",
|
| 17791 | "privacy": "public",
|
| 17792 | "_ui5validator": "String",
|
| 17793 | "_ui5formProperty": true,
|
| 17794 | "_ui5formEvents": "change,input"
|
| 17795 | },
|
| 17796 | {
|
| 17797 | "kind": "field",
|
| 17798 | "name": "disabled",
|
| 17799 | "type": {
|
| 17800 | "text": "boolean"
|
| 17801 | },
|
| 17802 | "description": "Indicates whether the user can interact with the component or not.\n\n**Note:** A disabled component is completely noninteractive.",
|
| 17803 | "default": "false",
|
| 17804 | "privacy": "public",
|
| 17805 | "_ui5validator": "Boolean"
|
| 17806 | },
|
| 17807 | {
|
| 17808 | "kind": "field",
|
| 17809 | "name": "readonly",
|
| 17810 | "type": {
|
| 17811 | "text": "boolean"
|
| 17812 | },
|
| 17813 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
|
| 17814 | "default": "false",
|
| 17815 | "privacy": "public",
|
| 17816 | "_ui5validator": "Boolean"
|
| 17817 | },
|
| 17818 | {
|
| 17819 | "kind": "field",
|
| 17820 | "name": "required",
|
| 17821 | "type": {
|
| 17822 | "text": "boolean"
|
| 17823 | },
|
| 17824 | "description": "Defines whether the component is required.",
|
| 17825 | "default": "false",
|
| 17826 | "privacy": "public",
|
| 17827 | "_ui5since": "1.0.0-rc.3",
|
| 17828 | "_ui5validator": "Boolean"
|
| 17829 | },
|
| 17830 | {
|
| 17831 | "kind": "field",
|
| 17832 | "name": "placeholder",
|
| 17833 | "type": {
|
| 17834 | "text": "string"
|
| 17835 | },
|
| 17836 | "description": "Defines a short hint intended to aid the user with data entry when the component has no value.",
|
| 17837 | "default": "\"\"",
|
| 17838 | "privacy": "public",
|
| 17839 | "_ui5validator": "String"
|
| 17840 | },
|
| 17841 | {
|
| 17842 | "kind": "field",
|
| 17843 | "name": "valueState",
|
| 17844 | "type": {
|
| 17845 | "text": "ValueState",
|
| 17846 | "references": [
|
| 17847 | {
|
| 17848 | "name": "ValueState",
|
| 17849 | "package": "@ui5/webcomponents-base",
|
| 17850 | "module": "dist/types/ValueState.js"
|
| 17851 | }
|
| 17852 | ]
|
| 17853 | },
|
| 17854 | "description": "Defines the value state of the component.\n\n**Note:** If `maxlength` property is set,\nthe component turns into \"Warning\" state once the characters exceeds the limit.\nIn this case, only the \"Error\" state is considered and can be applied.",
|
| 17855 | "default": "\"None\"",
|
| 17856 | "privacy": "public",
|
| 17857 | "_ui5since": "1.0.0-rc.7",
|
| 17858 | "_ui5validator": "ValueState"
|
| 17859 | },
|
| 17860 | {
|
| 17861 | "kind": "field",
|
| 17862 | "name": "rows",
|
| 17863 | "type": {
|
| 17864 | "text": "number"
|
| 17865 | },
|
| 17866 | "description": "Defines the number of visible text lines for the component.\n\n**Notes:**\n\n- If the `growing` property is enabled, this property defines the minimum rows to be displayed\nin the textarea.\n- The CSS `height` property wins over the `rows` property, if both are set.",
|
| 17867 | "default": "0",
|
| 17868 | "privacy": "public",
|
| 17869 | "_ui5validator": "Integer"
|
| 17870 | },
|
| 17871 | {
|
| 17872 | "kind": "field",
|
| 17873 | "name": "maxlength",
|
| 17874 | "type": {
|
| 17875 | "text": "number | undefined"
|
| 17876 | },
|
| 17877 | "description": "Defines the maximum number of characters that the `value` can have.",
|
| 17878 | "default": "undefined",
|
| 17879 | "privacy": "public",
|
| 17880 | "_ui5validator": "Integer"
|
| 17881 | },
|
| 17882 | {
|
| 17883 | "kind": "field",
|
| 17884 | "name": "showExceededText",
|
| 17885 | "type": {
|
| 17886 | "text": "boolean"
|
| 17887 | },
|
| 17888 | "description": "Determines whether the characters exceeding the maximum allowed character count are visible\nin the component.\n\nIf set to `false`, the user is not allowed to enter more characters than what is set in the\n`maxlength` property.\nIf set to `true` the characters exceeding the `maxlength` value are selected on\npaste and the counter below the component displays their number.",
|
| 17889 | "default": "false",
|
| 17890 | "privacy": "public",
|
| 17891 | "_ui5validator": "Boolean"
|
| 17892 | },
|
| 17893 | {
|
| 17894 | "kind": "field",
|
| 17895 | "name": "growing",
|
| 17896 | "type": {
|
| 17897 | "text": "boolean"
|
| 17898 | },
|
| 17899 | "description": "Enables the component to automatically grow and shrink dynamically with its content.",
|
| 17900 | "default": "false",
|
| 17901 | "privacy": "public",
|
| 17902 | "_ui5validator": "Boolean"
|
| 17903 | },
|
| 17904 | {
|
| 17905 | "kind": "field",
|
| 17906 | "name": "growingMaxLines",
|
| 17907 | "type": {
|
| 17908 | "text": "number"
|
| 17909 | },
|
| 17910 | "description": "Defines the maximum number of lines that the component can grow.",
|
| 17911 | "default": "0",
|
| 17912 | "privacy": "public",
|
| 17913 | "_ui5validator": "Integer"
|
| 17914 | },
|
| 17915 | {
|
| 17916 | "kind": "field",
|
| 17917 | "name": "name",
|
| 17918 | "type": {
|
| 17919 | "text": "string"
|
| 17920 | },
|
| 17921 | "description": "Determines the name with which the component will be submitted in an HTML form.\n\n**Important:** For the `name` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`\n\n**Note:** When set, a native `input` HTML element\nwill be created inside the component so that it can be submitted as\npart of an HTML form. Do not use this property unless you need to submit a form.",
|
| 17922 | "default": "\"\"",
|
| 17923 | "privacy": "public",
|
| 17924 | "_ui5validator": "String"
|
| 17925 | },
|
| 17926 | {
|
| 17927 | "kind": "field",
|
| 17928 | "name": "accessibleName",
|
| 17929 | "type": {
|
| 17930 | "text": "string"
|
| 17931 | },
|
| 17932 | "description": "Defines the accessible ARIA name of the component.",
|
| 17933 | "default": "\"\"",
|
| 17934 | "privacy": "public",
|
| 17935 | "_ui5since": "1.0.0-rc.15",
|
| 17936 | "_ui5validator": "String"
|
| 17937 | },
|
| 17938 | {
|
| 17939 | "kind": "field",
|
| 17940 | "name": "accessibleNameRef",
|
| 17941 | "type": {
|
| 17942 | "text": "string"
|
| 17943 | },
|
| 17944 | "description": "Receives id(or many ids) of the elements that label the textarea.",
|
| 17945 | "default": "\"\"",
|
| 17946 | "privacy": "public",
|
| 17947 | "_ui5since": "1.0.0-rc.15",
|
| 17948 | "_ui5validator": "String"
|
| 17949 | }
|
| 17950 | ],
|
| 17951 | "events": [
|
| 17952 | {
|
| 17953 | "name": "change",
|
| 17954 | "_ui5privacy": "public",
|
| 17955 | "type": {
|
| 17956 | "text": "CustomEvent"
|
| 17957 | },
|
| 17958 | "description": "Fired when the text has changed and the focus leaves the component."
|
| 17959 | },
|
| 17960 | {
|
| 17961 | "name": "input",
|
| 17962 | "_ui5privacy": "public",
|
| 17963 | "type": {
|
| 17964 | "text": "CustomEvent"
|
| 17965 | },
|
| 17966 | "description": "Fired when the value of the component changes at each keystroke or when\nsomething is pasted.",
|
| 17967 | "_ui5since": "1.0.0-rc.5"
|
| 17968 | },
|
| 17969 | {
|
| 17970 | "name": "select",
|
| 17971 | "_ui5privacy": "public",
|
| 17972 | "type": {
|
| 17973 | "text": "CustomEvent"
|
| 17974 | },
|
| 17975 | "description": "Fired when some text has been selected.",
|
| 17976 | "_ui5since": "1.23.0"
|
| 17977 | },
|
| 17978 | {
|
| 17979 | "name": "scroll",
|
| 17980 | "_ui5privacy": "public",
|
| 17981 | "type": {
|
| 17982 | "text": "CustomEvent"
|
| 17983 | },
|
| 17984 | "description": "Fired when textarea is scrolled.",
|
| 17985 | "_ui5since": "1.23.0"
|
| 17986 | }
|
| 17987 | ],
|
| 17988 | "superclass": {
|
| 17989 | "name": "UI5Element",
|
| 17990 | "package": "@ui5/webcomponents-base",
|
| 17991 | "module": "dist/UI5Element.js"
|
| 17992 | },
|
| 17993 | "tagName": "ui5-textarea",
|
| 17994 | "customElement": true,
|
| 17995 | "_ui5privacy": "public"
|
| 17996 | }
|
| 17997 | ],
|
| 17998 | "exports": [
|
| 17999 | {
|
| 18000 | "kind": "js",
|
| 18001 | "name": "default",
|
| 18002 | "declaration": {
|
| 18003 | "name": "TextArea",
|
| 18004 | "module": "dist/TextArea.js"
|
| 18005 | }
|
| 18006 | },
|
| 18007 | {
|
| 18008 | "kind": "custom-element-definition",
|
| 18009 | "name": "ui5-textarea",
|
| 18010 | "declaration": {
|
| 18011 | "name": "TextArea",
|
| 18012 | "module": "dist/TextArea.js"
|
| 18013 | }
|
| 18014 | }
|
| 18015 | ]
|
| 18016 | },
|
| 18017 | {
|
| 18018 | "kind": "javascript-module",
|
| 18019 | "path": "dist/TimePicker.js",
|
| 18020 | "declarations": [
|
| 18021 | {
|
| 18022 | "kind": "class",
|
| 18023 | "description": "### Overview\nThe `ui5-time-picker` component provides an input field with assigned clocks which are opened on user action.\nThe `ui5-time-picker` allows users to select a localized time using touch, mouse, or keyboard input.\nIt consists of two parts: the time input field and the clocks.\n\n### Usage\nThe user can enter a time by:\n\n- Using the clocks that are displayed in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and chooses the enter key, the clocks show the corresponding time (hours, minutes and seconds separately).\nWhen the user directly triggers the clocks display, the actual time is displayed.\nFor the `ui5-time-picker`\n\n### Formatting\n\nIf a time is entered by typing it into\nthe input field, it must fit to the used time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](http://unicode.org/reports/tr35/#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"HH:mm:ss\",\na valid value string is \"11:42:35\" and the same is displayed in the input.\n\n### Keyboard handling\n[F4], [ALT]+[UP], [ALT]+[DOWN] Open/Close picker dialog and move focus to it.\n\nWhen closed:\n\n- [PAGEUP] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [PAGEDOWN] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [SHIFT]+[PAGEUP] - Increments minutes by 1.\n- [SHIFT]+[PAGEDOWN] - Decrements minutes by 1.\n- [SHIFT]+[CTRL]+[PAGEUP] - Increments seconds by 1.\n- [SHIFT]+[CTRL]+[PAGEDOWN] - Decrements seconds by 1.\n-\n\nWhen opened:\n\n- [PAGEUP] - Increments hours by 1. If 12 am is reached, increment hours to 1 pm and vice versa.\n- [PAGEDOWN] - Decrements the corresponding field by 1. If 1 pm is reached, decrement hours to 12 am and vice versa.\n- [SHIFT]+[PAGEUP] - Increments minutes by 1.\n- [SHIFT]+[PAGEDOWN] - Decrements minutes by 1.\n- [SHIFT]+[CTRL]+[PAGEUP] - Increments seconds by 1.\n- [SHIFT]+[CTRL]+[PAGEDOWN] - Decrements seconds by 1.\n- [A] or [P] - Selects AM or PM respectively.\n- [0]-[9] - Allows direct time selecting (hours/minutes/seconds).\n- [:] - Allows switching between hours/minutes/seconds clocks. If the last clock is displayed and [:] is pressed, the first clock is beind displayed.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/TimePicker.js\";`",
|
| 18024 | "name": "TimePicker",
|
| 18025 | "members": [
|
| 18026 | {
|
| 18027 | "kind": "field",
|
| 18028 | "name": "placeholder",
|
| 18029 | "type": {
|
| 18030 | "text": "string | undefined"
|
| 18031 | },
|
| 18032 | "description": "Defines a short hint, intended to aid the user with data entry when the\ncomponent has no value.\n\n**Note:** When no placeholder is set, the format pattern is displayed as a placeholder.\nPassing an empty string as the value of this property will make the component appear empty - without placeholder or format pattern.",
|
| 18033 | "default": "undefined",
|
| 18034 | "privacy": "public",
|
| 18035 | "_ui5validator": "String"
|
| 18036 | },
|
| 18037 | {
|
| 18038 | "kind": "field",
|
| 18039 | "name": "formatPattern",
|
| 18040 | "type": {
|
| 18041 | "text": "string"
|
| 18042 | },
|
| 18043 | "description": "Determines the format, displayed in the input field.\n\nExample:\nHH:mm:ss -> 11:42:35\nhh:mm:ss a -> 2:23:15 PM\nmm:ss -> 12:04 (only minutes and seconds)",
|
| 18044 | "default": "\"\"",
|
| 18045 | "privacy": "public",
|
| 18046 | "_ui5validator": "String"
|
| 18047 | },
|
| 18048 | {
|
| 18049 | "kind": "field",
|
| 18050 | "name": "dateValue",
|
| 18051 | "type": {
|
| 18052 | "text": "Date | Array<Date> | null"
|
| 18053 | },
|
| 18054 | "description": "Currently selected time represented as JavaScript Date instance",
|
| 18055 | "privacy": "public",
|
| 18056 | "default": "null",
|
| 18057 | "readonly": true
|
| 18058 | },
|
| 18059 | {
|
| 18060 | "kind": "field",
|
| 18061 | "name": "value",
|
| 18062 | "type": {
|
| 18063 | "text": "string | undefined"
|
| 18064 | },
|
| 18065 | "description": "Defines a formatted time value.",
|
| 18066 | "default": "undefined",
|
| 18067 | "privacy": "public",
|
| 18068 | "_ui5validator": "String",
|
| 18069 | "_ui5formProperty": true,
|
| 18070 | "_ui5formEvents": "change,input",
|
| 18071 | "inheritedFrom": {
|
| 18072 | "name": "TimePickerBase",
|
| 18073 | "module": "dist/TimePickerBase.js"
|
| 18074 | }
|
| 18075 | },
|
| 18076 | {
|
| 18077 | "kind": "field",
|
| 18078 | "name": "valueState",
|
| 18079 | "type": {
|
| 18080 | "text": "ValueState",
|
| 18081 | "references": [
|
| 18082 | {
|
| 18083 | "name": "ValueState",
|
| 18084 | "package": "@ui5/webcomponents-base",
|
| 18085 | "module": "dist/types/ValueState.js"
|
| 18086 | }
|
| 18087 | ]
|
| 18088 | },
|
| 18089 | "description": "Defines the value state of the `ui5-time-picker`.",
|
| 18090 | "default": "\"None\"",
|
| 18091 | "privacy": "public",
|
| 18092 | "_ui5validator": "ValueState",
|
| 18093 | "inheritedFrom": {
|
| 18094 | "name": "TimePickerBase",
|
| 18095 | "module": "dist/TimePickerBase.js"
|
| 18096 | }
|
| 18097 | },
|
| 18098 | {
|
| 18099 | "kind": "field",
|
| 18100 | "name": "disabled",
|
| 18101 | "type": {
|
| 18102 | "text": "boolean"
|
| 18103 | },
|
| 18104 | "description": "Determines whether the `ui5-time-picker` is displayed as disabled.",
|
| 18105 | "default": "false",
|
| 18106 | "privacy": "public",
|
| 18107 | "_ui5validator": "Boolean",
|
| 18108 | "inheritedFrom": {
|
| 18109 | "name": "TimePickerBase",
|
| 18110 | "module": "dist/TimePickerBase.js"
|
| 18111 | }
|
| 18112 | },
|
| 18113 | {
|
| 18114 | "kind": "field",
|
| 18115 | "name": "readonly",
|
| 18116 | "type": {
|
| 18117 | "text": "boolean"
|
| 18118 | },
|
| 18119 | "description": "Determines whether the `ui5-time-picker` is displayed as readonly.",
|
| 18120 | "default": "false",
|
| 18121 | "privacy": "public",
|
| 18122 | "_ui5validator": "Boolean",
|
| 18123 | "inheritedFrom": {
|
| 18124 | "name": "TimePickerBase",
|
| 18125 | "module": "dist/TimePickerBase.js"
|
| 18126 | }
|
| 18127 | },
|
| 18128 | {
|
| 18129 | "kind": "method",
|
| 18130 | "name": "openPicker",
|
| 18131 | "return": {
|
| 18132 | "type": {
|
| 18133 | "text": "Promise<void>"
|
| 18134 | },
|
| 18135 | "description": "Resolves when the picker is open"
|
| 18136 | },
|
| 18137 | "description": "Opens the picker.",
|
| 18138 | "privacy": "public",
|
| 18139 | "inheritedFrom": {
|
| 18140 | "name": "TimePickerBase",
|
| 18141 | "module": "dist/TimePickerBase.js"
|
| 18142 | }
|
| 18143 | },
|
| 18144 | {
|
| 18145 | "kind": "method",
|
| 18146 | "name": "closePicker",
|
| 18147 | "return": {
|
| 18148 | "type": {
|
| 18149 | "text": "Promise<void>"
|
| 18150 | },
|
| 18151 | "description": "Resolves when the picker is closed"
|
| 18152 | },
|
| 18153 | "description": "Closes the picker",
|
| 18154 | "privacy": "public",
|
| 18155 | "inheritedFrom": {
|
| 18156 | "name": "TimePickerBase",
|
| 18157 | "module": "dist/TimePickerBase.js"
|
| 18158 | }
|
| 18159 | },
|
| 18160 | {
|
| 18161 | "kind": "method",
|
| 18162 | "name": "isOpen",
|
| 18163 | "return": {
|
| 18164 | "type": {
|
| 18165 | "text": "boolean"
|
| 18166 | }
|
| 18167 | },
|
| 18168 | "description": "Checks if the picker is open",
|
| 18169 | "privacy": "public",
|
| 18170 | "inheritedFrom": {
|
| 18171 | "name": "TimePickerBase",
|
| 18172 | "module": "dist/TimePickerBase.js"
|
| 18173 | }
|
| 18174 | },
|
| 18175 | {
|
| 18176 | "kind": "method",
|
| 18177 | "name": "formatValue",
|
| 18178 | "return": {
|
| 18179 | "type": {
|
| 18180 | "text": "string"
|
| 18181 | },
|
| 18182 | "description": "formatted value"
|
| 18183 | },
|
| 18184 | "parameters": [
|
| 18185 | {
|
| 18186 | "name": "date",
|
| 18187 | "type": {
|
| 18188 | "text": "Date"
|
| 18189 | },
|
| 18190 | "description": "A Java Script date object to be formatted as string",
|
| 18191 | "_ui5privacy": "public"
|
| 18192 | }
|
| 18193 | ],
|
| 18194 | "description": "Formats a Java Script date object into a string representing a locale date and time\naccording to the `formatPattern` property of the TimePicker instance",
|
| 18195 | "privacy": "public",
|
| 18196 | "inheritedFrom": {
|
| 18197 | "name": "TimePickerBase",
|
| 18198 | "module": "dist/TimePickerBase.js"
|
| 18199 | }
|
| 18200 | },
|
| 18201 | {
|
| 18202 | "kind": "method",
|
| 18203 | "name": "isValid",
|
| 18204 | "return": {
|
| 18205 | "type": {
|
| 18206 | "text": "boolean"
|
| 18207 | }
|
| 18208 | },
|
| 18209 | "parameters": [
|
| 18210 | {
|
| 18211 | "name": "value",
|
| 18212 | "type": {
|
| 18213 | "text": "string | undefined"
|
| 18214 | },
|
| 18215 | "description": "The value to be tested against the current date format",
|
| 18216 | "_ui5privacy": "public"
|
| 18217 | }
|
| 18218 | ],
|
| 18219 | "description": "Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.",
|
| 18220 | "privacy": "public",
|
| 18221 | "inheritedFrom": {
|
| 18222 | "name": "TimePickerBase",
|
| 18223 | "module": "dist/TimePickerBase.js"
|
| 18224 | }
|
| 18225 | }
|
| 18226 | ],
|
| 18227 | "superclass": {
|
| 18228 | "name": "TimePickerBase",
|
| 18229 | "package": "@ui5/webcomponents",
|
| 18230 | "module": "dist/TimePickerBase.js"
|
| 18231 | },
|
| 18232 | "tagName": "ui5-time-picker",
|
| 18233 | "customElement": true,
|
| 18234 | "_ui5since": "1.0.0-rc.6",
|
| 18235 | "_ui5privacy": "public",
|
| 18236 | "events": [
|
| 18237 | {
|
| 18238 | "name": "change",
|
| 18239 | "_ui5privacy": "public",
|
| 18240 | "type": {
|
| 18241 | "text": "CustomEvent<TimePickerBaseChangeEventDetail>",
|
| 18242 | "references": [
|
| 18243 | {
|
| 18244 | "name": "TimePickerBaseChangeEventDetail",
|
| 18245 | "package": "@ui5/webcomponents",
|
| 18246 | "module": "dist/TimePickerBase.js"
|
| 18247 | }
|
| 18248 | ]
|
| 18249 | },
|
| 18250 | "description": "Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.",
|
| 18251 | "_ui5parameters": [
|
| 18252 | {
|
| 18253 | "type": {
|
| 18254 | "text": "string"
|
| 18255 | },
|
| 18256 | "name": "value",
|
| 18257 | "_ui5privacy": "public",
|
| 18258 | "description": "The submitted value."
|
| 18259 | },
|
| 18260 | {
|
| 18261 | "type": {
|
| 18262 | "text": "boolean"
|
| 18263 | },
|
| 18264 | "name": "valid",
|
| 18265 | "_ui5privacy": "public",
|
| 18266 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 18267 | }
|
| 18268 | ],
|
| 18269 | "inheritedFrom": {
|
| 18270 | "name": "TimePickerBase",
|
| 18271 | "module": "dist/TimePickerBase.js"
|
| 18272 | }
|
| 18273 | },
|
| 18274 | {
|
| 18275 | "name": "input",
|
| 18276 | "_ui5privacy": "public",
|
| 18277 | "type": {
|
| 18278 | "text": "CustomEvent<TimePickerBaseInputEventDetail>",
|
| 18279 | "references": [
|
| 18280 | {
|
| 18281 | "name": "TimePickerBaseInputEventDetail",
|
| 18282 | "package": "@ui5/webcomponents",
|
| 18283 | "module": "dist/TimePickerBase.js"
|
| 18284 | }
|
| 18285 | ]
|
| 18286 | },
|
| 18287 | "description": "Fired when the value of the `ui5-time-picker` is changed at each key stroke.",
|
| 18288 | "_ui5parameters": [
|
| 18289 | {
|
| 18290 | "type": {
|
| 18291 | "text": "string"
|
| 18292 | },
|
| 18293 | "name": "value",
|
| 18294 | "_ui5privacy": "public",
|
| 18295 | "description": "The current value."
|
| 18296 | },
|
| 18297 | {
|
| 18298 | "type": {
|
| 18299 | "text": "boolean"
|
| 18300 | },
|
| 18301 | "name": "valid",
|
| 18302 | "_ui5privacy": "public",
|
| 18303 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 18304 | }
|
| 18305 | ],
|
| 18306 | "inheritedFrom": {
|
| 18307 | "name": "TimePickerBase",
|
| 18308 | "module": "dist/TimePickerBase.js"
|
| 18309 | }
|
| 18310 | }
|
| 18311 | ]
|
| 18312 | }
|
| 18313 | ],
|
| 18314 | "exports": [
|
| 18315 | {
|
| 18316 | "kind": "js",
|
| 18317 | "name": "default",
|
| 18318 | "declaration": {
|
| 18319 | "name": "TimePicker",
|
| 18320 | "module": "dist/TimePicker.js"
|
| 18321 | }
|
| 18322 | },
|
| 18323 | {
|
| 18324 | "kind": "custom-element-definition",
|
| 18325 | "name": "ui5-time-picker",
|
| 18326 | "declaration": {
|
| 18327 | "name": "TimePicker",
|
| 18328 | "module": "dist/TimePicker.js"
|
| 18329 | }
|
| 18330 | }
|
| 18331 | ]
|
| 18332 | },
|
| 18333 | {
|
| 18334 | "kind": "javascript-module",
|
| 18335 | "path": "dist/TimePickerBase.js",
|
| 18336 | "declarations": [
|
| 18337 | {
|
| 18338 | "kind": "class",
|
| 18339 | "description": "",
|
| 18340 | "name": "TimePickerBase",
|
| 18341 | "slots": [
|
| 18342 | {
|
| 18343 | "name": "valueStateMessage",
|
| 18344 | "description": "Defines the value state message that will be displayed as pop up under the `ui5-time-picker`.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the `ui5-time-picker` is in `Information`, `Warning` or `Error` value state.",
|
| 18345 | "_ui5since": "1.0.0-rc.8",
|
| 18346 | "_ui5type": {
|
| 18347 | "text": "Array<HTMLElement>"
|
| 18348 | },
|
| 18349 | "_ui5privacy": "public"
|
| 18350 | }
|
| 18351 | ],
|
| 18352 | "members": [
|
| 18353 | {
|
| 18354 | "kind": "field",
|
| 18355 | "name": "value",
|
| 18356 | "type": {
|
| 18357 | "text": "string | undefined"
|
| 18358 | },
|
| 18359 | "description": "Defines a formatted time value.",
|
| 18360 | "default": "undefined",
|
| 18361 | "privacy": "public",
|
| 18362 | "_ui5validator": "String",
|
| 18363 | "_ui5formProperty": true,
|
| 18364 | "_ui5formEvents": "change,input"
|
| 18365 | },
|
| 18366 | {
|
| 18367 | "kind": "field",
|
| 18368 | "name": "valueState",
|
| 18369 | "type": {
|
| 18370 | "text": "ValueState",
|
| 18371 | "references": [
|
| 18372 | {
|
| 18373 | "name": "ValueState",
|
| 18374 | "package": "@ui5/webcomponents-base",
|
| 18375 | "module": "dist/types/ValueState.js"
|
| 18376 | }
|
| 18377 | ]
|
| 18378 | },
|
| 18379 | "description": "Defines the value state of the `ui5-time-picker`.",
|
| 18380 | "default": "\"None\"",
|
| 18381 | "privacy": "public",
|
| 18382 | "_ui5validator": "ValueState"
|
| 18383 | },
|
| 18384 | {
|
| 18385 | "kind": "field",
|
| 18386 | "name": "disabled",
|
| 18387 | "type": {
|
| 18388 | "text": "boolean"
|
| 18389 | },
|
| 18390 | "description": "Determines whether the `ui5-time-picker` is displayed as disabled.",
|
| 18391 | "default": "false",
|
| 18392 | "privacy": "public",
|
| 18393 | "_ui5validator": "Boolean"
|
| 18394 | },
|
| 18395 | {
|
| 18396 | "kind": "field",
|
| 18397 | "name": "readonly",
|
| 18398 | "type": {
|
| 18399 | "text": "boolean"
|
| 18400 | },
|
| 18401 | "description": "Determines whether the `ui5-time-picker` is displayed as readonly.",
|
| 18402 | "default": "false",
|
| 18403 | "privacy": "public",
|
| 18404 | "_ui5validator": "Boolean"
|
| 18405 | },
|
| 18406 | {
|
| 18407 | "kind": "method",
|
| 18408 | "name": "openPicker",
|
| 18409 | "return": {
|
| 18410 | "type": {
|
| 18411 | "text": "Promise<void>"
|
| 18412 | },
|
| 18413 | "description": "Resolves when the picker is open"
|
| 18414 | },
|
| 18415 | "description": "Opens the picker.",
|
| 18416 | "privacy": "public"
|
| 18417 | },
|
| 18418 | {
|
| 18419 | "kind": "method",
|
| 18420 | "name": "closePicker",
|
| 18421 | "return": {
|
| 18422 | "type": {
|
| 18423 | "text": "Promise<void>"
|
| 18424 | },
|
| 18425 | "description": "Resolves when the picker is closed"
|
| 18426 | },
|
| 18427 | "description": "Closes the picker",
|
| 18428 | "privacy": "public"
|
| 18429 | },
|
| 18430 | {
|
| 18431 | "kind": "method",
|
| 18432 | "name": "isOpen",
|
| 18433 | "return": {
|
| 18434 | "type": {
|
| 18435 | "text": "boolean"
|
| 18436 | }
|
| 18437 | },
|
| 18438 | "description": "Checks if the picker is open",
|
| 18439 | "privacy": "public"
|
| 18440 | },
|
| 18441 | {
|
| 18442 | "kind": "method",
|
| 18443 | "name": "formatValue",
|
| 18444 | "return": {
|
| 18445 | "type": {
|
| 18446 | "text": "string"
|
| 18447 | },
|
| 18448 | "description": "formatted value"
|
| 18449 | },
|
| 18450 | "parameters": [
|
| 18451 | {
|
| 18452 | "name": "date",
|
| 18453 | "type": {
|
| 18454 | "text": "Date"
|
| 18455 | },
|
| 18456 | "description": "A Java Script date object to be formatted as string",
|
| 18457 | "_ui5privacy": "public"
|
| 18458 | }
|
| 18459 | ],
|
| 18460 | "description": "Formats a Java Script date object into a string representing a locale date and time\naccording to the `formatPattern` property of the TimePicker instance",
|
| 18461 | "privacy": "public"
|
| 18462 | },
|
| 18463 | {
|
| 18464 | "kind": "method",
|
| 18465 | "name": "isValid",
|
| 18466 | "return": {
|
| 18467 | "type": {
|
| 18468 | "text": "boolean"
|
| 18469 | }
|
| 18470 | },
|
| 18471 | "parameters": [
|
| 18472 | {
|
| 18473 | "name": "value",
|
| 18474 | "type": {
|
| 18475 | "text": "string | undefined"
|
| 18476 | },
|
| 18477 | "description": "The value to be tested against the current date format",
|
| 18478 | "_ui5privacy": "public"
|
| 18479 | }
|
| 18480 | ],
|
| 18481 | "description": "Checks if a value is valid against the current `formatPattern` value.\n\n**Note:** an empty string is considered as valid value.",
|
| 18482 | "privacy": "public"
|
| 18483 | }
|
| 18484 | ],
|
| 18485 | "events": [
|
| 18486 | {
|
| 18487 | "name": "change",
|
| 18488 | "_ui5privacy": "public",
|
| 18489 | "type": {
|
| 18490 | "text": "CustomEvent<TimePickerBaseChangeEventDetail>",
|
| 18491 | "references": [
|
| 18492 | {
|
| 18493 | "name": "TimePickerBaseChangeEventDetail",
|
| 18494 | "package": "@ui5/webcomponents",
|
| 18495 | "module": "dist/TimePickerBase.js"
|
| 18496 | }
|
| 18497 | ]
|
| 18498 | },
|
| 18499 | "description": "Fired when the input operation has finished by clicking the \"OK\" button or\nwhen the text in the input field has changed and the focus leaves the input field.",
|
| 18500 | "_ui5parameters": [
|
| 18501 | {
|
| 18502 | "type": {
|
| 18503 | "text": "string"
|
| 18504 | },
|
| 18505 | "name": "value",
|
| 18506 | "_ui5privacy": "public",
|
| 18507 | "description": "The submitted value."
|
| 18508 | },
|
| 18509 | {
|
| 18510 | "type": {
|
| 18511 | "text": "boolean"
|
| 18512 | },
|
| 18513 | "name": "valid",
|
| 18514 | "_ui5privacy": "public",
|
| 18515 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 18516 | }
|
| 18517 | ]
|
| 18518 | },
|
| 18519 | {
|
| 18520 | "name": "input",
|
| 18521 | "_ui5privacy": "public",
|
| 18522 | "type": {
|
| 18523 | "text": "CustomEvent<TimePickerBaseInputEventDetail>",
|
| 18524 | "references": [
|
| 18525 | {
|
| 18526 | "name": "TimePickerBaseInputEventDetail",
|
| 18527 | "package": "@ui5/webcomponents",
|
| 18528 | "module": "dist/TimePickerBase.js"
|
| 18529 | }
|
| 18530 | ]
|
| 18531 | },
|
| 18532 | "description": "Fired when the value of the `ui5-time-picker` is changed at each key stroke.",
|
| 18533 | "_ui5parameters": [
|
| 18534 | {
|
| 18535 | "type": {
|
| 18536 | "text": "string"
|
| 18537 | },
|
| 18538 | "name": "value",
|
| 18539 | "_ui5privacy": "public",
|
| 18540 | "description": "The current value."
|
| 18541 | },
|
| 18542 | {
|
| 18543 | "type": {
|
| 18544 | "text": "boolean"
|
| 18545 | },
|
| 18546 | "name": "valid",
|
| 18547 | "_ui5privacy": "public",
|
| 18548 | "description": "Indicator if the value is in correct format pattern and in valid range."
|
| 18549 | }
|
| 18550 | ]
|
| 18551 | }
|
| 18552 | ],
|
| 18553 | "superclass": {
|
| 18554 | "name": "UI5Element",
|
| 18555 | "package": "@ui5/webcomponents-base",
|
| 18556 | "module": "dist/UI5Element.js"
|
| 18557 | },
|
| 18558 | "customElement": true,
|
| 18559 | "_ui5since": "1.0.0-rc.6",
|
| 18560 | "_ui5privacy": "public"
|
| 18561 | }
|
| 18562 | ],
|
| 18563 | "exports": [
|
| 18564 | {
|
| 18565 | "kind": "js",
|
| 18566 | "name": "default",
|
| 18567 | "declaration": {
|
| 18568 | "name": "TimePickerBase",
|
| 18569 | "module": "dist/TimePickerBase.js"
|
| 18570 | }
|
| 18571 | }
|
| 18572 | ]
|
| 18573 | },
|
| 18574 | {
|
| 18575 | "kind": "javascript-module",
|
| 18576 | "path": "dist/TimePickerClock.js",
|
| 18577 | "declarations": [],
|
| 18578 | "exports": [
|
| 18579 | {
|
| 18580 | "kind": "js",
|
| 18581 | "name": "default",
|
| 18582 | "declaration": {
|
| 18583 | "name": "TimePickerClock",
|
| 18584 | "module": "dist/TimePickerClock.js"
|
| 18585 | }
|
| 18586 | }
|
| 18587 | ]
|
| 18588 | },
|
| 18589 | {
|
| 18590 | "kind": "javascript-module",
|
| 18591 | "path": "dist/TimePickerInternals.js",
|
| 18592 | "declarations": [],
|
| 18593 | "exports": [
|
| 18594 | {
|
| 18595 | "kind": "js",
|
| 18596 | "name": "default",
|
| 18597 | "declaration": {
|
| 18598 | "name": "TimePickerInternals",
|
| 18599 | "module": "dist/TimePickerInternals.js"
|
| 18600 | }
|
| 18601 | }
|
| 18602 | ]
|
| 18603 | },
|
| 18604 | {
|
| 18605 | "kind": "javascript-module",
|
| 18606 | "path": "dist/TimeSelection.js",
|
| 18607 | "declarations": [],
|
| 18608 | "exports": [
|
| 18609 | {
|
| 18610 | "kind": "js",
|
| 18611 | "name": "default",
|
| 18612 | "declaration": {
|
| 18613 | "name": "TimeSelection",
|
| 18614 | "module": "dist/TimeSelection.js"
|
| 18615 | }
|
| 18616 | }
|
| 18617 | ]
|
| 18618 | },
|
| 18619 | {
|
| 18620 | "kind": "javascript-module",
|
| 18621 | "path": "dist/TimeSelectionClocks.js",
|
| 18622 | "declarations": [],
|
| 18623 | "exports": [
|
| 18624 | {
|
| 18625 | "kind": "js",
|
| 18626 | "name": "default",
|
| 18627 | "declaration": {
|
| 18628 | "name": "TimeSelectionClocks",
|
| 18629 | "module": "dist/TimeSelectionClocks.js"
|
| 18630 | }
|
| 18631 | }
|
| 18632 | ]
|
| 18633 | },
|
| 18634 | {
|
| 18635 | "kind": "javascript-module",
|
| 18636 | "path": "dist/TimeSelectionInputs.js",
|
| 18637 | "declarations": [],
|
| 18638 | "exports": [
|
| 18639 | {
|
| 18640 | "kind": "js",
|
| 18641 | "name": "default",
|
| 18642 | "declaration": {
|
| 18643 | "name": "TimeSelectionInputs",
|
| 18644 | "module": "dist/TimeSelectionInputs.js"
|
| 18645 | }
|
| 18646 | }
|
| 18647 | ]
|
| 18648 | },
|
| 18649 | {
|
| 18650 | "kind": "javascript-module",
|
| 18651 | "path": "dist/Title.js",
|
| 18652 | "declarations": [
|
| 18653 | {
|
| 18654 | "kind": "class",
|
| 18655 | "description": "### Overview\n\nThe `ui5-title` component is used to display titles inside a page.\nIt is a simple, large-sized text with explicit header/title semantics.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Title.js\";`",
|
| 18656 | "name": "Title",
|
| 18657 | "slots": [
|
| 18658 | {
|
| 18659 | "description": "Defines the text of the component.\nThis component supports nesting a `Link` component inside.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 18660 | "name": "default",
|
| 18661 | "_ui5privacy": "public",
|
| 18662 | "_ui5type": {
|
| 18663 | "text": "Array<Node>"
|
| 18664 | }
|
| 18665 | }
|
| 18666 | ],
|
| 18667 | "members": [
|
| 18668 | {
|
| 18669 | "kind": "field",
|
| 18670 | "name": "wrappingType",
|
| 18671 | "type": {
|
| 18672 | "text": "WrappingType",
|
| 18673 | "references": [
|
| 18674 | {
|
| 18675 | "name": "WrappingType",
|
| 18676 | "package": "@ui5/webcomponents",
|
| 18677 | "module": "dist/types/WrappingType.js"
|
| 18678 | }
|
| 18679 | ]
|
| 18680 | },
|
| 18681 | "description": "Defines how the text of a component will be displayed when there is not enough space.\n\n**Note:** for option \"Normal\" the text will wrap and the words will not be broken based on hyphenation.",
|
| 18682 | "default": "\"None\"",
|
| 18683 | "privacy": "public",
|
| 18684 | "_ui5validator": "WrappingType"
|
| 18685 | },
|
| 18686 | {
|
| 18687 | "kind": "field",
|
| 18688 | "name": "level",
|
| 18689 | "type": {
|
| 18690 | "text": "TitleLevel",
|
| 18691 | "references": [
|
| 18692 | {
|
| 18693 | "name": "TitleLevel",
|
| 18694 | "package": "@ui5/webcomponents",
|
| 18695 | "module": "dist/types/TitleLevel.js"
|
| 18696 | }
|
| 18697 | ]
|
| 18698 | },
|
| 18699 | "description": "Defines the component level.\nAvailable options are: `\"H6\"` to `\"H1\"`.",
|
| 18700 | "default": "\"H2\"",
|
| 18701 | "privacy": "public",
|
| 18702 | "_ui5validator": "TitleLevel"
|
| 18703 | }
|
| 18704 | ],
|
| 18705 | "superclass": {
|
| 18706 | "name": "UI5Element",
|
| 18707 | "package": "@ui5/webcomponents-base",
|
| 18708 | "module": "dist/UI5Element.js"
|
| 18709 | },
|
| 18710 | "tagName": "ui5-title",
|
| 18711 | "customElement": true,
|
| 18712 | "_ui5privacy": "public"
|
| 18713 | }
|
| 18714 | ],
|
| 18715 | "exports": [
|
| 18716 | {
|
| 18717 | "kind": "js",
|
| 18718 | "name": "default",
|
| 18719 | "declaration": {
|
| 18720 | "name": "Title",
|
| 18721 | "module": "dist/Title.js"
|
| 18722 | }
|
| 18723 | },
|
| 18724 | {
|
| 18725 | "kind": "custom-element-definition",
|
| 18726 | "name": "ui5-title",
|
| 18727 | "declaration": {
|
| 18728 | "name": "Title",
|
| 18729 | "module": "dist/Title.js"
|
| 18730 | }
|
| 18731 | }
|
| 18732 | ]
|
| 18733 | },
|
| 18734 | {
|
| 18735 | "kind": "javascript-module",
|
| 18736 | "path": "dist/Toast.js",
|
| 18737 | "declarations": [
|
| 18738 | {
|
| 18739 | "kind": "class",
|
| 18740 | "description": "### Overview\n\nThe `ui5-toast` is a small, non-disruptive popup for success or information messages that\ndisappears automatically after a few seconds.\n\n### Usage\n\n#### When to use:\n\n- You want to display a short success or information message.\n- You do not want to interrupt users while they are performing an action.\n- You want to confirm a successful action.\n\n#### When not to use:\n\n- You want to display error or warning message.\n- You want to interrupt users while they are performing an action.\n- You want to make sure that users read the message before they leave the page.\n- You want users to be able to copy some part of the message text.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Toast.js\";`",
|
| 18741 | "name": "Toast",
|
| 18742 | "slots": [
|
| 18743 | {
|
| 18744 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 18745 | "name": "default",
|
| 18746 | "_ui5privacy": "public",
|
| 18747 | "_ui5type": {
|
| 18748 | "text": "Array<Node>"
|
| 18749 | }
|
| 18750 | }
|
| 18751 | ],
|
| 18752 | "members": [
|
| 18753 | {
|
| 18754 | "kind": "field",
|
| 18755 | "name": "duration",
|
| 18756 | "type": {
|
| 18757 | "text": "number"
|
| 18758 | },
|
| 18759 | "description": "Defines the duration in milliseconds for which component\nremains on the screen before it's automatically closed.\n\n**Note:** The minimum supported value is `500` ms\nand even if a lower value is set, the duration would remain `500` ms.",
|
| 18760 | "default": "3000",
|
| 18761 | "privacy": "public",
|
| 18762 | "_ui5validator": "Integer"
|
| 18763 | },
|
| 18764 | {
|
| 18765 | "kind": "field",
|
| 18766 | "name": "placement",
|
| 18767 | "type": {
|
| 18768 | "text": "ToastPlacement",
|
| 18769 | "references": [
|
| 18770 | {
|
| 18771 | "name": "ToastPlacement",
|
| 18772 | "package": "@ui5/webcomponents",
|
| 18773 | "module": "dist/types/ToastPlacement.js"
|
| 18774 | }
|
| 18775 | ]
|
| 18776 | },
|
| 18777 | "description": "Defines the placement of the component.",
|
| 18778 | "default": "\"BottomCenter\"",
|
| 18779 | "privacy": "public",
|
| 18780 | "_ui5validator": "ToastPlacement"
|
| 18781 | },
|
| 18782 | {
|
| 18783 | "kind": "method",
|
| 18784 | "name": "show",
|
| 18785 | "return": {
|
| 18786 | "type": {
|
| 18787 | "text": "void"
|
| 18788 | }
|
| 18789 | },
|
| 18790 | "description": "Shows the component.",
|
| 18791 | "privacy": "public"
|
| 18792 | }
|
| 18793 | ],
|
| 18794 | "superclass": {
|
| 18795 | "name": "UI5Element",
|
| 18796 | "package": "@ui5/webcomponents-base",
|
| 18797 | "module": "dist/UI5Element.js"
|
| 18798 | },
|
| 18799 | "tagName": "ui5-toast",
|
| 18800 | "customElement": true,
|
| 18801 | "_ui5since": "1.0.0-rc.6",
|
| 18802 | "_ui5privacy": "public"
|
| 18803 | }
|
| 18804 | ],
|
| 18805 | "exports": [
|
| 18806 | {
|
| 18807 | "kind": "js",
|
| 18808 | "name": "default",
|
| 18809 | "declaration": {
|
| 18810 | "name": "Toast",
|
| 18811 | "module": "dist/Toast.js"
|
| 18812 | }
|
| 18813 | },
|
| 18814 | {
|
| 18815 | "kind": "custom-element-definition",
|
| 18816 | "name": "ui5-toast",
|
| 18817 | "declaration": {
|
| 18818 | "name": "Toast",
|
| 18819 | "module": "dist/Toast.js"
|
| 18820 | }
|
| 18821 | }
|
| 18822 | ]
|
| 18823 | },
|
| 18824 | {
|
| 18825 | "kind": "javascript-module",
|
| 18826 | "path": "dist/ToggleButton.js",
|
| 18827 | "declarations": [
|
| 18828 | {
|
| 18829 | "kind": "class",
|
| 18830 | "description": "### Overview\n\nThe `ui5-toggle-button` component is an enhanced `ui5-button`\nthat can be toggled between pressed and normal states.\nUsers can use the `ui5-toggle-button` as a switch to turn a setting on or off.\nIt can also be used to represent an independent choice similar to a check box.\n\nClicking or tapping on a `ui5-toggle-button` changes its state to `pressed`. The button returns to\nits initial state when the user clicks or taps on it again.\nBy 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\";`",
|
| 18831 | "name": "ToggleButton",
|
| 18832 | "members": [
|
| 18833 | {
|
| 18834 | "kind": "field",
|
| 18835 | "name": "pressed",
|
| 18836 | "type": {
|
| 18837 | "text": "boolean"
|
| 18838 | },
|
| 18839 | "description": "Determines whether the component is displayed as pressed.",
|
| 18840 | "default": "false",
|
| 18841 | "privacy": "public",
|
| 18842 | "_ui5validator": "Boolean"
|
| 18843 | },
|
| 18844 | {
|
| 18845 | "kind": "field",
|
| 18846 | "name": "design",
|
| 18847 | "type": {
|
| 18848 | "text": "ButtonDesign",
|
| 18849 | "references": [
|
| 18850 | {
|
| 18851 | "name": "ButtonDesign",
|
| 18852 | "package": "@ui5/webcomponents",
|
| 18853 | "module": "dist/types/ButtonDesign.js"
|
| 18854 | }
|
| 18855 | ]
|
| 18856 | },
|
| 18857 | "description": "Defines the component design.",
|
| 18858 | "default": "\"Default\"",
|
| 18859 | "privacy": "public",
|
| 18860 | "_ui5validator": "ButtonDesign",
|
| 18861 | "inheritedFrom": {
|
| 18862 | "name": "Button",
|
| 18863 | "module": "dist/Button.js"
|
| 18864 | }
|
| 18865 | },
|
| 18866 | {
|
| 18867 | "kind": "field",
|
| 18868 | "name": "disabled",
|
| 18869 | "type": {
|
| 18870 | "text": "boolean"
|
| 18871 | },
|
| 18872 | "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
|
| 18873 | "default": "false",
|
| 18874 | "privacy": "public",
|
| 18875 | "_ui5validator": "Boolean",
|
| 18876 | "inheritedFrom": {
|
| 18877 | "name": "Button",
|
| 18878 | "module": "dist/Button.js"
|
| 18879 | }
|
| 18880 | },
|
| 18881 | {
|
| 18882 | "kind": "field",
|
| 18883 | "name": "icon",
|
| 18884 | "type": {
|
| 18885 | "text": "string"
|
| 18886 | },
|
| 18887 | "description": "Defines the icon, displayed as graphical element within the component.\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 18888 | "default": "\"\"",
|
| 18889 | "privacy": "public",
|
| 18890 | "_ui5validator": "String",
|
| 18891 | "inheritedFrom": {
|
| 18892 | "name": "Button",
|
| 18893 | "module": "dist/Button.js"
|
| 18894 | }
|
| 18895 | },
|
| 18896 | {
|
| 18897 | "kind": "field",
|
| 18898 | "name": "iconEnd",
|
| 18899 | "type": {
|
| 18900 | "text": "boolean"
|
| 18901 | },
|
| 18902 | "description": "Defines whether the icon should be displayed after the component text.",
|
| 18903 | "default": "false",
|
| 18904 | "privacy": "public",
|
| 18905 | "_ui5validator": "Boolean",
|
| 18906 | "inheritedFrom": {
|
| 18907 | "name": "Button",
|
| 18908 | "module": "dist/Button.js"
|
| 18909 | }
|
| 18910 | },
|
| 18911 | {
|
| 18912 | "kind": "field",
|
| 18913 | "name": "submits",
|
| 18914 | "type": {
|
| 18915 | "text": "boolean"
|
| 18916 | },
|
| 18917 | "description": "When set to `true`, the component will\nautomatically submit the nearest HTML form element on `press`.\n\n**Note:** For the `submits` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`",
|
| 18918 | "default": "false",
|
| 18919 | "privacy": "public",
|
| 18920 | "deprecated": "Set the \"type\" property to \"Submit\" to achieve the same result. The \"submits\" property is ignored if \"type\" is set to any value other than \"Button\".",
|
| 18921 | "_ui5validator": "Boolean",
|
| 18922 | "inheritedFrom": {
|
| 18923 | "name": "Button",
|
| 18924 | "module": "dist/Button.js"
|
| 18925 | }
|
| 18926 | },
|
| 18927 | {
|
| 18928 | "kind": "field",
|
| 18929 | "name": "tooltip",
|
| 18930 | "type": {
|
| 18931 | "text": "string"
|
| 18932 | },
|
| 18933 | "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
|
| 18934 | "default": "\"\"",
|
| 18935 | "privacy": "public",
|
| 18936 | "_ui5since": "1.2.0",
|
| 18937 | "_ui5validator": "String",
|
| 18938 | "inheritedFrom": {
|
| 18939 | "name": "Button",
|
| 18940 | "module": "dist/Button.js"
|
| 18941 | }
|
| 18942 | },
|
| 18943 | {
|
| 18944 | "kind": "field",
|
| 18945 | "name": "accessibleName",
|
| 18946 | "type": {
|
| 18947 | "text": "string | undefined"
|
| 18948 | },
|
| 18949 | "description": "Defines the accessible ARIA name of the component.",
|
| 18950 | "default": "undefined",
|
| 18951 | "privacy": "public",
|
| 18952 | "_ui5since": "1.0.0-rc.15",
|
| 18953 | "_ui5validator": "String",
|
| 18954 | "inheritedFrom": {
|
| 18955 | "name": "Button",
|
| 18956 | "module": "dist/Button.js"
|
| 18957 | }
|
| 18958 | },
|
| 18959 | {
|
| 18960 | "kind": "field",
|
| 18961 | "name": "accessibleNameRef",
|
| 18962 | "type": {
|
| 18963 | "text": "string"
|
| 18964 | },
|
| 18965 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 18966 | "default": "\"\"",
|
| 18967 | "privacy": "public",
|
| 18968 | "_ui5since": "1.1.0",
|
| 18969 | "_ui5validator": "String",
|
| 18970 | "inheritedFrom": {
|
| 18971 | "name": "Button",
|
| 18972 | "module": "dist/Button.js"
|
| 18973 | }
|
| 18974 | },
|
| 18975 | {
|
| 18976 | "kind": "field",
|
| 18977 | "name": "accessibilityAttributes",
|
| 18978 | "type": {
|
| 18979 | "text": "AccessibilityAttributes",
|
| 18980 | "references": [
|
| 18981 | {
|
| 18982 | "name": "AccessibilityAttributes",
|
| 18983 | "package": "@ui5/webcomponents",
|
| 18984 | "module": "dist/Button.js"
|
| 18985 | }
|
| 18986 | ]
|
| 18987 | },
|
| 18988 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n- `expanded`: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n- `true`\n- `false`\n\n- `hasPopup`: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:\n- `Dialog`\n- `Grid`\n- `ListBox`\n- `Menu`\n- `Tree`\n\n- `controls`: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.",
|
| 18989 | "privacy": "public",
|
| 18990 | "default": "{}",
|
| 18991 | "_ui5since": "1.2.0",
|
| 18992 | "_ui5validator": "Object",
|
| 18993 | "inheritedFrom": {
|
| 18994 | "name": "Button",
|
| 18995 | "module": "dist/Button.js"
|
| 18996 | }
|
| 18997 | },
|
| 18998 | {
|
| 18999 | "kind": "field",
|
| 19000 | "name": "type",
|
| 19001 | "type": {
|
| 19002 | "text": "ButtonType",
|
| 19003 | "references": [
|
| 19004 | {
|
| 19005 | "name": "ButtonType",
|
| 19006 | "package": "@ui5/webcomponents",
|
| 19007 | "module": "dist/types/ButtonType.js"
|
| 19008 | }
|
| 19009 | ]
|
| 19010 | },
|
| 19011 | "description": "Defines whether the button has special form-related functionality.\n\n**Note:** For the `type` property to have effect, you must add the following import to your project:\n`import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`",
|
| 19012 | "default": "\"Button\"",
|
| 19013 | "privacy": "public",
|
| 19014 | "_ui5since": "1.15.0",
|
| 19015 | "_ui5validator": "ButtonType",
|
| 19016 | "inheritedFrom": {
|
| 19017 | "name": "Button",
|
| 19018 | "module": "dist/Button.js"
|
| 19019 | }
|
| 19020 | },
|
| 19021 | {
|
| 19022 | "kind": "field",
|
| 19023 | "name": "accessibleRole",
|
| 19024 | "type": {
|
| 19025 | "text": "ButtonAccessibleRole",
|
| 19026 | "references": [
|
| 19027 | {
|
| 19028 | "name": "ButtonAccessibleRole",
|
| 19029 | "package": "@ui5/webcomponents",
|
| 19030 | "module": "dist/types/ButtonAccessibleRole.js"
|
| 19031 | }
|
| 19032 | ]
|
| 19033 | },
|
| 19034 | "description": "Describes the accessibility role of the button.\n\n**Note:** Use link role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.",
|
| 19035 | "default": "\"Button\"",
|
| 19036 | "privacy": "public",
|
| 19037 | "_ui5since": "1.23",
|
| 19038 | "_ui5validator": "ButtonAccessibleRole",
|
| 19039 | "inheritedFrom": {
|
| 19040 | "name": "Button",
|
| 19041 | "module": "dist/Button.js"
|
| 19042 | }
|
| 19043 | }
|
| 19044 | ],
|
| 19045 | "superclass": {
|
| 19046 | "name": "Button",
|
| 19047 | "package": "@ui5/webcomponents",
|
| 19048 | "module": "dist/Button.js"
|
| 19049 | },
|
| 19050 | "tagName": "ui5-toggle-button",
|
| 19051 | "customElement": true,
|
| 19052 | "_ui5privacy": "public",
|
| 19053 | "events": [
|
| 19054 | {
|
| 19055 | "name": "click",
|
| 19056 | "_ui5privacy": "public",
|
| 19057 | "type": {
|
| 19058 | "text": "Event"
|
| 19059 | },
|
| 19060 | "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.",
|
| 19061 | "inheritedFrom": {
|
| 19062 | "name": "Button",
|
| 19063 | "module": "dist/Button.js"
|
| 19064 | }
|
| 19065 | }
|
| 19066 | ]
|
| 19067 | }
|
| 19068 | ],
|
| 19069 | "exports": [
|
| 19070 | {
|
| 19071 | "kind": "js",
|
| 19072 | "name": "default",
|
| 19073 | "declaration": {
|
| 19074 | "name": "ToggleButton",
|
| 19075 | "module": "dist/ToggleButton.js"
|
| 19076 | }
|
| 19077 | },
|
| 19078 | {
|
| 19079 | "kind": "custom-element-definition",
|
| 19080 | "name": "ui5-toggle-button",
|
| 19081 | "declaration": {
|
| 19082 | "name": "ToggleButton",
|
| 19083 | "module": "dist/ToggleButton.js"
|
| 19084 | }
|
| 19085 | }
|
| 19086 | ]
|
| 19087 | },
|
| 19088 | {
|
| 19089 | "kind": "javascript-module",
|
| 19090 | "path": "dist/ToggleSpinButton.js",
|
| 19091 | "declarations": [],
|
| 19092 | "exports": [
|
| 19093 | {
|
| 19094 | "kind": "js",
|
| 19095 | "name": "default",
|
| 19096 | "declaration": {
|
| 19097 | "name": "ToggleSpinButton",
|
| 19098 | "module": "dist/ToggleSpinButton.js"
|
| 19099 | }
|
| 19100 | }
|
| 19101 | ]
|
| 19102 | },
|
| 19103 | {
|
| 19104 | "kind": "javascript-module",
|
| 19105 | "path": "dist/Token.js",
|
| 19106 | "declarations": [
|
| 19107 | {
|
| 19108 | "kind": "class",
|
| 19109 | "description": "### Overview\n\nTokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/Token.js\";`",
|
| 19110 | "name": "Token",
|
| 19111 | "slots": [
|
| 19112 | {
|
| 19113 | "name": "closeIcon",
|
| 19114 | "description": "Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.\nAccepts `ui5-icon`.",
|
| 19115 | "_ui5since": "1.0.0-rc.9",
|
| 19116 | "_ui5type": {
|
| 19117 | "text": "Array<IIcon>",
|
| 19118 | "references": [
|
| 19119 | {
|
| 19120 | "name": "IIcon",
|
| 19121 | "package": "@ui5/webcomponents",
|
| 19122 | "module": "dist/Icon.js"
|
| 19123 | }
|
| 19124 | ]
|
| 19125 | },
|
| 19126 | "_ui5privacy": "public"
|
| 19127 | }
|
| 19128 | ],
|
| 19129 | "members": [
|
| 19130 | {
|
| 19131 | "kind": "field",
|
| 19132 | "name": "text",
|
| 19133 | "type": {
|
| 19134 | "text": "string"
|
| 19135 | },
|
| 19136 | "description": "Defines the text of the token.",
|
| 19137 | "default": "\"\"",
|
| 19138 | "privacy": "public",
|
| 19139 | "_ui5validator": "String"
|
| 19140 | },
|
| 19141 | {
|
| 19142 | "kind": "field",
|
| 19143 | "name": "readonly",
|
| 19144 | "type": {
|
| 19145 | "text": "boolean"
|
| 19146 | },
|
| 19147 | "description": "Defines whether the component is read-only.\n\n**Note:** A read-only component can not be deleted or selected,\nbut still provides visual feedback upon user interaction.",
|
| 19148 | "default": "false",
|
| 19149 | "privacy": "public",
|
| 19150 | "_ui5validator": "Boolean"
|
| 19151 | },
|
| 19152 | {
|
| 19153 | "kind": "field",
|
| 19154 | "name": "selected",
|
| 19155 | "type": {
|
| 19156 | "text": "boolean"
|
| 19157 | },
|
| 19158 | "description": "Defines whether the component is selected or not.",
|
| 19159 | "default": "false",
|
| 19160 | "privacy": "public",
|
| 19161 | "_ui5validator": "Boolean"
|
| 19162 | }
|
| 19163 | ],
|
| 19164 | "events": [
|
| 19165 | {
|
| 19166 | "name": "select",
|
| 19167 | "_ui5privacy": "public",
|
| 19168 | "type": {
|
| 19169 | "text": "CustomEvent"
|
| 19170 | },
|
| 19171 | "description": "Fired when the the component is selected by user interaction with mouse or by clicking space."
|
| 19172 | }
|
| 19173 | ],
|
| 19174 | "superclass": {
|
| 19175 | "name": "UI5Element",
|
| 19176 | "package": "@ui5/webcomponents-base",
|
| 19177 | "module": "dist/UI5Element.js"
|
| 19178 | },
|
| 19179 | "tagName": "ui5-token",
|
| 19180 | "customElement": true,
|
| 19181 | "_ui5since": "1.0.0-rc.9",
|
| 19182 | "_ui5privacy": "public",
|
| 19183 | "_ui5implements": [
|
| 19184 | {
|
| 19185 | "name": "IToken",
|
| 19186 | "package": "@ui5/webcomponents",
|
| 19187 | "module": "dist/MultiInput.js"
|
| 19188 | }
|
| 19189 | ]
|
| 19190 | }
|
| 19191 | ],
|
| 19192 | "exports": [
|
| 19193 | {
|
| 19194 | "kind": "js",
|
| 19195 | "name": "default",
|
| 19196 | "declaration": {
|
| 19197 | "name": "Token",
|
| 19198 | "module": "dist/Token.js"
|
| 19199 | }
|
| 19200 | },
|
| 19201 | {
|
| 19202 | "kind": "custom-element-definition",
|
| 19203 | "name": "ui5-token",
|
| 19204 | "declaration": {
|
| 19205 | "name": "Token",
|
| 19206 | "module": "dist/Token.js"
|
| 19207 | }
|
| 19208 | }
|
| 19209 | ]
|
| 19210 | },
|
| 19211 | {
|
| 19212 | "kind": "javascript-module",
|
| 19213 | "path": "dist/Tokenizer.js",
|
| 19214 | "declarations": [],
|
| 19215 | "exports": [
|
| 19216 | {
|
| 19217 | "kind": "js",
|
| 19218 | "name": "default",
|
| 19219 | "declaration": {
|
| 19220 | "name": "Tokenizer",
|
| 19221 | "module": "dist/Tokenizer.js"
|
| 19222 | }
|
| 19223 | }
|
| 19224 | ]
|
| 19225 | },
|
| 19226 | {
|
| 19227 | "kind": "javascript-module",
|
| 19228 | "path": "dist/Toolbar.js",
|
| 19229 | "declarations": [
|
| 19230 | {
|
| 19231 | "kind": "class",
|
| 19232 | "description": "### Overview\n\nThe `ui5-toolbar` component is used to create a horizontal layout with items.\nThe items can be overflowing in a popover, when the space is not enough to show all of them.\n\n### Keyboard Handling\nThe `ui5-toolbar` provides advanced keyboard handling.\n\n- The control is not interactive, but can contain of interactive elements\n- [TAB] - iterates through elements\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Toolbar.js\";`",
|
| 19233 | "name": "Toolbar",
|
| 19234 | "slots": [
|
| 19235 | {
|
| 19236 | "name": "default",
|
| 19237 | "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.",
|
| 19238 | "_ui5propertyName": "items",
|
| 19239 | "_ui5type": {
|
| 19240 | "text": "Array<ToolbarItem>",
|
| 19241 | "references": [
|
| 19242 | {
|
| 19243 | "name": "ToolbarItem",
|
| 19244 | "package": "@ui5/webcomponents",
|
| 19245 | "module": "dist/ToolbarItem.js"
|
| 19246 | }
|
| 19247 | ]
|
| 19248 | },
|
| 19249 | "_ui5privacy": "public"
|
| 19250 | }
|
| 19251 | ],
|
| 19252 | "members": [
|
| 19253 | {
|
| 19254 | "kind": "field",
|
| 19255 | "name": "alignContent",
|
| 19256 | "type": {
|
| 19257 | "text": "ToolbarAlign",
|
| 19258 | "references": [
|
| 19259 | {
|
| 19260 | "name": "ToolbarAlign",
|
| 19261 | "package": "@ui5/webcomponents",
|
| 19262 | "module": "dist/types/ToolbarAlign.js"
|
| 19263 | }
|
| 19264 | ]
|
| 19265 | },
|
| 19266 | "description": "Indicated the direction in which the Toolbar items will be aligned.",
|
| 19267 | "privacy": "public",
|
| 19268 | "default": "\"End\"",
|
| 19269 | "_ui5validator": "ToolbarAlign"
|
| 19270 | },
|
| 19271 | {
|
| 19272 | "kind": "field",
|
| 19273 | "name": "accessibleName",
|
| 19274 | "type": {
|
| 19275 | "text": "string"
|
| 19276 | },
|
| 19277 | "description": "Defines the accessible ARIA name of the component.",
|
| 19278 | "default": "\"\"",
|
| 19279 | "privacy": "public",
|
| 19280 | "_ui5validator": "String"
|
| 19281 | },
|
| 19282 | {
|
| 19283 | "kind": "field",
|
| 19284 | "name": "accessibleNameRef",
|
| 19285 | "type": {
|
| 19286 | "text": "string"
|
| 19287 | },
|
| 19288 | "description": "Receives id(or many ids) of the elements that label the input.",
|
| 19289 | "default": "\"\"",
|
| 19290 | "privacy": "public",
|
| 19291 | "_ui5validator": "String"
|
| 19292 | },
|
| 19293 | {
|
| 19294 | "kind": "method",
|
| 19295 | "name": "isOverflowOpen",
|
| 19296 | "return": {
|
| 19297 | "type": {
|
| 19298 | "text": "Promise<boolean>"
|
| 19299 | }
|
| 19300 | },
|
| 19301 | "description": "Returns if the overflow popup is open.",
|
| 19302 | "privacy": "public"
|
| 19303 | }
|
| 19304 | ],
|
| 19305 | "superclass": {
|
| 19306 | "name": "UI5Element",
|
| 19307 | "package": "@ui5/webcomponents-base",
|
| 19308 | "module": "dist/UI5Element.js"
|
| 19309 | },
|
| 19310 | "tagName": "ui5-toolbar",
|
| 19311 | "customElement": true,
|
| 19312 | "_ui5since": "1.17.0",
|
| 19313 | "_ui5privacy": "public"
|
| 19314 | }
|
| 19315 | ],
|
| 19316 | "exports": [
|
| 19317 | {
|
| 19318 | "kind": "js",
|
| 19319 | "name": "default",
|
| 19320 | "declaration": {
|
| 19321 | "name": "Toolbar",
|
| 19322 | "module": "dist/Toolbar.js"
|
| 19323 | }
|
| 19324 | },
|
| 19325 | {
|
| 19326 | "kind": "custom-element-definition",
|
| 19327 | "name": "ui5-toolbar",
|
| 19328 | "declaration": {
|
| 19329 | "name": "Toolbar",
|
| 19330 | "module": "dist/Toolbar.js"
|
| 19331 | }
|
| 19332 | }
|
| 19333 | ]
|
| 19334 | },
|
| 19335 | {
|
| 19336 | "kind": "javascript-module",
|
| 19337 | "path": "dist/ToolbarButton.js",
|
| 19338 | "declarations": [
|
| 19339 | {
|
| 19340 | "kind": "class",
|
| 19341 | "description": "### Overview\nThe `ui5-toolbar-button` represents an abstract action,\nused in the `ui5-toolbar`.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/ToolbarButton.js\";`",
|
| 19342 | "name": "ToolbarButton",
|
| 19343 | "members": [
|
| 19344 | {
|
| 19345 | "kind": "field",
|
| 19346 | "name": "disabled",
|
| 19347 | "type": {
|
| 19348 | "text": "boolean"
|
| 19349 | },
|
| 19350 | "description": "Defines if the action is disabled.\n\n**Note:** a disabled action can't be pressed or focused, and it is not in the tab chain.",
|
| 19351 | "default": "false",
|
| 19352 | "privacy": "public",
|
| 19353 | "_ui5validator": "Boolean"
|
| 19354 | },
|
| 19355 | {
|
| 19356 | "kind": "field",
|
| 19357 | "name": "design",
|
| 19358 | "type": {
|
| 19359 | "text": "ButtonDesign",
|
| 19360 | "references": [
|
| 19361 | {
|
| 19362 | "name": "ButtonDesign",
|
| 19363 | "package": "@ui5/webcomponents",
|
| 19364 | "module": "dist/types/ButtonDesign.js"
|
| 19365 | }
|
| 19366 | ]
|
| 19367 | },
|
| 19368 | "description": "Defines the action design.",
|
| 19369 | "default": "\"Default\"",
|
| 19370 | "privacy": "public",
|
| 19371 | "_ui5validator": "ButtonDesign"
|
| 19372 | },
|
| 19373 | {
|
| 19374 | "kind": "field",
|
| 19375 | "name": "icon",
|
| 19376 | "type": {
|
| 19377 | "text": "string"
|
| 19378 | },
|
| 19379 | "description": "Defines the `icon` source URI.\n\n**Note:** SAP-icons font provides numerous buil-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).",
|
| 19380 | "default": "\"\"",
|
| 19381 | "privacy": "public",
|
| 19382 | "_ui5validator": "String"
|
| 19383 | },
|
| 19384 | {
|
| 19385 | "kind": "field",
|
| 19386 | "name": "iconEnd",
|
| 19387 | "type": {
|
| 19388 | "text": "boolean"
|
| 19389 | },
|
| 19390 | "description": "Defines whether the icon should be displayed after the component text.",
|
| 19391 | "default": "false",
|
| 19392 | "privacy": "public",
|
| 19393 | "_ui5validator": "Boolean"
|
| 19394 | },
|
| 19395 | {
|
| 19396 | "kind": "field",
|
| 19397 | "name": "tooltip",
|
| 19398 | "type": {
|
| 19399 | "text": "string"
|
| 19400 | },
|
| 19401 | "description": "Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.",
|
| 19402 | "default": "\"\"",
|
| 19403 | "privacy": "public",
|
| 19404 | "_ui5validator": "String"
|
| 19405 | },
|
| 19406 | {
|
| 19407 | "kind": "field",
|
| 19408 | "name": "accessibleName",
|
| 19409 | "type": {
|
| 19410 | "text": "string | undefined"
|
| 19411 | },
|
| 19412 | "description": "Defines the accessible ARIA name of the component.",
|
| 19413 | "default": "undefined",
|
| 19414 | "privacy": "public",
|
| 19415 | "_ui5validator": "String"
|
| 19416 | },
|
| 19417 | {
|
| 19418 | "kind": "field",
|
| 19419 | "name": "accessibleNameRef",
|
| 19420 | "type": {
|
| 19421 | "text": "string"
|
| 19422 | },
|
| 19423 | "description": "Receives id(or many ids) of the elements that label the component.",
|
| 19424 | "default": "\"\"",
|
| 19425 | "privacy": "public",
|
| 19426 | "_ui5validator": "String"
|
| 19427 | },
|
| 19428 | {
|
| 19429 | "kind": "field",
|
| 19430 | "name": "accessibilityAttributes",
|
| 19431 | "type": {
|
| 19432 | "text": "AccessibilityAttributes",
|
| 19433 | "references": [
|
| 19434 | {
|
| 19435 | "name": "AccessibilityAttributes",
|
| 19436 | "package": "@ui5/webcomponents",
|
| 19437 | "module": "dist/ToolbarButton.js"
|
| 19438 | }
|
| 19439 | ]
|
| 19440 | },
|
| 19441 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n- `expanded`: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t- `true`\n\t- `false`\n- `hasPopup`: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:\n\t- `Dialog`\n\t- `Grid`\n\t- `ListBox`\n\t- `Menu`\n\t- `Tree`\n- `controls`: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.",
|
| 19442 | "default": "{}",
|
| 19443 | "privacy": "public",
|
| 19444 | "_ui5validator": "Object"
|
| 19445 | },
|
| 19446 | {
|
| 19447 | "kind": "field",
|
| 19448 | "name": "text",
|
| 19449 | "type": {
|
| 19450 | "text": "string"
|
| 19451 | },
|
| 19452 | "description": "Button text",
|
| 19453 | "privacy": "public",
|
| 19454 | "default": "\"\"",
|
| 19455 | "_ui5validator": "String"
|
| 19456 | },
|
| 19457 | {
|
| 19458 | "kind": "field",
|
| 19459 | "name": "width",
|
| 19460 | "type": {
|
| 19461 | "text": "string | undefined"
|
| 19462 | },
|
| 19463 | "description": "Defines the width of the button.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.",
|
| 19464 | "default": "undefined",
|
| 19465 | "privacy": "public",
|
| 19466 | "_ui5validator": "CSSSize"
|
| 19467 | },
|
| 19468 | {
|
| 19469 | "kind": "field",
|
| 19470 | "name": "overflowPriority",
|
| 19471 | "type": {
|
| 19472 | "text": "ToolbarItemOverflowBehavior",
|
| 19473 | "references": [
|
| 19474 | {
|
| 19475 | "name": "ToolbarItemOverflowBehavior",
|
| 19476 | "package": "@ui5/webcomponents",
|
| 19477 | "module": "dist/types/ToolbarItemOverflowBehavior.js"
|
| 19478 | }
|
| 19479 | ]
|
| 19480 | },
|
| 19481 | "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.",
|
| 19482 | "privacy": "public",
|
| 19483 | "default": "\"Default\"",
|
| 19484 | "_ui5validator": "ToolbarItemOverflowBehavior",
|
| 19485 | "inheritedFrom": {
|
| 19486 | "name": "ToolbarItem",
|
| 19487 | "module": "dist/ToolbarItem.js"
|
| 19488 | }
|
| 19489 | },
|
| 19490 | {
|
| 19491 | "kind": "field",
|
| 19492 | "name": "preventOverflowClosing",
|
| 19493 | "type": {
|
| 19494 | "text": "boolean"
|
| 19495 | },
|
| 19496 | "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
|
| 19497 | "default": "false",
|
| 19498 | "privacy": "public",
|
| 19499 | "_ui5validator": "Boolean",
|
| 19500 | "inheritedFrom": {
|
| 19501 | "name": "ToolbarItem",
|
| 19502 | "module": "dist/ToolbarItem.js"
|
| 19503 | }
|
| 19504 | }
|
| 19505 | ],
|
| 19506 | "events": [
|
| 19507 | {
|
| 19508 | "name": "click",
|
| 19509 | "_ui5privacy": "public",
|
| 19510 | "type": {
|
| 19511 | "text": "CustomEvent"
|
| 19512 | },
|
| 19513 | "description": "Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`."
|
| 19514 | }
|
| 19515 | ],
|
| 19516 | "superclass": {
|
| 19517 | "name": "ToolbarItem",
|
| 19518 | "package": "@ui5/webcomponents",
|
| 19519 | "module": "dist/ToolbarItem.js"
|
| 19520 | },
|
| 19521 | "tagName": "ui5-toolbar-button",
|
| 19522 | "customElement": true,
|
| 19523 | "_ui5since": "1.17.0",
|
| 19524 | "_ui5privacy": "public",
|
| 19525 | "_ui5abstract": true
|
| 19526 | }
|
| 19527 | ],
|
| 19528 | "exports": [
|
| 19529 | {
|
| 19530 | "kind": "js",
|
| 19531 | "name": "default",
|
| 19532 | "declaration": {
|
| 19533 | "name": "ToolbarButton",
|
| 19534 | "module": "dist/ToolbarButton.js"
|
| 19535 | }
|
| 19536 | },
|
| 19537 | {
|
| 19538 | "kind": "custom-element-definition",
|
| 19539 | "name": "ui5-toolbar-button",
|
| 19540 | "declaration": {
|
| 19541 | "name": "ToolbarButton",
|
| 19542 | "module": "dist/ToolbarButton.js"
|
| 19543 | }
|
| 19544 | }
|
| 19545 | ]
|
| 19546 | },
|
| 19547 | {
|
| 19548 | "kind": "javascript-module",
|
| 19549 | "path": "dist/ToolbarItem.js",
|
| 19550 | "declarations": [
|
| 19551 | {
|
| 19552 | "kind": "class",
|
| 19553 | "description": "Represents an abstract class for items, used in the `ui5-toolbar`.",
|
| 19554 | "name": "ToolbarItem",
|
| 19555 | "members": [
|
| 19556 | {
|
| 19557 | "kind": "field",
|
| 19558 | "name": "overflowPriority",
|
| 19559 | "type": {
|
| 19560 | "text": "ToolbarItemOverflowBehavior",
|
| 19561 | "references": [
|
| 19562 | {
|
| 19563 | "name": "ToolbarItemOverflowBehavior",
|
| 19564 | "package": "@ui5/webcomponents",
|
| 19565 | "module": "dist/types/ToolbarItemOverflowBehavior.js"
|
| 19566 | }
|
| 19567 | ]
|
| 19568 | },
|
| 19569 | "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.",
|
| 19570 | "privacy": "public",
|
| 19571 | "default": "\"Default\"",
|
| 19572 | "_ui5validator": "ToolbarItemOverflowBehavior"
|
| 19573 | },
|
| 19574 | {
|
| 19575 | "kind": "field",
|
| 19576 | "name": "preventOverflowClosing",
|
| 19577 | "type": {
|
| 19578 | "text": "boolean"
|
| 19579 | },
|
| 19580 | "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
|
| 19581 | "default": "false",
|
| 19582 | "privacy": "public",
|
| 19583 | "_ui5validator": "Boolean"
|
| 19584 | }
|
| 19585 | ],
|
| 19586 | "superclass": {
|
| 19587 | "name": "UI5Element",
|
| 19588 | "package": "@ui5/webcomponents-base",
|
| 19589 | "module": "dist/UI5Element.js"
|
| 19590 | },
|
| 19591 | "customElement": true,
|
| 19592 | "_ui5since": "1.17.0",
|
| 19593 | "_ui5privacy": "public",
|
| 19594 | "_ui5abstract": true
|
| 19595 | }
|
| 19596 | ],
|
| 19597 | "exports": [
|
| 19598 | {
|
| 19599 | "kind": "js",
|
| 19600 | "name": "default",
|
| 19601 | "declaration": {
|
| 19602 | "name": "ToolbarItem",
|
| 19603 | "module": "dist/ToolbarItem.js"
|
| 19604 | }
|
| 19605 | }
|
| 19606 | ]
|
| 19607 | },
|
| 19608 | {
|
| 19609 | "kind": "javascript-module",
|
| 19610 | "path": "dist/ToolbarRegistry.js",
|
| 19611 | "declarations": [],
|
| 19612 | "exports": []
|
| 19613 | },
|
| 19614 | {
|
| 19615 | "kind": "javascript-module",
|
| 19616 | "path": "dist/ToolbarSelect.js",
|
| 19617 | "declarations": [
|
| 19618 | {
|
| 19619 | "kind": "class",
|
| 19620 | "description": "### Overview\nThe `ui5-toolbar-select` component is used to create a toolbar drop-down list.\nThe 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`)",
|
| 19621 | "name": "ToolbarSelect",
|
| 19622 | "slots": [
|
| 19623 | {
|
| 19624 | "name": "default",
|
| 19625 | "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.",
|
| 19626 | "_ui5propertyName": "options",
|
| 19627 | "_ui5type": {
|
| 19628 | "text": "Array<ToolbarSelectOption>",
|
| 19629 | "references": [
|
| 19630 | {
|
| 19631 | "name": "ToolbarSelectOption",
|
| 19632 | "package": "@ui5/webcomponents",
|
| 19633 | "module": "dist/ToolbarSelectOption.js"
|
| 19634 | }
|
| 19635 | ]
|
| 19636 | },
|
| 19637 | "_ui5privacy": "public"
|
| 19638 | }
|
| 19639 | ],
|
| 19640 | "members": [
|
| 19641 | {
|
| 19642 | "kind": "field",
|
| 19643 | "name": "width",
|
| 19644 | "type": {
|
| 19645 | "text": "string | undefined"
|
| 19646 | },
|
| 19647 | "description": "Defines the width of the select.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.",
|
| 19648 | "default": "undefined",
|
| 19649 | "privacy": "public",
|
| 19650 | "_ui5validator": "CSSSize"
|
| 19651 | },
|
| 19652 | {
|
| 19653 | "kind": "field",
|
| 19654 | "name": "valueState",
|
| 19655 | "type": {
|
| 19656 | "text": "ValueState",
|
| 19657 | "references": [
|
| 19658 | {
|
| 19659 | "name": "ValueState",
|
| 19660 | "package": "@ui5/webcomponents-base",
|
| 19661 | "module": "dist/types/ValueState.js"
|
| 19662 | }
|
| 19663 | ]
|
| 19664 | },
|
| 19665 | "description": "Defines the value state of the component.",
|
| 19666 | "default": "\"None\"",
|
| 19667 | "privacy": "public",
|
| 19668 | "_ui5validator": "ValueState"
|
| 19669 | },
|
| 19670 | {
|
| 19671 | "kind": "field",
|
| 19672 | "name": "disabled",
|
| 19673 | "type": {
|
| 19674 | "text": "boolean"
|
| 19675 | },
|
| 19676 | "description": "Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.",
|
| 19677 | "default": "false",
|
| 19678 | "privacy": "public",
|
| 19679 | "_ui5validator": "Boolean"
|
| 19680 | },
|
| 19681 | {
|
| 19682 | "kind": "field",
|
| 19683 | "name": "accessibleName",
|
| 19684 | "type": {
|
| 19685 | "text": "string"
|
| 19686 | },
|
| 19687 | "description": "Defines the accessible ARIA name of the component.",
|
| 19688 | "privacy": "public",
|
| 19689 | "default": "\"\"",
|
| 19690 | "_ui5validator": "String"
|
| 19691 | },
|
| 19692 | {
|
| 19693 | "kind": "field",
|
| 19694 | "name": "accessibleNameRef",
|
| 19695 | "type": {
|
| 19696 | "text": "string"
|
| 19697 | },
|
| 19698 | "description": "Receives id(or many ids) of the elements that label the select.",
|
| 19699 | "default": "\"\"",
|
| 19700 | "privacy": "public",
|
| 19701 | "_ui5validator": "String"
|
| 19702 | },
|
| 19703 | {
|
| 19704 | "kind": "field",
|
| 19705 | "name": "overflowPriority",
|
| 19706 | "type": {
|
| 19707 | "text": "ToolbarItemOverflowBehavior",
|
| 19708 | "references": [
|
| 19709 | {
|
| 19710 | "name": "ToolbarItemOverflowBehavior",
|
| 19711 | "package": "@ui5/webcomponents",
|
| 19712 | "module": "dist/types/ToolbarItemOverflowBehavior.js"
|
| 19713 | }
|
| 19714 | ]
|
| 19715 | },
|
| 19716 | "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.",
|
| 19717 | "privacy": "public",
|
| 19718 | "default": "\"Default\"",
|
| 19719 | "_ui5validator": "ToolbarItemOverflowBehavior",
|
| 19720 | "inheritedFrom": {
|
| 19721 | "name": "ToolbarItem",
|
| 19722 | "module": "dist/ToolbarItem.js"
|
| 19723 | }
|
| 19724 | },
|
| 19725 | {
|
| 19726 | "kind": "field",
|
| 19727 | "name": "preventOverflowClosing",
|
| 19728 | "type": {
|
| 19729 | "text": "boolean"
|
| 19730 | },
|
| 19731 | "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
|
| 19732 | "default": "false",
|
| 19733 | "privacy": "public",
|
| 19734 | "_ui5validator": "Boolean",
|
| 19735 | "inheritedFrom": {
|
| 19736 | "name": "ToolbarItem",
|
| 19737 | "module": "dist/ToolbarItem.js"
|
| 19738 | }
|
| 19739 | }
|
| 19740 | ],
|
| 19741 | "events": [
|
| 19742 | {
|
| 19743 | "name": "change",
|
| 19744 | "_ui5privacy": "public",
|
| 19745 | "type": {
|
| 19746 | "text": "CustomEvent<ToolbarSelectChangeEventDetail>",
|
| 19747 | "references": [
|
| 19748 | {
|
| 19749 | "name": "ToolbarSelectChangeEventDetail",
|
| 19750 | "package": "@ui5/webcomponents",
|
| 19751 | "module": "dist/ToolbarSelect.js"
|
| 19752 | }
|
| 19753 | ]
|
| 19754 | },
|
| 19755 | "description": "Fired when the selected option changes.",
|
| 19756 | "_ui5allowPreventDefault": true,
|
| 19757 | "_ui5parameters": [
|
| 19758 | {
|
| 19759 | "type": {
|
| 19760 | "text": "HTMLElement"
|
| 19761 | },
|
| 19762 | "name": "selectedOption",
|
| 19763 | "_ui5privacy": "public",
|
| 19764 | "description": "the selected option."
|
| 19765 | }
|
| 19766 | ]
|
| 19767 | },
|
| 19768 | {
|
| 19769 | "name": "open",
|
| 19770 | "_ui5privacy": "public",
|
| 19771 | "type": {
|
| 19772 | "text": "CustomEvent"
|
| 19773 | },
|
| 19774 | "description": "Fired after the component's dropdown menu opens."
|
| 19775 | },
|
| 19776 | {
|
| 19777 | "name": "close",
|
| 19778 | "_ui5privacy": "public",
|
| 19779 | "type": {
|
| 19780 | "text": "CustomEvent"
|
| 19781 | },
|
| 19782 | "description": "Fired after the component's dropdown menu closes."
|
| 19783 | }
|
| 19784 | ],
|
| 19785 | "superclass": {
|
| 19786 | "name": "ToolbarItem",
|
| 19787 | "package": "@ui5/webcomponents",
|
| 19788 | "module": "dist/ToolbarItem.js"
|
| 19789 | },
|
| 19790 | "tagName": "ui5-toolbar-select",
|
| 19791 | "customElement": true,
|
| 19792 | "_ui5since": "1.17.0",
|
| 19793 | "_ui5privacy": "public",
|
| 19794 | "_ui5abstract": true
|
| 19795 | }
|
| 19796 | ],
|
| 19797 | "exports": [
|
| 19798 | {
|
| 19799 | "kind": "js",
|
| 19800 | "name": "default",
|
| 19801 | "declaration": {
|
| 19802 | "name": "ToolbarSelect",
|
| 19803 | "module": "dist/ToolbarSelect.js"
|
| 19804 | }
|
| 19805 | },
|
| 19806 | {
|
| 19807 | "kind": "custom-element-definition",
|
| 19808 | "name": "ui5-toolbar-select",
|
| 19809 | "declaration": {
|
| 19810 | "name": "ToolbarSelect",
|
| 19811 | "module": "dist/ToolbarSelect.js"
|
| 19812 | }
|
| 19813 | }
|
| 19814 | ]
|
| 19815 | },
|
| 19816 | {
|
| 19817 | "kind": "javascript-module",
|
| 19818 | "path": "dist/ToolbarSelectOption.js",
|
| 19819 | "declarations": [
|
| 19820 | {
|
| 19821 | "kind": "class",
|
| 19822 | "description": "### Overview\n\nThe `ui5-toolbar-select-option` component defines the content of an option in the `ui5-toolbar-select`.",
|
| 19823 | "name": "ToolbarSelectOption",
|
| 19824 | "slots": [
|
| 19825 | {
|
| 19826 | "name": "default",
|
| 19827 | "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.",
|
| 19828 | "_ui5propertyName": "text",
|
| 19829 | "_ui5type": {
|
| 19830 | "text": "Array<Node>"
|
| 19831 | },
|
| 19832 | "_ui5privacy": "public"
|
| 19833 | }
|
| 19834 | ],
|
| 19835 | "members": [
|
| 19836 | {
|
| 19837 | "kind": "field",
|
| 19838 | "name": "selected",
|
| 19839 | "type": {
|
| 19840 | "text": "boolean"
|
| 19841 | },
|
| 19842 | "description": "Defines the selected state of the component.",
|
| 19843 | "default": "false",
|
| 19844 | "privacy": "public",
|
| 19845 | "_ui5validator": "Boolean"
|
| 19846 | }
|
| 19847 | ],
|
| 19848 | "superclass": {
|
| 19849 | "name": "UI5Element",
|
| 19850 | "package": "@ui5/webcomponents-base",
|
| 19851 | "module": "dist/UI5Element.js"
|
| 19852 | },
|
| 19853 | "tagName": "ui5-toolbar-select-option",
|
| 19854 | "customElement": true,
|
| 19855 | "_ui5since": "1.17.0",
|
| 19856 | "_ui5privacy": "public",
|
| 19857 | "_ui5abstract": true
|
| 19858 | }
|
| 19859 | ],
|
| 19860 | "exports": [
|
| 19861 | {
|
| 19862 | "kind": "js",
|
| 19863 | "name": "default",
|
| 19864 | "declaration": {
|
| 19865 | "name": "ToolbarSelectOption",
|
| 19866 | "module": "dist/ToolbarSelectOption.js"
|
| 19867 | }
|
| 19868 | },
|
| 19869 | {
|
| 19870 | "kind": "custom-element-definition",
|
| 19871 | "name": "ui5-toolbar-select-option",
|
| 19872 | "declaration": {
|
| 19873 | "name": "ToolbarSelectOption",
|
| 19874 | "module": "dist/ToolbarSelectOption.js"
|
| 19875 | }
|
| 19876 | }
|
| 19877 | ]
|
| 19878 | },
|
| 19879 | {
|
| 19880 | "kind": "javascript-module",
|
| 19881 | "path": "dist/ToolbarSeparator.js",
|
| 19882 | "declarations": [
|
| 19883 | {
|
| 19884 | "kind": "class",
|
| 19885 | "description": "### Overview\nThe `ui5-toolbar-separator` is an element, used for visual separation between two elements.\nIt takes no space in calculating toolbar items width.",
|
| 19886 | "name": "ToolbarSeparator",
|
| 19887 | "superclass": {
|
| 19888 | "name": "ToolbarItem",
|
| 19889 | "package": "@ui5/webcomponents",
|
| 19890 | "module": "dist/ToolbarItem.js"
|
| 19891 | },
|
| 19892 | "tagName": "ui5-toolbar-separator",
|
| 19893 | "customElement": true,
|
| 19894 | "_ui5since": "1.17.0",
|
| 19895 | "_ui5privacy": "public",
|
| 19896 | "_ui5abstract": true,
|
| 19897 | "members": [
|
| 19898 | {
|
| 19899 | "kind": "field",
|
| 19900 | "name": "overflowPriority",
|
| 19901 | "type": {
|
| 19902 | "text": "ToolbarItemOverflowBehavior",
|
| 19903 | "references": [
|
| 19904 | {
|
| 19905 | "name": "ToolbarItemOverflowBehavior",
|
| 19906 | "package": "@ui5/webcomponents",
|
| 19907 | "module": "dist/types/ToolbarItemOverflowBehavior.js"
|
| 19908 | }
|
| 19909 | ]
|
| 19910 | },
|
| 19911 | "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.",
|
| 19912 | "privacy": "public",
|
| 19913 | "default": "\"Default\"",
|
| 19914 | "_ui5validator": "ToolbarItemOverflowBehavior",
|
| 19915 | "inheritedFrom": {
|
| 19916 | "name": "ToolbarItem",
|
| 19917 | "module": "dist/ToolbarItem.js"
|
| 19918 | }
|
| 19919 | },
|
| 19920 | {
|
| 19921 | "kind": "field",
|
| 19922 | "name": "preventOverflowClosing",
|
| 19923 | "type": {
|
| 19924 | "text": "boolean"
|
| 19925 | },
|
| 19926 | "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
|
| 19927 | "default": "false",
|
| 19928 | "privacy": "public",
|
| 19929 | "_ui5validator": "Boolean",
|
| 19930 | "inheritedFrom": {
|
| 19931 | "name": "ToolbarItem",
|
| 19932 | "module": "dist/ToolbarItem.js"
|
| 19933 | }
|
| 19934 | }
|
| 19935 | ]
|
| 19936 | }
|
| 19937 | ],
|
| 19938 | "exports": [
|
| 19939 | {
|
| 19940 | "kind": "js",
|
| 19941 | "name": "default",
|
| 19942 | "declaration": {
|
| 19943 | "name": "ToolbarSeparator",
|
| 19944 | "module": "dist/ToolbarSeparator.js"
|
| 19945 | }
|
| 19946 | },
|
| 19947 | {
|
| 19948 | "kind": "custom-element-definition",
|
| 19949 | "name": "ui5-toolbar-separator",
|
| 19950 | "declaration": {
|
| 19951 | "name": "ToolbarSeparator",
|
| 19952 | "module": "dist/ToolbarSeparator.js"
|
| 19953 | }
|
| 19954 | }
|
| 19955 | ]
|
| 19956 | },
|
| 19957 | {
|
| 19958 | "kind": "javascript-module",
|
| 19959 | "path": "dist/ToolbarSpacer.js",
|
| 19960 | "declarations": [
|
| 19961 | {
|
| 19962 | "kind": "class",
|
| 19963 | "description": "### Overview\nThe `ui5-toolbar-spacer` is an element, used for taking needed space for toolbar items to take 100% width.\nIt takes no space in calculating toolbar items width.",
|
| 19964 | "name": "ToolbarSpacer",
|
| 19965 | "members": [
|
| 19966 | {
|
| 19967 | "kind": "field",
|
| 19968 | "name": "width",
|
| 19969 | "type": {
|
| 19970 | "text": "string | undefined"
|
| 19971 | },
|
| 19972 | "description": "Defines the width of the spacer.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.",
|
| 19973 | "privacy": "public",
|
| 19974 | "default": "undefined",
|
| 19975 | "_ui5validator": "CSSSize"
|
| 19976 | },
|
| 19977 | {
|
| 19978 | "kind": "field",
|
| 19979 | "name": "overflowPriority",
|
| 19980 | "type": {
|
| 19981 | "text": "ToolbarItemOverflowBehavior",
|
| 19982 | "references": [
|
| 19983 | {
|
| 19984 | "name": "ToolbarItemOverflowBehavior",
|
| 19985 | "package": "@ui5/webcomponents",
|
| 19986 | "module": "dist/types/ToolbarItemOverflowBehavior.js"
|
| 19987 | }
|
| 19988 | ]
|
| 19989 | },
|
| 19990 | "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.",
|
| 19991 | "privacy": "public",
|
| 19992 | "default": "\"Default\"",
|
| 19993 | "_ui5validator": "ToolbarItemOverflowBehavior",
|
| 19994 | "inheritedFrom": {
|
| 19995 | "name": "ToolbarItem",
|
| 19996 | "module": "dist/ToolbarItem.js"
|
| 19997 | }
|
| 19998 | },
|
| 19999 | {
|
| 20000 | "kind": "field",
|
| 20001 | "name": "preventOverflowClosing",
|
| 20002 | "type": {
|
| 20003 | "text": "boolean"
|
| 20004 | },
|
| 20005 | "description": "Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.",
|
| 20006 | "default": "false",
|
| 20007 | "privacy": "public",
|
| 20008 | "_ui5validator": "Boolean",
|
| 20009 | "inheritedFrom": {
|
| 20010 | "name": "ToolbarItem",
|
| 20011 | "module": "dist/ToolbarItem.js"
|
| 20012 | }
|
| 20013 | }
|
| 20014 | ],
|
| 20015 | "superclass": {
|
| 20016 | "name": "ToolbarItem",
|
| 20017 | "package": "@ui5/webcomponents",
|
| 20018 | "module": "dist/ToolbarItem.js"
|
| 20019 | },
|
| 20020 | "tagName": "ui5-toolbar-spacer",
|
| 20021 | "customElement": true,
|
| 20022 | "_ui5since": "1.17.0",
|
| 20023 | "_ui5privacy": "public",
|
| 20024 | "_ui5abstract": true
|
| 20025 | }
|
| 20026 | ],
|
| 20027 | "exports": [
|
| 20028 | {
|
| 20029 | "kind": "js",
|
| 20030 | "name": "default",
|
| 20031 | "declaration": {
|
| 20032 | "name": "ToolbarSpacer",
|
| 20033 | "module": "dist/ToolbarSpacer.js"
|
| 20034 | }
|
| 20035 | },
|
| 20036 | {
|
| 20037 | "kind": "custom-element-definition",
|
| 20038 | "name": "ui5-toolbar-spacer",
|
| 20039 | "declaration": {
|
| 20040 | "name": "ToolbarSpacer",
|
| 20041 | "module": "dist/ToolbarSpacer.js"
|
| 20042 | }
|
| 20043 | }
|
| 20044 | ]
|
| 20045 | },
|
| 20046 | {
|
| 20047 | "kind": "javascript-module",
|
| 20048 | "path": "dist/Tree.js",
|
| 20049 | "declarations": [
|
| 20050 | {
|
| 20051 | "kind": "class",
|
| 20052 | "description": "### Overview\nThe `ui5-tree` component provides a tree structure for displaying data in a hierarchy.\n\n### Usage\n\n#### When to use:\n\n- To display hierarchically structured items.\n- To select one or more items out of a set of hierarchically structured items.\n\n#### When not to use:\n\n- To display items not hierarchically structured. In this case, use the List component.\n- To select one item from a very small number of non-hierarchical items. Select or ComboBox might be more appropriate.\n- The hierarchy turns out to have only two levels. In this case, use List with group items.\n\n### Keyboard Handling\n\nThe `ui5-tree` provides advanced keyboard handling.\nThe user can use the following keyboard shortcuts in order to navigate trough the tree:\n\n- [UP/DOWN] - Navigates up and down the tree items that are currently visible.\n- [RIGHT] - Drills down the tree by expanding the tree nodes.\n- [LEFT] - Goes up the tree and collapses the tree nodes.\n\nThe user can use the following keyboard shortcuts to perform selection,\nwhen the `mode` property is in use:\n\n- [SPACE] - Selects the currently focused item upon keyup.\n- [ENTER] - Selects the currently focused item upon keydown.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/Tree.js\";`\n\n`import \"@ui5/webcomponents/dist/TreeItem.js\";`",
|
| 20053 | "name": "Tree",
|
| 20054 | "slots": [
|
| 20055 | {
|
| 20056 | "name": "default",
|
| 20057 | "description": "Defines the items of the component. Tree items may have other tree items as children.\n\n**Note:** Use `ui5-tree-item` for the intended design.",
|
| 20058 | "_ui5propertyName": "items",
|
| 20059 | "_ui5type": {
|
| 20060 | "text": "Array<TreeItemBase>",
|
| 20061 | "references": [
|
| 20062 | {
|
| 20063 | "name": "TreeItemBase",
|
| 20064 | "package": "@ui5/webcomponents",
|
| 20065 | "module": "dist/TreeItemBase.js"
|
| 20066 | }
|
| 20067 | ]
|
| 20068 | },
|
| 20069 | "_ui5privacy": "public"
|
| 20070 | },
|
| 20071 | {
|
| 20072 | "name": "header",
|
| 20073 | "description": "Defines the component header.\n\n**Note:** When the `header` slot is set, the\n`headerText` property is ignored.",
|
| 20074 | "_ui5type": {
|
| 20075 | "text": "Array<HTMLElement>"
|
| 20076 | },
|
| 20077 | "_ui5privacy": "public"
|
| 20078 | }
|
| 20079 | ],
|
| 20080 | "members": [
|
| 20081 | {
|
| 20082 | "kind": "field",
|
| 20083 | "name": "mode",
|
| 20084 | "type": {
|
| 20085 | "text": "ListMode",
|
| 20086 | "references": [
|
| 20087 | {
|
| 20088 | "name": "ListMode",
|
| 20089 | "package": "@ui5/webcomponents",
|
| 20090 | "module": "dist/types/ListMode.js"
|
| 20091 | }
|
| 20092 | ]
|
| 20093 | },
|
| 20094 | "description": "Defines the mode of the component. Since the tree uses a `ui5-list` to display its structure,\nthe tree modes are exactly the same as the list modes, and are all applicable.",
|
| 20095 | "privacy": "public",
|
| 20096 | "default": "\"None\"",
|
| 20097 | "_ui5validator": "ListMode"
|
| 20098 | },
|
| 20099 | {
|
| 20100 | "kind": "field",
|
| 20101 | "name": "noDataText",
|
| 20102 | "type": {
|
| 20103 | "text": "string"
|
| 20104 | },
|
| 20105 | "description": "Defines the text that is displayed when the component contains no items.",
|
| 20106 | "default": "\"\"",
|
| 20107 | "privacy": "public",
|
| 20108 | "_ui5validator": "String"
|
| 20109 | },
|
| 20110 | {
|
| 20111 | "kind": "field",
|
| 20112 | "name": "headerText",
|
| 20113 | "type": {
|
| 20114 | "text": "string"
|
| 20115 | },
|
| 20116 | "description": "Defines the component header text.\n\n**Note:** If the `header` slot is set, this property is ignored.",
|
| 20117 | "default": "\"\"",
|
| 20118 | "privacy": "public",
|
| 20119 | "_ui5validator": "String"
|
| 20120 | },
|
| 20121 | {
|
| 20122 | "kind": "field",
|
| 20123 | "name": "footerText",
|
| 20124 | "type": {
|
| 20125 | "text": "string"
|
| 20126 | },
|
| 20127 | "description": "Defines the component footer text.",
|
| 20128 | "default": "\"\"",
|
| 20129 | "privacy": "public",
|
| 20130 | "_ui5validator": "String"
|
| 20131 | },
|
| 20132 | {
|
| 20133 | "kind": "field",
|
| 20134 | "name": "accessibleName",
|
| 20135 | "type": {
|
| 20136 | "text": "string"
|
| 20137 | },
|
| 20138 | "description": "Defines the accessible name of the component.",
|
| 20139 | "default": "\"\"",
|
| 20140 | "privacy": "public",
|
| 20141 | "_ui5since": "1.8.0",
|
| 20142 | "_ui5validator": "String"
|
| 20143 | },
|
| 20144 | {
|
| 20145 | "kind": "field",
|
| 20146 | "name": "accessibleNameRef",
|
| 20147 | "type": {
|
| 20148 | "text": "string"
|
| 20149 | },
|
| 20150 | "description": "Defines the IDs of the elements that label the component.",
|
| 20151 | "default": "\"\"",
|
| 20152 | "privacy": "public",
|
| 20153 | "_ui5since": "1.8.0",
|
| 20154 | "_ui5validator": "String"
|
| 20155 | },
|
| 20156 | {
|
| 20157 | "kind": "method",
|
| 20158 | "name": "walk",
|
| 20159 | "return": {
|
| 20160 | "type": {
|
| 20161 | "text": "void"
|
| 20162 | }
|
| 20163 | },
|
| 20164 | "parameters": [
|
| 20165 | {
|
| 20166 | "name": "callback",
|
| 20167 | "type": {
|
| 20168 | "text": "WalkCallback",
|
| 20169 | "references": [
|
| 20170 | {
|
| 20171 | "name": "WalkCallback",
|
| 20172 | "package": "@ui5/webcomponents",
|
| 20173 | "module": "dist/Tree.js"
|
| 20174 | }
|
| 20175 | ]
|
| 20176 | },
|
| 20177 | "description": "function to execute on each node of the tree with 3 arguments: the node, the level and the index",
|
| 20178 | "_ui5privacy": "public"
|
| 20179 | }
|
| 20180 | ],
|
| 20181 | "description": "Perform Depth-First-Search walk on the tree and run a callback on each node",
|
| 20182 | "privacy": "public"
|
| 20183 | }
|
| 20184 | ],
|
| 20185 | "events": [
|
| 20186 | {
|
| 20187 | "name": "item-toggle",
|
| 20188 | "_ui5privacy": "public",
|
| 20189 | "type": {
|
| 20190 | "text": "CustomEvent<TreeItemToggleEventDetail>",
|
| 20191 | "references": [
|
| 20192 | {
|
| 20193 | "name": "TreeItemToggleEventDetail",
|
| 20194 | "package": "@ui5/webcomponents",
|
| 20195 | "module": "dist/Tree.js"
|
| 20196 | }
|
| 20197 | ]
|
| 20198 | },
|
| 20199 | "description": "Fired when a tree item is expanded or collapsed.\n\n**Note:** You can call `preventDefault()` on the event object to suppress the event, if needed.\nThis may be handy for example if you want to dynamically load tree items upon the user expanding a node.\nEven if you prevented the event's default behavior, you can always manually call `toggle()` on a tree item.",
|
| 20200 | "_ui5allowPreventDefault": true,
|
| 20201 | "_ui5parameters": [
|
| 20202 | {
|
| 20203 | "type": {
|
| 20204 | "text": "HTMLElement"
|
| 20205 | },
|
| 20206 | "name": "item",
|
| 20207 | "_ui5privacy": "public",
|
| 20208 | "description": "the toggled item."
|
| 20209 | }
|
| 20210 | ]
|
| 20211 | },
|
| 20212 | {
|
| 20213 | "name": "item-mouseover",
|
| 20214 | "_ui5privacy": "public",
|
| 20215 | "type": {
|
| 20216 | "text": "CustomEvent<TreeItemMouseoverEventDetail>",
|
| 20217 | "references": [
|
| 20218 | {
|
| 20219 | "name": "TreeItemMouseoverEventDetail",
|
| 20220 | "package": "@ui5/webcomponents",
|
| 20221 | "module": "dist/Tree.js"
|
| 20222 | }
|
| 20223 | ]
|
| 20224 | },
|
| 20225 | "description": "Fired when the mouse cursor enters the tree item borders.",
|
| 20226 | "_ui5since": "1.0.0-rc.16",
|
| 20227 | "_ui5parameters": [
|
| 20228 | {
|
| 20229 | "type": {
|
| 20230 | "text": "HTMLElement"
|
| 20231 | },
|
| 20232 | "name": "item",
|
| 20233 | "_ui5privacy": "public",
|
| 20234 | "description": "the hovered item."
|
| 20235 | }
|
| 20236 | ]
|
| 20237 | },
|
| 20238 | {
|
| 20239 | "name": "item-mouseout",
|
| 20240 | "_ui5privacy": "public",
|
| 20241 | "type": {
|
| 20242 | "text": "CustomEvent<TreeItemMouseoutEventDetail>",
|
| 20243 | "references": [
|
| 20244 | {
|
| 20245 | "name": "TreeItemMouseoutEventDetail",
|
| 20246 | "package": "@ui5/webcomponents",
|
| 20247 | "module": "dist/Tree.js"
|
| 20248 | }
|
| 20249 | ]
|
| 20250 | },
|
| 20251 | "description": "Fired when the mouse cursor leaves the tree item borders.",
|
| 20252 | "_ui5since": "1.0.0-rc.16",
|
| 20253 | "_ui5parameters": [
|
| 20254 | {
|
| 20255 | "type": {
|
| 20256 | "text": "HTMLElement"
|
| 20257 | },
|
| 20258 | "name": "item",
|
| 20259 | "_ui5privacy": "public",
|
| 20260 | "description": "the hovered item."
|
| 20261 | }
|
| 20262 | ]
|
| 20263 | },
|
| 20264 | {
|
| 20265 | "name": "item-click",
|
| 20266 | "_ui5privacy": "public",
|
| 20267 | "type": {
|
| 20268 | "text": "CustomEvent<TreeItemClickEventDetail>",
|
| 20269 | "references": [
|
| 20270 | {
|
| 20271 | "name": "TreeItemClickEventDetail",
|
| 20272 | "package": "@ui5/webcomponents",
|
| 20273 | "module": "dist/Tree.js"
|
| 20274 | }
|
| 20275 | ]
|
| 20276 | },
|
| 20277 | "description": "Fired when a tree item is activated.",
|
| 20278 | "_ui5allowPreventDefault": true,
|
| 20279 | "_ui5parameters": [
|
| 20280 | {
|
| 20281 | "type": {
|
| 20282 | "text": "HTMLElement"
|
| 20283 | },
|
| 20284 | "name": "item",
|
| 20285 | "_ui5privacy": "public",
|
| 20286 | "description": "The clicked item."
|
| 20287 | }
|
| 20288 | ]
|
| 20289 | },
|
| 20290 | {
|
| 20291 | "name": "item-delete",
|
| 20292 | "_ui5privacy": "public",
|
| 20293 | "type": {
|
| 20294 | "text": "CustomEvent<TreeItemDeleteEventDetail>",
|
| 20295 | "references": [
|
| 20296 | {
|
| 20297 | "name": "TreeItemDeleteEventDetail",
|
| 20298 | "package": "@ui5/webcomponents",
|
| 20299 | "module": "dist/Tree.js"
|
| 20300 | }
|
| 20301 | ]
|
| 20302 | },
|
| 20303 | "description": "Fired when the Delete button of any tree item is pressed.\n\n**Note:** A Delete button is displayed on each item,\nwhen the component `mode` property is set to `Delete`.",
|
| 20304 | "_ui5parameters": [
|
| 20305 | {
|
| 20306 | "type": {
|
| 20307 | "text": "HTMLElement"
|
| 20308 | },
|
| 20309 | "name": "item",
|
| 20310 | "_ui5privacy": "public",
|
| 20311 | "description": "the deleted item."
|
| 20312 | }
|
| 20313 | ]
|
| 20314 | },
|
| 20315 | {
|
| 20316 | "name": "selection-change",
|
| 20317 | "_ui5privacy": "public",
|
| 20318 | "type": {
|
| 20319 | "text": "CustomEvent<TreeSelectionChangeEventDetail>",
|
| 20320 | "references": [
|
| 20321 | {
|
| 20322 | "name": "TreeSelectionChangeEventDetail",
|
| 20323 | "package": "@ui5/webcomponents",
|
| 20324 | "module": "dist/Tree.js"
|
| 20325 | }
|
| 20326 | ]
|
| 20327 | },
|
| 20328 | "description": "Fired when selection is changed by user interaction\nin `SingleSelect`, `SingleSelectBegin`, `SingleSelectEnd` and `MultiSelect` modes.",
|
| 20329 | "_ui5parameters": [
|
| 20330 | {
|
| 20331 | "type": {
|
| 20332 | "text": "Array"
|
| 20333 | },
|
| 20334 | "name": "selectedItems",
|
| 20335 | "_ui5privacy": "public",
|
| 20336 | "description": "An array of the selected items."
|
| 20337 | },
|
| 20338 | {
|
| 20339 | "type": {
|
| 20340 | "text": "Array"
|
| 20341 | },
|
| 20342 | "name": "previouslySelectedItems",
|
| 20343 | "_ui5privacy": "public",
|
| 20344 | "description": "An array of the previously selected items."
|
| 20345 | },
|
| 20346 | {
|
| 20347 | "type": {
|
| 20348 | "text": "HTMLElement"
|
| 20349 | },
|
| 20350 | "name": "targetItem",
|
| 20351 | "_ui5privacy": "public",
|
| 20352 | "description": "The item triggering the event."
|
| 20353 | }
|
| 20354 | ]
|
| 20355 | }
|
| 20356 | ],
|
| 20357 | "superclass": {
|
| 20358 | "name": "UI5Element",
|
| 20359 | "package": "@ui5/webcomponents-base",
|
| 20360 | "module": "dist/UI5Element.js"
|
| 20361 | },
|
| 20362 | "tagName": "ui5-tree",
|
| 20363 | "customElement": true,
|
| 20364 | "_ui5since": "1.0.0-rc.8",
|
| 20365 | "_ui5privacy": "public"
|
| 20366 | }
|
| 20367 | ],
|
| 20368 | "exports": [
|
| 20369 | {
|
| 20370 | "kind": "js",
|
| 20371 | "name": "default",
|
| 20372 | "declaration": {
|
| 20373 | "name": "Tree",
|
| 20374 | "module": "dist/Tree.js"
|
| 20375 | }
|
| 20376 | },
|
| 20377 | {
|
| 20378 | "kind": "custom-element-definition",
|
| 20379 | "name": "ui5-tree",
|
| 20380 | "declaration": {
|
| 20381 | "name": "Tree",
|
| 20382 | "module": "dist/Tree.js"
|
| 20383 | }
|
| 20384 | }
|
| 20385 | ]
|
| 20386 | },
|
| 20387 | {
|
| 20388 | "kind": "javascript-module",
|
| 20389 | "path": "dist/TreeItem.js",
|
| 20390 | "declarations": [
|
| 20391 | {
|
| 20392 | "kind": "class",
|
| 20393 | "description": "### Overview\nThe `ui5-tree-item` represents a node in a tree structure, shown as a `ui5-list`.\n\nThis is the item to use inside a `ui5-tree`.\nYou can represent an arbitrary tree structure by recursively nesting tree items.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TreeItem.js\";`",
|
| 20394 | "name": "TreeItem",
|
| 20395 | "cssParts": [
|
| 20396 | {
|
| 20397 | "description": "Used to style the title of the tree list item",
|
| 20398 | "name": "title"
|
| 20399 | },
|
| 20400 | {
|
| 20401 | "description": "Used to style the additionalText of the tree list item",
|
| 20402 | "name": "additionalText"
|
| 20403 | },
|
| 20404 | {
|
| 20405 | "description": "Used to style the icon of the tree list item",
|
| 20406 | "name": "icon"
|
| 20407 | }
|
| 20408 | ],
|
| 20409 | "members": [
|
| 20410 | {
|
| 20411 | "kind": "field",
|
| 20412 | "name": "text",
|
| 20413 | "type": {
|
| 20414 | "text": "string"
|
| 20415 | },
|
| 20416 | "description": "Defines the text of the tree item.",
|
| 20417 | "privacy": "public",
|
| 20418 | "default": "\"\"",
|
| 20419 | "_ui5validator": "String"
|
| 20420 | },
|
| 20421 | {
|
| 20422 | "kind": "field",
|
| 20423 | "name": "additionalText",
|
| 20424 | "type": {
|
| 20425 | "text": "string"
|
| 20426 | },
|
| 20427 | "description": "Defines the `additionalText`, displayed in the end of the tree item.",
|
| 20428 | "default": "\"\"",
|
| 20429 | "privacy": "public",
|
| 20430 | "_ui5since": "1.0.0-rc.15",
|
| 20431 | "_ui5validator": "String"
|
| 20432 | },
|
| 20433 | {
|
| 20434 | "kind": "field",
|
| 20435 | "name": "icon",
|
| 20436 | "type": {
|
| 20437 | "text": "string"
|
| 20438 | },
|
| 20439 | "description": "If set, an icon will be displayed before the text of the tree list item.",
|
| 20440 | "privacy": "public",
|
| 20441 | "default": "\"\"",
|
| 20442 | "_ui5validator": "String",
|
| 20443 | "inheritedFrom": {
|
| 20444 | "name": "TreeItemBase",
|
| 20445 | "module": "dist/TreeItemBase.js"
|
| 20446 | }
|
| 20447 | },
|
| 20448 | {
|
| 20449 | "kind": "field",
|
| 20450 | "name": "expanded",
|
| 20451 | "type": {
|
| 20452 | "text": "boolean"
|
| 20453 | },
|
| 20454 | "description": "Defines whether the tree list item will show a collapse or expand icon inside its toggle button.",
|
| 20455 | "default": "false",
|
| 20456 | "privacy": "public",
|
| 20457 | "_ui5validator": "Boolean",
|
| 20458 | "inheritedFrom": {
|
| 20459 | "name": "TreeItemBase",
|
| 20460 | "module": "dist/TreeItemBase.js"
|
| 20461 | }
|
| 20462 | },
|
| 20463 | {
|
| 20464 | "kind": "field",
|
| 20465 | "name": "indeterminate",
|
| 20466 | "type": {
|
| 20467 | "text": "boolean"
|
| 20468 | },
|
| 20469 | "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
|
| 20470 | "default": "false",
|
| 20471 | "privacy": "public",
|
| 20472 | "_ui5since": "1.1.0",
|
| 20473 | "_ui5validator": "Boolean",
|
| 20474 | "inheritedFrom": {
|
| 20475 | "name": "TreeItemBase",
|
| 20476 | "module": "dist/TreeItemBase.js"
|
| 20477 | }
|
| 20478 | },
|
| 20479 | {
|
| 20480 | "kind": "field",
|
| 20481 | "name": "hasChildren",
|
| 20482 | "type": {
|
| 20483 | "text": "boolean"
|
| 20484 | },
|
| 20485 | "description": "Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.",
|
| 20486 | "default": "false",
|
| 20487 | "privacy": "public",
|
| 20488 | "_ui5validator": "Boolean",
|
| 20489 | "inheritedFrom": {
|
| 20490 | "name": "TreeItemBase",
|
| 20491 | "module": "dist/TreeItemBase.js"
|
| 20492 | }
|
| 20493 | },
|
| 20494 | {
|
| 20495 | "kind": "field",
|
| 20496 | "name": "additionalTextState",
|
| 20497 | "type": {
|
| 20498 | "text": "ValueState",
|
| 20499 | "references": [
|
| 20500 | {
|
| 20501 | "name": "ValueState",
|
| 20502 | "package": "@ui5/webcomponents-base",
|
| 20503 | "module": "dist/types/ValueState.js"
|
| 20504 | }
|
| 20505 | ]
|
| 20506 | },
|
| 20507 | "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Success\"`, `\"Warning\"`, `\"Information\"` and `\"Error\"`.",
|
| 20508 | "default": "\"None\"",
|
| 20509 | "privacy": "public",
|
| 20510 | "_ui5since": "1.0.0-rc.15",
|
| 20511 | "_ui5validator": "ValueState",
|
| 20512 | "inheritedFrom": {
|
| 20513 | "name": "TreeItemBase",
|
| 20514 | "module": "dist/TreeItemBase.js"
|
| 20515 | }
|
| 20516 | },
|
| 20517 | {
|
| 20518 | "kind": "field",
|
| 20519 | "name": "accessibleName",
|
| 20520 | "type": {
|
| 20521 | "text": "string"
|
| 20522 | },
|
| 20523 | "description": "Defines the accessible name of the component.",
|
| 20524 | "default": "\"\"",
|
| 20525 | "privacy": "public",
|
| 20526 | "_ui5since": "1.8.0",
|
| 20527 | "_ui5validator": "String",
|
| 20528 | "inheritedFrom": {
|
| 20529 | "name": "TreeItemBase",
|
| 20530 | "module": "dist/TreeItemBase.js"
|
| 20531 | }
|
| 20532 | },
|
| 20533 | {
|
| 20534 | "kind": "method",
|
| 20535 | "name": "toggle",
|
| 20536 | "return": {
|
| 20537 | "type": {
|
| 20538 | "text": "void"
|
| 20539 | }
|
| 20540 | },
|
| 20541 | "description": "Call this method to manually switch the `expanded` state of a tree item.",
|
| 20542 | "privacy": "public",
|
| 20543 | "inheritedFrom": {
|
| 20544 | "name": "TreeItemBase",
|
| 20545 | "module": "dist/TreeItemBase.js"
|
| 20546 | }
|
| 20547 | },
|
| 20548 | {
|
| 20549 | "kind": "field",
|
| 20550 | "name": "type",
|
| 20551 | "type": {
|
| 20552 | "text": "ListItemType",
|
| 20553 | "references": [
|
| 20554 | {
|
| 20555 | "name": "ListItemType",
|
| 20556 | "package": "@ui5/webcomponents",
|
| 20557 | "module": "dist/types/ListItemType.js"
|
| 20558 | }
|
| 20559 | ]
|
| 20560 | },
|
| 20561 | "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
|
| 20562 | "default": "\"Active\"",
|
| 20563 | "privacy": "public",
|
| 20564 | "_ui5validator": "ListItemType",
|
| 20565 | "inheritedFrom": {
|
| 20566 | "name": "ListItem",
|
| 20567 | "module": "dist/ListItem.js"
|
| 20568 | }
|
| 20569 | },
|
| 20570 | {
|
| 20571 | "kind": "field",
|
| 20572 | "name": "accessibilityAttributes",
|
| 20573 | "type": {
|
| 20574 | "text": "AccessibilityAttributes",
|
| 20575 | "references": [
|
| 20576 | {
|
| 20577 | "name": "AccessibilityAttributes",
|
| 20578 | "package": "@ui5/webcomponents",
|
| 20579 | "module": "dist/ListItem.js"
|
| 20580 | }
|
| 20581 | ]
|
| 20582 | },
|
| 20583 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\n It supports the following fields:\n\n- `ariaSetsize`: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.\n\tThe value of each `aria-setsize` is an integer reflecting number of items in the complete set.\n\n\t**Note:** If the size of the entire set is unknown, set `aria-setsize=\"-1\"`.\n\t- `ariaPosinset`: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.\n\tThe value of each `aria-posinset` is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
| 20584 | "default": "{}",
|
| 20585 | "privacy": "public",
|
| 20586 | "_ui5since": "1.15.0",
|
| 20587 | "_ui5validator": "Object",
|
| 20588 | "inheritedFrom": {
|
| 20589 | "name": "ListItem",
|
| 20590 | "module": "dist/ListItem.js"
|
| 20591 | }
|
| 20592 | },
|
| 20593 | {
|
| 20594 | "kind": "field",
|
| 20595 | "name": "navigated",
|
| 20596 | "type": {
|
| 20597 | "text": "boolean"
|
| 20598 | },
|
| 20599 | "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
|
| 20600 | "default": "false",
|
| 20601 | "privacy": "public",
|
| 20602 | "_ui5since": "1.10.0",
|
| 20603 | "_ui5validator": "Boolean",
|
| 20604 | "inheritedFrom": {
|
| 20605 | "name": "ListItem",
|
| 20606 | "module": "dist/ListItem.js"
|
| 20607 | }
|
| 20608 | },
|
| 20609 | {
|
| 20610 | "kind": "field",
|
| 20611 | "name": "tooltip",
|
| 20612 | "type": {
|
| 20613 | "text": "string"
|
| 20614 | },
|
| 20615 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 20616 | "default": "\"\"",
|
| 20617 | "privacy": "public",
|
| 20618 | "_ui5since": "1.23.0",
|
| 20619 | "_ui5validator": "String",
|
| 20620 | "inheritedFrom": {
|
| 20621 | "name": "ListItem",
|
| 20622 | "module": "dist/ListItem.js"
|
| 20623 | }
|
| 20624 | },
|
| 20625 | {
|
| 20626 | "kind": "field",
|
| 20627 | "name": "selected",
|
| 20628 | "type": {
|
| 20629 | "text": "boolean"
|
| 20630 | },
|
| 20631 | "description": "Defines the selected state of the `ListItem`.",
|
| 20632 | "default": "false",
|
| 20633 | "privacy": "public",
|
| 20634 | "_ui5validator": "Boolean",
|
| 20635 | "inheritedFrom": {
|
| 20636 | "name": "ListItemBase",
|
| 20637 | "module": "dist/ListItemBase.js"
|
| 20638 | }
|
| 20639 | }
|
| 20640 | ],
|
| 20641 | "superclass": {
|
| 20642 | "name": "TreeItemBase",
|
| 20643 | "package": "@ui5/webcomponents",
|
| 20644 | "module": "dist/TreeItemBase.js"
|
| 20645 | },
|
| 20646 | "tagName": "ui5-tree-item",
|
| 20647 | "customElement": true,
|
| 20648 | "_ui5since": "1.0.0-rc.8",
|
| 20649 | "_ui5privacy": "public",
|
| 20650 | "events": [
|
| 20651 | {
|
| 20652 | "name": "detail-click",
|
| 20653 | "_ui5privacy": "public",
|
| 20654 | "type": {
|
| 20655 | "text": "CustomEvent"
|
| 20656 | },
|
| 20657 | "description": "Fired when the user clicks on the detail button when type is `Detail`.",
|
| 20658 | "inheritedFrom": {
|
| 20659 | "name": "ListItem",
|
| 20660 | "module": "dist/ListItem.js"
|
| 20661 | }
|
| 20662 | }
|
| 20663 | ]
|
| 20664 | }
|
| 20665 | ],
|
| 20666 | "exports": [
|
| 20667 | {
|
| 20668 | "kind": "js",
|
| 20669 | "name": "default",
|
| 20670 | "declaration": {
|
| 20671 | "name": "TreeItem",
|
| 20672 | "module": "dist/TreeItem.js"
|
| 20673 | }
|
| 20674 | },
|
| 20675 | {
|
| 20676 | "kind": "custom-element-definition",
|
| 20677 | "name": "ui5-tree-item",
|
| 20678 | "declaration": {
|
| 20679 | "name": "TreeItem",
|
| 20680 | "module": "dist/TreeItem.js"
|
| 20681 | }
|
| 20682 | }
|
| 20683 | ]
|
| 20684 | },
|
| 20685 | {
|
| 20686 | "kind": "javascript-module",
|
| 20687 | "path": "dist/TreeItemBase.js",
|
| 20688 | "declarations": [
|
| 20689 | {
|
| 20690 | "kind": "class",
|
| 20691 | "description": "A class to serve as a foundation\nfor the `TreeItem` and `TreeItemCustom` classes.",
|
| 20692 | "name": "TreeItemBase",
|
| 20693 | "slots": [
|
| 20694 | {
|
| 20695 | "name": "default",
|
| 20696 | "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`",
|
| 20697 | "_ui5propertyName": "items",
|
| 20698 | "_ui5type": {
|
| 20699 | "text": "Array<TreeItemBase>",
|
| 20700 | "references": [
|
| 20701 | {
|
| 20702 | "name": "TreeItemBase",
|
| 20703 | "package": "@ui5/webcomponents",
|
| 20704 | "module": "dist/TreeItemBase.js"
|
| 20705 | }
|
| 20706 | ]
|
| 20707 | },
|
| 20708 | "_ui5privacy": "public"
|
| 20709 | }
|
| 20710 | ],
|
| 20711 | "members": [
|
| 20712 | {
|
| 20713 | "kind": "field",
|
| 20714 | "name": "icon",
|
| 20715 | "type": {
|
| 20716 | "text": "string"
|
| 20717 | },
|
| 20718 | "description": "If set, an icon will be displayed before the text of the tree list item.",
|
| 20719 | "privacy": "public",
|
| 20720 | "default": "\"\"",
|
| 20721 | "_ui5validator": "String"
|
| 20722 | },
|
| 20723 | {
|
| 20724 | "kind": "field",
|
| 20725 | "name": "expanded",
|
| 20726 | "type": {
|
| 20727 | "text": "boolean"
|
| 20728 | },
|
| 20729 | "description": "Defines whether the tree list item will show a collapse or expand icon inside its toggle button.",
|
| 20730 | "default": "false",
|
| 20731 | "privacy": "public",
|
| 20732 | "_ui5validator": "Boolean"
|
| 20733 | },
|
| 20734 | {
|
| 20735 | "kind": "field",
|
| 20736 | "name": "indeterminate",
|
| 20737 | "type": {
|
| 20738 | "text": "boolean"
|
| 20739 | },
|
| 20740 | "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
|
| 20741 | "default": "false",
|
| 20742 | "privacy": "public",
|
| 20743 | "_ui5since": "1.1.0",
|
| 20744 | "_ui5validator": "Boolean"
|
| 20745 | },
|
| 20746 | {
|
| 20747 | "kind": "field",
|
| 20748 | "name": "hasChildren",
|
| 20749 | "type": {
|
| 20750 | "text": "boolean"
|
| 20751 | },
|
| 20752 | "description": "Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.",
|
| 20753 | "default": "false",
|
| 20754 | "privacy": "public",
|
| 20755 | "_ui5validator": "Boolean"
|
| 20756 | },
|
| 20757 | {
|
| 20758 | "kind": "field",
|
| 20759 | "name": "additionalTextState",
|
| 20760 | "type": {
|
| 20761 | "text": "ValueState",
|
| 20762 | "references": [
|
| 20763 | {
|
| 20764 | "name": "ValueState",
|
| 20765 | "package": "@ui5/webcomponents-base",
|
| 20766 | "module": "dist/types/ValueState.js"
|
| 20767 | }
|
| 20768 | ]
|
| 20769 | },
|
| 20770 | "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Success\"`, `\"Warning\"`, `\"Information\"` and `\"Error\"`.",
|
| 20771 | "default": "\"None\"",
|
| 20772 | "privacy": "public",
|
| 20773 | "_ui5since": "1.0.0-rc.15",
|
| 20774 | "_ui5validator": "ValueState"
|
| 20775 | },
|
| 20776 | {
|
| 20777 | "kind": "field",
|
| 20778 | "name": "accessibleName",
|
| 20779 | "type": {
|
| 20780 | "text": "string"
|
| 20781 | },
|
| 20782 | "description": "Defines the accessible name of the component.",
|
| 20783 | "default": "\"\"",
|
| 20784 | "privacy": "public",
|
| 20785 | "_ui5since": "1.8.0",
|
| 20786 | "_ui5validator": "String"
|
| 20787 | },
|
| 20788 | {
|
| 20789 | "kind": "method",
|
| 20790 | "name": "toggle",
|
| 20791 | "return": {
|
| 20792 | "type": {
|
| 20793 | "text": "void"
|
| 20794 | }
|
| 20795 | },
|
| 20796 | "description": "Call this method to manually switch the `expanded` state of a tree item.",
|
| 20797 | "privacy": "public"
|
| 20798 | },
|
| 20799 | {
|
| 20800 | "kind": "field",
|
| 20801 | "name": "type",
|
| 20802 | "type": {
|
| 20803 | "text": "ListItemType",
|
| 20804 | "references": [
|
| 20805 | {
|
| 20806 | "name": "ListItemType",
|
| 20807 | "package": "@ui5/webcomponents",
|
| 20808 | "module": "dist/types/ListItemType.js"
|
| 20809 | }
|
| 20810 | ]
|
| 20811 | },
|
| 20812 | "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
|
| 20813 | "default": "\"Active\"",
|
| 20814 | "privacy": "public",
|
| 20815 | "_ui5validator": "ListItemType",
|
| 20816 | "inheritedFrom": {
|
| 20817 | "name": "ListItem",
|
| 20818 | "module": "dist/ListItem.js"
|
| 20819 | }
|
| 20820 | },
|
| 20821 | {
|
| 20822 | "kind": "field",
|
| 20823 | "name": "accessibilityAttributes",
|
| 20824 | "type": {
|
| 20825 | "text": "AccessibilityAttributes",
|
| 20826 | "references": [
|
| 20827 | {
|
| 20828 | "name": "AccessibilityAttributes",
|
| 20829 | "package": "@ui5/webcomponents",
|
| 20830 | "module": "dist/ListItem.js"
|
| 20831 | }
|
| 20832 | ]
|
| 20833 | },
|
| 20834 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\n It supports the following fields:\n\n- `ariaSetsize`: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.\n\tThe value of each `aria-setsize` is an integer reflecting number of items in the complete set.\n\n\t**Note:** If the size of the entire set is unknown, set `aria-setsize=\"-1\"`.\n\t- `ariaPosinset`: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.\n\tThe value of each `aria-posinset` is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
| 20835 | "default": "{}",
|
| 20836 | "privacy": "public",
|
| 20837 | "_ui5since": "1.15.0",
|
| 20838 | "_ui5validator": "Object",
|
| 20839 | "inheritedFrom": {
|
| 20840 | "name": "ListItem",
|
| 20841 | "module": "dist/ListItem.js"
|
| 20842 | }
|
| 20843 | },
|
| 20844 | {
|
| 20845 | "kind": "field",
|
| 20846 | "name": "navigated",
|
| 20847 | "type": {
|
| 20848 | "text": "boolean"
|
| 20849 | },
|
| 20850 | "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
|
| 20851 | "default": "false",
|
| 20852 | "privacy": "public",
|
| 20853 | "_ui5since": "1.10.0",
|
| 20854 | "_ui5validator": "Boolean",
|
| 20855 | "inheritedFrom": {
|
| 20856 | "name": "ListItem",
|
| 20857 | "module": "dist/ListItem.js"
|
| 20858 | }
|
| 20859 | },
|
| 20860 | {
|
| 20861 | "kind": "field",
|
| 20862 | "name": "tooltip",
|
| 20863 | "type": {
|
| 20864 | "text": "string"
|
| 20865 | },
|
| 20866 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 20867 | "default": "\"\"",
|
| 20868 | "privacy": "public",
|
| 20869 | "_ui5since": "1.23.0",
|
| 20870 | "_ui5validator": "String",
|
| 20871 | "inheritedFrom": {
|
| 20872 | "name": "ListItem",
|
| 20873 | "module": "dist/ListItem.js"
|
| 20874 | }
|
| 20875 | },
|
| 20876 | {
|
| 20877 | "kind": "field",
|
| 20878 | "name": "selected",
|
| 20879 | "type": {
|
| 20880 | "text": "boolean"
|
| 20881 | },
|
| 20882 | "description": "Defines the selected state of the `ListItem`.",
|
| 20883 | "default": "false",
|
| 20884 | "privacy": "public",
|
| 20885 | "_ui5validator": "Boolean",
|
| 20886 | "inheritedFrom": {
|
| 20887 | "name": "ListItemBase",
|
| 20888 | "module": "dist/ListItemBase.js"
|
| 20889 | }
|
| 20890 | }
|
| 20891 | ],
|
| 20892 | "superclass": {
|
| 20893 | "name": "ListItem",
|
| 20894 | "package": "@ui5/webcomponents",
|
| 20895 | "module": "dist/ListItem.js"
|
| 20896 | },
|
| 20897 | "customElement": true,
|
| 20898 | "_ui5privacy": "public",
|
| 20899 | "_ui5abstract": true,
|
| 20900 | "events": [
|
| 20901 | {
|
| 20902 | "name": "detail-click",
|
| 20903 | "_ui5privacy": "public",
|
| 20904 | "type": {
|
| 20905 | "text": "CustomEvent"
|
| 20906 | },
|
| 20907 | "description": "Fired when the user clicks on the detail button when type is `Detail`.",
|
| 20908 | "inheritedFrom": {
|
| 20909 | "name": "ListItem",
|
| 20910 | "module": "dist/ListItem.js"
|
| 20911 | }
|
| 20912 | }
|
| 20913 | ]
|
| 20914 | }
|
| 20915 | ],
|
| 20916 | "exports": [
|
| 20917 | {
|
| 20918 | "kind": "js",
|
| 20919 | "name": "default",
|
| 20920 | "declaration": {
|
| 20921 | "name": "TreeItemBase",
|
| 20922 | "module": "dist/TreeItemBase.js"
|
| 20923 | }
|
| 20924 | }
|
| 20925 | ]
|
| 20926 | },
|
| 20927 | {
|
| 20928 | "kind": "javascript-module",
|
| 20929 | "path": "dist/TreeItemCustom.js",
|
| 20930 | "declarations": [
|
| 20931 | {
|
| 20932 | "kind": "class",
|
| 20933 | "description": "The `ui5-tree-item-custom` represents a node in a tree structure, shown as a `ui5-list`.\n\nThis is the item to use inside a `ui5-tree`.\nYou can represent an arbitrary tree structure by recursively nesting tree items.\n\nYou can use this item to put any custom content inside the tree item.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents/dist/TreeItemCustom.js\";`",
|
| 20934 | "name": "TreeItemCustom",
|
| 20935 | "cssParts": [
|
| 20936 | {
|
| 20937 | "description": "Used to style the title of the tree list item",
|
| 20938 | "name": "title"
|
| 20939 | },
|
| 20940 | {
|
| 20941 | "description": "Used to style the additionalText of the tree list item",
|
| 20942 | "name": "additionalText"
|
| 20943 | },
|
| 20944 | {
|
| 20945 | "description": "Used to style the icon of the tree list item",
|
| 20946 | "name": "icon"
|
| 20947 | }
|
| 20948 | ],
|
| 20949 | "slots": [
|
| 20950 | {
|
| 20951 | "name": "content",
|
| 20952 | "description": "Defines the content of the `ui5-tree-item`.",
|
| 20953 | "_ui5type": {
|
| 20954 | "text": "Array<HTMLElement>"
|
| 20955 | },
|
| 20956 | "_ui5privacy": "public"
|
| 20957 | }
|
| 20958 | ],
|
| 20959 | "members": [
|
| 20960 | {
|
| 20961 | "kind": "field",
|
| 20962 | "name": "hideSelectionElement",
|
| 20963 | "type": {
|
| 20964 | "text": "boolean"
|
| 20965 | },
|
| 20966 | "description": "Defines whether the tree list item should display the selection element.",
|
| 20967 | "privacy": "public",
|
| 20968 | "default": "false",
|
| 20969 | "_ui5validator": "Boolean"
|
| 20970 | },
|
| 20971 | {
|
| 20972 | "kind": "field",
|
| 20973 | "name": "icon",
|
| 20974 | "type": {
|
| 20975 | "text": "string"
|
| 20976 | },
|
| 20977 | "description": "If set, an icon will be displayed before the text of the tree list item.",
|
| 20978 | "privacy": "public",
|
| 20979 | "default": "\"\"",
|
| 20980 | "_ui5validator": "String",
|
| 20981 | "inheritedFrom": {
|
| 20982 | "name": "TreeItemBase",
|
| 20983 | "module": "dist/TreeItemBase.js"
|
| 20984 | }
|
| 20985 | },
|
| 20986 | {
|
| 20987 | "kind": "field",
|
| 20988 | "name": "expanded",
|
| 20989 | "type": {
|
| 20990 | "text": "boolean"
|
| 20991 | },
|
| 20992 | "description": "Defines whether the tree list item will show a collapse or expand icon inside its toggle button.",
|
| 20993 | "default": "false",
|
| 20994 | "privacy": "public",
|
| 20995 | "_ui5validator": "Boolean",
|
| 20996 | "inheritedFrom": {
|
| 20997 | "name": "TreeItemBase",
|
| 20998 | "module": "dist/TreeItemBase.js"
|
| 20999 | }
|
| 21000 | },
|
| 21001 | {
|
| 21002 | "kind": "field",
|
| 21003 | "name": "indeterminate",
|
| 21004 | "type": {
|
| 21005 | "text": "boolean"
|
| 21006 | },
|
| 21007 | "description": "Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `MultiSelect` mode.",
|
| 21008 | "default": "false",
|
| 21009 | "privacy": "public",
|
| 21010 | "_ui5since": "1.1.0",
|
| 21011 | "_ui5validator": "Boolean",
|
| 21012 | "inheritedFrom": {
|
| 21013 | "name": "TreeItemBase",
|
| 21014 | "module": "dist/TreeItemBase.js"
|
| 21015 | }
|
| 21016 | },
|
| 21017 | {
|
| 21018 | "kind": "field",
|
| 21019 | "name": "hasChildren",
|
| 21020 | "type": {
|
| 21021 | "text": "boolean"
|
| 21022 | },
|
| 21023 | "description": "Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.",
|
| 21024 | "default": "false",
|
| 21025 | "privacy": "public",
|
| 21026 | "_ui5validator": "Boolean",
|
| 21027 | "inheritedFrom": {
|
| 21028 | "name": "TreeItemBase",
|
| 21029 | "module": "dist/TreeItemBase.js"
|
| 21030 | }
|
| 21031 | },
|
| 21032 | {
|
| 21033 | "kind": "field",
|
| 21034 | "name": "additionalTextState",
|
| 21035 | "type": {
|
| 21036 | "text": "ValueState",
|
| 21037 | "references": [
|
| 21038 | {
|
| 21039 | "name": "ValueState",
|
| 21040 | "package": "@ui5/webcomponents-base",
|
| 21041 | "module": "dist/types/ValueState.js"
|
| 21042 | }
|
| 21043 | ]
|
| 21044 | },
|
| 21045 | "description": "Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Success\"`, `\"Warning\"`, `\"Information\"` and `\"Error\"`.",
|
| 21046 | "default": "\"None\"",
|
| 21047 | "privacy": "public",
|
| 21048 | "_ui5since": "1.0.0-rc.15",
|
| 21049 | "_ui5validator": "ValueState",
|
| 21050 | "inheritedFrom": {
|
| 21051 | "name": "TreeItemBase",
|
| 21052 | "module": "dist/TreeItemBase.js"
|
| 21053 | }
|
| 21054 | },
|
| 21055 | {
|
| 21056 | "kind": "field",
|
| 21057 | "name": "accessibleName",
|
| 21058 | "type": {
|
| 21059 | "text": "string"
|
| 21060 | },
|
| 21061 | "description": "Defines the accessible name of the component.",
|
| 21062 | "default": "\"\"",
|
| 21063 | "privacy": "public",
|
| 21064 | "_ui5since": "1.8.0",
|
| 21065 | "_ui5validator": "String",
|
| 21066 | "inheritedFrom": {
|
| 21067 | "name": "TreeItemBase",
|
| 21068 | "module": "dist/TreeItemBase.js"
|
| 21069 | }
|
| 21070 | },
|
| 21071 | {
|
| 21072 | "kind": "method",
|
| 21073 | "name": "toggle",
|
| 21074 | "return": {
|
| 21075 | "type": {
|
| 21076 | "text": "void"
|
| 21077 | }
|
| 21078 | },
|
| 21079 | "description": "Call this method to manually switch the `expanded` state of a tree item.",
|
| 21080 | "privacy": "public",
|
| 21081 | "inheritedFrom": {
|
| 21082 | "name": "TreeItemBase",
|
| 21083 | "module": "dist/TreeItemBase.js"
|
| 21084 | }
|
| 21085 | },
|
| 21086 | {
|
| 21087 | "kind": "field",
|
| 21088 | "name": "type",
|
| 21089 | "type": {
|
| 21090 | "text": "ListItemType",
|
| 21091 | "references": [
|
| 21092 | {
|
| 21093 | "name": "ListItemType",
|
| 21094 | "package": "@ui5/webcomponents",
|
| 21095 | "module": "dist/types/ListItemType.js"
|
| 21096 | }
|
| 21097 | ]
|
| 21098 | },
|
| 21099 | "description": "Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.",
|
| 21100 | "default": "\"Active\"",
|
| 21101 | "privacy": "public",
|
| 21102 | "_ui5validator": "ListItemType",
|
| 21103 | "inheritedFrom": {
|
| 21104 | "name": "ListItem",
|
| 21105 | "module": "dist/ListItem.js"
|
| 21106 | }
|
| 21107 | },
|
| 21108 | {
|
| 21109 | "kind": "field",
|
| 21110 | "name": "accessibilityAttributes",
|
| 21111 | "type": {
|
| 21112 | "text": "AccessibilityAttributes",
|
| 21113 | "references": [
|
| 21114 | {
|
| 21115 | "name": "AccessibilityAttributes",
|
| 21116 | "package": "@ui5/webcomponents",
|
| 21117 | "module": "dist/ListItem.js"
|
| 21118 | }
|
| 21119 | ]
|
| 21120 | },
|
| 21121 | "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\n It supports the following fields:\n\n- `ariaSetsize`: Defines the number of items in the current set of listitems or treeitems when not all items in the set are present in the DOM.\n\tThe value of each `aria-setsize` is an integer reflecting number of items in the complete set.\n\n\t**Note:** If the size of the entire set is unknown, set `aria-setsize=\"-1\"`.\n\t- `ariaPosinset`: Defines an element's number or position in the current set of listitems or treeitems when not all items are present in the DOM.\n\tThe value of each `aria-posinset` is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.",
|
| 21122 | "default": "{}",
|
| 21123 | "privacy": "public",
|
| 21124 | "_ui5since": "1.15.0",
|
| 21125 | "_ui5validator": "Object",
|
| 21126 | "inheritedFrom": {
|
| 21127 | "name": "ListItem",
|
| 21128 | "module": "dist/ListItem.js"
|
| 21129 | }
|
| 21130 | },
|
| 21131 | {
|
| 21132 | "kind": "field",
|
| 21133 | "name": "navigated",
|
| 21134 | "type": {
|
| 21135 | "text": "boolean"
|
| 21136 | },
|
| 21137 | "description": "The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.",
|
| 21138 | "default": "false",
|
| 21139 | "privacy": "public",
|
| 21140 | "_ui5since": "1.10.0",
|
| 21141 | "_ui5validator": "Boolean",
|
| 21142 | "inheritedFrom": {
|
| 21143 | "name": "ListItem",
|
| 21144 | "module": "dist/ListItem.js"
|
| 21145 | }
|
| 21146 | },
|
| 21147 | {
|
| 21148 | "kind": "field",
|
| 21149 | "name": "tooltip",
|
| 21150 | "type": {
|
| 21151 | "text": "string"
|
| 21152 | },
|
| 21153 | "description": "Defines the text of the tooltip that would be displayed for the list item.",
|
| 21154 | "default": "\"\"",
|
| 21155 | "privacy": "public",
|
| 21156 | "_ui5since": "1.23.0",
|
| 21157 | "_ui5validator": "String",
|
| 21158 | "inheritedFrom": {
|
| 21159 | "name": "ListItem",
|
| 21160 | "module": "dist/ListItem.js"
|
| 21161 | }
|
| 21162 | },
|
| 21163 | {
|
| 21164 | "kind": "field",
|
| 21165 | "name": "selected",
|
| 21166 | "type": {
|
| 21167 | "text": "boolean"
|
| 21168 | },
|
| 21169 | "description": "Defines the selected state of the `ListItem`.",
|
| 21170 | "default": "false",
|
| 21171 | "privacy": "public",
|
| 21172 | "_ui5validator": "Boolean",
|
| 21173 | "inheritedFrom": {
|
| 21174 | "name": "ListItemBase",
|
| 21175 | "module": "dist/ListItemBase.js"
|
| 21176 | }
|
| 21177 | }
|
| 21178 | ],
|
| 21179 | "superclass": {
|
| 21180 | "name": "TreeItemBase",
|
| 21181 | "package": "@ui5/webcomponents",
|
| 21182 | "module": "dist/TreeItemBase.js"
|
| 21183 | },
|
| 21184 | "tagName": "ui5-tree-item-custom",
|
| 21185 | "customElement": true,
|
| 21186 | "_ui5since": "1.9.2",
|
| 21187 | "_ui5privacy": "public",
|
| 21188 | "events": [
|
| 21189 | {
|
| 21190 | "name": "detail-click",
|
| 21191 | "_ui5privacy": "public",
|
| 21192 | "type": {
|
| 21193 | "text": "CustomEvent"
|
| 21194 | },
|
| 21195 | "description": "Fired when the user clicks on the detail button when type is `Detail`.",
|
| 21196 | "inheritedFrom": {
|
| 21197 | "name": "ListItem",
|
| 21198 | "module": "dist/ListItem.js"
|
| 21199 | }
|
| 21200 | }
|
| 21201 | ]
|
| 21202 | }
|
| 21203 | ],
|
| 21204 | "exports": [
|
| 21205 | {
|
| 21206 | "kind": "js",
|
| 21207 | "name": "default",
|
| 21208 | "declaration": {
|
| 21209 | "name": "TreeItemCustom",
|
| 21210 | "module": "dist/TreeItemCustom.js"
|
| 21211 | }
|
| 21212 | },
|
| 21213 | {
|
| 21214 | "kind": "custom-element-definition",
|
| 21215 | "name": "ui5-tree-item-custom",
|
| 21216 | "declaration": {
|
| 21217 | "name": "TreeItemCustom",
|
| 21218 | "module": "dist/TreeItemCustom.js"
|
| 21219 | }
|
| 21220 | }
|
| 21221 | ]
|
| 21222 | },
|
| 21223 | {
|
| 21224 | "kind": "javascript-module",
|
| 21225 | "path": "dist/TreeList.js",
|
| 21226 | "declarations": [],
|
| 21227 | "exports": [
|
| 21228 | {
|
| 21229 | "kind": "js",
|
| 21230 | "name": "default",
|
| 21231 | "declaration": {
|
| 21232 | "name": "TreeList",
|
| 21233 | "module": "dist/TreeList.js"
|
| 21234 | }
|
| 21235 | }
|
| 21236 | ]
|
| 21237 | },
|
| 21238 | {
|
| 21239 | "kind": "javascript-module",
|
| 21240 | "path": "dist/WheelSlider.js",
|
| 21241 | "declarations": [],
|
| 21242 | "exports": [
|
| 21243 | {
|
| 21244 | "kind": "js",
|
| 21245 | "name": "default",
|
| 21246 | "declaration": {
|
| 21247 | "name": "WheelSlider",
|
| 21248 | "module": "dist/WheelSlider.js"
|
| 21249 | }
|
| 21250 | }
|
| 21251 | ]
|
| 21252 | },
|
| 21253 | {
|
| 21254 | "kind": "javascript-module",
|
| 21255 | "path": "dist/YearPicker.js",
|
| 21256 | "declarations": [],
|
| 21257 | "exports": [
|
| 21258 | {
|
| 21259 | "kind": "js",
|
| 21260 | "name": "default",
|
| 21261 | "declaration": {
|
| 21262 | "name": "YearPicker",
|
| 21263 | "module": "dist/YearPicker.js"
|
| 21264 | }
|
| 21265 | }
|
| 21266 | ]
|
| 21267 | }
|
| 21268 | ]
|
| 21269 | } |
| \ | No newline at end of file |