@genesislcap/foundation-zero 14.173.1 → 14.173.2
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/dist/custom-elements.json +1009 -1009
- package/package.json +12 -12
|
@@ -840,6 +840,37 @@
|
|
|
840
840
|
}
|
|
841
841
|
]
|
|
842
842
|
},
|
|
843
|
+
{
|
|
844
|
+
"kind": "javascript-module",
|
|
845
|
+
"path": "src/_config/index.ts",
|
|
846
|
+
"declarations": [],
|
|
847
|
+
"exports": [
|
|
848
|
+
{
|
|
849
|
+
"kind": "js",
|
|
850
|
+
"name": "*",
|
|
851
|
+
"declaration": {
|
|
852
|
+
"name": "*",
|
|
853
|
+
"package": "./styles"
|
|
854
|
+
}
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"kind": "js",
|
|
858
|
+
"name": "*",
|
|
859
|
+
"declaration": {
|
|
860
|
+
"name": "*",
|
|
861
|
+
"package": "./tokens"
|
|
862
|
+
}
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"kind": "js",
|
|
866
|
+
"name": "*",
|
|
867
|
+
"declaration": {
|
|
868
|
+
"name": "*",
|
|
869
|
+
"package": "./values"
|
|
870
|
+
}
|
|
871
|
+
}
|
|
872
|
+
]
|
|
873
|
+
},
|
|
843
874
|
{
|
|
844
875
|
"kind": "javascript-module",
|
|
845
876
|
"path": "src/accordion/accordion.stories.ts",
|
|
@@ -1388,37 +1419,6 @@
|
|
|
1388
1419
|
}
|
|
1389
1420
|
]
|
|
1390
1421
|
},
|
|
1391
|
-
{
|
|
1392
|
-
"kind": "javascript-module",
|
|
1393
|
-
"path": "src/_config/index.ts",
|
|
1394
|
-
"declarations": [],
|
|
1395
|
-
"exports": [
|
|
1396
|
-
{
|
|
1397
|
-
"kind": "js",
|
|
1398
|
-
"name": "*",
|
|
1399
|
-
"declaration": {
|
|
1400
|
-
"name": "*",
|
|
1401
|
-
"package": "./styles"
|
|
1402
|
-
}
|
|
1403
|
-
},
|
|
1404
|
-
{
|
|
1405
|
-
"kind": "js",
|
|
1406
|
-
"name": "*",
|
|
1407
|
-
"declaration": {
|
|
1408
|
-
"name": "*",
|
|
1409
|
-
"package": "./tokens"
|
|
1410
|
-
}
|
|
1411
|
-
},
|
|
1412
|
-
{
|
|
1413
|
-
"kind": "js",
|
|
1414
|
-
"name": "*",
|
|
1415
|
-
"declaration": {
|
|
1416
|
-
"name": "*",
|
|
1417
|
-
"package": "./values"
|
|
1418
|
-
}
|
|
1419
|
-
}
|
|
1420
|
-
]
|
|
1421
|
-
},
|
|
1422
1422
|
{
|
|
1423
1423
|
"kind": "javascript-module",
|
|
1424
1424
|
"path": "src/actions-menu/actions-menu.stories.ts",
|
|
@@ -16299,7 +16299,7 @@
|
|
|
16299
16299
|
},
|
|
16300
16300
|
{
|
|
16301
16301
|
"kind": "javascript-module",
|
|
16302
|
-
"path": "src/
|
|
16302
|
+
"path": "src/flipper/flipper.stories.ts",
|
|
16303
16303
|
"declarations": [
|
|
16304
16304
|
{
|
|
16305
16305
|
"kind": "variable",
|
|
@@ -16307,7 +16307,7 @@
|
|
|
16307
16307
|
"type": {
|
|
16308
16308
|
"text": "Meta"
|
|
16309
16309
|
},
|
|
16310
|
-
"default": "{\n title: '
|
|
16310
|
+
"default": "{\n title: 'Flipper',\n component: 'zero-flipper',\n}"
|
|
16311
16311
|
},
|
|
16312
16312
|
{
|
|
16313
16313
|
"kind": "variable",
|
|
@@ -16315,7 +16315,7 @@
|
|
|
16315
16315
|
"type": {
|
|
16316
16316
|
"text": "StoryObj"
|
|
16317
16317
|
},
|
|
16318
|
-
"default": "{\n argTypes: {\n
|
|
16318
|
+
"default": "{\n argTypes: {\n direction: {\n control: 'select',\n options: ['previous', 'next'],\n },\n },\n args: {\n direction: 'next',\n },\n render: ({ direction }) => html`\n <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n `,\n}"
|
|
16319
16319
|
}
|
|
16320
16320
|
],
|
|
16321
16321
|
"exports": [
|
|
@@ -16324,7 +16324,7 @@
|
|
|
16324
16324
|
"name": "default",
|
|
16325
16325
|
"declaration": {
|
|
16326
16326
|
"name": "meta",
|
|
16327
|
-
"module": "src/
|
|
16327
|
+
"module": "src/flipper/flipper.stories.ts"
|
|
16328
16328
|
}
|
|
16329
16329
|
},
|
|
16330
16330
|
{
|
|
@@ -16332,173 +16332,199 @@
|
|
|
16332
16332
|
"name": "Primary",
|
|
16333
16333
|
"declaration": {
|
|
16334
16334
|
"name": "Primary",
|
|
16335
|
-
"module": "src/
|
|
16335
|
+
"module": "src/flipper/flipper.stories.ts"
|
|
16336
16336
|
}
|
|
16337
16337
|
}
|
|
16338
16338
|
]
|
|
16339
16339
|
},
|
|
16340
16340
|
{
|
|
16341
16341
|
"kind": "javascript-module",
|
|
16342
|
-
"path": "src/
|
|
16342
|
+
"path": "src/flipper/flipper.styles.ts",
|
|
16343
16343
|
"declarations": [
|
|
16344
16344
|
{
|
|
16345
|
-
"kind": "
|
|
16346
|
-
"name": "
|
|
16347
|
-
"
|
|
16345
|
+
"kind": "function",
|
|
16346
|
+
"name": "zeroFlipperStyles",
|
|
16347
|
+
"return": {
|
|
16348
|
+
"type": {
|
|
16349
|
+
"text": "ElementStyles"
|
|
16350
|
+
}
|
|
16351
|
+
},
|
|
16352
|
+
"parameters": [
|
|
16353
|
+
{
|
|
16354
|
+
"name": "context",
|
|
16355
|
+
"type": {
|
|
16356
|
+
"text": "ElementDefinitionContext"
|
|
16357
|
+
}
|
|
16358
|
+
},
|
|
16359
|
+
{
|
|
16360
|
+
"name": "definition",
|
|
16361
|
+
"type": {
|
|
16362
|
+
"text": "FlipperOptions"
|
|
16363
|
+
}
|
|
16364
|
+
}
|
|
16365
|
+
]
|
|
16348
16366
|
}
|
|
16349
16367
|
],
|
|
16350
16368
|
"exports": [
|
|
16351
16369
|
{
|
|
16352
16370
|
"kind": "js",
|
|
16353
|
-
"name": "
|
|
16371
|
+
"name": "zeroFlipperStyles",
|
|
16354
16372
|
"declaration": {
|
|
16355
|
-
"name": "
|
|
16356
|
-
"module": "src/
|
|
16373
|
+
"name": "zeroFlipperStyles",
|
|
16374
|
+
"module": "src/flipper/flipper.styles.ts"
|
|
16357
16375
|
}
|
|
16358
16376
|
}
|
|
16359
16377
|
]
|
|
16360
16378
|
},
|
|
16361
16379
|
{
|
|
16362
16380
|
"kind": "javascript-module",
|
|
16363
|
-
"path": "src/
|
|
16381
|
+
"path": "src/flipper/flipper.template.ts",
|
|
16364
16382
|
"declarations": [
|
|
16365
16383
|
{
|
|
16366
|
-
"kind": "
|
|
16367
|
-
"name": "
|
|
16368
|
-
"
|
|
16384
|
+
"kind": "function",
|
|
16385
|
+
"name": "zeroFlipperTemplate",
|
|
16386
|
+
"return": {
|
|
16387
|
+
"type": {
|
|
16388
|
+
"text": "ViewTemplate<Flipper>"
|
|
16389
|
+
}
|
|
16390
|
+
},
|
|
16391
|
+
"parameters": [
|
|
16392
|
+
{
|
|
16393
|
+
"name": "context",
|
|
16394
|
+
"type": {
|
|
16395
|
+
"text": "ElementDefinitionContext"
|
|
16396
|
+
}
|
|
16397
|
+
},
|
|
16398
|
+
{
|
|
16399
|
+
"name": "definition",
|
|
16400
|
+
"type": {
|
|
16401
|
+
"text": "FlipperOptions"
|
|
16402
|
+
}
|
|
16403
|
+
}
|
|
16404
|
+
]
|
|
16369
16405
|
}
|
|
16370
16406
|
],
|
|
16371
16407
|
"exports": [
|
|
16372
16408
|
{
|
|
16373
16409
|
"kind": "js",
|
|
16374
|
-
"name": "
|
|
16410
|
+
"name": "zeroFlipperTemplate",
|
|
16375
16411
|
"declaration": {
|
|
16376
|
-
"name": "
|
|
16377
|
-
"module": "src/
|
|
16412
|
+
"name": "zeroFlipperTemplate",
|
|
16413
|
+
"module": "src/flipper/flipper.template.ts"
|
|
16378
16414
|
}
|
|
16379
16415
|
}
|
|
16380
16416
|
]
|
|
16381
16417
|
},
|
|
16382
16418
|
{
|
|
16383
16419
|
"kind": "javascript-module",
|
|
16384
|
-
"path": "src/
|
|
16420
|
+
"path": "src/flipper/flipper.ts",
|
|
16385
16421
|
"declarations": [
|
|
16386
|
-
{
|
|
16387
|
-
"kind": "variable",
|
|
16388
|
-
"name": "defaultFlyoutConfig",
|
|
16389
|
-
"default": "foundationConfig"
|
|
16390
|
-
},
|
|
16391
|
-
{
|
|
16392
|
-
"kind": "variable",
|
|
16393
|
-
"name": "zeroFlyoutShadowOptions",
|
|
16394
|
-
"default": "foundationFlyoutShadowOptions"
|
|
16395
|
-
},
|
|
16396
16422
|
{
|
|
16397
16423
|
"kind": "class",
|
|
16398
16424
|
"description": "",
|
|
16399
|
-
"name": "
|
|
16425
|
+
"name": "Flipper",
|
|
16400
16426
|
"superclass": {
|
|
16401
|
-
"name": "
|
|
16427
|
+
"name": "FoundationFlipper",
|
|
16402
16428
|
"package": "@genesislcap/foundation-ui"
|
|
16403
16429
|
},
|
|
16404
|
-
"tagName": "%%prefix%%-
|
|
16430
|
+
"tagName": "%%prefix%%-flipper",
|
|
16405
16431
|
"customElement": true,
|
|
16406
16432
|
"attributes": [
|
|
16407
16433
|
{
|
|
16408
|
-
"name": "position",
|
|
16409
16434
|
"type": {
|
|
16410
|
-
"text": "
|
|
16435
|
+
"text": "boolean"
|
|
16411
16436
|
},
|
|
16412
|
-
"
|
|
16413
|
-
"fieldName": "
|
|
16437
|
+
"description": "The disabled state of the flipper.",
|
|
16438
|
+
"fieldName": "disabled",
|
|
16414
16439
|
"inheritedFrom": {
|
|
16415
|
-
"name": "
|
|
16416
|
-
"module": "src/
|
|
16440
|
+
"name": "Flipper",
|
|
16441
|
+
"module": "src/flipper/flipper.ts"
|
|
16417
16442
|
}
|
|
16418
16443
|
},
|
|
16419
16444
|
{
|
|
16445
|
+
"name": "aria-hidden",
|
|
16420
16446
|
"type": {
|
|
16421
16447
|
"text": "boolean"
|
|
16422
16448
|
},
|
|
16423
16449
|
"default": "true",
|
|
16424
|
-
"
|
|
16450
|
+
"description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
|
|
16451
|
+
"fieldName": "hiddenFromAT",
|
|
16425
16452
|
"inheritedFrom": {
|
|
16426
|
-
"name": "
|
|
16427
|
-
"module": "src/
|
|
16453
|
+
"name": "Flipper",
|
|
16454
|
+
"module": "src/flipper/flipper.ts"
|
|
16428
16455
|
}
|
|
16429
|
-
}
|
|
16430
|
-
],
|
|
16431
|
-
"members": [
|
|
16456
|
+
},
|
|
16432
16457
|
{
|
|
16433
|
-
"
|
|
16434
|
-
"name": "position",
|
|
16458
|
+
"name": "direction",
|
|
16435
16459
|
"type": {
|
|
16436
|
-
"text": "
|
|
16460
|
+
"text": "FlipperDirection"
|
|
16437
16461
|
},
|
|
16438
|
-
"
|
|
16462
|
+
"description": "The direction that the flipper implies navigating.",
|
|
16463
|
+
"fieldName": "direction",
|
|
16439
16464
|
"inheritedFrom": {
|
|
16440
|
-
"name": "
|
|
16441
|
-
"module": "src/
|
|
16465
|
+
"name": "Flipper",
|
|
16466
|
+
"module": "src/flipper/flipper.ts"
|
|
16442
16467
|
}
|
|
16443
|
-
}
|
|
16468
|
+
}
|
|
16469
|
+
],
|
|
16470
|
+
"members": [
|
|
16444
16471
|
{
|
|
16445
16472
|
"kind": "field",
|
|
16446
|
-
"name": "
|
|
16473
|
+
"name": "disabled",
|
|
16447
16474
|
"type": {
|
|
16448
16475
|
"text": "boolean"
|
|
16449
16476
|
},
|
|
16450
|
-
"
|
|
16477
|
+
"privacy": "public",
|
|
16478
|
+
"description": "The disabled state of the flipper.",
|
|
16451
16479
|
"inheritedFrom": {
|
|
16452
|
-
"name": "
|
|
16453
|
-
"module": "src/
|
|
16480
|
+
"name": "Flipper",
|
|
16481
|
+
"module": "src/flipper/flipper.ts"
|
|
16454
16482
|
}
|
|
16455
16483
|
},
|
|
16456
16484
|
{
|
|
16457
16485
|
"kind": "field",
|
|
16458
|
-
"name": "
|
|
16486
|
+
"name": "hiddenFromAT",
|
|
16459
16487
|
"type": {
|
|
16460
16488
|
"text": "boolean"
|
|
16461
16489
|
},
|
|
16490
|
+
"privacy": "public",
|
|
16462
16491
|
"default": "true",
|
|
16492
|
+
"description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
|
|
16463
16493
|
"inheritedFrom": {
|
|
16464
|
-
"name": "
|
|
16465
|
-
"module": "src/
|
|
16466
|
-
}
|
|
16467
|
-
},
|
|
16468
|
-
{
|
|
16469
|
-
"kind": "method",
|
|
16470
|
-
"name": "closedChanged",
|
|
16471
|
-
"inheritedFrom": {
|
|
16472
|
-
"name": "Flyout",
|
|
16473
|
-
"module": "src/flyout/flyout.ts"
|
|
16494
|
+
"name": "Flipper",
|
|
16495
|
+
"module": "src/flipper/flipper.ts"
|
|
16474
16496
|
}
|
|
16475
16497
|
},
|
|
16476
16498
|
{
|
|
16477
16499
|
"kind": "field",
|
|
16478
|
-
"name": "
|
|
16500
|
+
"name": "direction",
|
|
16479
16501
|
"type": {
|
|
16480
|
-
"text": "
|
|
16502
|
+
"text": "FlipperDirection"
|
|
16481
16503
|
},
|
|
16482
|
-
"
|
|
16483
|
-
"
|
|
16484
|
-
"name": "Flyout",
|
|
16485
|
-
"module": "src/flyout/flyout.ts"
|
|
16486
|
-
}
|
|
16487
|
-
},
|
|
16488
|
-
{
|
|
16489
|
-
"kind": "method",
|
|
16490
|
-
"name": "closeFlyout",
|
|
16504
|
+
"privacy": "public",
|
|
16505
|
+
"description": "The direction that the flipper implies navigating.",
|
|
16491
16506
|
"inheritedFrom": {
|
|
16492
|
-
"name": "
|
|
16493
|
-
"module": "src/
|
|
16507
|
+
"name": "Flipper",
|
|
16508
|
+
"module": "src/flipper/flipper.ts"
|
|
16494
16509
|
}
|
|
16495
16510
|
},
|
|
16496
16511
|
{
|
|
16497
16512
|
"kind": "method",
|
|
16498
|
-
"name": "
|
|
16513
|
+
"name": "keyupHandler",
|
|
16514
|
+
"privacy": "public",
|
|
16515
|
+
"parameters": [
|
|
16516
|
+
{
|
|
16517
|
+
"name": "e",
|
|
16518
|
+
"type": {
|
|
16519
|
+
"text": "Event & KeyboardEvent"
|
|
16520
|
+
},
|
|
16521
|
+
"description": "Keyboard event"
|
|
16522
|
+
}
|
|
16523
|
+
],
|
|
16524
|
+
"description": "Simulate a click event when the flipper has focus and the user hits enter or space keys\nBlur focus if the user hits escape key",
|
|
16499
16525
|
"inheritedFrom": {
|
|
16500
|
-
"name": "
|
|
16501
|
-
"module": "src/
|
|
16526
|
+
"name": "Flipper",
|
|
16527
|
+
"module": "src/flipper/flipper.ts"
|
|
16502
16528
|
}
|
|
16503
16529
|
},
|
|
16504
16530
|
{
|
|
@@ -16510,8 +16536,8 @@
|
|
|
16510
16536
|
"privacy": "private",
|
|
16511
16537
|
"default": "void 0",
|
|
16512
16538
|
"inheritedFrom": {
|
|
16513
|
-
"name": "
|
|
16514
|
-
"module": "src/
|
|
16539
|
+
"name": "Flipper",
|
|
16540
|
+
"module": "src/flipper/flipper.ts"
|
|
16515
16541
|
}
|
|
16516
16542
|
},
|
|
16517
16543
|
{
|
|
@@ -16523,8 +16549,8 @@
|
|
|
16523
16549
|
"privacy": "public",
|
|
16524
16550
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
16525
16551
|
"inheritedFrom": {
|
|
16526
|
-
"name": "
|
|
16527
|
-
"module": "src/
|
|
16552
|
+
"name": "Flipper",
|
|
16553
|
+
"module": "src/flipper/flipper.ts"
|
|
16528
16554
|
}
|
|
16529
16555
|
},
|
|
16530
16556
|
{
|
|
@@ -16536,8 +16562,8 @@
|
|
|
16536
16562
|
"privacy": "public",
|
|
16537
16563
|
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
16538
16564
|
"inheritedFrom": {
|
|
16539
|
-
"name": "
|
|
16540
|
-
"module": "src/
|
|
16565
|
+
"name": "Flipper",
|
|
16566
|
+
"module": "src/flipper/flipper.ts"
|
|
16541
16567
|
}
|
|
16542
16568
|
},
|
|
16543
16569
|
{
|
|
@@ -16550,8 +16576,8 @@
|
|
|
16550
16576
|
}
|
|
16551
16577
|
},
|
|
16552
16578
|
"inheritedFrom": {
|
|
16553
|
-
"name": "
|
|
16554
|
-
"module": "src/
|
|
16579
|
+
"name": "Flipper",
|
|
16580
|
+
"module": "src/flipper/flipper.ts"
|
|
16555
16581
|
}
|
|
16556
16582
|
},
|
|
16557
16583
|
{
|
|
@@ -16563,8 +16589,8 @@
|
|
|
16563
16589
|
"privacy": "public",
|
|
16564
16590
|
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
16565
16591
|
"inheritedFrom": {
|
|
16566
|
-
"name": "
|
|
16567
|
-
"module": "src/
|
|
16592
|
+
"name": "Flipper",
|
|
16593
|
+
"module": "src/flipper/flipper.ts"
|
|
16568
16594
|
}
|
|
16569
16595
|
},
|
|
16570
16596
|
{
|
|
@@ -16577,8 +16603,8 @@
|
|
|
16577
16603
|
}
|
|
16578
16604
|
},
|
|
16579
16605
|
"inheritedFrom": {
|
|
16580
|
-
"name": "
|
|
16581
|
-
"module": "src/
|
|
16606
|
+
"name": "Flipper",
|
|
16607
|
+
"module": "src/flipper/flipper.ts"
|
|
16582
16608
|
}
|
|
16583
16609
|
},
|
|
16584
16610
|
{
|
|
@@ -16608,57 +16634,49 @@
|
|
|
16608
16634
|
],
|
|
16609
16635
|
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
16610
16636
|
"inheritedFrom": {
|
|
16611
|
-
"name": "
|
|
16612
|
-
"module": "src/
|
|
16637
|
+
"name": "Flipper",
|
|
16638
|
+
"module": "src/flipper/flipper.ts"
|
|
16639
|
+
}
|
|
16640
|
+
}
|
|
16641
|
+
],
|
|
16642
|
+
"events": [
|
|
16643
|
+
{
|
|
16644
|
+
"description": "Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.",
|
|
16645
|
+
"name": "click",
|
|
16646
|
+
"inheritedFrom": {
|
|
16647
|
+
"name": "Flipper",
|
|
16648
|
+
"module": "src/flipper/flipper.ts"
|
|
16613
16649
|
}
|
|
16614
16650
|
}
|
|
16615
16651
|
]
|
|
16616
16652
|
},
|
|
16617
16653
|
{
|
|
16618
16654
|
"kind": "variable",
|
|
16619
|
-
"name": "
|
|
16620
|
-
"description": "The Zero Flyout",
|
|
16621
|
-
"privacy": "public"
|
|
16655
|
+
"name": "zeroFlipper"
|
|
16622
16656
|
}
|
|
16623
16657
|
],
|
|
16624
16658
|
"exports": [
|
|
16625
16659
|
{
|
|
16626
16660
|
"kind": "js",
|
|
16627
|
-
"name": "
|
|
16628
|
-
"declaration": {
|
|
16629
|
-
"name": "defaultFlyoutConfig",
|
|
16630
|
-
"module": "src/flyout/flyout.ts"
|
|
16631
|
-
}
|
|
16632
|
-
},
|
|
16633
|
-
{
|
|
16634
|
-
"kind": "js",
|
|
16635
|
-
"name": "zeroFlyoutShadowOptions",
|
|
16636
|
-
"declaration": {
|
|
16637
|
-
"name": "zeroFlyoutShadowOptions",
|
|
16638
|
-
"module": "src/flyout/flyout.ts"
|
|
16639
|
-
}
|
|
16640
|
-
},
|
|
16641
|
-
{
|
|
16642
|
-
"kind": "js",
|
|
16643
|
-
"name": "Flyout",
|
|
16661
|
+
"name": "Flipper",
|
|
16644
16662
|
"declaration": {
|
|
16645
|
-
"name": "
|
|
16646
|
-
"module": "src/
|
|
16663
|
+
"name": "Flipper",
|
|
16664
|
+
"module": "src/flipper/flipper.ts"
|
|
16647
16665
|
}
|
|
16648
16666
|
},
|
|
16649
16667
|
{
|
|
16650
16668
|
"kind": "js",
|
|
16651
|
-
"name": "
|
|
16669
|
+
"name": "zeroFlipper",
|
|
16652
16670
|
"declaration": {
|
|
16653
|
-
"name": "
|
|
16654
|
-
"module": "src/
|
|
16671
|
+
"name": "zeroFlipper",
|
|
16672
|
+
"module": "src/flipper/flipper.ts"
|
|
16655
16673
|
}
|
|
16656
16674
|
}
|
|
16657
16675
|
]
|
|
16658
16676
|
},
|
|
16659
16677
|
{
|
|
16660
16678
|
"kind": "javascript-module",
|
|
16661
|
-
"path": "src/
|
|
16679
|
+
"path": "src/flipper/index.ts",
|
|
16662
16680
|
"declarations": [],
|
|
16663
16681
|
"exports": [
|
|
16664
16682
|
{
|
|
@@ -16666,7 +16684,7 @@
|
|
|
16666
16684
|
"name": "*",
|
|
16667
16685
|
"declaration": {
|
|
16668
16686
|
"name": "*",
|
|
16669
|
-
"package": "./
|
|
16687
|
+
"package": "./flipper"
|
|
16670
16688
|
}
|
|
16671
16689
|
},
|
|
16672
16690
|
{
|
|
@@ -16674,7 +16692,7 @@
|
|
|
16674
16692
|
"name": "*",
|
|
16675
16693
|
"declaration": {
|
|
16676
16694
|
"name": "*",
|
|
16677
|
-
"package": "./
|
|
16695
|
+
"package": "./flipper.styles"
|
|
16678
16696
|
}
|
|
16679
16697
|
},
|
|
16680
16698
|
{
|
|
@@ -16682,14 +16700,14 @@
|
|
|
16682
16700
|
"name": "*",
|
|
16683
16701
|
"declaration": {
|
|
16684
16702
|
"name": "*",
|
|
16685
|
-
"package": "./
|
|
16703
|
+
"package": "./flipper.template"
|
|
16686
16704
|
}
|
|
16687
16705
|
}
|
|
16688
16706
|
]
|
|
16689
16707
|
},
|
|
16690
16708
|
{
|
|
16691
16709
|
"kind": "javascript-module",
|
|
16692
|
-
"path": "src/
|
|
16710
|
+
"path": "src/flyout/flyout.stories.ts",
|
|
16693
16711
|
"declarations": [
|
|
16694
16712
|
{
|
|
16695
16713
|
"kind": "variable",
|
|
@@ -16697,7 +16715,7 @@
|
|
|
16697
16715
|
"type": {
|
|
16698
16716
|
"text": "Meta"
|
|
16699
16717
|
},
|
|
16700
|
-
"default": "{\n title: '
|
|
16718
|
+
"default": "{\n title: 'Flyout',\n component: 'zero-flyout',\n}"
|
|
16701
16719
|
},
|
|
16702
16720
|
{
|
|
16703
16721
|
"kind": "variable",
|
|
@@ -16705,7 +16723,7 @@
|
|
|
16705
16723
|
"type": {
|
|
16706
16724
|
"text": "StoryObj"
|
|
16707
16725
|
},
|
|
16708
|
-
"default": "{\n
|
|
16726
|
+
"default": "{\n argTypes: {\n position: {\n control: 'select',\n options: ['left', 'right'],\n },\n },\n args: {\n position: 'right',\n height: '500px',\n flyoutWidth: '20%',\n },\n render: ({ position, height, flyoutWidth }) => html`\n <div style=\"display: flex; height: ${height};\">\n <zero-button @click=\"${openFlyout}\">Open Flyout</zero-button>\n\n <style>\n zero-flyout::part(flyout) {\n width: ${flyoutWidth};\n }\n </style>\n <zero-flyout position=\"${position}\" style=\"height: ${height};\">\n <p slot=\"title\">Zero flyout</p>\n <div slot=\"header\">\n <p>Header</p>\n </div>\n <div class=\"container\">\n <p>Flyout options</p>\n <ul>\n <li>0</li>\n <li>1</li>\n <li>2</li>\n <li>3</li>\n <li>4</li>\n <li>5</li>\n </ul>\n </div>\n <div slot=\"footer\">\n <p>Footer</p>\n <zero-button @click=\"${closeFlyout}\">Close Flyout</zero-button>\n </div>\n </zero-flyout>\n </div>\n `,\n}"
|
|
16709
16727
|
}
|
|
16710
16728
|
],
|
|
16711
16729
|
"exports": [
|
|
@@ -16714,7 +16732,7 @@
|
|
|
16714
16732
|
"name": "default",
|
|
16715
16733
|
"declaration": {
|
|
16716
16734
|
"name": "meta",
|
|
16717
|
-
"module": "src/
|
|
16735
|
+
"module": "src/flyout/flyout.stories.ts"
|
|
16718
16736
|
}
|
|
16719
16737
|
},
|
|
16720
16738
|
{
|
|
@@ -16722,388 +16740,600 @@
|
|
|
16722
16740
|
"name": "Primary",
|
|
16723
16741
|
"declaration": {
|
|
16724
16742
|
"name": "Primary",
|
|
16725
|
-
"module": "src/
|
|
16743
|
+
"module": "src/flyout/flyout.stories.ts"
|
|
16726
16744
|
}
|
|
16727
16745
|
}
|
|
16728
16746
|
]
|
|
16729
16747
|
},
|
|
16730
16748
|
{
|
|
16731
16749
|
"kind": "javascript-module",
|
|
16732
|
-
"path": "src/
|
|
16750
|
+
"path": "src/flyout/flyout.styles.ts",
|
|
16751
|
+
"declarations": [
|
|
16752
|
+
{
|
|
16753
|
+
"kind": "variable",
|
|
16754
|
+
"name": "zeroFlyoutStyles",
|
|
16755
|
+
"default": "css`\n ${foundationFlyoutStyles}\n div.flyout {\n background-color: ${neutralLayer2};\n border-color: ${neutralFillHover};\n color: ${neutralForegroundRest};\n }\n\n :host([position='left']) div.flyout {\n border-right-style: solid;\n border-right-width: 1px;\n }\n\n :host([position='right']) div.flyout {\n border-left-style: solid;\n border-left-width: 1px;\n }\n\n div.exit {\n cursor: pointer;\n padding: 5px 8px;\n }\n\n div.exit:hover {\n background-color: ${neutralFillHover};\n border-radius: 3px;\n }\n`"
|
|
16756
|
+
}
|
|
16757
|
+
],
|
|
16758
|
+
"exports": [
|
|
16759
|
+
{
|
|
16760
|
+
"kind": "js",
|
|
16761
|
+
"name": "zeroFlyoutStyles",
|
|
16762
|
+
"declaration": {
|
|
16763
|
+
"name": "zeroFlyoutStyles",
|
|
16764
|
+
"module": "src/flyout/flyout.styles.ts"
|
|
16765
|
+
}
|
|
16766
|
+
}
|
|
16767
|
+
]
|
|
16768
|
+
},
|
|
16769
|
+
{
|
|
16770
|
+
"kind": "javascript-module",
|
|
16771
|
+
"path": "src/flyout/flyout.template.ts",
|
|
16772
|
+
"declarations": [
|
|
16773
|
+
{
|
|
16774
|
+
"kind": "variable",
|
|
16775
|
+
"name": "zeroFlyoutTemplate",
|
|
16776
|
+
"default": "html<Flyout>`\n ${getPrefixedFlyout('zero')}\n`"
|
|
16777
|
+
}
|
|
16778
|
+
],
|
|
16779
|
+
"exports": [
|
|
16780
|
+
{
|
|
16781
|
+
"kind": "js",
|
|
16782
|
+
"name": "zeroFlyoutTemplate",
|
|
16783
|
+
"declaration": {
|
|
16784
|
+
"name": "zeroFlyoutTemplate",
|
|
16785
|
+
"module": "src/flyout/flyout.template.ts"
|
|
16786
|
+
}
|
|
16787
|
+
}
|
|
16788
|
+
]
|
|
16789
|
+
},
|
|
16790
|
+
{
|
|
16791
|
+
"kind": "javascript-module",
|
|
16792
|
+
"path": "src/flyout/flyout.ts",
|
|
16733
16793
|
"declarations": [
|
|
16794
|
+
{
|
|
16795
|
+
"kind": "variable",
|
|
16796
|
+
"name": "defaultFlyoutConfig",
|
|
16797
|
+
"default": "foundationConfig"
|
|
16798
|
+
},
|
|
16799
|
+
{
|
|
16800
|
+
"kind": "variable",
|
|
16801
|
+
"name": "zeroFlyoutShadowOptions",
|
|
16802
|
+
"default": "foundationFlyoutShadowOptions"
|
|
16803
|
+
},
|
|
16734
16804
|
{
|
|
16735
16805
|
"kind": "class",
|
|
16736
16806
|
"description": "",
|
|
16737
|
-
"name": "
|
|
16807
|
+
"name": "Flyout",
|
|
16738
16808
|
"superclass": {
|
|
16739
|
-
"name": "
|
|
16809
|
+
"name": "FoundationFlyout",
|
|
16740
16810
|
"package": "@genesislcap/foundation-ui"
|
|
16741
16811
|
},
|
|
16742
|
-
"tagName": "%%prefix%%-
|
|
16812
|
+
"tagName": "%%prefix%%-flyout",
|
|
16743
16813
|
"customElement": true,
|
|
16744
16814
|
"attributes": [
|
|
16745
16815
|
{
|
|
16746
|
-
"name": "
|
|
16816
|
+
"name": "position",
|
|
16747
16817
|
"type": {
|
|
16748
16818
|
"text": "string"
|
|
16749
16819
|
},
|
|
16750
|
-
"
|
|
16820
|
+
"default": "'right'",
|
|
16821
|
+
"fieldName": "position",
|
|
16751
16822
|
"inheritedFrom": {
|
|
16752
|
-
"name": "
|
|
16753
|
-
"module": "src/
|
|
16823
|
+
"name": "Flyout",
|
|
16824
|
+
"module": "src/flyout/flyout.ts"
|
|
16754
16825
|
}
|
|
16755
16826
|
},
|
|
16756
16827
|
{
|
|
16757
|
-
"name": "['col-width']",
|
|
16758
16828
|
"type": {
|
|
16759
|
-
"text": "
|
|
16829
|
+
"text": "boolean"
|
|
16760
16830
|
},
|
|
16761
|
-
"
|
|
16831
|
+
"default": "true",
|
|
16832
|
+
"fieldName": "displayHeader",
|
|
16762
16833
|
"inheritedFrom": {
|
|
16763
|
-
"name": "
|
|
16764
|
-
"module": "src/
|
|
16834
|
+
"name": "Flyout",
|
|
16835
|
+
"module": "src/flyout/flyout.ts"
|
|
16765
16836
|
}
|
|
16766
|
-
}
|
|
16837
|
+
}
|
|
16838
|
+
],
|
|
16839
|
+
"members": [
|
|
16767
16840
|
{
|
|
16768
|
-
"
|
|
16841
|
+
"kind": "field",
|
|
16842
|
+
"name": "position",
|
|
16769
16843
|
"type": {
|
|
16770
16844
|
"text": "string"
|
|
16771
16845
|
},
|
|
16772
|
-
"
|
|
16846
|
+
"default": "'right'",
|
|
16773
16847
|
"inheritedFrom": {
|
|
16774
|
-
"name": "
|
|
16775
|
-
"module": "src/
|
|
16848
|
+
"name": "Flyout",
|
|
16849
|
+
"module": "src/flyout/flyout.ts"
|
|
16776
16850
|
}
|
|
16777
16851
|
},
|
|
16778
16852
|
{
|
|
16779
|
-
"
|
|
16853
|
+
"kind": "field",
|
|
16854
|
+
"name": "displayHeader",
|
|
16780
16855
|
"type": {
|
|
16781
|
-
"text": "
|
|
16856
|
+
"text": "boolean"
|
|
16782
16857
|
},
|
|
16783
|
-
"
|
|
16858
|
+
"default": "true",
|
|
16784
16859
|
"inheritedFrom": {
|
|
16785
|
-
"name": "
|
|
16786
|
-
"module": "src/
|
|
16860
|
+
"name": "Flyout",
|
|
16861
|
+
"module": "src/flyout/flyout.ts"
|
|
16787
16862
|
}
|
|
16788
16863
|
},
|
|
16789
16864
|
{
|
|
16790
|
-
"
|
|
16865
|
+
"kind": "field",
|
|
16866
|
+
"name": "closed",
|
|
16791
16867
|
"type": {
|
|
16792
|
-
"text": "
|
|
16868
|
+
"text": "boolean"
|
|
16793
16869
|
},
|
|
16794
|
-
"
|
|
16870
|
+
"default": "true",
|
|
16795
16871
|
"inheritedFrom": {
|
|
16796
|
-
"name": "
|
|
16797
|
-
"module": "src/
|
|
16872
|
+
"name": "Flyout",
|
|
16873
|
+
"module": "src/flyout/flyout.ts"
|
|
16798
16874
|
}
|
|
16799
16875
|
},
|
|
16800
16876
|
{
|
|
16801
|
-
"
|
|
16802
|
-
"
|
|
16803
|
-
"text": "string"
|
|
16804
|
-
},
|
|
16805
|
-
"fieldName": "['col-md-width']",
|
|
16877
|
+
"kind": "method",
|
|
16878
|
+
"name": "closedChanged",
|
|
16806
16879
|
"inheritedFrom": {
|
|
16807
|
-
"name": "
|
|
16808
|
-
"module": "src/
|
|
16880
|
+
"name": "Flyout",
|
|
16881
|
+
"module": "src/flyout/flyout.ts"
|
|
16809
16882
|
}
|
|
16810
16883
|
},
|
|
16811
16884
|
{
|
|
16812
|
-
"
|
|
16885
|
+
"kind": "field",
|
|
16886
|
+
"name": "visuallyhidden",
|
|
16813
16887
|
"type": {
|
|
16814
|
-
"text": "
|
|
16888
|
+
"text": "boolean"
|
|
16815
16889
|
},
|
|
16816
|
-
"
|
|
16890
|
+
"default": "true",
|
|
16817
16891
|
"inheritedFrom": {
|
|
16818
|
-
"name": "
|
|
16819
|
-
"module": "src/
|
|
16892
|
+
"name": "Flyout",
|
|
16893
|
+
"module": "src/flyout/flyout.ts"
|
|
16820
16894
|
}
|
|
16821
16895
|
},
|
|
16822
16896
|
{
|
|
16823
|
-
"
|
|
16824
|
-
"
|
|
16825
|
-
"text": "string"
|
|
16826
|
-
},
|
|
16827
|
-
"fieldName": "['col-sm-width']",
|
|
16897
|
+
"kind": "method",
|
|
16898
|
+
"name": "closeFlyout",
|
|
16828
16899
|
"inheritedFrom": {
|
|
16829
|
-
"name": "
|
|
16830
|
-
"module": "src/
|
|
16900
|
+
"name": "Flyout",
|
|
16901
|
+
"module": "src/flyout/flyout.ts"
|
|
16831
16902
|
}
|
|
16832
16903
|
},
|
|
16833
16904
|
{
|
|
16834
|
-
"
|
|
16835
|
-
"
|
|
16836
|
-
"text": "string"
|
|
16837
|
-
},
|
|
16838
|
-
"fieldName": "['row-count']",
|
|
16905
|
+
"kind": "method",
|
|
16906
|
+
"name": "closingFinished",
|
|
16839
16907
|
"inheritedFrom": {
|
|
16840
|
-
"name": "
|
|
16841
|
-
"module": "src/
|
|
16908
|
+
"name": "Flyout",
|
|
16909
|
+
"module": "src/flyout/flyout.ts"
|
|
16842
16910
|
}
|
|
16843
16911
|
},
|
|
16844
16912
|
{
|
|
16845
|
-
"
|
|
16913
|
+
"kind": "field",
|
|
16914
|
+
"name": "_presentation",
|
|
16846
16915
|
"type": {
|
|
16847
|
-
"text": "
|
|
16916
|
+
"text": "ComponentPresentation | null | undefined"
|
|
16848
16917
|
},
|
|
16849
|
-
"
|
|
16918
|
+
"privacy": "private",
|
|
16919
|
+
"default": "void 0",
|
|
16850
16920
|
"inheritedFrom": {
|
|
16851
|
-
"name": "
|
|
16852
|
-
"module": "src/
|
|
16921
|
+
"name": "FoundationElement",
|
|
16922
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16853
16923
|
}
|
|
16854
16924
|
},
|
|
16855
16925
|
{
|
|
16856
|
-
"
|
|
16926
|
+
"kind": "field",
|
|
16927
|
+
"name": "$presentation",
|
|
16857
16928
|
"type": {
|
|
16858
|
-
"text": "
|
|
16929
|
+
"text": "ComponentPresentation | null"
|
|
16859
16930
|
},
|
|
16860
|
-
"
|
|
16931
|
+
"privacy": "public",
|
|
16932
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
16861
16933
|
"inheritedFrom": {
|
|
16862
|
-
"name": "
|
|
16863
|
-
"module": "src/
|
|
16934
|
+
"name": "FoundationElement",
|
|
16935
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16864
16936
|
}
|
|
16865
16937
|
},
|
|
16866
16938
|
{
|
|
16867
|
-
"
|
|
16939
|
+
"kind": "field",
|
|
16940
|
+
"name": "template",
|
|
16868
16941
|
"type": {
|
|
16869
|
-
"text": "
|
|
16942
|
+
"text": "ElementViewTemplate | void | null"
|
|
16870
16943
|
},
|
|
16871
|
-
"
|
|
16944
|
+
"privacy": "public",
|
|
16945
|
+
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
16872
16946
|
"inheritedFrom": {
|
|
16873
|
-
"name": "
|
|
16874
|
-
"module": "src/
|
|
16947
|
+
"name": "FoundationElement",
|
|
16948
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16875
16949
|
}
|
|
16876
16950
|
},
|
|
16877
16951
|
{
|
|
16878
|
-
"
|
|
16879
|
-
"
|
|
16880
|
-
|
|
16952
|
+
"kind": "method",
|
|
16953
|
+
"name": "templateChanged",
|
|
16954
|
+
"privacy": "protected",
|
|
16955
|
+
"return": {
|
|
16956
|
+
"type": {
|
|
16957
|
+
"text": "void"
|
|
16958
|
+
}
|
|
16881
16959
|
},
|
|
16882
|
-
"fieldName": "['row-md-count']",
|
|
16883
16960
|
"inheritedFrom": {
|
|
16884
|
-
"name": "
|
|
16885
|
-
"module": "src/
|
|
16961
|
+
"name": "FoundationElement",
|
|
16962
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16886
16963
|
}
|
|
16887
16964
|
},
|
|
16888
16965
|
{
|
|
16889
|
-
"
|
|
16966
|
+
"kind": "field",
|
|
16967
|
+
"name": "styles",
|
|
16890
16968
|
"type": {
|
|
16891
|
-
"text": "
|
|
16969
|
+
"text": "ElementStyles | void | null"
|
|
16892
16970
|
},
|
|
16893
|
-
"
|
|
16971
|
+
"privacy": "public",
|
|
16972
|
+
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
16894
16973
|
"inheritedFrom": {
|
|
16895
|
-
"name": "
|
|
16896
|
-
"module": "src/
|
|
16974
|
+
"name": "FoundationElement",
|
|
16975
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16897
16976
|
}
|
|
16898
16977
|
},
|
|
16899
16978
|
{
|
|
16900
|
-
"
|
|
16901
|
-
"
|
|
16902
|
-
|
|
16979
|
+
"kind": "method",
|
|
16980
|
+
"name": "stylesChanged",
|
|
16981
|
+
"privacy": "protected",
|
|
16982
|
+
"return": {
|
|
16983
|
+
"type": {
|
|
16984
|
+
"text": "void"
|
|
16985
|
+
}
|
|
16903
16986
|
},
|
|
16904
|
-
"fieldName": "['row-sm-count']",
|
|
16905
16987
|
"inheritedFrom": {
|
|
16906
|
-
"name": "
|
|
16907
|
-
"module": "src/
|
|
16988
|
+
"name": "FoundationElement",
|
|
16989
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16908
16990
|
}
|
|
16909
16991
|
},
|
|
16910
16992
|
{
|
|
16911
|
-
"
|
|
16912
|
-
"
|
|
16913
|
-
|
|
16993
|
+
"kind": "method",
|
|
16994
|
+
"name": "compose",
|
|
16995
|
+
"privacy": "public",
|
|
16996
|
+
"static": true,
|
|
16997
|
+
"return": {
|
|
16998
|
+
"type": {
|
|
16999
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
17000
|
+
}
|
|
16914
17001
|
},
|
|
16915
|
-
"
|
|
17002
|
+
"parameters": [
|
|
17003
|
+
{
|
|
17004
|
+
"name": "this",
|
|
17005
|
+
"type": {
|
|
17006
|
+
"text": "K"
|
|
17007
|
+
}
|
|
17008
|
+
},
|
|
17009
|
+
{
|
|
17010
|
+
"name": "elementDefinition",
|
|
17011
|
+
"type": {
|
|
17012
|
+
"text": "T"
|
|
17013
|
+
},
|
|
17014
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
17015
|
+
}
|
|
17016
|
+
],
|
|
17017
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
16916
17018
|
"inheritedFrom": {
|
|
16917
|
-
"name": "
|
|
16918
|
-
"module": "src/
|
|
17019
|
+
"name": "FoundationElement",
|
|
17020
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
16919
17021
|
}
|
|
16920
17022
|
}
|
|
16921
|
-
]
|
|
16922
|
-
|
|
17023
|
+
]
|
|
17024
|
+
},
|
|
17025
|
+
{
|
|
17026
|
+
"kind": "variable",
|
|
17027
|
+
"name": "zeroFlyout",
|
|
17028
|
+
"description": "The Zero Flyout",
|
|
17029
|
+
"privacy": "public"
|
|
17030
|
+
}
|
|
17031
|
+
],
|
|
17032
|
+
"exports": [
|
|
17033
|
+
{
|
|
17034
|
+
"kind": "js",
|
|
17035
|
+
"name": "defaultFlyoutConfig",
|
|
17036
|
+
"declaration": {
|
|
17037
|
+
"name": "defaultFlyoutConfig",
|
|
17038
|
+
"module": "src/flyout/flyout.ts"
|
|
17039
|
+
}
|
|
17040
|
+
},
|
|
17041
|
+
{
|
|
17042
|
+
"kind": "js",
|
|
17043
|
+
"name": "zeroFlyoutShadowOptions",
|
|
17044
|
+
"declaration": {
|
|
17045
|
+
"name": "zeroFlyoutShadowOptions",
|
|
17046
|
+
"module": "src/flyout/flyout.ts"
|
|
17047
|
+
}
|
|
17048
|
+
},
|
|
17049
|
+
{
|
|
17050
|
+
"kind": "js",
|
|
17051
|
+
"name": "Flyout",
|
|
17052
|
+
"declaration": {
|
|
17053
|
+
"name": "Flyout",
|
|
17054
|
+
"module": "src/flyout/flyout.ts"
|
|
17055
|
+
}
|
|
17056
|
+
},
|
|
17057
|
+
{
|
|
17058
|
+
"kind": "js",
|
|
17059
|
+
"name": "zeroFlyout",
|
|
17060
|
+
"declaration": {
|
|
17061
|
+
"name": "zeroFlyout",
|
|
17062
|
+
"module": "src/flyout/flyout.ts"
|
|
17063
|
+
}
|
|
17064
|
+
}
|
|
17065
|
+
]
|
|
17066
|
+
},
|
|
17067
|
+
{
|
|
17068
|
+
"kind": "javascript-module",
|
|
17069
|
+
"path": "src/flyout/index.ts",
|
|
17070
|
+
"declarations": [],
|
|
17071
|
+
"exports": [
|
|
17072
|
+
{
|
|
17073
|
+
"kind": "js",
|
|
17074
|
+
"name": "*",
|
|
17075
|
+
"declaration": {
|
|
17076
|
+
"name": "*",
|
|
17077
|
+
"package": "./flyout"
|
|
17078
|
+
}
|
|
17079
|
+
},
|
|
17080
|
+
{
|
|
17081
|
+
"kind": "js",
|
|
17082
|
+
"name": "*",
|
|
17083
|
+
"declaration": {
|
|
17084
|
+
"name": "*",
|
|
17085
|
+
"package": "./flyout.styles"
|
|
17086
|
+
}
|
|
17087
|
+
},
|
|
17088
|
+
{
|
|
17089
|
+
"kind": "js",
|
|
17090
|
+
"name": "*",
|
|
17091
|
+
"declaration": {
|
|
17092
|
+
"name": "*",
|
|
17093
|
+
"package": "./flyout.template"
|
|
17094
|
+
}
|
|
17095
|
+
}
|
|
17096
|
+
]
|
|
17097
|
+
},
|
|
17098
|
+
{
|
|
17099
|
+
"kind": "javascript-module",
|
|
17100
|
+
"path": "src/grid-layout/grid-layout.stories.ts",
|
|
17101
|
+
"declarations": [
|
|
17102
|
+
{
|
|
17103
|
+
"kind": "variable",
|
|
17104
|
+
"name": "meta",
|
|
17105
|
+
"type": {
|
|
17106
|
+
"text": "Meta"
|
|
17107
|
+
},
|
|
17108
|
+
"default": "{\n title: 'Grid Layout',\n component: 'zero-grid-layout',\n}"
|
|
17109
|
+
},
|
|
17110
|
+
{
|
|
17111
|
+
"kind": "variable",
|
|
17112
|
+
"name": "Primary",
|
|
17113
|
+
"type": {
|
|
17114
|
+
"text": "StoryObj"
|
|
17115
|
+
},
|
|
17116
|
+
"default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout\n class=\"spacing-2x\"\n col-count=\"2\"\n row-count=\"2\"\n col-lg-count=\"4\"\n row-lg-count=\"1\"\n col-sm-count=\"1\"\n row-sm-count=\"2\"\n >\n <zero-grid-layout-item\n style=\"height: 100%; background-color: green;\"\n col-lg-number=\"1\"\n row-lg-number=\"1\"\n width-lg=\"1\"\n height-lg=\"1\"\n col-md-number=\"1\"\n row-md-number=\"1\"\n width-md=\"1\"\n height-md=\"1\"\n col-sm-number=\"1\"\n row-sm-number=\"1\"\n width-sm=\"1\"\n height-sm=\"1\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"height: 100%; background-color: red;\"\n col-lg-number=\"3\"\n row-lg-number=\"1\"\n width-lg=\"2\"\n height-lg=\"1\"\n col-md-number=\"2\"\n row-md-number=\"2\"\n width-md=\"1\"\n height-md=\"1\"\n col-sm-number=\"1\"\n row-sm-number=\"2\"\n width-sm=\"1\"\n height-sm=\"1\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"2\" col-count=\"4\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: green;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"1\"\n height=\"2\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"2\"\n row-number=\"1\"\n width=\"3\"\n height=\"2\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"2\" col-count=\"4\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: blue;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"1\"\n height=\"2\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"2\"\n row-number=\"1\"\n width=\"2\"\n height=\"2\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: green;\"\n col-number=\"4\"\n row-number=\"1\"\n width=\"1\"\n height=\"2\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"3\" col-count=\"4\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: blue;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"4\"\n height=\"2\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"1\"\n row-number=\"3\"\n width=\"3\"\n height=\"1\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: yellow;\"\n col-number=\"4\"\n row-number=\"3\"\n width=\"1\"\n height=\"1\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"4\" col-count=\"4\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: blue;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"4\"\n height=\"1\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"1\"\n row-number=\"2\"\n width=\"1\"\n height=\"2\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: yellow;\"\n col-number=\"2\"\n row-number=\"2\"\n width=\"3\"\n height=\"2\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: green;\"\n col-number=\"1\"\n row-number=\"4\"\n width=\"4\"\n height=\"1\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"6\" col-count=\"6\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: blue;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"2\"\n height=\"6\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"3\"\n row-number=\"1\"\n width=\"4\"\n height=\"3\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: yellow;\"\n col-number=\"3\"\n row-number=\"4\"\n width=\"2\"\n height=\"3\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: yellow;\"\n col-number=\"5\"\n row-number=\"4\"\n width=\"1\"\n height=\"3\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: green;\"\n col-number=\"6\"\n row-number=\"4\"\n width=\"1\"\n height=\"3\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"6\" col-count=\"6\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: blue;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"1\"\n height=\"6\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"2\"\n row-number=\"1\"\n width=\"5\"\n height=\"4\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: yellow;\"\n col-number=\"2\"\n row-number=\"5\"\n width=\"5\"\n height=\"2\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-grid-layout row-count=\"6\" col-count=\"6\" class=\"spacing-2x\">\n <zero-grid-layout-item\n style=\"background-color: blue;\"\n col-number=\"1\"\n row-number=\"1\"\n width=\"1\"\n height=\"6\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: red;\"\n col-number=\"2\"\n row-number=\"1\"\n width=\"5\"\n height=\"4\"\n ></zero-grid-layout-item>\n <zero-grid-layout-item\n style=\"background-color: yellow;\"\n col-number=\"2\"\n row-number=\"5\"\n width=\"5\"\n height=\"2\"\n ></zero-grid-layout-item>\n </zero-grid-layout>\n </zero-card>\n </div>\n `,\n}"
|
|
17117
|
+
}
|
|
17118
|
+
],
|
|
17119
|
+
"exports": [
|
|
17120
|
+
{
|
|
17121
|
+
"kind": "js",
|
|
17122
|
+
"name": "default",
|
|
17123
|
+
"declaration": {
|
|
17124
|
+
"name": "meta",
|
|
17125
|
+
"module": "src/grid-layout/grid-layout.stories.ts"
|
|
17126
|
+
}
|
|
17127
|
+
},
|
|
17128
|
+
{
|
|
17129
|
+
"kind": "js",
|
|
17130
|
+
"name": "Primary",
|
|
17131
|
+
"declaration": {
|
|
17132
|
+
"name": "Primary",
|
|
17133
|
+
"module": "src/grid-layout/grid-layout.stories.ts"
|
|
17134
|
+
}
|
|
17135
|
+
}
|
|
17136
|
+
]
|
|
17137
|
+
},
|
|
17138
|
+
{
|
|
17139
|
+
"kind": "javascript-module",
|
|
17140
|
+
"path": "src/grid-layout/grid-layout.ts",
|
|
17141
|
+
"declarations": [
|
|
17142
|
+
{
|
|
17143
|
+
"kind": "class",
|
|
17144
|
+
"description": "",
|
|
17145
|
+
"name": "GridLayout",
|
|
17146
|
+
"superclass": {
|
|
17147
|
+
"name": "FoundationGridLayout",
|
|
17148
|
+
"package": "@genesislcap/foundation-ui"
|
|
17149
|
+
},
|
|
17150
|
+
"tagName": "%%prefix%%-grid-layout",
|
|
17151
|
+
"customElement": true,
|
|
17152
|
+
"attributes": [
|
|
16923
17153
|
{
|
|
16924
|
-
"kind": "field",
|
|
16925
17154
|
"name": "['col-count']",
|
|
16926
17155
|
"type": {
|
|
16927
17156
|
"text": "string"
|
|
16928
17157
|
},
|
|
17158
|
+
"fieldName": "['col-count']",
|
|
16929
17159
|
"inheritedFrom": {
|
|
16930
17160
|
"name": "GridLayout",
|
|
16931
17161
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16932
17162
|
}
|
|
16933
17163
|
},
|
|
16934
17164
|
{
|
|
16935
|
-
"kind": "field",
|
|
16936
17165
|
"name": "['col-width']",
|
|
16937
17166
|
"type": {
|
|
16938
17167
|
"text": "string"
|
|
16939
17168
|
},
|
|
17169
|
+
"fieldName": "['col-width']",
|
|
16940
17170
|
"inheritedFrom": {
|
|
16941
17171
|
"name": "GridLayout",
|
|
16942
17172
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16943
17173
|
}
|
|
16944
17174
|
},
|
|
16945
17175
|
{
|
|
16946
|
-
"kind": "field",
|
|
16947
17176
|
"name": "['col-lg-count']",
|
|
16948
17177
|
"type": {
|
|
16949
17178
|
"text": "string"
|
|
16950
17179
|
},
|
|
17180
|
+
"fieldName": "['col-lg-count']",
|
|
16951
17181
|
"inheritedFrom": {
|
|
16952
17182
|
"name": "GridLayout",
|
|
16953
17183
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16954
17184
|
}
|
|
16955
17185
|
},
|
|
16956
17186
|
{
|
|
16957
|
-
"kind": "field",
|
|
16958
17187
|
"name": "['col-lg-width']",
|
|
16959
17188
|
"type": {
|
|
16960
17189
|
"text": "string"
|
|
16961
17190
|
},
|
|
17191
|
+
"fieldName": "['col-lg-width']",
|
|
16962
17192
|
"inheritedFrom": {
|
|
16963
17193
|
"name": "GridLayout",
|
|
16964
17194
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16965
17195
|
}
|
|
16966
17196
|
},
|
|
16967
17197
|
{
|
|
16968
|
-
"kind": "field",
|
|
16969
17198
|
"name": "['col-md-count']",
|
|
16970
17199
|
"type": {
|
|
16971
17200
|
"text": "string"
|
|
16972
17201
|
},
|
|
17202
|
+
"fieldName": "['col-md-count']",
|
|
16973
17203
|
"inheritedFrom": {
|
|
16974
17204
|
"name": "GridLayout",
|
|
16975
17205
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16976
17206
|
}
|
|
16977
17207
|
},
|
|
16978
17208
|
{
|
|
16979
|
-
"kind": "field",
|
|
16980
17209
|
"name": "['col-md-width']",
|
|
16981
17210
|
"type": {
|
|
16982
17211
|
"text": "string"
|
|
16983
17212
|
},
|
|
17213
|
+
"fieldName": "['col-md-width']",
|
|
16984
17214
|
"inheritedFrom": {
|
|
16985
17215
|
"name": "GridLayout",
|
|
16986
17216
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16987
17217
|
}
|
|
16988
17218
|
},
|
|
16989
17219
|
{
|
|
16990
|
-
"kind": "field",
|
|
16991
17220
|
"name": "['col-sm-count']",
|
|
16992
17221
|
"type": {
|
|
16993
17222
|
"text": "string"
|
|
16994
17223
|
},
|
|
17224
|
+
"fieldName": "['col-sm-count']",
|
|
16995
17225
|
"inheritedFrom": {
|
|
16996
17226
|
"name": "GridLayout",
|
|
16997
17227
|
"module": "src/grid-layout/grid-layout.ts"
|
|
16998
17228
|
}
|
|
16999
17229
|
},
|
|
17000
17230
|
{
|
|
17001
|
-
"kind": "field",
|
|
17002
17231
|
"name": "['col-sm-width']",
|
|
17003
17232
|
"type": {
|
|
17004
17233
|
"text": "string"
|
|
17005
17234
|
},
|
|
17235
|
+
"fieldName": "['col-sm-width']",
|
|
17006
17236
|
"inheritedFrom": {
|
|
17007
17237
|
"name": "GridLayout",
|
|
17008
17238
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17009
17239
|
}
|
|
17010
17240
|
},
|
|
17011
17241
|
{
|
|
17012
|
-
"kind": "field",
|
|
17013
17242
|
"name": "['row-count']",
|
|
17014
17243
|
"type": {
|
|
17015
17244
|
"text": "string"
|
|
17016
17245
|
},
|
|
17246
|
+
"fieldName": "['row-count']",
|
|
17017
17247
|
"inheritedFrom": {
|
|
17018
17248
|
"name": "GridLayout",
|
|
17019
17249
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17020
17250
|
}
|
|
17021
17251
|
},
|
|
17022
17252
|
{
|
|
17023
|
-
"kind": "field",
|
|
17024
17253
|
"name": "['row-height']",
|
|
17025
17254
|
"type": {
|
|
17026
17255
|
"text": "string"
|
|
17027
17256
|
},
|
|
17257
|
+
"fieldName": "['row-height']",
|
|
17028
17258
|
"inheritedFrom": {
|
|
17029
17259
|
"name": "GridLayout",
|
|
17030
17260
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17031
17261
|
}
|
|
17032
17262
|
},
|
|
17033
17263
|
{
|
|
17034
|
-
"kind": "field",
|
|
17035
17264
|
"name": "['row-lg-count']",
|
|
17036
17265
|
"type": {
|
|
17037
17266
|
"text": "string"
|
|
17038
17267
|
},
|
|
17268
|
+
"fieldName": "['row-lg-count']",
|
|
17039
17269
|
"inheritedFrom": {
|
|
17040
17270
|
"name": "GridLayout",
|
|
17041
17271
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17042
17272
|
}
|
|
17043
17273
|
},
|
|
17044
17274
|
{
|
|
17045
|
-
"kind": "field",
|
|
17046
17275
|
"name": "['row-lg-height']",
|
|
17047
17276
|
"type": {
|
|
17048
17277
|
"text": "string"
|
|
17049
17278
|
},
|
|
17279
|
+
"fieldName": "['row-lg-height']",
|
|
17050
17280
|
"inheritedFrom": {
|
|
17051
17281
|
"name": "GridLayout",
|
|
17052
17282
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17053
17283
|
}
|
|
17054
17284
|
},
|
|
17055
17285
|
{
|
|
17056
|
-
"kind": "field",
|
|
17057
17286
|
"name": "['row-md-count']",
|
|
17058
17287
|
"type": {
|
|
17059
17288
|
"text": "string"
|
|
17060
17289
|
},
|
|
17290
|
+
"fieldName": "['row-md-count']",
|
|
17061
17291
|
"inheritedFrom": {
|
|
17062
17292
|
"name": "GridLayout",
|
|
17063
17293
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17064
17294
|
}
|
|
17065
17295
|
},
|
|
17066
17296
|
{
|
|
17067
|
-
"kind": "field",
|
|
17068
17297
|
"name": "['row-md-height']",
|
|
17069
17298
|
"type": {
|
|
17070
17299
|
"text": "string"
|
|
17071
17300
|
},
|
|
17301
|
+
"fieldName": "['row-md-height']",
|
|
17072
17302
|
"inheritedFrom": {
|
|
17073
17303
|
"name": "GridLayout",
|
|
17074
17304
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17075
17305
|
}
|
|
17076
17306
|
},
|
|
17077
17307
|
{
|
|
17078
|
-
"kind": "field",
|
|
17079
17308
|
"name": "['row-sm-count']",
|
|
17080
17309
|
"type": {
|
|
17081
17310
|
"text": "string"
|
|
17082
17311
|
},
|
|
17312
|
+
"fieldName": "['row-sm-count']",
|
|
17083
17313
|
"inheritedFrom": {
|
|
17084
17314
|
"name": "GridLayout",
|
|
17085
17315
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17086
17316
|
}
|
|
17087
17317
|
},
|
|
17088
17318
|
{
|
|
17089
|
-
"kind": "field",
|
|
17090
17319
|
"name": "['row-sm-height']",
|
|
17091
17320
|
"type": {
|
|
17092
17321
|
"text": "string"
|
|
17093
17322
|
},
|
|
17323
|
+
"fieldName": "['row-sm-height']",
|
|
17094
17324
|
"inheritedFrom": {
|
|
17095
17325
|
"name": "GridLayout",
|
|
17096
17326
|
"module": "src/grid-layout/grid-layout.ts"
|
|
17097
17327
|
}
|
|
17098
|
-
}
|
|
17328
|
+
}
|
|
17329
|
+
],
|
|
17330
|
+
"members": [
|
|
17099
17331
|
{
|
|
17100
17332
|
"kind": "field",
|
|
17101
|
-
"name": "
|
|
17333
|
+
"name": "['col-count']",
|
|
17102
17334
|
"type": {
|
|
17103
|
-
"text": "
|
|
17335
|
+
"text": "string"
|
|
17104
17336
|
},
|
|
17105
|
-
"privacy": "private",
|
|
17106
|
-
"default": "[]",
|
|
17107
17337
|
"inheritedFrom": {
|
|
17108
17338
|
"name": "GridLayout",
|
|
17109
17339
|
"module": "src/grid-layout/grid-layout.ts"
|
|
@@ -17111,11 +17341,10 @@
|
|
|
17111
17341
|
},
|
|
17112
17342
|
{
|
|
17113
17343
|
"kind": "field",
|
|
17114
|
-
"name": "
|
|
17344
|
+
"name": "['col-width']",
|
|
17115
17345
|
"type": {
|
|
17116
|
-
"text": "
|
|
17346
|
+
"text": "string"
|
|
17117
17347
|
},
|
|
17118
|
-
"privacy": "private",
|
|
17119
17348
|
"inheritedFrom": {
|
|
17120
17349
|
"name": "GridLayout",
|
|
17121
17350
|
"module": "src/grid-layout/grid-layout.ts"
|
|
@@ -17123,386 +17352,181 @@
|
|
|
17123
17352
|
},
|
|
17124
17353
|
{
|
|
17125
17354
|
"kind": "field",
|
|
17126
|
-
"name": "
|
|
17355
|
+
"name": "['col-lg-count']",
|
|
17127
17356
|
"type": {
|
|
17128
|
-
"text": "
|
|
17357
|
+
"text": "string"
|
|
17129
17358
|
},
|
|
17130
|
-
"privacy": "private",
|
|
17131
|
-
"default": "void 0",
|
|
17132
17359
|
"inheritedFrom": {
|
|
17133
|
-
"name": "
|
|
17134
|
-
"module": "src/
|
|
17360
|
+
"name": "GridLayout",
|
|
17361
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17135
17362
|
}
|
|
17136
17363
|
},
|
|
17137
17364
|
{
|
|
17138
17365
|
"kind": "field",
|
|
17139
|
-
"name": "
|
|
17366
|
+
"name": "['col-lg-width']",
|
|
17140
17367
|
"type": {
|
|
17141
|
-
"text": "
|
|
17368
|
+
"text": "string"
|
|
17142
17369
|
},
|
|
17143
|
-
"privacy": "public",
|
|
17144
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
17145
17370
|
"inheritedFrom": {
|
|
17146
|
-
"name": "
|
|
17147
|
-
"module": "src/
|
|
17371
|
+
"name": "GridLayout",
|
|
17372
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17148
17373
|
}
|
|
17149
17374
|
},
|
|
17150
17375
|
{
|
|
17151
17376
|
"kind": "field",
|
|
17152
|
-
"name": "
|
|
17377
|
+
"name": "['col-md-count']",
|
|
17153
17378
|
"type": {
|
|
17154
|
-
"text": "
|
|
17379
|
+
"text": "string"
|
|
17155
17380
|
},
|
|
17156
|
-
"privacy": "public",
|
|
17157
|
-
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
17158
17381
|
"inheritedFrom": {
|
|
17159
|
-
"name": "
|
|
17160
|
-
"module": "src/
|
|
17382
|
+
"name": "GridLayout",
|
|
17383
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17161
17384
|
}
|
|
17162
17385
|
},
|
|
17163
17386
|
{
|
|
17164
|
-
"kind": "
|
|
17165
|
-
"name": "
|
|
17166
|
-
"
|
|
17167
|
-
|
|
17168
|
-
"type": {
|
|
17169
|
-
"text": "void"
|
|
17170
|
-
}
|
|
17387
|
+
"kind": "field",
|
|
17388
|
+
"name": "['col-md-width']",
|
|
17389
|
+
"type": {
|
|
17390
|
+
"text": "string"
|
|
17171
17391
|
},
|
|
17172
17392
|
"inheritedFrom": {
|
|
17173
|
-
"name": "
|
|
17174
|
-
"module": "src/
|
|
17393
|
+
"name": "GridLayout",
|
|
17394
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17175
17395
|
}
|
|
17176
17396
|
},
|
|
17177
17397
|
{
|
|
17178
17398
|
"kind": "field",
|
|
17179
|
-
"name": "
|
|
17399
|
+
"name": "['col-sm-count']",
|
|
17180
17400
|
"type": {
|
|
17181
|
-
"text": "
|
|
17401
|
+
"text": "string"
|
|
17182
17402
|
},
|
|
17183
|
-
"privacy": "public",
|
|
17184
|
-
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
17185
17403
|
"inheritedFrom": {
|
|
17186
|
-
"name": "
|
|
17187
|
-
"module": "src/
|
|
17404
|
+
"name": "GridLayout",
|
|
17405
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17188
17406
|
}
|
|
17189
17407
|
},
|
|
17190
17408
|
{
|
|
17191
|
-
"kind": "
|
|
17192
|
-
"name": "
|
|
17193
|
-
"
|
|
17194
|
-
|
|
17195
|
-
"type": {
|
|
17196
|
-
"text": "void"
|
|
17197
|
-
}
|
|
17409
|
+
"kind": "field",
|
|
17410
|
+
"name": "['col-sm-width']",
|
|
17411
|
+
"type": {
|
|
17412
|
+
"text": "string"
|
|
17198
17413
|
},
|
|
17199
17414
|
"inheritedFrom": {
|
|
17200
|
-
"name": "
|
|
17201
|
-
"module": "src/
|
|
17202
|
-
}
|
|
17203
|
-
},
|
|
17204
|
-
{
|
|
17205
|
-
"kind": "method",
|
|
17206
|
-
"name": "compose",
|
|
17207
|
-
"privacy": "public",
|
|
17208
|
-
"static": true,
|
|
17209
|
-
"return": {
|
|
17210
|
-
"type": {
|
|
17211
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
17212
|
-
}
|
|
17213
|
-
},
|
|
17214
|
-
"parameters": [
|
|
17215
|
-
{
|
|
17216
|
-
"name": "this",
|
|
17217
|
-
"type": {
|
|
17218
|
-
"text": "K"
|
|
17219
|
-
}
|
|
17220
|
-
},
|
|
17221
|
-
{
|
|
17222
|
-
"name": "elementDefinition",
|
|
17223
|
-
"type": {
|
|
17224
|
-
"text": "T"
|
|
17225
|
-
},
|
|
17226
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
17227
|
-
}
|
|
17228
|
-
],
|
|
17229
|
-
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
17230
|
-
"inheritedFrom": {
|
|
17231
|
-
"name": "FoundationElement",
|
|
17232
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
17233
|
-
}
|
|
17234
|
-
}
|
|
17235
|
-
]
|
|
17236
|
-
},
|
|
17237
|
-
{
|
|
17238
|
-
"kind": "variable",
|
|
17239
|
-
"name": "zeroGridLayout",
|
|
17240
|
-
"description": "The Zero Grid Layout",
|
|
17241
|
-
"privacy": "public"
|
|
17242
|
-
}
|
|
17243
|
-
],
|
|
17244
|
-
"exports": [
|
|
17245
|
-
{
|
|
17246
|
-
"kind": "js",
|
|
17247
|
-
"name": "GridLayout",
|
|
17248
|
-
"declaration": {
|
|
17249
|
-
"name": "GridLayout",
|
|
17250
|
-
"module": "src/grid-layout/grid-layout.ts"
|
|
17251
|
-
}
|
|
17252
|
-
},
|
|
17253
|
-
{
|
|
17254
|
-
"kind": "js",
|
|
17255
|
-
"name": "zeroGridLayout",
|
|
17256
|
-
"declaration": {
|
|
17257
|
-
"name": "zeroGridLayout",
|
|
17258
|
-
"module": "src/grid-layout/grid-layout.ts"
|
|
17259
|
-
}
|
|
17260
|
-
}
|
|
17261
|
-
]
|
|
17262
|
-
},
|
|
17263
|
-
{
|
|
17264
|
-
"kind": "javascript-module",
|
|
17265
|
-
"path": "src/grid-layout/index.ts",
|
|
17266
|
-
"declarations": [],
|
|
17267
|
-
"exports": [
|
|
17268
|
-
{
|
|
17269
|
-
"kind": "js",
|
|
17270
|
-
"name": "*",
|
|
17271
|
-
"declaration": {
|
|
17272
|
-
"name": "*",
|
|
17273
|
-
"package": "./grid-layout"
|
|
17274
|
-
}
|
|
17275
|
-
}
|
|
17276
|
-
]
|
|
17277
|
-
},
|
|
17278
|
-
{
|
|
17279
|
-
"kind": "javascript-module",
|
|
17280
|
-
"path": "src/flipper/flipper.stories.ts",
|
|
17281
|
-
"declarations": [
|
|
17282
|
-
{
|
|
17283
|
-
"kind": "variable",
|
|
17284
|
-
"name": "meta",
|
|
17285
|
-
"type": {
|
|
17286
|
-
"text": "Meta"
|
|
17287
|
-
},
|
|
17288
|
-
"default": "{\n title: 'Flipper',\n component: 'zero-flipper',\n}"
|
|
17289
|
-
},
|
|
17290
|
-
{
|
|
17291
|
-
"kind": "variable",
|
|
17292
|
-
"name": "Primary",
|
|
17293
|
-
"type": {
|
|
17294
|
-
"text": "StoryObj"
|
|
17295
|
-
},
|
|
17296
|
-
"default": "{\n argTypes: {\n direction: {\n control: 'select',\n options: ['previous', 'next'],\n },\n },\n args: {\n direction: 'next',\n },\n render: ({ direction }) => html`\n <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n `,\n}"
|
|
17297
|
-
}
|
|
17298
|
-
],
|
|
17299
|
-
"exports": [
|
|
17300
|
-
{
|
|
17301
|
-
"kind": "js",
|
|
17302
|
-
"name": "default",
|
|
17303
|
-
"declaration": {
|
|
17304
|
-
"name": "meta",
|
|
17305
|
-
"module": "src/flipper/flipper.stories.ts"
|
|
17306
|
-
}
|
|
17307
|
-
},
|
|
17308
|
-
{
|
|
17309
|
-
"kind": "js",
|
|
17310
|
-
"name": "Primary",
|
|
17311
|
-
"declaration": {
|
|
17312
|
-
"name": "Primary",
|
|
17313
|
-
"module": "src/flipper/flipper.stories.ts"
|
|
17314
|
-
}
|
|
17315
|
-
}
|
|
17316
|
-
]
|
|
17317
|
-
},
|
|
17318
|
-
{
|
|
17319
|
-
"kind": "javascript-module",
|
|
17320
|
-
"path": "src/flipper/flipper.styles.ts",
|
|
17321
|
-
"declarations": [
|
|
17322
|
-
{
|
|
17323
|
-
"kind": "function",
|
|
17324
|
-
"name": "zeroFlipperStyles",
|
|
17325
|
-
"return": {
|
|
17326
|
-
"type": {
|
|
17327
|
-
"text": "ElementStyles"
|
|
17328
|
-
}
|
|
17329
|
-
},
|
|
17330
|
-
"parameters": [
|
|
17331
|
-
{
|
|
17332
|
-
"name": "context",
|
|
17333
|
-
"type": {
|
|
17334
|
-
"text": "ElementDefinitionContext"
|
|
17415
|
+
"name": "GridLayout",
|
|
17416
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17335
17417
|
}
|
|
17336
17418
|
},
|
|
17337
17419
|
{
|
|
17338
|
-
"
|
|
17420
|
+
"kind": "field",
|
|
17421
|
+
"name": "['row-count']",
|
|
17339
17422
|
"type": {
|
|
17340
|
-
"text": "
|
|
17423
|
+
"text": "string"
|
|
17424
|
+
},
|
|
17425
|
+
"inheritedFrom": {
|
|
17426
|
+
"name": "GridLayout",
|
|
17427
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17341
17428
|
}
|
|
17342
|
-
}
|
|
17343
|
-
]
|
|
17344
|
-
}
|
|
17345
|
-
],
|
|
17346
|
-
"exports": [
|
|
17347
|
-
{
|
|
17348
|
-
"kind": "js",
|
|
17349
|
-
"name": "zeroFlipperStyles",
|
|
17350
|
-
"declaration": {
|
|
17351
|
-
"name": "zeroFlipperStyles",
|
|
17352
|
-
"module": "src/flipper/flipper.styles.ts"
|
|
17353
|
-
}
|
|
17354
|
-
}
|
|
17355
|
-
]
|
|
17356
|
-
},
|
|
17357
|
-
{
|
|
17358
|
-
"kind": "javascript-module",
|
|
17359
|
-
"path": "src/flipper/flipper.template.ts",
|
|
17360
|
-
"declarations": [
|
|
17361
|
-
{
|
|
17362
|
-
"kind": "function",
|
|
17363
|
-
"name": "zeroFlipperTemplate",
|
|
17364
|
-
"return": {
|
|
17365
|
-
"type": {
|
|
17366
|
-
"text": "ViewTemplate<Flipper>"
|
|
17367
|
-
}
|
|
17368
|
-
},
|
|
17369
|
-
"parameters": [
|
|
17429
|
+
},
|
|
17370
17430
|
{
|
|
17371
|
-
"
|
|
17431
|
+
"kind": "field",
|
|
17432
|
+
"name": "['row-height']",
|
|
17372
17433
|
"type": {
|
|
17373
|
-
"text": "
|
|
17434
|
+
"text": "string"
|
|
17435
|
+
},
|
|
17436
|
+
"inheritedFrom": {
|
|
17437
|
+
"name": "GridLayout",
|
|
17438
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17374
17439
|
}
|
|
17375
17440
|
},
|
|
17376
17441
|
{
|
|
17377
|
-
"
|
|
17442
|
+
"kind": "field",
|
|
17443
|
+
"name": "['row-lg-count']",
|
|
17378
17444
|
"type": {
|
|
17379
|
-
"text": "
|
|
17445
|
+
"text": "string"
|
|
17446
|
+
},
|
|
17447
|
+
"inheritedFrom": {
|
|
17448
|
+
"name": "GridLayout",
|
|
17449
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17380
17450
|
}
|
|
17381
|
-
}
|
|
17382
|
-
]
|
|
17383
|
-
}
|
|
17384
|
-
],
|
|
17385
|
-
"exports": [
|
|
17386
|
-
{
|
|
17387
|
-
"kind": "js",
|
|
17388
|
-
"name": "zeroFlipperTemplate",
|
|
17389
|
-
"declaration": {
|
|
17390
|
-
"name": "zeroFlipperTemplate",
|
|
17391
|
-
"module": "src/flipper/flipper.template.ts"
|
|
17392
|
-
}
|
|
17393
|
-
}
|
|
17394
|
-
]
|
|
17395
|
-
},
|
|
17396
|
-
{
|
|
17397
|
-
"kind": "javascript-module",
|
|
17398
|
-
"path": "src/flipper/flipper.ts",
|
|
17399
|
-
"declarations": [
|
|
17400
|
-
{
|
|
17401
|
-
"kind": "class",
|
|
17402
|
-
"description": "",
|
|
17403
|
-
"name": "Flipper",
|
|
17404
|
-
"superclass": {
|
|
17405
|
-
"name": "FoundationFlipper",
|
|
17406
|
-
"package": "@genesislcap/foundation-ui"
|
|
17407
|
-
},
|
|
17408
|
-
"tagName": "%%prefix%%-flipper",
|
|
17409
|
-
"customElement": true,
|
|
17410
|
-
"attributes": [
|
|
17451
|
+
},
|
|
17411
17452
|
{
|
|
17453
|
+
"kind": "field",
|
|
17454
|
+
"name": "['row-lg-height']",
|
|
17412
17455
|
"type": {
|
|
17413
|
-
"text": "
|
|
17456
|
+
"text": "string"
|
|
17414
17457
|
},
|
|
17415
|
-
"description": "The disabled state of the flipper.",
|
|
17416
|
-
"fieldName": "disabled",
|
|
17417
17458
|
"inheritedFrom": {
|
|
17418
|
-
"name": "
|
|
17419
|
-
"module": "src/
|
|
17459
|
+
"name": "GridLayout",
|
|
17460
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17420
17461
|
}
|
|
17421
17462
|
},
|
|
17422
17463
|
{
|
|
17423
|
-
"
|
|
17464
|
+
"kind": "field",
|
|
17465
|
+
"name": "['row-md-count']",
|
|
17424
17466
|
"type": {
|
|
17425
|
-
"text": "
|
|
17467
|
+
"text": "string"
|
|
17426
17468
|
},
|
|
17427
|
-
"default": "true",
|
|
17428
|
-
"description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
|
|
17429
|
-
"fieldName": "hiddenFromAT",
|
|
17430
17469
|
"inheritedFrom": {
|
|
17431
|
-
"name": "
|
|
17432
|
-
"module": "src/
|
|
17470
|
+
"name": "GridLayout",
|
|
17471
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17433
17472
|
}
|
|
17434
17473
|
},
|
|
17435
17474
|
{
|
|
17436
|
-
"
|
|
17475
|
+
"kind": "field",
|
|
17476
|
+
"name": "['row-md-height']",
|
|
17437
17477
|
"type": {
|
|
17438
|
-
"text": "
|
|
17478
|
+
"text": "string"
|
|
17439
17479
|
},
|
|
17440
|
-
"description": "The direction that the flipper implies navigating.",
|
|
17441
|
-
"fieldName": "direction",
|
|
17442
17480
|
"inheritedFrom": {
|
|
17443
|
-
"name": "
|
|
17444
|
-
"module": "src/
|
|
17481
|
+
"name": "GridLayout",
|
|
17482
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17445
17483
|
}
|
|
17446
|
-
}
|
|
17447
|
-
],
|
|
17448
|
-
"members": [
|
|
17484
|
+
},
|
|
17449
17485
|
{
|
|
17450
17486
|
"kind": "field",
|
|
17451
|
-
"name": "
|
|
17487
|
+
"name": "['row-sm-count']",
|
|
17452
17488
|
"type": {
|
|
17453
|
-
"text": "
|
|
17489
|
+
"text": "string"
|
|
17454
17490
|
},
|
|
17455
|
-
"privacy": "public",
|
|
17456
|
-
"description": "The disabled state of the flipper.",
|
|
17457
17491
|
"inheritedFrom": {
|
|
17458
|
-
"name": "
|
|
17459
|
-
"module": "src/
|
|
17492
|
+
"name": "GridLayout",
|
|
17493
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17460
17494
|
}
|
|
17461
17495
|
},
|
|
17462
17496
|
{
|
|
17463
17497
|
"kind": "field",
|
|
17464
|
-
"name": "
|
|
17498
|
+
"name": "['row-sm-height']",
|
|
17465
17499
|
"type": {
|
|
17466
|
-
"text": "
|
|
17500
|
+
"text": "string"
|
|
17467
17501
|
},
|
|
17468
|
-
"privacy": "public",
|
|
17469
|
-
"default": "true",
|
|
17470
|
-
"description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
|
|
17471
17502
|
"inheritedFrom": {
|
|
17472
|
-
"name": "
|
|
17473
|
-
"module": "src/
|
|
17503
|
+
"name": "GridLayout",
|
|
17504
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17474
17505
|
}
|
|
17475
17506
|
},
|
|
17476
17507
|
{
|
|
17477
17508
|
"kind": "field",
|
|
17478
|
-
"name": "
|
|
17509
|
+
"name": "behaviors",
|
|
17479
17510
|
"type": {
|
|
17480
|
-
"text": "
|
|
17511
|
+
"text": "Behavior[]"
|
|
17481
17512
|
},
|
|
17482
|
-
"privacy": "
|
|
17483
|
-
"
|
|
17513
|
+
"privacy": "private",
|
|
17514
|
+
"default": "[]",
|
|
17484
17515
|
"inheritedFrom": {
|
|
17485
|
-
"name": "
|
|
17486
|
-
"module": "src/
|
|
17516
|
+
"name": "GridLayout",
|
|
17517
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17487
17518
|
}
|
|
17488
17519
|
},
|
|
17489
17520
|
{
|
|
17490
|
-
"kind": "
|
|
17491
|
-
"name": "
|
|
17492
|
-
"
|
|
17493
|
-
|
|
17494
|
-
|
|
17495
|
-
|
|
17496
|
-
"type": {
|
|
17497
|
-
"text": "Event & KeyboardEvent"
|
|
17498
|
-
},
|
|
17499
|
-
"description": "Keyboard event"
|
|
17500
|
-
}
|
|
17501
|
-
],
|
|
17502
|
-
"description": "Simulate a click event when the flipper has focus and the user hits enter or space keys\nBlur focus if the user hits escape key",
|
|
17521
|
+
"kind": "field",
|
|
17522
|
+
"name": "baseStyles",
|
|
17523
|
+
"type": {
|
|
17524
|
+
"text": "ElementStyles"
|
|
17525
|
+
},
|
|
17526
|
+
"privacy": "private",
|
|
17503
17527
|
"inheritedFrom": {
|
|
17504
|
-
"name": "
|
|
17505
|
-
"module": "src/
|
|
17528
|
+
"name": "GridLayout",
|
|
17529
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17506
17530
|
}
|
|
17507
17531
|
},
|
|
17508
17532
|
{
|
|
@@ -17514,8 +17538,8 @@
|
|
|
17514
17538
|
"privacy": "private",
|
|
17515
17539
|
"default": "void 0",
|
|
17516
17540
|
"inheritedFrom": {
|
|
17517
|
-
"name": "
|
|
17518
|
-
"module": "src/
|
|
17541
|
+
"name": "FoundationElement",
|
|
17542
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17519
17543
|
}
|
|
17520
17544
|
},
|
|
17521
17545
|
{
|
|
@@ -17527,8 +17551,8 @@
|
|
|
17527
17551
|
"privacy": "public",
|
|
17528
17552
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
17529
17553
|
"inheritedFrom": {
|
|
17530
|
-
"name": "
|
|
17531
|
-
"module": "src/
|
|
17554
|
+
"name": "FoundationElement",
|
|
17555
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17532
17556
|
}
|
|
17533
17557
|
},
|
|
17534
17558
|
{
|
|
@@ -17540,8 +17564,8 @@
|
|
|
17540
17564
|
"privacy": "public",
|
|
17541
17565
|
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
17542
17566
|
"inheritedFrom": {
|
|
17543
|
-
"name": "
|
|
17544
|
-
"module": "src/
|
|
17567
|
+
"name": "FoundationElement",
|
|
17568
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17545
17569
|
}
|
|
17546
17570
|
},
|
|
17547
17571
|
{
|
|
@@ -17554,8 +17578,8 @@
|
|
|
17554
17578
|
}
|
|
17555
17579
|
},
|
|
17556
17580
|
"inheritedFrom": {
|
|
17557
|
-
"name": "
|
|
17558
|
-
"module": "src/
|
|
17581
|
+
"name": "FoundationElement",
|
|
17582
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17559
17583
|
}
|
|
17560
17584
|
},
|
|
17561
17585
|
{
|
|
@@ -17567,8 +17591,8 @@
|
|
|
17567
17591
|
"privacy": "public",
|
|
17568
17592
|
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
17569
17593
|
"inheritedFrom": {
|
|
17570
|
-
"name": "
|
|
17571
|
-
"module": "src/
|
|
17594
|
+
"name": "FoundationElement",
|
|
17595
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17572
17596
|
}
|
|
17573
17597
|
},
|
|
17574
17598
|
{
|
|
@@ -17581,8 +17605,8 @@
|
|
|
17581
17605
|
}
|
|
17582
17606
|
},
|
|
17583
17607
|
"inheritedFrom": {
|
|
17584
|
-
"name": "
|
|
17585
|
-
"module": "src/
|
|
17608
|
+
"name": "FoundationElement",
|
|
17609
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17586
17610
|
}
|
|
17587
17611
|
},
|
|
17588
17612
|
{
|
|
@@ -17612,73 +17636,49 @@
|
|
|
17612
17636
|
],
|
|
17613
17637
|
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
17614
17638
|
"inheritedFrom": {
|
|
17615
|
-
"name": "
|
|
17616
|
-
"module": "src/
|
|
17617
|
-
}
|
|
17618
|
-
}
|
|
17619
|
-
],
|
|
17620
|
-
"events": [
|
|
17621
|
-
{
|
|
17622
|
-
"description": "Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.",
|
|
17623
|
-
"name": "click",
|
|
17624
|
-
"inheritedFrom": {
|
|
17625
|
-
"name": "Flipper",
|
|
17626
|
-
"module": "src/flipper/flipper.ts"
|
|
17639
|
+
"name": "FoundationElement",
|
|
17640
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
17627
17641
|
}
|
|
17628
17642
|
}
|
|
17629
17643
|
]
|
|
17630
17644
|
},
|
|
17631
17645
|
{
|
|
17632
17646
|
"kind": "variable",
|
|
17633
|
-
"name": "
|
|
17647
|
+
"name": "zeroGridLayout",
|
|
17648
|
+
"description": "The Zero Grid Layout",
|
|
17649
|
+
"privacy": "public"
|
|
17634
17650
|
}
|
|
17635
17651
|
],
|
|
17636
17652
|
"exports": [
|
|
17637
17653
|
{
|
|
17638
17654
|
"kind": "js",
|
|
17639
|
-
"name": "
|
|
17640
|
-
"declaration": {
|
|
17641
|
-
"name": "Flipper",
|
|
17642
|
-
"module": "src/flipper/flipper.ts"
|
|
17643
|
-
}
|
|
17644
|
-
},
|
|
17645
|
-
{
|
|
17646
|
-
"kind": "js",
|
|
17647
|
-
"name": "zeroFlipper",
|
|
17648
|
-
"declaration": {
|
|
17649
|
-
"name": "zeroFlipper",
|
|
17650
|
-
"module": "src/flipper/flipper.ts"
|
|
17651
|
-
}
|
|
17652
|
-
}
|
|
17653
|
-
]
|
|
17654
|
-
},
|
|
17655
|
-
{
|
|
17656
|
-
"kind": "javascript-module",
|
|
17657
|
-
"path": "src/flipper/index.ts",
|
|
17658
|
-
"declarations": [],
|
|
17659
|
-
"exports": [
|
|
17660
|
-
{
|
|
17661
|
-
"kind": "js",
|
|
17662
|
-
"name": "*",
|
|
17655
|
+
"name": "GridLayout",
|
|
17663
17656
|
"declaration": {
|
|
17664
|
-
"name": "
|
|
17665
|
-
"
|
|
17657
|
+
"name": "GridLayout",
|
|
17658
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17666
17659
|
}
|
|
17667
17660
|
},
|
|
17668
17661
|
{
|
|
17669
17662
|
"kind": "js",
|
|
17670
|
-
"name": "
|
|
17663
|
+
"name": "zeroGridLayout",
|
|
17671
17664
|
"declaration": {
|
|
17672
|
-
"name": "
|
|
17673
|
-
"
|
|
17665
|
+
"name": "zeroGridLayout",
|
|
17666
|
+
"module": "src/grid-layout/grid-layout.ts"
|
|
17674
17667
|
}
|
|
17675
|
-
}
|
|
17668
|
+
}
|
|
17669
|
+
]
|
|
17670
|
+
},
|
|
17671
|
+
{
|
|
17672
|
+
"kind": "javascript-module",
|
|
17673
|
+
"path": "src/grid-layout/index.ts",
|
|
17674
|
+
"declarations": [],
|
|
17675
|
+
"exports": [
|
|
17676
17676
|
{
|
|
17677
17677
|
"kind": "js",
|
|
17678
17678
|
"name": "*",
|
|
17679
17679
|
"declaration": {
|
|
17680
17680
|
"name": "*",
|
|
17681
|
-
"package": "./
|
|
17681
|
+
"package": "./grid-layout"
|
|
17682
17682
|
}
|
|
17683
17683
|
}
|
|
17684
17684
|
]
|
|
@@ -18964,38 +18964,7 @@
|
|
|
18964
18964
|
},
|
|
18965
18965
|
{
|
|
18966
18966
|
"kind": "javascript-module",
|
|
18967
|
-
"path": "src/
|
|
18968
|
-
"declarations": [],
|
|
18969
|
-
"exports": [
|
|
18970
|
-
{
|
|
18971
|
-
"kind": "js",
|
|
18972
|
-
"name": "*",
|
|
18973
|
-
"declaration": {
|
|
18974
|
-
"name": "*",
|
|
18975
|
-
"package": "./listbox.template"
|
|
18976
|
-
}
|
|
18977
|
-
},
|
|
18978
|
-
{
|
|
18979
|
-
"kind": "js",
|
|
18980
|
-
"name": "*",
|
|
18981
|
-
"declaration": {
|
|
18982
|
-
"name": "*",
|
|
18983
|
-
"package": "./listbox.styles"
|
|
18984
|
-
}
|
|
18985
|
-
},
|
|
18986
|
-
{
|
|
18987
|
-
"kind": "js",
|
|
18988
|
-
"name": "*",
|
|
18989
|
-
"declaration": {
|
|
18990
|
-
"name": "*",
|
|
18991
|
-
"package": "./listbox"
|
|
18992
|
-
}
|
|
18993
|
-
}
|
|
18994
|
-
]
|
|
18995
|
-
},
|
|
18996
|
-
{
|
|
18997
|
-
"kind": "javascript-module",
|
|
18998
|
-
"path": "src/listbox/listbox.stories.ts",
|
|
18967
|
+
"path": "src/icon/icon.stories.ts",
|
|
18999
18968
|
"declarations": [
|
|
19000
18969
|
{
|
|
19001
18970
|
"kind": "variable",
|
|
@@ -19003,15 +18972,23 @@
|
|
|
19003
18972
|
"type": {
|
|
19004
18973
|
"text": "Meta"
|
|
19005
18974
|
},
|
|
19006
|
-
"default": "{\n title: '
|
|
18975
|
+
"default": "{\n title: 'Icon',\n component: 'zero-icon',\n}"
|
|
19007
18976
|
},
|
|
19008
18977
|
{
|
|
19009
18978
|
"kind": "variable",
|
|
19010
|
-
"name": "
|
|
18979
|
+
"name": "Multiple",
|
|
19011
18980
|
"type": {
|
|
19012
18981
|
"text": "StoryObj"
|
|
19013
18982
|
},
|
|
19014
|
-
"default": "{\n render: () => html`\n <zero-
|
|
18983
|
+
"default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-icon name=\"glasses\" size=\"1x\"></zero-icon>\n <zero-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"apple\" size=\"4x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"ambulance\" size=\"xs\"></zero-icon>\n <zero-icon name=\"angry\" size=\"1x\"></zero-icon>\n <zero-icon variant=\"regular\" name=\"angry\" size=\"sm\"></zero-icon>\n <zero-icon name=\"address-book\" size=\"lg\"></zero-icon>\n <zero-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></zero-icon>\n <zero-icon name=\"bookmark\" size=\"2xl;\"></zero-icon>\n <zero-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></zero-icon>\n </div>\n `,\n}"
|
|
18984
|
+
},
|
|
18985
|
+
{
|
|
18986
|
+
"kind": "variable",
|
|
18987
|
+
"name": "Configurable",
|
|
18988
|
+
"type": {
|
|
18989
|
+
"text": "StoryObj"
|
|
18990
|
+
},
|
|
18991
|
+
"default": "{\n argTypes: {\n size: {\n control: 'select',\n options: [\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n '1x',\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n ],\n },\n variant: {\n control: 'select',\n options: ['solid', 'regular', 'brand'],\n },\n },\n args: {\n name: 'glasses',\n size: 'lg',\n variant: 'solid',\n },\n render: ({ name, size, variant }) => html`\n <zero-icon name=\"${name}\" size=\"${size}\" variant=\"${variant}\"></zero-icon>\n `,\n}"
|
|
19015
18992
|
}
|
|
19016
18993
|
],
|
|
19017
18994
|
"exports": [
|
|
@@ -19020,68 +18997,37 @@
|
|
|
19020
18997
|
"name": "default",
|
|
19021
18998
|
"declaration": {
|
|
19022
18999
|
"name": "meta",
|
|
19023
|
-
"module": "src/
|
|
19000
|
+
"module": "src/icon/icon.stories.ts"
|
|
19024
19001
|
}
|
|
19025
19002
|
},
|
|
19026
19003
|
{
|
|
19027
19004
|
"kind": "js",
|
|
19028
|
-
"name": "
|
|
19005
|
+
"name": "Multiple",
|
|
19029
19006
|
"declaration": {
|
|
19030
|
-
"name": "
|
|
19031
|
-
"module": "src/
|
|
19007
|
+
"name": "Multiple",
|
|
19008
|
+
"module": "src/icon/icon.stories.ts"
|
|
19032
19009
|
}
|
|
19033
|
-
}
|
|
19034
|
-
]
|
|
19035
|
-
},
|
|
19036
|
-
{
|
|
19037
|
-
"kind": "javascript-module",
|
|
19038
|
-
"path": "src/listbox/listbox.styles.ts",
|
|
19039
|
-
"declarations": [
|
|
19040
|
-
{
|
|
19041
|
-
"kind": "function",
|
|
19042
|
-
"name": "zeroListboxStyles",
|
|
19043
|
-
"return": {
|
|
19044
|
-
"type": {
|
|
19045
|
-
"text": "ElementStyles"
|
|
19046
|
-
}
|
|
19047
|
-
},
|
|
19048
|
-
"parameters": [
|
|
19049
|
-
{
|
|
19050
|
-
"name": "context",
|
|
19051
|
-
"type": {
|
|
19052
|
-
"text": "ElementDefinitionContext"
|
|
19053
|
-
}
|
|
19054
|
-
},
|
|
19055
|
-
{
|
|
19056
|
-
"name": "definition",
|
|
19057
|
-
"type": {
|
|
19058
|
-
"text": "FoundationElementDefinition"
|
|
19059
|
-
}
|
|
19060
|
-
}
|
|
19061
|
-
]
|
|
19062
|
-
}
|
|
19063
|
-
],
|
|
19064
|
-
"exports": [
|
|
19010
|
+
},
|
|
19065
19011
|
{
|
|
19066
19012
|
"kind": "js",
|
|
19067
|
-
"name": "
|
|
19013
|
+
"name": "Configurable",
|
|
19068
19014
|
"declaration": {
|
|
19069
|
-
"name": "
|
|
19070
|
-
"module": "src/
|
|
19015
|
+
"name": "Configurable",
|
|
19016
|
+
"module": "src/icon/icon.stories.ts"
|
|
19071
19017
|
}
|
|
19072
19018
|
}
|
|
19073
19019
|
]
|
|
19074
19020
|
},
|
|
19075
19021
|
{
|
|
19076
19022
|
"kind": "javascript-module",
|
|
19077
|
-
"path": "src/
|
|
19023
|
+
"path": "src/icon/icon.styles.ts",
|
|
19078
19024
|
"declarations": [
|
|
19079
19025
|
{
|
|
19080
19026
|
"kind": "function",
|
|
19081
|
-
"name": "
|
|
19027
|
+
"name": "zeroIconStyles",
|
|
19082
19028
|
"return": {
|
|
19083
19029
|
"type": {
|
|
19084
|
-
"text": "
|
|
19030
|
+
"text": "ElementStyles"
|
|
19085
19031
|
}
|
|
19086
19032
|
},
|
|
19087
19033
|
"parameters": [
|
|
@@ -19103,158 +19049,185 @@
|
|
|
19103
19049
|
"exports": [
|
|
19104
19050
|
{
|
|
19105
19051
|
"kind": "js",
|
|
19106
|
-
"name": "
|
|
19052
|
+
"name": "zeroIconStyles",
|
|
19107
19053
|
"declaration": {
|
|
19108
|
-
"name": "
|
|
19109
|
-
"module": "src/
|
|
19054
|
+
"name": "zeroIconStyles",
|
|
19055
|
+
"module": "src/icon/icon.styles.ts"
|
|
19110
19056
|
}
|
|
19111
19057
|
}
|
|
19112
19058
|
]
|
|
19113
19059
|
},
|
|
19114
19060
|
{
|
|
19115
19061
|
"kind": "javascript-module",
|
|
19116
|
-
"path": "src/
|
|
19062
|
+
"path": "src/icon/icon.ts",
|
|
19117
19063
|
"declarations": [
|
|
19118
19064
|
{
|
|
19119
19065
|
"kind": "class",
|
|
19120
19066
|
"description": "",
|
|
19121
|
-
"name": "
|
|
19067
|
+
"name": "Icon",
|
|
19122
19068
|
"superclass": {
|
|
19123
|
-
"name": "
|
|
19069
|
+
"name": "FoundationIcon",
|
|
19124
19070
|
"package": "@genesislcap/foundation-ui"
|
|
19125
19071
|
},
|
|
19126
|
-
"tagName": "%%prefix%%-
|
|
19072
|
+
"tagName": "%%prefix%%-icon",
|
|
19127
19073
|
"customElement": true,
|
|
19128
19074
|
"attributes": [
|
|
19129
19075
|
{
|
|
19076
|
+
"name": "name",
|
|
19130
19077
|
"type": {
|
|
19131
|
-
"text": "
|
|
19078
|
+
"text": "IconName"
|
|
19132
19079
|
},
|
|
19133
|
-
"
|
|
19134
|
-
"fieldName": "disabled",
|
|
19080
|
+
"fieldName": "name",
|
|
19135
19081
|
"inheritedFrom": {
|
|
19136
|
-
"name": "
|
|
19137
|
-
"module": "src/
|
|
19082
|
+
"name": "Icon",
|
|
19083
|
+
"module": "src/icon/icon.ts"
|
|
19138
19084
|
}
|
|
19139
|
-
}
|
|
19140
|
-
],
|
|
19141
|
-
"members": [
|
|
19085
|
+
},
|
|
19142
19086
|
{
|
|
19143
|
-
"
|
|
19144
|
-
"name": "length",
|
|
19087
|
+
"name": "size",
|
|
19145
19088
|
"type": {
|
|
19146
|
-
"text": "
|
|
19089
|
+
"text": "FaSize"
|
|
19147
19090
|
},
|
|
19148
|
-
"
|
|
19149
|
-
"
|
|
19091
|
+
"default": "'sm'",
|
|
19092
|
+
"fieldName": "size",
|
|
19150
19093
|
"inheritedFrom": {
|
|
19151
|
-
"name": "
|
|
19152
|
-
"module": "src/
|
|
19094
|
+
"name": "Icon",
|
|
19095
|
+
"module": "src/icon/icon.ts"
|
|
19153
19096
|
}
|
|
19154
19097
|
},
|
|
19155
19098
|
{
|
|
19156
|
-
"
|
|
19157
|
-
"name": "options",
|
|
19099
|
+
"name": "variant",
|
|
19158
19100
|
"type": {
|
|
19159
|
-
"text": "
|
|
19101
|
+
"text": "IconStyle"
|
|
19160
19102
|
},
|
|
19161
|
-
"
|
|
19162
|
-
"
|
|
19103
|
+
"default": "'solid'",
|
|
19104
|
+
"fieldName": "variant",
|
|
19163
19105
|
"inheritedFrom": {
|
|
19164
|
-
"name": "
|
|
19165
|
-
"module": "src/
|
|
19106
|
+
"name": "Icon",
|
|
19107
|
+
"module": "src/icon/icon.ts"
|
|
19166
19108
|
}
|
|
19167
|
-
}
|
|
19109
|
+
}
|
|
19110
|
+
],
|
|
19111
|
+
"members": [
|
|
19168
19112
|
{
|
|
19169
19113
|
"kind": "field",
|
|
19170
|
-
"name": "
|
|
19171
|
-
"
|
|
19114
|
+
"name": "iElement",
|
|
19115
|
+
"type": {
|
|
19116
|
+
"text": "HTMLElement"
|
|
19117
|
+
},
|
|
19172
19118
|
"inheritedFrom": {
|
|
19173
|
-
"name": "
|
|
19174
|
-
"module": "src/
|
|
19119
|
+
"name": "Icon",
|
|
19120
|
+
"module": "src/icon/icon.ts"
|
|
19175
19121
|
}
|
|
19176
19122
|
},
|
|
19177
19123
|
{
|
|
19178
19124
|
"kind": "field",
|
|
19179
|
-
"name": "
|
|
19125
|
+
"name": "name",
|
|
19180
19126
|
"type": {
|
|
19181
|
-
"text": "
|
|
19127
|
+
"text": "IconName"
|
|
19182
19128
|
},
|
|
19183
|
-
"privacy": "public",
|
|
19184
|
-
"description": "The disabled state of the listbox.",
|
|
19185
19129
|
"inheritedFrom": {
|
|
19186
|
-
"name": "
|
|
19187
|
-
"module": "src/
|
|
19130
|
+
"name": "Icon",
|
|
19131
|
+
"module": "src/icon/icon.ts"
|
|
19188
19132
|
}
|
|
19189
19133
|
},
|
|
19190
19134
|
{
|
|
19191
|
-
"kind": "
|
|
19192
|
-
"name": "
|
|
19193
|
-
"
|
|
19194
|
-
|
|
19195
|
-
|
|
19196
|
-
|
|
19197
|
-
|
|
19198
|
-
|
|
19135
|
+
"kind": "method",
|
|
19136
|
+
"name": "nameChanged",
|
|
19137
|
+
"parameters": [
|
|
19138
|
+
{
|
|
19139
|
+
"name": "oldValue",
|
|
19140
|
+
"type": {
|
|
19141
|
+
"text": "string"
|
|
19142
|
+
}
|
|
19143
|
+
},
|
|
19144
|
+
{
|
|
19145
|
+
"name": "newValue",
|
|
19146
|
+
"type": {
|
|
19147
|
+
"text": "string"
|
|
19148
|
+
}
|
|
19149
|
+
}
|
|
19150
|
+
],
|
|
19199
19151
|
"inheritedFrom": {
|
|
19200
|
-
"name": "
|
|
19201
|
-
"module": "src/
|
|
19152
|
+
"name": "Icon",
|
|
19153
|
+
"module": "src/icon/icon.ts"
|
|
19202
19154
|
}
|
|
19203
19155
|
},
|
|
19204
19156
|
{
|
|
19205
19157
|
"kind": "field",
|
|
19206
|
-
"name": "
|
|
19158
|
+
"name": "size",
|
|
19207
19159
|
"type": {
|
|
19208
|
-
"text": "
|
|
19160
|
+
"text": "FaSize"
|
|
19209
19161
|
},
|
|
19210
|
-
"
|
|
19211
|
-
"default": "[]",
|
|
19212
|
-
"description": "A collection of the selected options.",
|
|
19162
|
+
"default": "'sm'",
|
|
19213
19163
|
"inheritedFrom": {
|
|
19214
|
-
"name": "
|
|
19215
|
-
"module": "src/
|
|
19164
|
+
"name": "Icon",
|
|
19165
|
+
"module": "src/icon/icon.ts"
|
|
19216
19166
|
}
|
|
19217
19167
|
},
|
|
19218
19168
|
{
|
|
19219
|
-
"kind": "
|
|
19220
|
-
"name": "
|
|
19221
|
-
"privacy": "public",
|
|
19222
|
-
"static": true,
|
|
19223
|
-
"description": "A static filter to include only selectable options.",
|
|
19169
|
+
"kind": "method",
|
|
19170
|
+
"name": "sizeChanged",
|
|
19224
19171
|
"parameters": [
|
|
19225
19172
|
{
|
|
19226
|
-
"
|
|
19227
|
-
"
|
|
19173
|
+
"name": "oldValue",
|
|
19174
|
+
"type": {
|
|
19175
|
+
"text": "string"
|
|
19176
|
+
}
|
|
19177
|
+
},
|
|
19178
|
+
{
|
|
19179
|
+
"name": "newValue",
|
|
19180
|
+
"type": {
|
|
19181
|
+
"text": "string"
|
|
19182
|
+
}
|
|
19228
19183
|
}
|
|
19229
19184
|
],
|
|
19230
19185
|
"inheritedFrom": {
|
|
19231
|
-
"name": "
|
|
19232
|
-
"module": "src/
|
|
19186
|
+
"name": "Icon",
|
|
19187
|
+
"module": "src/icon/icon.ts"
|
|
19188
|
+
}
|
|
19189
|
+
},
|
|
19190
|
+
{
|
|
19191
|
+
"kind": "field",
|
|
19192
|
+
"name": "variant",
|
|
19193
|
+
"type": {
|
|
19194
|
+
"text": "IconStyle"
|
|
19195
|
+
},
|
|
19196
|
+
"default": "'solid'",
|
|
19197
|
+
"inheritedFrom": {
|
|
19198
|
+
"name": "Icon",
|
|
19199
|
+
"module": "src/icon/icon.ts"
|
|
19233
19200
|
}
|
|
19234
19201
|
},
|
|
19235
19202
|
{
|
|
19236
19203
|
"kind": "method",
|
|
19237
|
-
"name": "
|
|
19238
|
-
"
|
|
19239
|
-
|
|
19240
|
-
|
|
19241
|
-
"
|
|
19204
|
+
"name": "variantChanged",
|
|
19205
|
+
"parameters": [
|
|
19206
|
+
{
|
|
19207
|
+
"name": "oldValue",
|
|
19208
|
+
"type": {
|
|
19209
|
+
"text": "string"
|
|
19210
|
+
}
|
|
19211
|
+
},
|
|
19212
|
+
{
|
|
19213
|
+
"name": "newValue",
|
|
19214
|
+
"type": {
|
|
19215
|
+
"text": "string"
|
|
19216
|
+
}
|
|
19242
19217
|
}
|
|
19243
|
-
|
|
19244
|
-
"description": "Moves focus to the first selectable option.",
|
|
19218
|
+
],
|
|
19245
19219
|
"inheritedFrom": {
|
|
19246
|
-
"name": "
|
|
19247
|
-
"module": "src/
|
|
19220
|
+
"name": "Icon",
|
|
19221
|
+
"module": "src/icon/icon.ts"
|
|
19248
19222
|
}
|
|
19249
19223
|
},
|
|
19250
19224
|
{
|
|
19251
19225
|
"kind": "method",
|
|
19252
|
-
"name": "
|
|
19226
|
+
"name": "loadIcon",
|
|
19253
19227
|
"privacy": "public",
|
|
19254
|
-
"description": "Sets an option as selected and gives it focus.",
|
|
19255
19228
|
"inheritedFrom": {
|
|
19256
|
-
"name": "
|
|
19257
|
-
"module": "src/
|
|
19229
|
+
"name": "Icon",
|
|
19230
|
+
"module": "src/icon/icon.ts"
|
|
19258
19231
|
}
|
|
19259
19232
|
},
|
|
19260
19233
|
{
|
|
@@ -19266,8 +19239,8 @@
|
|
|
19266
19239
|
"privacy": "private",
|
|
19267
19240
|
"default": "void 0",
|
|
19268
19241
|
"inheritedFrom": {
|
|
19269
|
-
"name": "
|
|
19270
|
-
"module": "src/
|
|
19242
|
+
"name": "FoundationElement",
|
|
19243
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19271
19244
|
}
|
|
19272
19245
|
},
|
|
19273
19246
|
{
|
|
@@ -19279,8 +19252,8 @@
|
|
|
19279
19252
|
"privacy": "public",
|
|
19280
19253
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
19281
19254
|
"inheritedFrom": {
|
|
19282
|
-
"name": "
|
|
19283
|
-
"module": "src/
|
|
19255
|
+
"name": "FoundationElement",
|
|
19256
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19284
19257
|
}
|
|
19285
19258
|
},
|
|
19286
19259
|
{
|
|
@@ -19292,8 +19265,8 @@
|
|
|
19292
19265
|
"privacy": "public",
|
|
19293
19266
|
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
19294
19267
|
"inheritedFrom": {
|
|
19295
|
-
"name": "
|
|
19296
|
-
"module": "src/
|
|
19268
|
+
"name": "FoundationElement",
|
|
19269
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19297
19270
|
}
|
|
19298
19271
|
},
|
|
19299
19272
|
{
|
|
@@ -19306,8 +19279,8 @@
|
|
|
19306
19279
|
}
|
|
19307
19280
|
},
|
|
19308
19281
|
"inheritedFrom": {
|
|
19309
|
-
"name": "
|
|
19310
|
-
"module": "src/
|
|
19282
|
+
"name": "FoundationElement",
|
|
19283
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19311
19284
|
}
|
|
19312
19285
|
},
|
|
19313
19286
|
{
|
|
@@ -19319,8 +19292,8 @@
|
|
|
19319
19292
|
"privacy": "public",
|
|
19320
19293
|
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
19321
19294
|
"inheritedFrom": {
|
|
19322
|
-
"name": "
|
|
19323
|
-
"module": "src/
|
|
19295
|
+
"name": "FoundationElement",
|
|
19296
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19324
19297
|
}
|
|
19325
19298
|
},
|
|
19326
19299
|
{
|
|
@@ -19333,8 +19306,8 @@
|
|
|
19333
19306
|
}
|
|
19334
19307
|
},
|
|
19335
19308
|
"inheritedFrom": {
|
|
19336
|
-
"name": "
|
|
19337
|
-
"module": "src/
|
|
19309
|
+
"name": "FoundationElement",
|
|
19310
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19338
19311
|
}
|
|
19339
19312
|
},
|
|
19340
19313
|
{
|
|
@@ -19364,39 +19337,119 @@
|
|
|
19364
19337
|
],
|
|
19365
19338
|
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
19366
19339
|
"inheritedFrom": {
|
|
19367
|
-
"name": "
|
|
19368
|
-
"module": "src/
|
|
19340
|
+
"name": "FoundationElement",
|
|
19341
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
19369
19342
|
}
|
|
19370
19343
|
}
|
|
19371
19344
|
]
|
|
19372
19345
|
},
|
|
19373
19346
|
{
|
|
19374
19347
|
"kind": "variable",
|
|
19375
|
-
"name": "
|
|
19348
|
+
"name": "defaultIconConfig",
|
|
19349
|
+
"default": "foundationIconConfig"
|
|
19350
|
+
},
|
|
19351
|
+
{
|
|
19352
|
+
"kind": "variable",
|
|
19353
|
+
"name": "zeroIconShadowOptions",
|
|
19354
|
+
"default": "foundationIconShadowOptions"
|
|
19355
|
+
},
|
|
19356
|
+
{
|
|
19357
|
+
"kind": "variable",
|
|
19358
|
+
"name": "zeroIcon"
|
|
19376
19359
|
}
|
|
19377
19360
|
],
|
|
19378
19361
|
"exports": [
|
|
19379
19362
|
{
|
|
19380
19363
|
"kind": "js",
|
|
19381
|
-
"name": "
|
|
19364
|
+
"name": "Icon",
|
|
19382
19365
|
"declaration": {
|
|
19383
|
-
"name": "
|
|
19384
|
-
"module": "src/
|
|
19366
|
+
"name": "Icon",
|
|
19367
|
+
"module": "src/icon/icon.ts"
|
|
19385
19368
|
}
|
|
19386
19369
|
},
|
|
19387
19370
|
{
|
|
19388
19371
|
"kind": "js",
|
|
19389
|
-
"name": "
|
|
19372
|
+
"name": "defaultIconConfig",
|
|
19390
19373
|
"declaration": {
|
|
19391
|
-
"name": "
|
|
19392
|
-
"module": "src/
|
|
19374
|
+
"name": "defaultIconConfig",
|
|
19375
|
+
"module": "src/icon/icon.ts"
|
|
19376
|
+
}
|
|
19377
|
+
},
|
|
19378
|
+
{
|
|
19379
|
+
"kind": "js",
|
|
19380
|
+
"name": "zeroIconShadowOptions",
|
|
19381
|
+
"declaration": {
|
|
19382
|
+
"name": "zeroIconShadowOptions",
|
|
19383
|
+
"module": "src/icon/icon.ts"
|
|
19384
|
+
}
|
|
19385
|
+
},
|
|
19386
|
+
{
|
|
19387
|
+
"kind": "js",
|
|
19388
|
+
"name": "zeroIcon",
|
|
19389
|
+
"declaration": {
|
|
19390
|
+
"name": "zeroIcon",
|
|
19391
|
+
"module": "src/icon/icon.ts"
|
|
19393
19392
|
}
|
|
19394
19393
|
}
|
|
19395
19394
|
]
|
|
19396
19395
|
},
|
|
19397
19396
|
{
|
|
19398
19397
|
"kind": "javascript-module",
|
|
19399
|
-
"path": "src/icon/
|
|
19398
|
+
"path": "src/icon/index.ts",
|
|
19399
|
+
"declarations": [],
|
|
19400
|
+
"exports": [
|
|
19401
|
+
{
|
|
19402
|
+
"kind": "js",
|
|
19403
|
+
"name": "*",
|
|
19404
|
+
"declaration": {
|
|
19405
|
+
"name": "*",
|
|
19406
|
+
"package": "./icon"
|
|
19407
|
+
}
|
|
19408
|
+
},
|
|
19409
|
+
{
|
|
19410
|
+
"kind": "js",
|
|
19411
|
+
"name": "*",
|
|
19412
|
+
"declaration": {
|
|
19413
|
+
"name": "*",
|
|
19414
|
+
"package": "./icon.styles"
|
|
19415
|
+
}
|
|
19416
|
+
}
|
|
19417
|
+
]
|
|
19418
|
+
},
|
|
19419
|
+
{
|
|
19420
|
+
"kind": "javascript-module",
|
|
19421
|
+
"path": "src/listbox/index.ts",
|
|
19422
|
+
"declarations": [],
|
|
19423
|
+
"exports": [
|
|
19424
|
+
{
|
|
19425
|
+
"kind": "js",
|
|
19426
|
+
"name": "*",
|
|
19427
|
+
"declaration": {
|
|
19428
|
+
"name": "*",
|
|
19429
|
+
"package": "./listbox.template"
|
|
19430
|
+
}
|
|
19431
|
+
},
|
|
19432
|
+
{
|
|
19433
|
+
"kind": "js",
|
|
19434
|
+
"name": "*",
|
|
19435
|
+
"declaration": {
|
|
19436
|
+
"name": "*",
|
|
19437
|
+
"package": "./listbox.styles"
|
|
19438
|
+
}
|
|
19439
|
+
},
|
|
19440
|
+
{
|
|
19441
|
+
"kind": "js",
|
|
19442
|
+
"name": "*",
|
|
19443
|
+
"declaration": {
|
|
19444
|
+
"name": "*",
|
|
19445
|
+
"package": "./listbox"
|
|
19446
|
+
}
|
|
19447
|
+
}
|
|
19448
|
+
]
|
|
19449
|
+
},
|
|
19450
|
+
{
|
|
19451
|
+
"kind": "javascript-module",
|
|
19452
|
+
"path": "src/listbox/listbox.stories.ts",
|
|
19400
19453
|
"declarations": [
|
|
19401
19454
|
{
|
|
19402
19455
|
"kind": "variable",
|
|
@@ -19404,23 +19457,15 @@
|
|
|
19404
19457
|
"type": {
|
|
19405
19458
|
"text": "Meta"
|
|
19406
19459
|
},
|
|
19407
|
-
"default": "{\n title: '
|
|
19408
|
-
},
|
|
19409
|
-
{
|
|
19410
|
-
"kind": "variable",
|
|
19411
|
-
"name": "Multiple",
|
|
19412
|
-
"type": {
|
|
19413
|
-
"text": "StoryObj"
|
|
19414
|
-
},
|
|
19415
|
-
"default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-icon name=\"glasses\" size=\"1x\"></zero-icon>\n <zero-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"apple\" size=\"4x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></zero-icon>\n <zero-icon name=\"ambulance\" size=\"xs\"></zero-icon>\n <zero-icon name=\"angry\" size=\"1x\"></zero-icon>\n <zero-icon variant=\"regular\" name=\"angry\" size=\"sm\"></zero-icon>\n <zero-icon name=\"address-book\" size=\"lg\"></zero-icon>\n <zero-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></zero-icon>\n <zero-icon name=\"bookmark\" size=\"2xl;\"></zero-icon>\n <zero-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></zero-icon>\n </div>\n `,\n}"
|
|
19460
|
+
"default": "{\n title: 'Listbox',\n component: 'zero-listbox',\n}"
|
|
19416
19461
|
},
|
|
19417
19462
|
{
|
|
19418
19463
|
"kind": "variable",
|
|
19419
|
-
"name": "
|
|
19464
|
+
"name": "Primary",
|
|
19420
19465
|
"type": {
|
|
19421
19466
|
"text": "StoryObj"
|
|
19422
19467
|
},
|
|
19423
|
-
"default": "{\n
|
|
19468
|
+
"default": "{\n render: () => html`\n <zero-listbox style=\"width: 200px;\">\n <zero-option>Option 1</zero-option>\n <zero-option>Option 2</zero-option>\n <zero-option>Option 3</zero-option>\n </zero-listbox>\n `,\n}"
|
|
19424
19469
|
}
|
|
19425
19470
|
],
|
|
19426
19471
|
"exports": [
|
|
@@ -19429,34 +19474,26 @@
|
|
|
19429
19474
|
"name": "default",
|
|
19430
19475
|
"declaration": {
|
|
19431
19476
|
"name": "meta",
|
|
19432
|
-
"module": "src/
|
|
19433
|
-
}
|
|
19434
|
-
},
|
|
19435
|
-
{
|
|
19436
|
-
"kind": "js",
|
|
19437
|
-
"name": "Multiple",
|
|
19438
|
-
"declaration": {
|
|
19439
|
-
"name": "Multiple",
|
|
19440
|
-
"module": "src/icon/icon.stories.ts"
|
|
19477
|
+
"module": "src/listbox/listbox.stories.ts"
|
|
19441
19478
|
}
|
|
19442
19479
|
},
|
|
19443
19480
|
{
|
|
19444
19481
|
"kind": "js",
|
|
19445
|
-
"name": "
|
|
19482
|
+
"name": "Primary",
|
|
19446
19483
|
"declaration": {
|
|
19447
|
-
"name": "
|
|
19448
|
-
"module": "src/
|
|
19484
|
+
"name": "Primary",
|
|
19485
|
+
"module": "src/listbox/listbox.stories.ts"
|
|
19449
19486
|
}
|
|
19450
19487
|
}
|
|
19451
19488
|
]
|
|
19452
19489
|
},
|
|
19453
19490
|
{
|
|
19454
19491
|
"kind": "javascript-module",
|
|
19455
|
-
"path": "src/
|
|
19492
|
+
"path": "src/listbox/listbox.styles.ts",
|
|
19456
19493
|
"declarations": [
|
|
19457
19494
|
{
|
|
19458
19495
|
"kind": "function",
|
|
19459
|
-
"name": "
|
|
19496
|
+
"name": "zeroListboxStyles",
|
|
19460
19497
|
"return": {
|
|
19461
19498
|
"type": {
|
|
19462
19499
|
"text": "ElementStyles"
|
|
@@ -19481,185 +19518,197 @@
|
|
|
19481
19518
|
"exports": [
|
|
19482
19519
|
{
|
|
19483
19520
|
"kind": "js",
|
|
19484
|
-
"name": "
|
|
19521
|
+
"name": "zeroListboxStyles",
|
|
19485
19522
|
"declaration": {
|
|
19486
|
-
"name": "
|
|
19487
|
-
"module": "src/
|
|
19523
|
+
"name": "zeroListboxStyles",
|
|
19524
|
+
"module": "src/listbox/listbox.styles.ts"
|
|
19488
19525
|
}
|
|
19489
19526
|
}
|
|
19490
19527
|
]
|
|
19491
19528
|
},
|
|
19492
19529
|
{
|
|
19493
19530
|
"kind": "javascript-module",
|
|
19494
|
-
"path": "src/
|
|
19531
|
+
"path": "src/listbox/listbox.template.ts",
|
|
19495
19532
|
"declarations": [
|
|
19496
19533
|
{
|
|
19497
|
-
"kind": "
|
|
19498
|
-
"
|
|
19499
|
-
"
|
|
19500
|
-
|
|
19501
|
-
|
|
19502
|
-
|
|
19534
|
+
"kind": "function",
|
|
19535
|
+
"name": "zeroListboxTemplate",
|
|
19536
|
+
"return": {
|
|
19537
|
+
"type": {
|
|
19538
|
+
"text": "ViewTemplate<Listbox>"
|
|
19539
|
+
}
|
|
19503
19540
|
},
|
|
19504
|
-
"
|
|
19505
|
-
"customElement": true,
|
|
19506
|
-
"attributes": [
|
|
19541
|
+
"parameters": [
|
|
19507
19542
|
{
|
|
19508
|
-
"name": "
|
|
19543
|
+
"name": "context",
|
|
19509
19544
|
"type": {
|
|
19510
|
-
"text": "
|
|
19511
|
-
},
|
|
19512
|
-
"fieldName": "name",
|
|
19513
|
-
"inheritedFrom": {
|
|
19514
|
-
"name": "Icon",
|
|
19515
|
-
"module": "src/icon/icon.ts"
|
|
19545
|
+
"text": "ElementDefinitionContext"
|
|
19516
19546
|
}
|
|
19517
19547
|
},
|
|
19518
19548
|
{
|
|
19519
|
-
"name": "
|
|
19549
|
+
"name": "definition",
|
|
19520
19550
|
"type": {
|
|
19521
|
-
"text": "
|
|
19522
|
-
},
|
|
19523
|
-
"default": "'sm'",
|
|
19524
|
-
"fieldName": "size",
|
|
19525
|
-
"inheritedFrom": {
|
|
19526
|
-
"name": "Icon",
|
|
19527
|
-
"module": "src/icon/icon.ts"
|
|
19551
|
+
"text": "FoundationElementDefinition"
|
|
19528
19552
|
}
|
|
19529
|
-
}
|
|
19553
|
+
}
|
|
19554
|
+
]
|
|
19555
|
+
}
|
|
19556
|
+
],
|
|
19557
|
+
"exports": [
|
|
19558
|
+
{
|
|
19559
|
+
"kind": "js",
|
|
19560
|
+
"name": "zeroListboxTemplate",
|
|
19561
|
+
"declaration": {
|
|
19562
|
+
"name": "zeroListboxTemplate",
|
|
19563
|
+
"module": "src/listbox/listbox.template.ts"
|
|
19564
|
+
}
|
|
19565
|
+
}
|
|
19566
|
+
]
|
|
19567
|
+
},
|
|
19568
|
+
{
|
|
19569
|
+
"kind": "javascript-module",
|
|
19570
|
+
"path": "src/listbox/listbox.ts",
|
|
19571
|
+
"declarations": [
|
|
19572
|
+
{
|
|
19573
|
+
"kind": "class",
|
|
19574
|
+
"description": "",
|
|
19575
|
+
"name": "Listbox",
|
|
19576
|
+
"superclass": {
|
|
19577
|
+
"name": "FoundationListbox",
|
|
19578
|
+
"package": "@genesislcap/foundation-ui"
|
|
19579
|
+
},
|
|
19580
|
+
"tagName": "%%prefix%%-listbox",
|
|
19581
|
+
"customElement": true,
|
|
19582
|
+
"attributes": [
|
|
19530
19583
|
{
|
|
19531
|
-
"name": "variant",
|
|
19532
19584
|
"type": {
|
|
19533
|
-
"text": "
|
|
19585
|
+
"text": "boolean"
|
|
19534
19586
|
},
|
|
19535
|
-
"
|
|
19536
|
-
"fieldName": "
|
|
19587
|
+
"description": "The disabled state of the listbox.",
|
|
19588
|
+
"fieldName": "disabled",
|
|
19537
19589
|
"inheritedFrom": {
|
|
19538
|
-
"name": "
|
|
19539
|
-
"module": "src/
|
|
19590
|
+
"name": "Listbox",
|
|
19591
|
+
"module": "src/listbox/listbox.ts"
|
|
19540
19592
|
}
|
|
19541
19593
|
}
|
|
19542
19594
|
],
|
|
19543
19595
|
"members": [
|
|
19544
19596
|
{
|
|
19545
19597
|
"kind": "field",
|
|
19546
|
-
"name": "
|
|
19598
|
+
"name": "length",
|
|
19547
19599
|
"type": {
|
|
19548
|
-
"text": "
|
|
19600
|
+
"text": "number"
|
|
19549
19601
|
},
|
|
19602
|
+
"privacy": "public",
|
|
19603
|
+
"description": "The number of options.",
|
|
19550
19604
|
"inheritedFrom": {
|
|
19551
|
-
"name": "
|
|
19552
|
-
"module": "src/
|
|
19605
|
+
"name": "Listbox",
|
|
19606
|
+
"module": "src/listbox/listbox.ts"
|
|
19553
19607
|
}
|
|
19554
19608
|
},
|
|
19555
19609
|
{
|
|
19556
19610
|
"kind": "field",
|
|
19557
|
-
"name": "
|
|
19611
|
+
"name": "options",
|
|
19558
19612
|
"type": {
|
|
19559
|
-
"text": "
|
|
19613
|
+
"text": "ListboxOption[]"
|
|
19560
19614
|
},
|
|
19615
|
+
"privacy": "public",
|
|
19616
|
+
"description": "The list of options.",
|
|
19561
19617
|
"inheritedFrom": {
|
|
19562
|
-
"name": "
|
|
19563
|
-
"module": "src/
|
|
19618
|
+
"name": "Listbox",
|
|
19619
|
+
"module": "src/listbox/listbox.ts"
|
|
19564
19620
|
}
|
|
19565
19621
|
},
|
|
19566
19622
|
{
|
|
19567
|
-
"kind": "
|
|
19568
|
-
"name": "
|
|
19569
|
-
"
|
|
19570
|
-
{
|
|
19571
|
-
"name": "oldValue",
|
|
19572
|
-
"type": {
|
|
19573
|
-
"text": "string"
|
|
19574
|
-
}
|
|
19575
|
-
},
|
|
19576
|
-
{
|
|
19577
|
-
"name": "newValue",
|
|
19578
|
-
"type": {
|
|
19579
|
-
"text": "string"
|
|
19580
|
-
}
|
|
19581
|
-
}
|
|
19582
|
-
],
|
|
19623
|
+
"kind": "field",
|
|
19624
|
+
"name": "typeAheadExpired",
|
|
19625
|
+
"privacy": "protected",
|
|
19583
19626
|
"inheritedFrom": {
|
|
19584
|
-
"name": "
|
|
19585
|
-
"module": "src/
|
|
19627
|
+
"name": "Listbox",
|
|
19628
|
+
"module": "src/listbox/listbox.ts"
|
|
19586
19629
|
}
|
|
19587
19630
|
},
|
|
19588
19631
|
{
|
|
19589
19632
|
"kind": "field",
|
|
19590
|
-
"name": "
|
|
19633
|
+
"name": "disabled",
|
|
19591
19634
|
"type": {
|
|
19592
|
-
"text": "
|
|
19635
|
+
"text": "boolean"
|
|
19593
19636
|
},
|
|
19594
|
-
"
|
|
19637
|
+
"privacy": "public",
|
|
19638
|
+
"description": "The disabled state of the listbox.",
|
|
19595
19639
|
"inheritedFrom": {
|
|
19596
|
-
"name": "
|
|
19597
|
-
"module": "src/
|
|
19640
|
+
"name": "Listbox",
|
|
19641
|
+
"module": "src/listbox/listbox.ts"
|
|
19598
19642
|
}
|
|
19599
19643
|
},
|
|
19600
19644
|
{
|
|
19601
|
-
"kind": "
|
|
19602
|
-
"name": "
|
|
19603
|
-
"
|
|
19604
|
-
|
|
19605
|
-
|
|
19606
|
-
|
|
19607
|
-
|
|
19608
|
-
|
|
19609
|
-
},
|
|
19610
|
-
{
|
|
19611
|
-
"name": "newValue",
|
|
19612
|
-
"type": {
|
|
19613
|
-
"text": "string"
|
|
19614
|
-
}
|
|
19615
|
-
}
|
|
19616
|
-
],
|
|
19645
|
+
"kind": "field",
|
|
19646
|
+
"name": "selectedIndex",
|
|
19647
|
+
"type": {
|
|
19648
|
+
"text": "number"
|
|
19649
|
+
},
|
|
19650
|
+
"privacy": "public",
|
|
19651
|
+
"default": "-1",
|
|
19652
|
+
"description": "The index of the selected option.",
|
|
19617
19653
|
"inheritedFrom": {
|
|
19618
|
-
"name": "
|
|
19619
|
-
"module": "src/
|
|
19654
|
+
"name": "Listbox",
|
|
19655
|
+
"module": "src/listbox/listbox.ts"
|
|
19620
19656
|
}
|
|
19621
19657
|
},
|
|
19622
19658
|
{
|
|
19623
19659
|
"kind": "field",
|
|
19624
|
-
"name": "
|
|
19660
|
+
"name": "selectedOptions",
|
|
19625
19661
|
"type": {
|
|
19626
|
-
"text": "
|
|
19662
|
+
"text": "ListboxOption[]"
|
|
19627
19663
|
},
|
|
19628
|
-
"
|
|
19664
|
+
"privacy": "public",
|
|
19665
|
+
"default": "[]",
|
|
19666
|
+
"description": "A collection of the selected options.",
|
|
19629
19667
|
"inheritedFrom": {
|
|
19630
|
-
"name": "
|
|
19631
|
-
"module": "src/
|
|
19668
|
+
"name": "Listbox",
|
|
19669
|
+
"module": "src/listbox/listbox.ts"
|
|
19632
19670
|
}
|
|
19633
19671
|
},
|
|
19634
19672
|
{
|
|
19635
|
-
"kind": "
|
|
19636
|
-
"name": "
|
|
19673
|
+
"kind": "field",
|
|
19674
|
+
"name": "slottedOptionFilter",
|
|
19675
|
+
"privacy": "public",
|
|
19676
|
+
"static": true,
|
|
19677
|
+
"description": "A static filter to include only selectable options.",
|
|
19637
19678
|
"parameters": [
|
|
19638
19679
|
{
|
|
19639
|
-
"
|
|
19640
|
-
"
|
|
19641
|
-
"text": "string"
|
|
19642
|
-
}
|
|
19643
|
-
},
|
|
19644
|
-
{
|
|
19645
|
-
"name": "newValue",
|
|
19646
|
-
"type": {
|
|
19647
|
-
"text": "string"
|
|
19648
|
-
}
|
|
19680
|
+
"description": "element to filter",
|
|
19681
|
+
"name": "n"
|
|
19649
19682
|
}
|
|
19650
19683
|
],
|
|
19651
19684
|
"inheritedFrom": {
|
|
19652
|
-
"name": "
|
|
19653
|
-
"module": "src/
|
|
19685
|
+
"name": "Listbox",
|
|
19686
|
+
"module": "src/listbox/listbox.ts"
|
|
19654
19687
|
}
|
|
19655
19688
|
},
|
|
19656
19689
|
{
|
|
19657
19690
|
"kind": "method",
|
|
19658
|
-
"name": "
|
|
19691
|
+
"name": "selectFirstOption",
|
|
19659
19692
|
"privacy": "public",
|
|
19693
|
+
"return": {
|
|
19694
|
+
"type": {
|
|
19695
|
+
"text": "void"
|
|
19696
|
+
}
|
|
19697
|
+
},
|
|
19698
|
+
"description": "Moves focus to the first selectable option.",
|
|
19660
19699
|
"inheritedFrom": {
|
|
19661
|
-
"name": "
|
|
19662
|
-
"module": "src/
|
|
19700
|
+
"name": "Listbox",
|
|
19701
|
+
"module": "src/listbox/listbox.ts"
|
|
19702
|
+
}
|
|
19703
|
+
},
|
|
19704
|
+
{
|
|
19705
|
+
"kind": "method",
|
|
19706
|
+
"name": "setSelectedOptions",
|
|
19707
|
+
"privacy": "public",
|
|
19708
|
+
"description": "Sets an option as selected and gives it focus.",
|
|
19709
|
+
"inheritedFrom": {
|
|
19710
|
+
"name": "Listbox",
|
|
19711
|
+
"module": "src/listbox/listbox.ts"
|
|
19663
19712
|
}
|
|
19664
19713
|
},
|
|
19665
19714
|
{
|
|
@@ -19671,8 +19720,8 @@
|
|
|
19671
19720
|
"privacy": "private",
|
|
19672
19721
|
"default": "void 0",
|
|
19673
19722
|
"inheritedFrom": {
|
|
19674
|
-
"name": "
|
|
19675
|
-
"module": "src/
|
|
19723
|
+
"name": "Listbox",
|
|
19724
|
+
"module": "src/listbox/listbox.ts"
|
|
19676
19725
|
}
|
|
19677
19726
|
},
|
|
19678
19727
|
{
|
|
@@ -19684,8 +19733,8 @@
|
|
|
19684
19733
|
"privacy": "public",
|
|
19685
19734
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
19686
19735
|
"inheritedFrom": {
|
|
19687
|
-
"name": "
|
|
19688
|
-
"module": "src/
|
|
19736
|
+
"name": "Listbox",
|
|
19737
|
+
"module": "src/listbox/listbox.ts"
|
|
19689
19738
|
}
|
|
19690
19739
|
},
|
|
19691
19740
|
{
|
|
@@ -19697,8 +19746,8 @@
|
|
|
19697
19746
|
"privacy": "public",
|
|
19698
19747
|
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
19699
19748
|
"inheritedFrom": {
|
|
19700
|
-
"name": "
|
|
19701
|
-
"module": "src/
|
|
19749
|
+
"name": "Listbox",
|
|
19750
|
+
"module": "src/listbox/listbox.ts"
|
|
19702
19751
|
}
|
|
19703
19752
|
},
|
|
19704
19753
|
{
|
|
@@ -19711,8 +19760,8 @@
|
|
|
19711
19760
|
}
|
|
19712
19761
|
},
|
|
19713
19762
|
"inheritedFrom": {
|
|
19714
|
-
"name": "
|
|
19715
|
-
"module": "src/
|
|
19763
|
+
"name": "Listbox",
|
|
19764
|
+
"module": "src/listbox/listbox.ts"
|
|
19716
19765
|
}
|
|
19717
19766
|
},
|
|
19718
19767
|
{
|
|
@@ -19724,8 +19773,8 @@
|
|
|
19724
19773
|
"privacy": "public",
|
|
19725
19774
|
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
19726
19775
|
"inheritedFrom": {
|
|
19727
|
-
"name": "
|
|
19728
|
-
"module": "src/
|
|
19776
|
+
"name": "Listbox",
|
|
19777
|
+
"module": "src/listbox/listbox.ts"
|
|
19729
19778
|
}
|
|
19730
19779
|
},
|
|
19731
19780
|
{
|
|
@@ -19738,8 +19787,8 @@
|
|
|
19738
19787
|
}
|
|
19739
19788
|
},
|
|
19740
19789
|
"inheritedFrom": {
|
|
19741
|
-
"name": "
|
|
19742
|
-
"module": "src/
|
|
19790
|
+
"name": "Listbox",
|
|
19791
|
+
"module": "src/listbox/listbox.ts"
|
|
19743
19792
|
}
|
|
19744
19793
|
},
|
|
19745
19794
|
{
|
|
@@ -19769,81 +19818,32 @@
|
|
|
19769
19818
|
],
|
|
19770
19819
|
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
19771
19820
|
"inheritedFrom": {
|
|
19772
|
-
"name": "
|
|
19773
|
-
"module": "src/
|
|
19821
|
+
"name": "Listbox",
|
|
19822
|
+
"module": "src/listbox/listbox.ts"
|
|
19774
19823
|
}
|
|
19775
19824
|
}
|
|
19776
19825
|
]
|
|
19777
19826
|
},
|
|
19778
19827
|
{
|
|
19779
19828
|
"kind": "variable",
|
|
19780
|
-
"name": "
|
|
19781
|
-
"default": "foundationIconConfig"
|
|
19782
|
-
},
|
|
19783
|
-
{
|
|
19784
|
-
"kind": "variable",
|
|
19785
|
-
"name": "zeroIconShadowOptions",
|
|
19786
|
-
"default": "foundationIconShadowOptions"
|
|
19787
|
-
},
|
|
19788
|
-
{
|
|
19789
|
-
"kind": "variable",
|
|
19790
|
-
"name": "zeroIcon"
|
|
19829
|
+
"name": "zeroListbox"
|
|
19791
19830
|
}
|
|
19792
19831
|
],
|
|
19793
19832
|
"exports": [
|
|
19794
19833
|
{
|
|
19795
19834
|
"kind": "js",
|
|
19796
|
-
"name": "
|
|
19797
|
-
"declaration": {
|
|
19798
|
-
"name": "Icon",
|
|
19799
|
-
"module": "src/icon/icon.ts"
|
|
19800
|
-
}
|
|
19801
|
-
},
|
|
19802
|
-
{
|
|
19803
|
-
"kind": "js",
|
|
19804
|
-
"name": "defaultIconConfig",
|
|
19805
|
-
"declaration": {
|
|
19806
|
-
"name": "defaultIconConfig",
|
|
19807
|
-
"module": "src/icon/icon.ts"
|
|
19808
|
-
}
|
|
19809
|
-
},
|
|
19810
|
-
{
|
|
19811
|
-
"kind": "js",
|
|
19812
|
-
"name": "zeroIconShadowOptions",
|
|
19813
|
-
"declaration": {
|
|
19814
|
-
"name": "zeroIconShadowOptions",
|
|
19815
|
-
"module": "src/icon/icon.ts"
|
|
19816
|
-
}
|
|
19817
|
-
},
|
|
19818
|
-
{
|
|
19819
|
-
"kind": "js",
|
|
19820
|
-
"name": "zeroIcon",
|
|
19821
|
-
"declaration": {
|
|
19822
|
-
"name": "zeroIcon",
|
|
19823
|
-
"module": "src/icon/icon.ts"
|
|
19824
|
-
}
|
|
19825
|
-
}
|
|
19826
|
-
]
|
|
19827
|
-
},
|
|
19828
|
-
{
|
|
19829
|
-
"kind": "javascript-module",
|
|
19830
|
-
"path": "src/icon/index.ts",
|
|
19831
|
-
"declarations": [],
|
|
19832
|
-
"exports": [
|
|
19833
|
-
{
|
|
19834
|
-
"kind": "js",
|
|
19835
|
-
"name": "*",
|
|
19835
|
+
"name": "Listbox",
|
|
19836
19836
|
"declaration": {
|
|
19837
|
-
"name": "
|
|
19838
|
-
"
|
|
19837
|
+
"name": "Listbox",
|
|
19838
|
+
"module": "src/listbox/listbox.ts"
|
|
19839
19839
|
}
|
|
19840
19840
|
},
|
|
19841
19841
|
{
|
|
19842
19842
|
"kind": "js",
|
|
19843
|
-
"name": "
|
|
19843
|
+
"name": "zeroListbox",
|
|
19844
19844
|
"declaration": {
|
|
19845
|
-
"name": "
|
|
19846
|
-
"
|
|
19845
|
+
"name": "zeroListbox",
|
|
19846
|
+
"module": "src/listbox/listbox.ts"
|
|
19847
19847
|
}
|
|
19848
19848
|
}
|
|
19849
19849
|
]
|