@progress/kendo-vue-layout 6.4.0-develop.4 → 6.4.0-develop.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/breadcrumb/Breadcrumb.js +8 -0
- package/breadcrumb/Breadcrumb.mjs +297 -0
- package/breadcrumb/BreadcrumbDelimiter.js +8 -0
- package/breadcrumb/BreadcrumbDelimiter.mjs +36 -0
- package/breadcrumb/BreadcrumbLink.js +8 -0
- package/breadcrumb/BreadcrumbLink.mjs +105 -0
- package/breadcrumb/BreadcrumbListItem.js +8 -0
- package/breadcrumb/BreadcrumbListItem.mjs +40 -0
- package/breadcrumb/BreadcrumbOrderedList.js +8 -0
- package/breadcrumb/BreadcrumbOrderedList.mjs +63 -0
- package/dist/cdn/js/kendo-vue-layout.js +1 -1
- package/index.d.mts +531 -0
- package/index.d.ts +531 -0
- package/index.js +1 -1
- package/index.mjs +77 -67
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +7 -7
package/index.d.ts
CHANGED
|
@@ -6,6 +6,13 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import { BottomNavigationItemProps as BottomNavigationItemProps_2 } from './BottomNavigationItemProps';
|
|
9
|
+
import { BreadcrumbDataModel as BreadcrumbDataModel_2 } from './interfaces/BreadcrumbProps';
|
|
10
|
+
import { BreadcrumbDelimiterProps as BreadcrumbDelimiterProps_2 } from '..';
|
|
11
|
+
import { BreadcrumbLinkMouseEvent as BreadcrumbLinkMouseEvent_2 } from './interfaces/BreadcrumbProps';
|
|
12
|
+
import { BreadcrumbLinkProps as BreadcrumbLinkProps_2 } from '..';
|
|
13
|
+
import { BreadcrumbListItemProps as BreadcrumbListItemProps_2 } from '..';
|
|
14
|
+
import { BreadcrumbOrderedListProps as BreadcrumbOrderedListProps_2 } from '..';
|
|
15
|
+
import { Component } from 'vue';
|
|
9
16
|
import { ComponentOptionsMixin } from 'vue';
|
|
10
17
|
import { ComponentProvideOptions } from 'vue';
|
|
11
18
|
import { DefineComponent } from 'vue';
|
|
@@ -21,9 +28,13 @@ import { Navigation } from '@progress/kendo-vue-common';
|
|
|
21
28
|
import { PanelBarExpandMode as PanelBarExpandMode_2 } from './interfaces/PanelBarProps';
|
|
22
29
|
import { PropType } from 'vue';
|
|
23
30
|
import { PublicProps } from 'vue';
|
|
31
|
+
import { Ref } from 'vue';
|
|
32
|
+
import { RendererElement } from 'vue';
|
|
33
|
+
import { RendererNode } from 'vue';
|
|
24
34
|
import { StepProps as StepProps_2 } from '..';
|
|
25
35
|
import { SVGIcon } from '@progress/kendo-vue-common';
|
|
26
36
|
import { SVGIcon as SVGIcon_2 } from '@progress/kendo-svg-icons';
|
|
37
|
+
import { VNode } from 'vue';
|
|
27
38
|
|
|
28
39
|
/**
|
|
29
40
|
* @hidden
|
|
@@ -1138,6 +1149,526 @@ export declare interface BottomNavigationSelectEvent {
|
|
|
1138
1149
|
*/
|
|
1139
1150
|
export declare type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
|
|
1140
1151
|
|
|
1152
|
+
/**
|
|
1153
|
+
* Represents the Breadcrumb component.
|
|
1154
|
+
*/
|
|
1155
|
+
export declare const Breadcrumb: DefineComponent<ExtractPropTypes< {
|
|
1156
|
+
id: PropType<string>;
|
|
1157
|
+
tabIndex: PropType<number>;
|
|
1158
|
+
disabled: PropType<boolean>;
|
|
1159
|
+
collapseMode: {
|
|
1160
|
+
type: PropType<"none" | "auto" | "wrap">;
|
|
1161
|
+
default: string;
|
|
1162
|
+
validator: (value: string) => any;
|
|
1163
|
+
};
|
|
1164
|
+
ariaLabel: {
|
|
1165
|
+
type: PropType<string>;
|
|
1166
|
+
default: string;
|
|
1167
|
+
};
|
|
1168
|
+
breadcrumbOrderedList: PropType<Component<BreadcrumbOrderedListProps_2>>;
|
|
1169
|
+
breadcrumbListItem: PropType<Component<BreadcrumbListItemProps_2>>;
|
|
1170
|
+
breadcrumbDelimiter: PropType<Component<BreadcrumbDelimiterProps_2>>;
|
|
1171
|
+
breadcrumbLink: PropType<Component<BreadcrumbLinkProps_2>>;
|
|
1172
|
+
dataItems: {
|
|
1173
|
+
type: PropType<BreadcrumbDataModel_2[]>;
|
|
1174
|
+
default: any[];
|
|
1175
|
+
};
|
|
1176
|
+
size: {
|
|
1177
|
+
type: PropType<"small" | "medium" | "large">;
|
|
1178
|
+
default: string;
|
|
1179
|
+
};
|
|
1180
|
+
dir: {
|
|
1181
|
+
type: PropType<"rtl" | "ltr">;
|
|
1182
|
+
default: any;
|
|
1183
|
+
};
|
|
1184
|
+
valueField: {
|
|
1185
|
+
type: PropType<string>;
|
|
1186
|
+
default: string;
|
|
1187
|
+
};
|
|
1188
|
+
textField: {
|
|
1189
|
+
type: PropType<string>;
|
|
1190
|
+
default: string;
|
|
1191
|
+
};
|
|
1192
|
+
svgIconField: {
|
|
1193
|
+
type: PropType<string>;
|
|
1194
|
+
default: string;
|
|
1195
|
+
};
|
|
1196
|
+
iconField: {
|
|
1197
|
+
type: PropType<string>;
|
|
1198
|
+
default: string;
|
|
1199
|
+
};
|
|
1200
|
+
onSelect: PropType<(event: BreadcrumbLinkMouseEvent_2) => void>;
|
|
1201
|
+
onKeydown: PropType<(event: any) => void>;
|
|
1202
|
+
}>, {
|
|
1203
|
+
breadcrumbRef: Ref<any, any>;
|
|
1204
|
+
}, {
|
|
1205
|
+
currentDir: string;
|
|
1206
|
+
localData: BreadcrumbDataModel_2[];
|
|
1207
|
+
listItems: any[];
|
|
1208
|
+
itemsData: any[];
|
|
1209
|
+
addDelimiter: boolean;
|
|
1210
|
+
}, {
|
|
1211
|
+
itemClasses(): BreadcrumbComputed['itemClasses'];
|
|
1212
|
+
}, {
|
|
1213
|
+
getLastHiddenItemWidth(): any[];
|
|
1214
|
+
calculateMedia(): void;
|
|
1215
|
+
handleSelect(event: any): void;
|
|
1216
|
+
handleKeyDown(event: any): void;
|
|
1217
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1218
|
+
select: any;
|
|
1219
|
+
keydown: any;
|
|
1220
|
+
}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
1221
|
+
id: PropType<string>;
|
|
1222
|
+
tabIndex: PropType<number>;
|
|
1223
|
+
disabled: PropType<boolean>;
|
|
1224
|
+
collapseMode: {
|
|
1225
|
+
type: PropType<"none" | "auto" | "wrap">;
|
|
1226
|
+
default: string;
|
|
1227
|
+
validator: (value: string) => any;
|
|
1228
|
+
};
|
|
1229
|
+
ariaLabel: {
|
|
1230
|
+
type: PropType<string>;
|
|
1231
|
+
default: string;
|
|
1232
|
+
};
|
|
1233
|
+
breadcrumbOrderedList: PropType<Component<BreadcrumbOrderedListProps_2>>;
|
|
1234
|
+
breadcrumbListItem: PropType<Component<BreadcrumbListItemProps_2>>;
|
|
1235
|
+
breadcrumbDelimiter: PropType<Component<BreadcrumbDelimiterProps_2>>;
|
|
1236
|
+
breadcrumbLink: PropType<Component<BreadcrumbLinkProps_2>>;
|
|
1237
|
+
dataItems: {
|
|
1238
|
+
type: PropType<BreadcrumbDataModel_2[]>;
|
|
1239
|
+
default: any[];
|
|
1240
|
+
};
|
|
1241
|
+
size: {
|
|
1242
|
+
type: PropType<"small" | "medium" | "large">;
|
|
1243
|
+
default: string;
|
|
1244
|
+
};
|
|
1245
|
+
dir: {
|
|
1246
|
+
type: PropType<"rtl" | "ltr">;
|
|
1247
|
+
default: any;
|
|
1248
|
+
};
|
|
1249
|
+
valueField: {
|
|
1250
|
+
type: PropType<string>;
|
|
1251
|
+
default: string;
|
|
1252
|
+
};
|
|
1253
|
+
textField: {
|
|
1254
|
+
type: PropType<string>;
|
|
1255
|
+
default: string;
|
|
1256
|
+
};
|
|
1257
|
+
svgIconField: {
|
|
1258
|
+
type: PropType<string>;
|
|
1259
|
+
default: string;
|
|
1260
|
+
};
|
|
1261
|
+
iconField: {
|
|
1262
|
+
type: PropType<string>;
|
|
1263
|
+
default: string;
|
|
1264
|
+
};
|
|
1265
|
+
onSelect: PropType<(event: BreadcrumbLinkMouseEvent_2) => void>;
|
|
1266
|
+
onKeydown: PropType<(event: any) => void>;
|
|
1267
|
+
}>> & Readonly<{
|
|
1268
|
+
onSelect?: (...args: any[] | unknown[]) => any;
|
|
1269
|
+
onKeydown?: (...args: any[] | unknown[]) => any;
|
|
1270
|
+
}>, {
|
|
1271
|
+
ariaLabel: string;
|
|
1272
|
+
size: "small" | "medium" | "large";
|
|
1273
|
+
dir: "rtl" | "ltr";
|
|
1274
|
+
collapseMode: "none" | "auto" | "wrap";
|
|
1275
|
+
dataItems: BreadcrumbDataModel_2[];
|
|
1276
|
+
valueField: string;
|
|
1277
|
+
textField: string;
|
|
1278
|
+
svgIconField: string;
|
|
1279
|
+
iconField: string;
|
|
1280
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1281
|
+
|
|
1282
|
+
/**
|
|
1283
|
+
* @hidden
|
|
1284
|
+
*/
|
|
1285
|
+
export declare interface BreadcrumbComputed {
|
|
1286
|
+
[key: string]: any;
|
|
1287
|
+
itemClasses: object;
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1290
|
+
/**
|
|
1291
|
+
* Represents the BreadcrumbDataModel object type.
|
|
1292
|
+
*/
|
|
1293
|
+
export declare interface BreadcrumbDataModel {
|
|
1294
|
+
/**
|
|
1295
|
+
* Represents the `id` of the dataItems object.
|
|
1296
|
+
* Used for setting the `key` of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
|
|
1297
|
+
*/
|
|
1298
|
+
id?: string;
|
|
1299
|
+
/**
|
|
1300
|
+
* Represents the `text` used inside the BreadcrumbLink component.
|
|
1301
|
+
*/
|
|
1302
|
+
text?: string;
|
|
1303
|
+
/**
|
|
1304
|
+
* Represents the `svgIcon` used inside the BreadcrumbLink component.
|
|
1305
|
+
*/
|
|
1306
|
+
svgIcon?: VNode;
|
|
1307
|
+
/**
|
|
1308
|
+
* Represents the `icon` used inside the BreadcrumbLink component.
|
|
1309
|
+
*/
|
|
1310
|
+
icon?: VNode;
|
|
1311
|
+
/**
|
|
1312
|
+
* @hidden
|
|
1313
|
+
*/
|
|
1314
|
+
disabled?: boolean;
|
|
1315
|
+
}
|
|
1316
|
+
|
|
1317
|
+
/**
|
|
1318
|
+
* Represents the BreadcrumbDelimiter component.
|
|
1319
|
+
*/
|
|
1320
|
+
export declare const BreadcrumbDelimiter: DefineComponent<ExtractPropTypes< {
|
|
1321
|
+
id: PropType<string>;
|
|
1322
|
+
dir: PropType<string>;
|
|
1323
|
+
tabIndex: PropType<number>;
|
|
1324
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
1325
|
+
id: PropType<string>;
|
|
1326
|
+
dir: PropType<string>;
|
|
1327
|
+
tabIndex: PropType<number>;
|
|
1328
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1329
|
+
|
|
1330
|
+
/**
|
|
1331
|
+
* Represents the properties of BreadcrumbDelimiter component.
|
|
1332
|
+
*/
|
|
1333
|
+
export declare interface BreadcrumbDelimiterProps {
|
|
1334
|
+
/**
|
|
1335
|
+
* Sets the `id` property of the BreadcrumbDelimiter component.
|
|
1336
|
+
*/
|
|
1337
|
+
id?: string;
|
|
1338
|
+
/**
|
|
1339
|
+
* Sets the `tabIndex` attribute to the BreadcrumbDelimiter.
|
|
1340
|
+
*/
|
|
1341
|
+
tabIndex?: number;
|
|
1342
|
+
/**
|
|
1343
|
+
* @hidden
|
|
1344
|
+
*/
|
|
1345
|
+
dir?: string;
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1348
|
+
/**
|
|
1349
|
+
* Represents the BreadcrumbLink component.
|
|
1350
|
+
*/
|
|
1351
|
+
export declare const BreadcrumbLink: DefineComponent<ExtractPropTypes< {
|
|
1352
|
+
id: PropType<string>;
|
|
1353
|
+
tabIndex: PropType<number>;
|
|
1354
|
+
dir: PropType<string>;
|
|
1355
|
+
disabled: PropType<boolean>;
|
|
1356
|
+
text: PropType<string>;
|
|
1357
|
+
svgIcon: PropType<VNode<RendererNode, RendererElement, {
|
|
1358
|
+
[key: string]: any;
|
|
1359
|
+
}>>;
|
|
1360
|
+
icon: PropType<VNode<RendererNode, RendererElement, {
|
|
1361
|
+
[key: string]: any;
|
|
1362
|
+
}>>;
|
|
1363
|
+
ariaCurrent: PropType<boolean>;
|
|
1364
|
+
isLast: PropType<boolean>;
|
|
1365
|
+
isFirst: PropType<boolean>;
|
|
1366
|
+
onSelect: PropType<(event: any) => void>;
|
|
1367
|
+
}>, {
|
|
1368
|
+
linkRef: Ref<any, any>;
|
|
1369
|
+
}, {}, {
|
|
1370
|
+
itemClasses(): BreadcrumbLinkComputed['itemClasses'];
|
|
1371
|
+
}, {
|
|
1372
|
+
focus(): void;
|
|
1373
|
+
handleSelect(event: any): void;
|
|
1374
|
+
handleKeyDown(event: any): void;
|
|
1375
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "keydown")[], "select" | "keydown", PublicProps, Readonly<ExtractPropTypes< {
|
|
1376
|
+
id: PropType<string>;
|
|
1377
|
+
tabIndex: PropType<number>;
|
|
1378
|
+
dir: PropType<string>;
|
|
1379
|
+
disabled: PropType<boolean>;
|
|
1380
|
+
text: PropType<string>;
|
|
1381
|
+
svgIcon: PropType<VNode<RendererNode, RendererElement, {
|
|
1382
|
+
[key: string]: any;
|
|
1383
|
+
}>>;
|
|
1384
|
+
icon: PropType<VNode<RendererNode, RendererElement, {
|
|
1385
|
+
[key: string]: any;
|
|
1386
|
+
}>>;
|
|
1387
|
+
ariaCurrent: PropType<boolean>;
|
|
1388
|
+
isLast: PropType<boolean>;
|
|
1389
|
+
isFirst: PropType<boolean>;
|
|
1390
|
+
onSelect: PropType<(event: any) => void>;
|
|
1391
|
+
}>> & Readonly<{
|
|
1392
|
+
onKeydown?: (...args: any[]) => any;
|
|
1393
|
+
onSelect?: (...args: any[]) => any;
|
|
1394
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1395
|
+
|
|
1396
|
+
/**
|
|
1397
|
+
* @hidden
|
|
1398
|
+
*/
|
|
1399
|
+
export declare interface BreadcrumbLinkComputed {
|
|
1400
|
+
[key: string]: any;
|
|
1401
|
+
itemClasses: object;
|
|
1402
|
+
}
|
|
1403
|
+
|
|
1404
|
+
/**
|
|
1405
|
+
* Represents the `BreadcrumbLinkMouseEvent`.
|
|
1406
|
+
*/
|
|
1407
|
+
export declare interface BreadcrumbLinkMouseEvent {
|
|
1408
|
+
/**
|
|
1409
|
+
* Represents the `id` of the `BreadcrumbLinkMouseEvent`.
|
|
1410
|
+
*/
|
|
1411
|
+
id?: string;
|
|
1412
|
+
/**
|
|
1413
|
+
* A Vue native DOM event.
|
|
1414
|
+
*/
|
|
1415
|
+
nativeEvent: any;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
/**
|
|
1419
|
+
* Represents the properties of BreadcrumbLink component.
|
|
1420
|
+
*/
|
|
1421
|
+
export declare interface BreadcrumbLinkProps {
|
|
1422
|
+
/**
|
|
1423
|
+
* Sets the `id` property of the top `div` element of the BreadcrumbLink.
|
|
1424
|
+
*/
|
|
1425
|
+
id?: string;
|
|
1426
|
+
/**
|
|
1427
|
+
* Sets the `tabIndex` attribute to the BreadcrumbLink.
|
|
1428
|
+
*/
|
|
1429
|
+
tabIndex?: number;
|
|
1430
|
+
/**
|
|
1431
|
+
* The Breadcrumb direction `ltr` or `rtl`.
|
|
1432
|
+
*/
|
|
1433
|
+
dir?: string;
|
|
1434
|
+
/**
|
|
1435
|
+
* Determines the `disabled` mode of the BreadcrumbLink. If `true`, the component is disabled.
|
|
1436
|
+
*/
|
|
1437
|
+
disabled?: boolean;
|
|
1438
|
+
/**
|
|
1439
|
+
* Represents the `text` of the BreadcrumbLink component.
|
|
1440
|
+
*/
|
|
1441
|
+
text?: string;
|
|
1442
|
+
/**
|
|
1443
|
+
* Represents the `svgIcon` of the BreadcrumbLink component.
|
|
1444
|
+
*/
|
|
1445
|
+
svgIcon?: VNode;
|
|
1446
|
+
/**
|
|
1447
|
+
* Represents the `icon` of the BreadcrumbLink component.
|
|
1448
|
+
*/
|
|
1449
|
+
icon?: VNode;
|
|
1450
|
+
/**
|
|
1451
|
+
* Represents the `onSelect` event. Triggered after click on the BreadcrumbLink item.
|
|
1452
|
+
*/
|
|
1453
|
+
onSelect?: (event: any) => void;
|
|
1454
|
+
/**
|
|
1455
|
+
* Represents the `onKeydown` event. Triggered after key down on the BreadcrumbLink item.
|
|
1456
|
+
*/
|
|
1457
|
+
onKeydown?: (event: any) => void;
|
|
1458
|
+
/**
|
|
1459
|
+
* Sets the `aria-current` value.
|
|
1460
|
+
*/
|
|
1461
|
+
ariaCurrent?: boolean;
|
|
1462
|
+
/**
|
|
1463
|
+
* @hidden
|
|
1464
|
+
*/
|
|
1465
|
+
isLast?: boolean;
|
|
1466
|
+
/**
|
|
1467
|
+
* @hidden
|
|
1468
|
+
*/
|
|
1469
|
+
isFirst?: boolean;
|
|
1470
|
+
}
|
|
1471
|
+
|
|
1472
|
+
/**
|
|
1473
|
+
* @hidden
|
|
1474
|
+
*/
|
|
1475
|
+
export declare const BreadcrumbListItem: DefineComponent<ExtractPropTypes< {
|
|
1476
|
+
id: PropType<string>;
|
|
1477
|
+
isFirstItem: PropType<boolean>;
|
|
1478
|
+
isLastItem: PropType<boolean>;
|
|
1479
|
+
}>, {}, {}, {
|
|
1480
|
+
itemClasses(): BreadcrumbListItemComputed['itemClasses'];
|
|
1481
|
+
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
1482
|
+
id: PropType<string>;
|
|
1483
|
+
isFirstItem: PropType<boolean>;
|
|
1484
|
+
isLastItem: PropType<boolean>;
|
|
1485
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1486
|
+
|
|
1487
|
+
/**
|
|
1488
|
+
* @hidden
|
|
1489
|
+
*/
|
|
1490
|
+
export declare interface BreadcrumbListItemComputed {
|
|
1491
|
+
[key: string]: any;
|
|
1492
|
+
itemClasses: object;
|
|
1493
|
+
}
|
|
1494
|
+
|
|
1495
|
+
/**
|
|
1496
|
+
* @hidden
|
|
1497
|
+
*/
|
|
1498
|
+
export declare interface BreadcrumbListItemProps {
|
|
1499
|
+
/**
|
|
1500
|
+
* Sets the `id` property of the top `div` element of the BreadcrumbListItem.
|
|
1501
|
+
*/
|
|
1502
|
+
id?: string;
|
|
1503
|
+
/**
|
|
1504
|
+
* @hidden
|
|
1505
|
+
*/
|
|
1506
|
+
isFirstItem: boolean;
|
|
1507
|
+
/**
|
|
1508
|
+
* @hidden
|
|
1509
|
+
*/
|
|
1510
|
+
isLastItem: boolean;
|
|
1511
|
+
}
|
|
1512
|
+
|
|
1513
|
+
/**
|
|
1514
|
+
* @hidden
|
|
1515
|
+
*/
|
|
1516
|
+
export declare const BreadcrumbOrderedList: DefineComponent<ExtractPropTypes< {
|
|
1517
|
+
rootItem: PropType<boolean>;
|
|
1518
|
+
id: PropType<string>;
|
|
1519
|
+
dir: PropType<string>;
|
|
1520
|
+
tabIndex: PropType<number>;
|
|
1521
|
+
disabled: PropType<boolean>;
|
|
1522
|
+
collapseMode: {
|
|
1523
|
+
type: PropType<"none" | "auto" | "wrap">;
|
|
1524
|
+
validator: (value: string) => any;
|
|
1525
|
+
};
|
|
1526
|
+
}>, {}, {}, {
|
|
1527
|
+
itemClasses(): BreadcrumbOrderedListComputed['itemClasses'];
|
|
1528
|
+
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
1529
|
+
rootItem: PropType<boolean>;
|
|
1530
|
+
id: PropType<string>;
|
|
1531
|
+
dir: PropType<string>;
|
|
1532
|
+
tabIndex: PropType<number>;
|
|
1533
|
+
disabled: PropType<boolean>;
|
|
1534
|
+
collapseMode: {
|
|
1535
|
+
type: PropType<"none" | "auto" | "wrap">;
|
|
1536
|
+
validator: (value: string) => any;
|
|
1537
|
+
};
|
|
1538
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1539
|
+
|
|
1540
|
+
/**
|
|
1541
|
+
* @hidden
|
|
1542
|
+
*/
|
|
1543
|
+
export declare interface BreadcrumbOrderedListComputed {
|
|
1544
|
+
[key: string]: any;
|
|
1545
|
+
itemClasses: object;
|
|
1546
|
+
}
|
|
1547
|
+
|
|
1548
|
+
/**
|
|
1549
|
+
* @hidden
|
|
1550
|
+
*/
|
|
1551
|
+
export declare interface BreadcrumbOrderedListProps {
|
|
1552
|
+
/**
|
|
1553
|
+
* Sets the `id` property of the top `div` element of the BreadcrumbOrderedList.
|
|
1554
|
+
*/
|
|
1555
|
+
id?: string;
|
|
1556
|
+
/**
|
|
1557
|
+
* Sets the `tabIndex` attribute to the BreadcrumbOrderedList.
|
|
1558
|
+
*/
|
|
1559
|
+
tabIndex?: number;
|
|
1560
|
+
/**
|
|
1561
|
+
* The BreadcrumbOrderedList direction `ltr` or `rtl`.
|
|
1562
|
+
*/
|
|
1563
|
+
dir?: string;
|
|
1564
|
+
/**
|
|
1565
|
+
* Sets the Collapse mode of the Breadcrumb.
|
|
1566
|
+
* The available values are:
|
|
1567
|
+
* - `auto`(default)—Items are automatically collapsed based on the width of the Breadcrumb. First and last item always remain visible.
|
|
1568
|
+
* - `wrap`—Items are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.
|
|
1569
|
+
* - `none`—All items are expanded on the same row. This scenario is useful when the Breadcrumb needs to be scrolled.
|
|
1570
|
+
*
|
|
1571
|
+
* For more information and example refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
|
|
1572
|
+
*/
|
|
1573
|
+
collapseMode?: 'auto' | 'wrap' | 'none';
|
|
1574
|
+
/**
|
|
1575
|
+
* Determines the `disabled` mode of the BreadcrumbOrderedList. If `true`, the component is disabled.
|
|
1576
|
+
*/
|
|
1577
|
+
disabled?: boolean;
|
|
1578
|
+
/**
|
|
1579
|
+
* @hidden
|
|
1580
|
+
*/
|
|
1581
|
+
rootItem?: boolean;
|
|
1582
|
+
}
|
|
1583
|
+
|
|
1584
|
+
export declare interface BreadcrumbProps {
|
|
1585
|
+
/**
|
|
1586
|
+
* Sets the `id` property of the top `div` element of the Breadcrumb.
|
|
1587
|
+
*/
|
|
1588
|
+
id?: string;
|
|
1589
|
+
/**
|
|
1590
|
+
* Represents the Breadcrumb ordered list component.
|
|
1591
|
+
*/
|
|
1592
|
+
breadcrumbOrderedList?: Component<BreadcrumbOrderedListProps>;
|
|
1593
|
+
/**
|
|
1594
|
+
* Represents the Breadcrumb list item component.
|
|
1595
|
+
*/
|
|
1596
|
+
breadcrumbListItem?: Component<BreadcrumbListItemProps>;
|
|
1597
|
+
/**
|
|
1598
|
+
* Represents the Breadcrumb delimiter component.
|
|
1599
|
+
*/
|
|
1600
|
+
breadcrumbDelimiter?: Component<BreadcrumbDelimiterProps>;
|
|
1601
|
+
/**
|
|
1602
|
+
* Represents the Breadcrumb link component.
|
|
1603
|
+
*/
|
|
1604
|
+
breadcrumbLink?: Component<BreadcrumbLinkProps>;
|
|
1605
|
+
/**
|
|
1606
|
+
* Represents the dataItems of the Breadcrumb from type BreadcrumbDataModel.
|
|
1607
|
+
*/
|
|
1608
|
+
dataItems: BreadcrumbDataModel[];
|
|
1609
|
+
/**
|
|
1610
|
+
* Specifies the padding of all Breadcrumb elements.
|
|
1611
|
+
*
|
|
1612
|
+
* The possible values are:
|
|
1613
|
+
* * `small`
|
|
1614
|
+
* * `medium`
|
|
1615
|
+
* * `large`
|
|
1616
|
+
*
|
|
1617
|
+
* @default `medium`
|
|
1618
|
+
*/
|
|
1619
|
+
size?: 'small' | 'medium' | 'large';
|
|
1620
|
+
/**
|
|
1621
|
+
* The Breadcrumb direction `ltr` or `rtl`.
|
|
1622
|
+
*/
|
|
1623
|
+
dir?: 'ltr' | 'rtl';
|
|
1624
|
+
/**
|
|
1625
|
+
* Sets the `tabIndex` attribute to the Breadcrumb.
|
|
1626
|
+
*/
|
|
1627
|
+
tabIndex?: number;
|
|
1628
|
+
/**
|
|
1629
|
+
* Sets the Collapse mode of the Breadcrumb.
|
|
1630
|
+
* The available values are:
|
|
1631
|
+
* - `auto`(default)—Items are automatically collapsed based on the width of the Breadcrumb. First and last item always remain visible.
|
|
1632
|
+
* - `wrap`—Items are wrapped on multiple rows when their total width is bigger than the width of the BreadCrumb.
|
|
1633
|
+
* - `none`—All items are expanded on the same row. This scenario is useful when the Breadcrumb needs to be scrolled.
|
|
1634
|
+
*
|
|
1635
|
+
* For more information and example refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
|
|
1636
|
+
*/
|
|
1637
|
+
collapseMode?: 'auto' | 'wrap' | 'none';
|
|
1638
|
+
/**
|
|
1639
|
+
* Determines the `disabled` mode of the Breadcrumb. If `true`, the component is disabled.
|
|
1640
|
+
*/
|
|
1641
|
+
disabled?: boolean;
|
|
1642
|
+
/**
|
|
1643
|
+
* Represents the `value` field. Used for setting the key of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
|
|
1644
|
+
*/
|
|
1645
|
+
valueField?: string;
|
|
1646
|
+
/**
|
|
1647
|
+
* Represents the `text` field. Used for setting the `text` inside the BreadcrumbLink component.
|
|
1648
|
+
*/
|
|
1649
|
+
textField?: string;
|
|
1650
|
+
/**
|
|
1651
|
+
* Represents the `svgIcon` field. Used for setting the `svgIcon` inside the BreadcrumbLink component.
|
|
1652
|
+
*/
|
|
1653
|
+
svgIconField?: string;
|
|
1654
|
+
/**
|
|
1655
|
+
* Represents the `icon` field. Used for setting the `icon` inside the BreadcrumbLink component.
|
|
1656
|
+
*/
|
|
1657
|
+
iconField?: string;
|
|
1658
|
+
/**
|
|
1659
|
+
* Represents the `onSelect` event. Triggered after click on the Breadcrumb.
|
|
1660
|
+
*/
|
|
1661
|
+
onSelect?: (event: BreadcrumbLinkMouseEvent) => void;
|
|
1662
|
+
/**
|
|
1663
|
+
* Triggered on onKeydown event.
|
|
1664
|
+
*/
|
|
1665
|
+
onKeydown?: (event: any) => void;
|
|
1666
|
+
/**
|
|
1667
|
+
* Represents the label of the Breadcrumb component.
|
|
1668
|
+
*/
|
|
1669
|
+
ariaLabel?: string;
|
|
1670
|
+
}
|
|
1671
|
+
|
|
1141
1672
|
/**
|
|
1142
1673
|
* @hidden
|
|
1143
1674
|
*/
|
package/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./tabstrip/TabStrip.js"),i=require("./tabstrip/TabStripContent.js"),a=require("./tabstrip/TabStripNavigation.js"),n=require("./tabstrip/TabStripNavigationItem.js"),o=require("./tabstrip/TabStripTab.js"),c=require("./card/Card.js"),u=require("./card/CardHeader.js"),s=require("./card/CardTitle.js"),d=require("./card/CardBody.js"),p=require("./card/CardActions.js"),S=require("./card/CardImage.js"),m=require("./card/CardSubtitle.js"),l=require("./card/CardFooter.js"),q=require("./card/Avatar.js"),b=require("./drawer/Drawer.js"),C=require("./drawer/DrawerNavigation.js"),I=require("./drawer/DrawerContent.js"),A=require("./drawer/DrawerItem.js"),B=require("./stepper/Stepper.js"),g=require("./stepper/Step.js"),T=require("./menu/components/Menu.js"),L=require("./menu/components/MenuItemLink.js"),r=require("./menu/components/MenuItemArrow.js"),h=require("./splitter/Splitter.js"),w=require("./splitter/SplitterPane.js"),v=require("./panelbar/PanelBar.js"),y=require("./panelbar/PanelBarItem.js"),e=require("./panelbar/util.js"),P=require("./tilelayout/TileLayout.js"),D=require("./appbar/AppBar.js"),N=require("./appbar/AppBarSection.js"),M=require("./appbar/AppBarSpacer.js"),f=require("./bottomnavigation/BottomNavigation.js"),k=require("./bottomnavigation/BottomNavigationItem.js"),E=require("./gridlayout/GridLayout.js"),F=require("./gridlayout/GridLayoutItem.js"),x=require("./actionsheet/ActionSheet.js"),G=require("./actionsheet/ActionSheetItem.js"),H=require("./actionsheet/ActionSheetHeader.js"),O=require("./actionsheet/ActionSheetContent.js"),V=require("./actionsheet/ActionSheetFooter.js"),j=require("./stacklayout/StackLayout.js"),z=require("./breadcrumb/Breadcrumb.js"),J=require("./breadcrumb/BreadcrumbOrderedList.js"),K=require("./breadcrumb/BreadcrumbListItem.js"),Q=require("./breadcrumb/BreadcrumbDelimiter.js"),R=require("./breadcrumb/BreadcrumbLink.js"),U=require("./expansionpanel/ExpansionPanel.js"),W=require("./expansionpanel/ExpansionPanelContent.js");exports.TabStrip=t.TabStrip;exports.TabStripContent=i.TabStripContent;exports.TabStripNavigation=a.TabStripNavigation;exports.TabStripNavigationItem=n.TabStripNavigationItem;exports.TabStripTab=o.TabStripTab;exports.Card=c.Card;exports.CardHeader=u.CardHeader;exports.CardTitle=s.CardTitle;exports.CardBody=d.CardBody;exports.CardActions=p.CardActions;exports.CardImage=S.CardImage;exports.CardSubtitle=m.CardSubtitle;exports.CardFooter=l.CardFooter;exports.Avatar=q.Avatar;exports.Drawer=b.Drawer;exports.DrawerNavigation=C.DrawerNavigation;exports.DrawerContent=I.DrawerContent;exports.DrawerItem=A.DrawerItem;exports.Stepper=B.Stepper;exports.Step=g.Step;exports.Menu=T.Menu;exports.MenuItemLink=L.MenuItemLink;exports.MenuItemArrow=r.MenuItemArrow;exports.downArrowIcon=r.downArrowIcon;exports.leftArrowIcon=r.leftArrowIcon;exports.rightArrowIcon=r.rightArrowIcon;exports.Splitter=h.Splitter;exports.SplitterPane=w.SplitterPane;exports.PanelBar=v.PanelBar;exports.PanelBarItem=y.PanelBarItem;exports.flatChildren=e.flatChildren;exports.flatVisibleChildren=e.flatVisibleChildren;exports.flatVisibleItems=e.flatVisibleItems;exports.getFirstId=e.getFirstId;exports.getInitialState=e.getInitialState;exports.isArrayEqual=e.isArrayEqual;exports.isPresent=e.isPresent;exports.renderChildren=e.renderChildren;exports.TileLayout=P.TileLayout;exports.AppBar=D.AppBar;exports.AppBarSection=N.AppBarSection;exports.AppBarSpacer=M.AppBarSpacer;exports.BottomNavigation=f.BottomNavigation;exports.BottomNavigationItem=k.BottomNavigationItem;exports.GridLayout=E.GridLayout;exports.GridLayoutItem=F.GridLayoutItem;exports.ActionSheet=x.ActionSheet;exports.ActionSheetItem=G.ActionSheetItem;exports.ActionSheetHeader=H.ActionSheetHeader;exports.ActionSheetContent=O.ActionSheetContent;exports.ActionSheetFooter=V.ActionSheetFooter;exports.StackLayout=j.StackLayout;exports.Breadcrumb=z.Breadcrumb;exports.BreadcrumbOrderedList=J.BreadcrumbOrderedList;exports.BreadcrumbListItem=K.BreadcrumbListItem;exports.BreadcrumbDelimiter=Q.BreadcrumbDelimiter;exports.BreadcrumbLink=R.BreadcrumbLink;exports.ExpansionPanel=U.ExpansionPanel;exports.ExpansionPanelContent=W.ExpansionPanelContent;
|