@genesislcap/foundation-ui 14.120.0 → 14.120.1

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.
Files changed (2) hide show
  1. package/dist/custom-elements.json +681 -681
  2. package/package.json +10 -10
@@ -13917,188 +13917,6 @@
13917
13917
  }
13918
13918
  ]
13919
13919
  },
13920
- {
13921
- "kind": "javascript-module",
13922
- "path": "src/divider/divider.styles.ts",
13923
- "declarations": [
13924
- {
13925
- "kind": "function",
13926
- "name": "foundationDividerStyles",
13927
- "return": {
13928
- "type": {
13929
- "text": "ElementStyles"
13930
- }
13931
- },
13932
- "parameters": [
13933
- {
13934
- "name": "context",
13935
- "type": {
13936
- "text": "ElementDefinitionContext"
13937
- }
13938
- },
13939
- {
13940
- "name": "definition",
13941
- "type": {
13942
- "text": "FoundationElementDefinition"
13943
- }
13944
- }
13945
- ]
13946
- }
13947
- ],
13948
- "exports": [
13949
- {
13950
- "kind": "js",
13951
- "name": "foundationDividerStyles",
13952
- "declaration": {
13953
- "name": "foundationDividerStyles",
13954
- "module": "src/divider/divider.styles.ts"
13955
- }
13956
- }
13957
- ]
13958
- },
13959
- {
13960
- "kind": "javascript-module",
13961
- "path": "src/divider/divider.template.ts",
13962
- "declarations": [
13963
- {
13964
- "kind": "function",
13965
- "name": "foundationDividerTemplate",
13966
- "return": {
13967
- "type": {
13968
- "text": "ViewTemplate<Divider>"
13969
- }
13970
- },
13971
- "parameters": [
13972
- {
13973
- "name": "context",
13974
- "type": {
13975
- "text": "ElementDefinitionContext"
13976
- }
13977
- },
13978
- {
13979
- "name": "definition",
13980
- "type": {
13981
- "text": "FoundationElementDefinition"
13982
- }
13983
- }
13984
- ]
13985
- }
13986
- ],
13987
- "exports": [
13988
- {
13989
- "kind": "js",
13990
- "name": "foundationDividerTemplate",
13991
- "declaration": {
13992
- "name": "foundationDividerTemplate",
13993
- "module": "src/divider/divider.template.ts"
13994
- }
13995
- }
13996
- ]
13997
- },
13998
- {
13999
- "kind": "javascript-module",
14000
- "path": "src/divider/divider.ts",
14001
- "declarations": [
14002
- {
14003
- "kind": "class",
14004
- "description": "",
14005
- "name": "Divider",
14006
- "superclass": {
14007
- "name": "FASTDivider",
14008
- "package": "@microsoft/fast-foundation"
14009
- },
14010
- "tagName": "%%prefix%%-divider",
14011
- "customElement": true
14012
- },
14013
- {
14014
- "kind": "variable",
14015
- "name": "foundationDividerShadowOptions",
14016
- "type": {
14017
- "text": "ShadowRootInit"
14018
- },
14019
- "default": "undefined"
14020
- },
14021
- {
14022
- "kind": "variable",
14023
- "name": "defaultDividerConfig",
14024
- "type": {
14025
- "text": "object"
14026
- },
14027
- "default": "{}"
14028
- },
14029
- {
14030
- "kind": "variable",
14031
- "name": "foundationDivider",
14032
- "description": "The Foundation Divider",
14033
- "privacy": "public"
14034
- }
14035
- ],
14036
- "exports": [
14037
- {
14038
- "kind": "js",
14039
- "name": "Divider",
14040
- "declaration": {
14041
- "name": "Divider",
14042
- "module": "src/divider/divider.ts"
14043
- }
14044
- },
14045
- {
14046
- "kind": "js",
14047
- "name": "foundationDividerShadowOptions",
14048
- "declaration": {
14049
- "name": "foundationDividerShadowOptions",
14050
- "module": "src/divider/divider.ts"
14051
- }
14052
- },
14053
- {
14054
- "kind": "js",
14055
- "name": "defaultDividerConfig",
14056
- "declaration": {
14057
- "name": "defaultDividerConfig",
14058
- "module": "src/divider/divider.ts"
14059
- }
14060
- },
14061
- {
14062
- "kind": "js",
14063
- "name": "foundationDivider",
14064
- "declaration": {
14065
- "name": "foundationDivider",
14066
- "module": "src/divider/divider.ts"
14067
- }
14068
- }
14069
- ]
14070
- },
14071
- {
14072
- "kind": "javascript-module",
14073
- "path": "src/divider/index.ts",
14074
- "declarations": [],
14075
- "exports": [
14076
- {
14077
- "kind": "js",
14078
- "name": "*",
14079
- "declaration": {
14080
- "name": "*",
14081
- "package": "./divider.template"
14082
- }
14083
- },
14084
- {
14085
- "kind": "js",
14086
- "name": "*",
14087
- "declaration": {
14088
- "name": "*",
14089
- "package": "./divider.styles"
14090
- }
14091
- },
14092
- {
14093
- "kind": "js",
14094
- "name": "*",
14095
- "declaration": {
14096
- "name": "*",
14097
- "package": "./divider"
14098
- }
14099
- }
14100
- ]
14101
- },
14102
13920
  {
14103
13921
  "kind": "javascript-module",
14104
13922
  "path": "src/dropdown-menu/dropdown-menu.styles.ts",
@@ -14566,80 +14384,262 @@
14566
14384
  },
14567
14385
  {
14568
14386
  "kind": "javascript-module",
14569
- "path": "src/error-banner/error-banner.template.ts",
14387
+ "path": "src/divider/divider.styles.ts",
14570
14388
  "declarations": [
14571
14389
  {
14572
14390
  "kind": "function",
14573
- "name": "getPrefixedErrorBanner",
14391
+ "name": "foundationDividerStyles",
14392
+ "return": {
14393
+ "type": {
14394
+ "text": "ElementStyles"
14395
+ }
14396
+ },
14574
14397
  "parameters": [
14575
14398
  {
14576
- "name": "prefix",
14399
+ "name": "context",
14577
14400
  "type": {
14578
- "text": "string"
14401
+ "text": "ElementDefinitionContext"
14402
+ }
14403
+ },
14404
+ {
14405
+ "name": "definition",
14406
+ "type": {
14407
+ "text": "FoundationElementDefinition"
14579
14408
  }
14580
14409
  }
14581
14410
  ]
14582
- },
14583
- {
14584
- "kind": "variable",
14585
- "name": "foundationErrorBannerTemplate",
14586
- "default": "html<ErrorBanner>`\n ${(x) => getPrefixedErrorBanner(getPrefix(x))}\n`"
14587
14411
  }
14588
14412
  ],
14589
14413
  "exports": [
14590
14414
  {
14591
14415
  "kind": "js",
14592
- "name": "getPrefixedErrorBanner",
14593
- "declaration": {
14594
- "name": "getPrefixedErrorBanner",
14595
- "module": "src/error-banner/error-banner.template.ts"
14596
- }
14597
- },
14598
- {
14599
- "kind": "js",
14600
- "name": "foundationErrorBannerTemplate",
14416
+ "name": "foundationDividerStyles",
14601
14417
  "declaration": {
14602
- "name": "foundationErrorBannerTemplate",
14603
- "module": "src/error-banner/error-banner.template.ts"
14418
+ "name": "foundationDividerStyles",
14419
+ "module": "src/divider/divider.styles.ts"
14604
14420
  }
14605
14421
  }
14606
14422
  ]
14607
14423
  },
14608
14424
  {
14609
14425
  "kind": "javascript-module",
14610
- "path": "src/error-banner/error-banner.ts",
14426
+ "path": "src/divider/divider.template.ts",
14611
14427
  "declarations": [
14612
14428
  {
14613
- "kind": "variable",
14614
- "name": "foundationErrorBannerShadowOptions",
14615
- "type": {
14616
- "text": "ShadowRootInit"
14429
+ "kind": "function",
14430
+ "name": "foundationDividerTemplate",
14431
+ "return": {
14432
+ "type": {
14433
+ "text": "ViewTemplate<Divider>"
14434
+ }
14617
14435
  },
14618
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
14619
- },
14620
- {
14621
- "kind": "class",
14622
- "description": "",
14623
- "name": "ErrorBanner",
14624
- "members": [
14625
- {
14626
- "kind": "field",
14627
- "name": "banner",
14628
- "type": {
14629
- "text": "HTMLElement & { dismiss: () => Promise<void> }"
14630
- },
14631
- "privacy": "public"
14632
- },
14436
+ "parameters": [
14633
14437
  {
14634
- "kind": "field",
14635
- "name": "error",
14438
+ "name": "context",
14636
14439
  "type": {
14637
- "text": "ErrorStructure"
14440
+ "text": "ElementDefinitionContext"
14638
14441
  }
14639
14442
  },
14640
14443
  {
14641
- "kind": "field",
14642
- "name": "notification",
14444
+ "name": "definition",
14445
+ "type": {
14446
+ "text": "FoundationElementDefinition"
14447
+ }
14448
+ }
14449
+ ]
14450
+ }
14451
+ ],
14452
+ "exports": [
14453
+ {
14454
+ "kind": "js",
14455
+ "name": "foundationDividerTemplate",
14456
+ "declaration": {
14457
+ "name": "foundationDividerTemplate",
14458
+ "module": "src/divider/divider.template.ts"
14459
+ }
14460
+ }
14461
+ ]
14462
+ },
14463
+ {
14464
+ "kind": "javascript-module",
14465
+ "path": "src/divider/divider.ts",
14466
+ "declarations": [
14467
+ {
14468
+ "kind": "class",
14469
+ "description": "",
14470
+ "name": "Divider",
14471
+ "superclass": {
14472
+ "name": "FASTDivider",
14473
+ "package": "@microsoft/fast-foundation"
14474
+ },
14475
+ "tagName": "%%prefix%%-divider",
14476
+ "customElement": true
14477
+ },
14478
+ {
14479
+ "kind": "variable",
14480
+ "name": "foundationDividerShadowOptions",
14481
+ "type": {
14482
+ "text": "ShadowRootInit"
14483
+ },
14484
+ "default": "undefined"
14485
+ },
14486
+ {
14487
+ "kind": "variable",
14488
+ "name": "defaultDividerConfig",
14489
+ "type": {
14490
+ "text": "object"
14491
+ },
14492
+ "default": "{}"
14493
+ },
14494
+ {
14495
+ "kind": "variable",
14496
+ "name": "foundationDivider",
14497
+ "description": "The Foundation Divider",
14498
+ "privacy": "public"
14499
+ }
14500
+ ],
14501
+ "exports": [
14502
+ {
14503
+ "kind": "js",
14504
+ "name": "Divider",
14505
+ "declaration": {
14506
+ "name": "Divider",
14507
+ "module": "src/divider/divider.ts"
14508
+ }
14509
+ },
14510
+ {
14511
+ "kind": "js",
14512
+ "name": "foundationDividerShadowOptions",
14513
+ "declaration": {
14514
+ "name": "foundationDividerShadowOptions",
14515
+ "module": "src/divider/divider.ts"
14516
+ }
14517
+ },
14518
+ {
14519
+ "kind": "js",
14520
+ "name": "defaultDividerConfig",
14521
+ "declaration": {
14522
+ "name": "defaultDividerConfig",
14523
+ "module": "src/divider/divider.ts"
14524
+ }
14525
+ },
14526
+ {
14527
+ "kind": "js",
14528
+ "name": "foundationDivider",
14529
+ "declaration": {
14530
+ "name": "foundationDivider",
14531
+ "module": "src/divider/divider.ts"
14532
+ }
14533
+ }
14534
+ ]
14535
+ },
14536
+ {
14537
+ "kind": "javascript-module",
14538
+ "path": "src/divider/index.ts",
14539
+ "declarations": [],
14540
+ "exports": [
14541
+ {
14542
+ "kind": "js",
14543
+ "name": "*",
14544
+ "declaration": {
14545
+ "name": "*",
14546
+ "package": "./divider.template"
14547
+ }
14548
+ },
14549
+ {
14550
+ "kind": "js",
14551
+ "name": "*",
14552
+ "declaration": {
14553
+ "name": "*",
14554
+ "package": "./divider.styles"
14555
+ }
14556
+ },
14557
+ {
14558
+ "kind": "js",
14559
+ "name": "*",
14560
+ "declaration": {
14561
+ "name": "*",
14562
+ "package": "./divider"
14563
+ }
14564
+ }
14565
+ ]
14566
+ },
14567
+ {
14568
+ "kind": "javascript-module",
14569
+ "path": "src/error-banner/error-banner.template.ts",
14570
+ "declarations": [
14571
+ {
14572
+ "kind": "function",
14573
+ "name": "getPrefixedErrorBanner",
14574
+ "parameters": [
14575
+ {
14576
+ "name": "prefix",
14577
+ "type": {
14578
+ "text": "string"
14579
+ }
14580
+ }
14581
+ ]
14582
+ },
14583
+ {
14584
+ "kind": "variable",
14585
+ "name": "foundationErrorBannerTemplate",
14586
+ "default": "html<ErrorBanner>`\n ${(x) => getPrefixedErrorBanner(getPrefix(x))}\n`"
14587
+ }
14588
+ ],
14589
+ "exports": [
14590
+ {
14591
+ "kind": "js",
14592
+ "name": "getPrefixedErrorBanner",
14593
+ "declaration": {
14594
+ "name": "getPrefixedErrorBanner",
14595
+ "module": "src/error-banner/error-banner.template.ts"
14596
+ }
14597
+ },
14598
+ {
14599
+ "kind": "js",
14600
+ "name": "foundationErrorBannerTemplate",
14601
+ "declaration": {
14602
+ "name": "foundationErrorBannerTemplate",
14603
+ "module": "src/error-banner/error-banner.template.ts"
14604
+ }
14605
+ }
14606
+ ]
14607
+ },
14608
+ {
14609
+ "kind": "javascript-module",
14610
+ "path": "src/error-banner/error-banner.ts",
14611
+ "declarations": [
14612
+ {
14613
+ "kind": "variable",
14614
+ "name": "foundationErrorBannerShadowOptions",
14615
+ "type": {
14616
+ "text": "ShadowRootInit"
14617
+ },
14618
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
14619
+ },
14620
+ {
14621
+ "kind": "class",
14622
+ "description": "",
14623
+ "name": "ErrorBanner",
14624
+ "members": [
14625
+ {
14626
+ "kind": "field",
14627
+ "name": "banner",
14628
+ "type": {
14629
+ "text": "HTMLElement & { dismiss: () => Promise<void> }"
14630
+ },
14631
+ "privacy": "public"
14632
+ },
14633
+ {
14634
+ "kind": "field",
14635
+ "name": "error",
14636
+ "type": {
14637
+ "text": "ErrorStructure"
14638
+ }
14639
+ },
14640
+ {
14641
+ "kind": "field",
14642
+ "name": "notification",
14643
14643
  "type": {
14644
14644
  "text": "NotificationStructure"
14645
14645
  }
@@ -28913,7 +28913,7 @@
28913
28913
  },
28914
28914
  {
28915
28915
  "kind": "javascript-module",
28916
- "path": "src/select/index.ts",
28916
+ "path": "src/skeleton/index.ts",
28917
28917
  "declarations": [],
28918
28918
  "exports": [
28919
28919
  {
@@ -28921,7 +28921,7 @@
28921
28921
  "name": "*",
28922
28922
  "declaration": {
28923
28923
  "name": "*",
28924
- "package": "./select.template"
28924
+ "package": "./skeleton.template"
28925
28925
  }
28926
28926
  },
28927
28927
  {
@@ -28929,7 +28929,7 @@
28929
28929
  "name": "*",
28930
28930
  "declaration": {
28931
28931
  "name": "*",
28932
- "package": "./select.styles"
28932
+ "package": "./skeleton.styles"
28933
28933
  }
28934
28934
  },
28935
28935
  {
@@ -28937,18 +28937,18 @@
28937
28937
  "name": "*",
28938
28938
  "declaration": {
28939
28939
  "name": "*",
28940
- "package": "./select"
28940
+ "package": "./skeleton"
28941
28941
  }
28942
28942
  }
28943
28943
  ]
28944
28944
  },
28945
28945
  {
28946
28946
  "kind": "javascript-module",
28947
- "path": "src/select/select.styles.ts",
28947
+ "path": "src/skeleton/skeleton.styles.ts",
28948
28948
  "declarations": [
28949
28949
  {
28950
28950
  "kind": "function",
28951
- "name": "foundationSelectStyles",
28951
+ "name": "foundationSkeletonStyles",
28952
28952
  "return": {
28953
28953
  "type": {
28954
28954
  "text": "ElementStyles"
@@ -28973,24 +28973,24 @@
28973
28973
  "exports": [
28974
28974
  {
28975
28975
  "kind": "js",
28976
- "name": "foundationSelectStyles",
28976
+ "name": "foundationSkeletonStyles",
28977
28977
  "declaration": {
28978
- "name": "foundationSelectStyles",
28979
- "module": "src/select/select.styles.ts"
28978
+ "name": "foundationSkeletonStyles",
28979
+ "module": "src/skeleton/skeleton.styles.ts"
28980
28980
  }
28981
28981
  }
28982
28982
  ]
28983
28983
  },
28984
28984
  {
28985
28985
  "kind": "javascript-module",
28986
- "path": "src/select/select.template.ts",
28986
+ "path": "src/skeleton/skeleton.template.ts",
28987
28987
  "declarations": [
28988
28988
  {
28989
28989
  "kind": "function",
28990
- "name": "foundationSelectTemplate",
28990
+ "name": "foundationSkeletonTemplate",
28991
28991
  "return": {
28992
28992
  "type": {
28993
- "text": "ViewTemplate<Select>"
28993
+ "text": "ViewTemplate<Skeleton>"
28994
28994
  }
28995
28995
  },
28996
28996
  "parameters": [
@@ -29012,349 +29012,130 @@
29012
29012
  "exports": [
29013
29013
  {
29014
29014
  "kind": "js",
29015
- "name": "foundationSelectTemplate",
29015
+ "name": "foundationSkeletonTemplate",
29016
29016
  "declaration": {
29017
- "name": "foundationSelectTemplate",
29018
- "module": "src/select/select.template.ts"
29017
+ "name": "foundationSkeletonTemplate",
29018
+ "module": "src/skeleton/skeleton.template.ts"
29019
29019
  }
29020
29020
  }
29021
29021
  ]
29022
29022
  },
29023
29023
  {
29024
29024
  "kind": "javascript-module",
29025
- "path": "src/select/select.ts",
29025
+ "path": "src/skeleton/skeleton.ts",
29026
29026
  "declarations": [
29027
29027
  {
29028
29028
  "kind": "class",
29029
29029
  "description": "",
29030
- "name": "Select",
29030
+ "name": "Skeleton",
29031
29031
  "superclass": {
29032
- "name": "FASTSelect",
29032
+ "name": "FASTSkeleton",
29033
29033
  "package": "@microsoft/fast-components"
29034
29034
  },
29035
- "tagName": "%%prefix%%-select",
29035
+ "tagName": "%%prefix%%-skeleton",
29036
29036
  "customElement": true,
29037
29037
  "attributes": [
29038
29038
  {
29039
- "name": "open",
29039
+ "name": "fill",
29040
29040
  "type": {
29041
- "text": "boolean"
29041
+ "text": "string"
29042
29042
  },
29043
- "default": "false",
29044
- "description": "The open attribute.",
29045
- "fieldName": "open",
29043
+ "description": "Indicates the Skeleton should have a filled style.",
29044
+ "fieldName": "fill",
29046
29045
  "inheritedFrom": {
29047
- "name": "Select",
29048
- "module": "src/select/select.ts"
29046
+ "name": "Skeleton",
29047
+ "module": "src/skeleton/skeleton.ts"
29049
29048
  }
29050
29049
  },
29051
29050
  {
29052
- "name": "position",
29051
+ "name": "shape",
29053
29052
  "type": {
29054
- "text": "SelectPosition | undefined"
29053
+ "text": "SkeletonShape"
29055
29054
  },
29056
- "description": "Reflects the placement for the listbox when the select is open.",
29057
- "fieldName": "positionAttribute",
29058
- "inheritedFrom": {
29059
- "name": "Select",
29060
- "module": "src/select/select.ts"
29061
- }
29062
- },
29063
- {
29064
- "type": {
29065
- "text": "boolean"
29066
- },
29067
- "description": "Indicates if the listbox is in multi-selection mode.",
29068
- "fieldName": "multiple",
29069
- "inheritedFrom": {
29070
- "name": "Select",
29071
- "module": "src/select/select.ts"
29072
- }
29073
- }
29074
- ],
29075
- "members": [
29076
- {
29077
- "kind": "field",
29078
- "name": "open",
29079
- "type": {
29080
- "text": "boolean"
29081
- },
29082
- "privacy": "public",
29083
- "default": "false",
29084
- "description": "The open attribute.",
29085
- "inheritedFrom": {
29086
- "name": "Select",
29087
- "module": "src/select/select.ts"
29088
- }
29089
- },
29090
- {
29091
- "kind": "field",
29092
- "name": "value",
29093
- "privacy": "public",
29094
- "description": "The value property.",
29095
- "inheritedFrom": {
29096
- "name": "Select",
29097
- "module": "src/select/select.ts"
29098
- }
29099
- },
29100
- {
29101
- "kind": "field",
29102
- "name": "positionAttribute",
29103
- "type": {
29104
- "text": "SelectPosition | undefined"
29105
- },
29106
- "privacy": "public",
29107
- "description": "Reflects the placement for the listbox when the select is open.",
29108
- "inheritedFrom": {
29109
- "name": "Select",
29110
- "module": "src/select/select.ts"
29111
- }
29112
- },
29113
- {
29114
- "kind": "field",
29115
- "name": "position",
29116
- "type": {
29117
- "text": "SelectPosition | undefined"
29118
- },
29119
- "privacy": "public",
29120
- "description": "Holds the current state for the calculated position of the listbox.",
29121
- "inheritedFrom": {
29122
- "name": "Select",
29123
- "module": "src/select/select.ts"
29124
- }
29125
- },
29126
- {
29127
- "kind": "method",
29128
- "name": "positionChanged",
29129
- "privacy": "protected",
29130
- "return": {
29131
- "type": {
29132
- "text": "void"
29133
- }
29134
- },
29135
- "parameters": [
29136
- {
29137
- "name": "prev",
29138
- "type": {
29139
- "text": "SelectPosition | undefined"
29140
- }
29141
- },
29142
- {
29143
- "name": "next",
29144
- "type": {
29145
- "text": "SelectPosition | undefined"
29146
- }
29147
- }
29148
- ],
29149
- "inheritedFrom": {
29150
- "name": "Select",
29151
- "module": "src/select/select.ts"
29152
- }
29153
- },
29154
- {
29155
- "kind": "method",
29156
- "name": "setPositioning",
29157
- "privacy": "public",
29158
- "return": {
29159
- "type": {
29160
- "text": "void"
29161
- }
29162
- },
29163
- "description": "Calculate and apply listbox positioning based on available viewport space.",
29055
+ "default": "\"rect\"",
29056
+ "description": "Indicates what the shape of the Skeleton should be.",
29057
+ "fieldName": "shape",
29164
29058
  "inheritedFrom": {
29165
- "name": "Select",
29166
- "module": "src/select/select.ts"
29059
+ "name": "Skeleton",
29060
+ "module": "src/skeleton/skeleton.ts"
29167
29061
  }
29168
29062
  },
29169
29063
  {
29170
- "kind": "field",
29171
- "name": "displayValue",
29064
+ "name": "pattern",
29172
29065
  "type": {
29173
29066
  "text": "string"
29174
29067
  },
29175
- "privacy": "public",
29176
- "description": "The value displayed on the button.",
29177
- "inheritedFrom": {
29178
- "name": "Select",
29179
- "module": "src/select/select.ts"
29180
- }
29181
- },
29182
- {
29183
- "kind": "method",
29184
- "name": "multipleChanged",
29185
- "privacy": "public",
29186
- "parameters": [
29187
- {
29188
- "name": "prev",
29189
- "type": {
29190
- "text": "boolean | undefined"
29191
- },
29192
- "description": "the previous multiple value"
29193
- },
29194
- {
29195
- "name": "next",
29196
- "type": {
29197
- "text": "boolean"
29198
- },
29199
- "description": "the current multiple value"
29200
- }
29201
- ],
29202
- "description": "Sets the multiple property on the proxy element.",
29203
- "inheritedFrom": {
29204
- "name": "Select",
29205
- "module": "src/select/select.ts"
29206
- }
29207
- },
29208
- {
29209
- "kind": "field",
29210
- "name": "proxy",
29068
+ "description": "Indicates that the component can accept a pattern URL.",
29069
+ "fieldName": "pattern",
29211
29070
  "inheritedFrom": {
29212
- "name": "Select",
29213
- "module": "src/select/select.ts"
29071
+ "name": "Skeleton",
29072
+ "module": "src/skeleton/skeleton.ts"
29214
29073
  }
29215
29074
  },
29216
29075
  {
29217
- "kind": "field",
29218
- "name": "multiple",
29219
29076
  "type": {
29220
29077
  "text": "boolean"
29221
29078
  },
29222
- "privacy": "public",
29223
- "description": "Indicates if the listbox is in multi-selection mode.",
29079
+ "description": "Indicates that the component has an activated shimmer effect",
29080
+ "fieldName": "shimmer",
29224
29081
  "inheritedFrom": {
29225
- "name": "Select",
29226
- "module": "src/select/select.ts"
29082
+ "name": "Skeleton",
29083
+ "module": "src/skeleton/skeleton.ts"
29227
29084
  }
29228
- },
29085
+ }
29086
+ ],
29087
+ "members": [
29229
29088
  {
29230
29089
  "kind": "field",
29231
- "name": "size",
29090
+ "name": "fill",
29232
29091
  "type": {
29233
- "text": "number"
29092
+ "text": "string"
29234
29093
  },
29235
29094
  "privacy": "public",
29236
- "description": "The maximum number of options to display.",
29237
- "inheritedFrom": {
29238
- "name": "Select",
29239
- "module": "src/select/select.ts"
29240
- }
29241
- },
29242
- {
29243
- "kind": "method",
29244
- "name": "setSelectedOptions",
29245
- "privacy": "public",
29246
- "description": "Sets an option as selected and gives it focus.",
29095
+ "description": "Indicates the Skeleton should have a filled style.",
29247
29096
  "inheritedFrom": {
29248
- "name": "Select",
29249
- "module": "src/select/select.ts"
29097
+ "name": "Skeleton",
29098
+ "module": "src/skeleton/skeleton.ts"
29250
29099
  }
29251
29100
  },
29252
29101
  {
29253
29102
  "kind": "field",
29254
- "name": "length",
29103
+ "name": "shape",
29255
29104
  "type": {
29256
- "text": "number"
29105
+ "text": "SkeletonShape"
29257
29106
  },
29258
29107
  "privacy": "public",
29259
- "description": "The number of options.",
29108
+ "default": "\"rect\"",
29109
+ "description": "Indicates what the shape of the Skeleton should be.",
29260
29110
  "inheritedFrom": {
29261
- "name": "Select",
29262
- "module": "src/select/select.ts"
29111
+ "name": "Skeleton",
29112
+ "module": "src/skeleton/skeleton.ts"
29263
29113
  }
29264
29114
  },
29265
29115
  {
29266
29116
  "kind": "field",
29267
- "name": "options",
29117
+ "name": "pattern",
29268
29118
  "type": {
29269
- "text": "ListboxOption[]"
29119
+ "text": "string"
29270
29120
  },
29271
29121
  "privacy": "public",
29272
- "description": "The list of options.",
29273
- "inheritedFrom": {
29274
- "name": "Select",
29275
- "module": "src/select/select.ts"
29276
- }
29277
- },
29278
- {
29279
- "kind": "field",
29280
- "name": "typeAheadExpired",
29281
- "privacy": "protected",
29122
+ "description": "Indicates that the component can accept a pattern URL.",
29282
29123
  "inheritedFrom": {
29283
- "name": "Select",
29284
- "module": "src/select/select.ts"
29124
+ "name": "Skeleton",
29125
+ "module": "src/skeleton/skeleton.ts"
29285
29126
  }
29286
29127
  },
29287
29128
  {
29288
29129
  "kind": "field",
29289
- "name": "disabled",
29130
+ "name": "shimmer",
29290
29131
  "type": {
29291
29132
  "text": "boolean"
29292
29133
  },
29293
29134
  "privacy": "public",
29294
- "description": "The disabled state of the listbox.",
29295
- "inheritedFrom": {
29296
- "name": "Select",
29297
- "module": "src/select/select.ts"
29298
- }
29299
- },
29300
- {
29301
- "kind": "field",
29302
- "name": "selectedIndex",
29303
- "type": {
29304
- "text": "number"
29305
- },
29306
- "privacy": "public",
29307
- "default": "-1",
29308
- "description": "The index of the selected option.",
29309
- "inheritedFrom": {
29310
- "name": "Select",
29311
- "module": "src/select/select.ts"
29312
- }
29313
- },
29314
- {
29315
- "kind": "field",
29316
- "name": "selectedOptions",
29317
- "type": {
29318
- "text": "ListboxOption[]"
29319
- },
29320
- "privacy": "public",
29321
- "default": "[]",
29322
- "description": "A collection of the selected options.",
29323
- "inheritedFrom": {
29324
- "name": "Select",
29325
- "module": "src/select/select.ts"
29326
- }
29327
- },
29328
- {
29329
- "kind": "field",
29330
- "name": "slottedOptionFilter",
29331
- "privacy": "public",
29332
- "static": true,
29333
- "description": "A static filter to include only selectable options.",
29334
- "parameters": [
29335
- {
29336
- "description": "element to filter",
29337
- "name": "n"
29338
- }
29339
- ],
29340
- "inheritedFrom": {
29341
- "name": "Select",
29342
- "module": "src/select/select.ts"
29343
- }
29344
- },
29345
- {
29346
- "kind": "method",
29347
- "name": "selectFirstOption",
29348
- "privacy": "public",
29349
- "return": {
29350
- "type": {
29351
- "text": "void"
29352
- }
29353
- },
29354
- "description": "Moves focus to the first selectable option.",
29135
+ "description": "Indicates that the component has an activated shimmer effect",
29355
29136
  "inheritedFrom": {
29356
- "name": "Select",
29357
- "module": "src/select/select.ts"
29137
+ "name": "Skeleton",
29138
+ "module": "src/skeleton/skeleton.ts"
29358
29139
  }
29359
29140
  },
29360
29141
  {
@@ -29366,8 +29147,8 @@
29366
29147
  "privacy": "private",
29367
29148
  "default": "void 0",
29368
29149
  "inheritedFrom": {
29369
- "name": "Select",
29370
- "module": "src/select/select.ts"
29150
+ "name": "FoundationElement",
29151
+ "module": "src/foundation-element/foundation-element.ts"
29371
29152
  }
29372
29153
  },
29373
29154
  {
@@ -29379,8 +29160,8 @@
29379
29160
  "privacy": "public",
29380
29161
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29381
29162
  "inheritedFrom": {
29382
- "name": "Select",
29383
- "module": "src/select/select.ts"
29163
+ "name": "FoundationElement",
29164
+ "module": "src/foundation-element/foundation-element.ts"
29384
29165
  }
29385
29166
  },
29386
29167
  {
@@ -29392,8 +29173,8 @@
29392
29173
  "privacy": "public",
29393
29174
  "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.",
29394
29175
  "inheritedFrom": {
29395
- "name": "Select",
29396
- "module": "src/select/select.ts"
29176
+ "name": "FoundationElement",
29177
+ "module": "src/foundation-element/foundation-element.ts"
29397
29178
  }
29398
29179
  },
29399
29180
  {
@@ -29406,8 +29187,8 @@
29406
29187
  }
29407
29188
  },
29408
29189
  "inheritedFrom": {
29409
- "name": "Select",
29410
- "module": "src/select/select.ts"
29190
+ "name": "FoundationElement",
29191
+ "module": "src/foundation-element/foundation-element.ts"
29411
29192
  }
29412
29193
  },
29413
29194
  {
@@ -29419,8 +29200,8 @@
29419
29200
  "privacy": "public",
29420
29201
  "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.",
29421
29202
  "inheritedFrom": {
29422
- "name": "Select",
29423
- "module": "src/select/select.ts"
29203
+ "name": "FoundationElement",
29204
+ "module": "src/foundation-element/foundation-element.ts"
29424
29205
  }
29425
29206
  },
29426
29207
  {
@@ -29433,8 +29214,8 @@
29433
29214
  }
29434
29215
  },
29435
29216
  "inheritedFrom": {
29436
- "name": "Select",
29437
- "module": "src/select/select.ts"
29217
+ "name": "FoundationElement",
29218
+ "module": "src/foundation-element/foundation-element.ts"
29438
29219
  }
29439
29220
  },
29440
29221
  {
@@ -29456,41 +29237,23 @@
29456
29237
  },
29457
29238
  {
29458
29239
  "name": "elementDefinition",
29459
- "type": {
29460
- "text": "T"
29461
- },
29462
- "description": "The definition of the element to create the registry\nfunction for."
29463
- }
29464
- ],
29465
- "description": "Defines an element registry function with a set of element definition defaults.",
29466
- "inheritedFrom": {
29467
- "name": "Select",
29468
- "module": "src/select/select.ts"
29469
- }
29470
- }
29471
- ],
29472
- "events": [
29473
- {
29474
- "description": "Fires a custom 'input' event when the value updates",
29475
- "name": "input",
29476
- "inheritedFrom": {
29477
- "name": "Select",
29478
- "module": "src/select/select.ts"
29479
- }
29480
- },
29481
- {
29482
- "description": "Fires a custom 'change' event when the value updates",
29483
- "name": "change",
29240
+ "type": {
29241
+ "text": "T"
29242
+ },
29243
+ "description": "The definition of the element to create the registry\nfunction for."
29244
+ }
29245
+ ],
29246
+ "description": "Defines an element registry function with a set of element definition defaults.",
29484
29247
  "inheritedFrom": {
29485
- "name": "Select",
29486
- "module": "src/select/select.ts"
29248
+ "name": "FoundationElement",
29249
+ "module": "src/foundation-element/foundation-element.ts"
29487
29250
  }
29488
29251
  }
29489
29252
  ]
29490
29253
  },
29491
29254
  {
29492
29255
  "kind": "variable",
29493
- "name": "foundationSelectShadowOptions",
29256
+ "name": "foundationSkeletonShadowOptions",
29494
29257
  "type": {
29495
29258
  "text": "ShadowRootInit"
29496
29259
  },
@@ -29498,57 +29261,57 @@
29498
29261
  },
29499
29262
  {
29500
29263
  "kind": "variable",
29501
- "name": "defaultSelectConfig",
29264
+ "name": "defaultSkeletonConfig",
29502
29265
  "type": {
29503
29266
  "text": "object"
29504
29267
  },
29505
- "default": "{\n indicator: `\n <svg\n class=\"select-indicator\"\n part=\"select-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
29268
+ "default": "{}"
29506
29269
  },
29507
29270
  {
29508
29271
  "kind": "variable",
29509
- "name": "foundationSelect",
29510
- "description": "The Foundation Select",
29272
+ "name": "foundationSkeleton",
29273
+ "description": "The Foundation Skeleton",
29511
29274
  "privacy": "public"
29512
29275
  }
29513
29276
  ],
29514
29277
  "exports": [
29515
29278
  {
29516
29279
  "kind": "js",
29517
- "name": "Select",
29280
+ "name": "Skeleton",
29518
29281
  "declaration": {
29519
- "name": "Select",
29520
- "module": "src/select/select.ts"
29282
+ "name": "Skeleton",
29283
+ "module": "src/skeleton/skeleton.ts"
29521
29284
  }
29522
29285
  },
29523
29286
  {
29524
29287
  "kind": "js",
29525
- "name": "foundationSelectShadowOptions",
29288
+ "name": "foundationSkeletonShadowOptions",
29526
29289
  "declaration": {
29527
- "name": "foundationSelectShadowOptions",
29528
- "module": "src/select/select.ts"
29290
+ "name": "foundationSkeletonShadowOptions",
29291
+ "module": "src/skeleton/skeleton.ts"
29529
29292
  }
29530
29293
  },
29531
29294
  {
29532
29295
  "kind": "js",
29533
- "name": "defaultSelectConfig",
29296
+ "name": "defaultSkeletonConfig",
29534
29297
  "declaration": {
29535
- "name": "defaultSelectConfig",
29536
- "module": "src/select/select.ts"
29298
+ "name": "defaultSkeletonConfig",
29299
+ "module": "src/skeleton/skeleton.ts"
29537
29300
  }
29538
29301
  },
29539
29302
  {
29540
29303
  "kind": "js",
29541
- "name": "foundationSelect",
29304
+ "name": "foundationSkeleton",
29542
29305
  "declaration": {
29543
- "name": "foundationSelect",
29544
- "module": "src/select/select.ts"
29306
+ "name": "foundationSkeleton",
29307
+ "module": "src/skeleton/skeleton.ts"
29545
29308
  }
29546
29309
  }
29547
29310
  ]
29548
29311
  },
29549
29312
  {
29550
29313
  "kind": "javascript-module",
29551
- "path": "src/skeleton/index.ts",
29314
+ "path": "src/select/index.ts",
29552
29315
  "declarations": [],
29553
29316
  "exports": [
29554
29317
  {
@@ -29556,7 +29319,7 @@
29556
29319
  "name": "*",
29557
29320
  "declaration": {
29558
29321
  "name": "*",
29559
- "package": "./skeleton.template"
29322
+ "package": "./select.template"
29560
29323
  }
29561
29324
  },
29562
29325
  {
@@ -29564,7 +29327,7 @@
29564
29327
  "name": "*",
29565
29328
  "declaration": {
29566
29329
  "name": "*",
29567
- "package": "./skeleton.styles"
29330
+ "package": "./select.styles"
29568
29331
  }
29569
29332
  },
29570
29333
  {
@@ -29572,18 +29335,18 @@
29572
29335
  "name": "*",
29573
29336
  "declaration": {
29574
29337
  "name": "*",
29575
- "package": "./skeleton"
29338
+ "package": "./select"
29576
29339
  }
29577
29340
  }
29578
29341
  ]
29579
29342
  },
29580
29343
  {
29581
29344
  "kind": "javascript-module",
29582
- "path": "src/skeleton/skeleton.styles.ts",
29345
+ "path": "src/select/select.styles.ts",
29583
29346
  "declarations": [
29584
29347
  {
29585
29348
  "kind": "function",
29586
- "name": "foundationSkeletonStyles",
29349
+ "name": "foundationSelectStyles",
29587
29350
  "return": {
29588
29351
  "type": {
29589
29352
  "text": "ElementStyles"
@@ -29608,24 +29371,24 @@
29608
29371
  "exports": [
29609
29372
  {
29610
29373
  "kind": "js",
29611
- "name": "foundationSkeletonStyles",
29374
+ "name": "foundationSelectStyles",
29612
29375
  "declaration": {
29613
- "name": "foundationSkeletonStyles",
29614
- "module": "src/skeleton/skeleton.styles.ts"
29376
+ "name": "foundationSelectStyles",
29377
+ "module": "src/select/select.styles.ts"
29615
29378
  }
29616
29379
  }
29617
29380
  ]
29618
29381
  },
29619
29382
  {
29620
29383
  "kind": "javascript-module",
29621
- "path": "src/skeleton/skeleton.template.ts",
29384
+ "path": "src/select/select.template.ts",
29622
29385
  "declarations": [
29623
29386
  {
29624
29387
  "kind": "function",
29625
- "name": "foundationSkeletonTemplate",
29388
+ "name": "foundationSelectTemplate",
29626
29389
  "return": {
29627
29390
  "type": {
29628
- "text": "ViewTemplate<Skeleton>"
29391
+ "text": "ViewTemplate<Select>"
29629
29392
  }
29630
29393
  },
29631
29394
  "parameters": [
@@ -29647,130 +29410,349 @@
29647
29410
  "exports": [
29648
29411
  {
29649
29412
  "kind": "js",
29650
- "name": "foundationSkeletonTemplate",
29413
+ "name": "foundationSelectTemplate",
29651
29414
  "declaration": {
29652
- "name": "foundationSkeletonTemplate",
29653
- "module": "src/skeleton/skeleton.template.ts"
29415
+ "name": "foundationSelectTemplate",
29416
+ "module": "src/select/select.template.ts"
29654
29417
  }
29655
29418
  }
29656
29419
  ]
29657
29420
  },
29658
29421
  {
29659
29422
  "kind": "javascript-module",
29660
- "path": "src/skeleton/skeleton.ts",
29423
+ "path": "src/select/select.ts",
29661
29424
  "declarations": [
29662
29425
  {
29663
29426
  "kind": "class",
29664
29427
  "description": "",
29665
- "name": "Skeleton",
29428
+ "name": "Select",
29666
29429
  "superclass": {
29667
- "name": "FASTSkeleton",
29430
+ "name": "FASTSelect",
29668
29431
  "package": "@microsoft/fast-components"
29669
29432
  },
29670
- "tagName": "%%prefix%%-skeleton",
29433
+ "tagName": "%%prefix%%-select",
29671
29434
  "customElement": true,
29672
29435
  "attributes": [
29673
29436
  {
29674
- "name": "fill",
29437
+ "name": "open",
29438
+ "type": {
29439
+ "text": "boolean"
29440
+ },
29441
+ "default": "false",
29442
+ "description": "The open attribute.",
29443
+ "fieldName": "open",
29444
+ "inheritedFrom": {
29445
+ "name": "Select",
29446
+ "module": "src/select/select.ts"
29447
+ }
29448
+ },
29449
+ {
29450
+ "name": "position",
29451
+ "type": {
29452
+ "text": "SelectPosition | undefined"
29453
+ },
29454
+ "description": "Reflects the placement for the listbox when the select is open.",
29455
+ "fieldName": "positionAttribute",
29456
+ "inheritedFrom": {
29457
+ "name": "Select",
29458
+ "module": "src/select/select.ts"
29459
+ }
29460
+ },
29461
+ {
29462
+ "type": {
29463
+ "text": "boolean"
29464
+ },
29465
+ "description": "Indicates if the listbox is in multi-selection mode.",
29466
+ "fieldName": "multiple",
29467
+ "inheritedFrom": {
29468
+ "name": "Select",
29469
+ "module": "src/select/select.ts"
29470
+ }
29471
+ }
29472
+ ],
29473
+ "members": [
29474
+ {
29475
+ "kind": "field",
29476
+ "name": "open",
29477
+ "type": {
29478
+ "text": "boolean"
29479
+ },
29480
+ "privacy": "public",
29481
+ "default": "false",
29482
+ "description": "The open attribute.",
29483
+ "inheritedFrom": {
29484
+ "name": "Select",
29485
+ "module": "src/select/select.ts"
29486
+ }
29487
+ },
29488
+ {
29489
+ "kind": "field",
29490
+ "name": "value",
29491
+ "privacy": "public",
29492
+ "description": "The value property.",
29493
+ "inheritedFrom": {
29494
+ "name": "Select",
29495
+ "module": "src/select/select.ts"
29496
+ }
29497
+ },
29498
+ {
29499
+ "kind": "field",
29500
+ "name": "positionAttribute",
29501
+ "type": {
29502
+ "text": "SelectPosition | undefined"
29503
+ },
29504
+ "privacy": "public",
29505
+ "description": "Reflects the placement for the listbox when the select is open.",
29506
+ "inheritedFrom": {
29507
+ "name": "Select",
29508
+ "module": "src/select/select.ts"
29509
+ }
29510
+ },
29511
+ {
29512
+ "kind": "field",
29513
+ "name": "position",
29514
+ "type": {
29515
+ "text": "SelectPosition | undefined"
29516
+ },
29517
+ "privacy": "public",
29518
+ "description": "Holds the current state for the calculated position of the listbox.",
29519
+ "inheritedFrom": {
29520
+ "name": "Select",
29521
+ "module": "src/select/select.ts"
29522
+ }
29523
+ },
29524
+ {
29525
+ "kind": "method",
29526
+ "name": "positionChanged",
29527
+ "privacy": "protected",
29528
+ "return": {
29529
+ "type": {
29530
+ "text": "void"
29531
+ }
29532
+ },
29533
+ "parameters": [
29534
+ {
29535
+ "name": "prev",
29536
+ "type": {
29537
+ "text": "SelectPosition | undefined"
29538
+ }
29539
+ },
29540
+ {
29541
+ "name": "next",
29542
+ "type": {
29543
+ "text": "SelectPosition | undefined"
29544
+ }
29545
+ }
29546
+ ],
29547
+ "inheritedFrom": {
29548
+ "name": "Select",
29549
+ "module": "src/select/select.ts"
29550
+ }
29551
+ },
29552
+ {
29553
+ "kind": "method",
29554
+ "name": "setPositioning",
29555
+ "privacy": "public",
29556
+ "return": {
29557
+ "type": {
29558
+ "text": "void"
29559
+ }
29560
+ },
29561
+ "description": "Calculate and apply listbox positioning based on available viewport space.",
29562
+ "inheritedFrom": {
29563
+ "name": "Select",
29564
+ "module": "src/select/select.ts"
29565
+ }
29566
+ },
29567
+ {
29568
+ "kind": "field",
29569
+ "name": "displayValue",
29570
+ "type": {
29571
+ "text": "string"
29572
+ },
29573
+ "privacy": "public",
29574
+ "description": "The value displayed on the button.",
29575
+ "inheritedFrom": {
29576
+ "name": "Select",
29577
+ "module": "src/select/select.ts"
29578
+ }
29579
+ },
29580
+ {
29581
+ "kind": "method",
29582
+ "name": "multipleChanged",
29583
+ "privacy": "public",
29584
+ "parameters": [
29585
+ {
29586
+ "name": "prev",
29587
+ "type": {
29588
+ "text": "boolean | undefined"
29589
+ },
29590
+ "description": "the previous multiple value"
29591
+ },
29592
+ {
29593
+ "name": "next",
29594
+ "type": {
29595
+ "text": "boolean"
29596
+ },
29597
+ "description": "the current multiple value"
29598
+ }
29599
+ ],
29600
+ "description": "Sets the multiple property on the proxy element.",
29601
+ "inheritedFrom": {
29602
+ "name": "Select",
29603
+ "module": "src/select/select.ts"
29604
+ }
29605
+ },
29606
+ {
29607
+ "kind": "field",
29608
+ "name": "proxy",
29609
+ "inheritedFrom": {
29610
+ "name": "Select",
29611
+ "module": "src/select/select.ts"
29612
+ }
29613
+ },
29614
+ {
29615
+ "kind": "field",
29616
+ "name": "multiple",
29675
29617
  "type": {
29676
- "text": "string"
29618
+ "text": "boolean"
29677
29619
  },
29678
- "description": "Indicates the Skeleton should have a filled style.",
29679
- "fieldName": "fill",
29620
+ "privacy": "public",
29621
+ "description": "Indicates if the listbox is in multi-selection mode.",
29680
29622
  "inheritedFrom": {
29681
- "name": "Skeleton",
29682
- "module": "src/skeleton/skeleton.ts"
29623
+ "name": "Select",
29624
+ "module": "src/select/select.ts"
29683
29625
  }
29684
29626
  },
29685
29627
  {
29686
- "name": "shape",
29628
+ "kind": "field",
29629
+ "name": "size",
29687
29630
  "type": {
29688
- "text": "SkeletonShape"
29631
+ "text": "number"
29689
29632
  },
29690
- "default": "\"rect\"",
29691
- "description": "Indicates what the shape of the Skeleton should be.",
29692
- "fieldName": "shape",
29633
+ "privacy": "public",
29634
+ "description": "The maximum number of options to display.",
29693
29635
  "inheritedFrom": {
29694
- "name": "Skeleton",
29695
- "module": "src/skeleton/skeleton.ts"
29636
+ "name": "Select",
29637
+ "module": "src/select/select.ts"
29696
29638
  }
29697
29639
  },
29698
29640
  {
29699
- "name": "pattern",
29700
- "type": {
29701
- "text": "string"
29702
- },
29703
- "description": "Indicates that the component can accept a pattern URL.",
29704
- "fieldName": "pattern",
29641
+ "kind": "method",
29642
+ "name": "setSelectedOptions",
29643
+ "privacy": "public",
29644
+ "description": "Sets an option as selected and gives it focus.",
29705
29645
  "inheritedFrom": {
29706
- "name": "Skeleton",
29707
- "module": "src/skeleton/skeleton.ts"
29646
+ "name": "Select",
29647
+ "module": "src/select/select.ts"
29708
29648
  }
29709
29649
  },
29710
29650
  {
29651
+ "kind": "field",
29652
+ "name": "length",
29711
29653
  "type": {
29712
- "text": "boolean"
29654
+ "text": "number"
29713
29655
  },
29714
- "description": "Indicates that the component has an activated shimmer effect",
29715
- "fieldName": "shimmer",
29656
+ "privacy": "public",
29657
+ "description": "The number of options.",
29716
29658
  "inheritedFrom": {
29717
- "name": "Skeleton",
29718
- "module": "src/skeleton/skeleton.ts"
29659
+ "name": "Select",
29660
+ "module": "src/select/select.ts"
29719
29661
  }
29720
- }
29721
- ],
29722
- "members": [
29662
+ },
29723
29663
  {
29724
29664
  "kind": "field",
29725
- "name": "fill",
29665
+ "name": "options",
29726
29666
  "type": {
29727
- "text": "string"
29667
+ "text": "ListboxOption[]"
29728
29668
  },
29729
29669
  "privacy": "public",
29730
- "description": "Indicates the Skeleton should have a filled style.",
29670
+ "description": "The list of options.",
29731
29671
  "inheritedFrom": {
29732
- "name": "Skeleton",
29733
- "module": "src/skeleton/skeleton.ts"
29672
+ "name": "Select",
29673
+ "module": "src/select/select.ts"
29734
29674
  }
29735
29675
  },
29736
29676
  {
29737
29677
  "kind": "field",
29738
- "name": "shape",
29678
+ "name": "typeAheadExpired",
29679
+ "privacy": "protected",
29680
+ "inheritedFrom": {
29681
+ "name": "Select",
29682
+ "module": "src/select/select.ts"
29683
+ }
29684
+ },
29685
+ {
29686
+ "kind": "field",
29687
+ "name": "disabled",
29739
29688
  "type": {
29740
- "text": "SkeletonShape"
29689
+ "text": "boolean"
29741
29690
  },
29742
29691
  "privacy": "public",
29743
- "default": "\"rect\"",
29744
- "description": "Indicates what the shape of the Skeleton should be.",
29692
+ "description": "The disabled state of the listbox.",
29745
29693
  "inheritedFrom": {
29746
- "name": "Skeleton",
29747
- "module": "src/skeleton/skeleton.ts"
29694
+ "name": "Select",
29695
+ "module": "src/select/select.ts"
29748
29696
  }
29749
29697
  },
29750
29698
  {
29751
29699
  "kind": "field",
29752
- "name": "pattern",
29700
+ "name": "selectedIndex",
29753
29701
  "type": {
29754
- "text": "string"
29702
+ "text": "number"
29755
29703
  },
29756
29704
  "privacy": "public",
29757
- "description": "Indicates that the component can accept a pattern URL.",
29705
+ "default": "-1",
29706
+ "description": "The index of the selected option.",
29758
29707
  "inheritedFrom": {
29759
- "name": "Skeleton",
29760
- "module": "src/skeleton/skeleton.ts"
29708
+ "name": "Select",
29709
+ "module": "src/select/select.ts"
29761
29710
  }
29762
29711
  },
29763
29712
  {
29764
29713
  "kind": "field",
29765
- "name": "shimmer",
29714
+ "name": "selectedOptions",
29766
29715
  "type": {
29767
- "text": "boolean"
29716
+ "text": "ListboxOption[]"
29768
29717
  },
29769
29718
  "privacy": "public",
29770
- "description": "Indicates that the component has an activated shimmer effect",
29719
+ "default": "[]",
29720
+ "description": "A collection of the selected options.",
29771
29721
  "inheritedFrom": {
29772
- "name": "Skeleton",
29773
- "module": "src/skeleton/skeleton.ts"
29722
+ "name": "Select",
29723
+ "module": "src/select/select.ts"
29724
+ }
29725
+ },
29726
+ {
29727
+ "kind": "field",
29728
+ "name": "slottedOptionFilter",
29729
+ "privacy": "public",
29730
+ "static": true,
29731
+ "description": "A static filter to include only selectable options.",
29732
+ "parameters": [
29733
+ {
29734
+ "description": "element to filter",
29735
+ "name": "n"
29736
+ }
29737
+ ],
29738
+ "inheritedFrom": {
29739
+ "name": "Select",
29740
+ "module": "src/select/select.ts"
29741
+ }
29742
+ },
29743
+ {
29744
+ "kind": "method",
29745
+ "name": "selectFirstOption",
29746
+ "privacy": "public",
29747
+ "return": {
29748
+ "type": {
29749
+ "text": "void"
29750
+ }
29751
+ },
29752
+ "description": "Moves focus to the first selectable option.",
29753
+ "inheritedFrom": {
29754
+ "name": "Select",
29755
+ "module": "src/select/select.ts"
29774
29756
  }
29775
29757
  },
29776
29758
  {
@@ -29782,8 +29764,8 @@
29782
29764
  "privacy": "private",
29783
29765
  "default": "void 0",
29784
29766
  "inheritedFrom": {
29785
- "name": "FoundationElement",
29786
- "module": "src/foundation-element/foundation-element.ts"
29767
+ "name": "Select",
29768
+ "module": "src/select/select.ts"
29787
29769
  }
29788
29770
  },
29789
29771
  {
@@ -29795,8 +29777,8 @@
29795
29777
  "privacy": "public",
29796
29778
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29797
29779
  "inheritedFrom": {
29798
- "name": "FoundationElement",
29799
- "module": "src/foundation-element/foundation-element.ts"
29780
+ "name": "Select",
29781
+ "module": "src/select/select.ts"
29800
29782
  }
29801
29783
  },
29802
29784
  {
@@ -29808,8 +29790,8 @@
29808
29790
  "privacy": "public",
29809
29791
  "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.",
29810
29792
  "inheritedFrom": {
29811
- "name": "FoundationElement",
29812
- "module": "src/foundation-element/foundation-element.ts"
29793
+ "name": "Select",
29794
+ "module": "src/select/select.ts"
29813
29795
  }
29814
29796
  },
29815
29797
  {
@@ -29822,8 +29804,8 @@
29822
29804
  }
29823
29805
  },
29824
29806
  "inheritedFrom": {
29825
- "name": "FoundationElement",
29826
- "module": "src/foundation-element/foundation-element.ts"
29807
+ "name": "Select",
29808
+ "module": "src/select/select.ts"
29827
29809
  }
29828
29810
  },
29829
29811
  {
@@ -29835,8 +29817,8 @@
29835
29817
  "privacy": "public",
29836
29818
  "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.",
29837
29819
  "inheritedFrom": {
29838
- "name": "FoundationElement",
29839
- "module": "src/foundation-element/foundation-element.ts"
29820
+ "name": "Select",
29821
+ "module": "src/select/select.ts"
29840
29822
  }
29841
29823
  },
29842
29824
  {
@@ -29849,8 +29831,8 @@
29849
29831
  }
29850
29832
  },
29851
29833
  "inheritedFrom": {
29852
- "name": "FoundationElement",
29853
- "module": "src/foundation-element/foundation-element.ts"
29834
+ "name": "Select",
29835
+ "module": "src/select/select.ts"
29854
29836
  }
29855
29837
  },
29856
29838
  {
@@ -29880,15 +29862,33 @@
29880
29862
  ],
29881
29863
  "description": "Defines an element registry function with a set of element definition defaults.",
29882
29864
  "inheritedFrom": {
29883
- "name": "FoundationElement",
29884
- "module": "src/foundation-element/foundation-element.ts"
29865
+ "name": "Select",
29866
+ "module": "src/select/select.ts"
29867
+ }
29868
+ }
29869
+ ],
29870
+ "events": [
29871
+ {
29872
+ "description": "Fires a custom 'input' event when the value updates",
29873
+ "name": "input",
29874
+ "inheritedFrom": {
29875
+ "name": "Select",
29876
+ "module": "src/select/select.ts"
29877
+ }
29878
+ },
29879
+ {
29880
+ "description": "Fires a custom 'change' event when the value updates",
29881
+ "name": "change",
29882
+ "inheritedFrom": {
29883
+ "name": "Select",
29884
+ "module": "src/select/select.ts"
29885
29885
  }
29886
29886
  }
29887
29887
  ]
29888
29888
  },
29889
29889
  {
29890
29890
  "kind": "variable",
29891
- "name": "foundationSkeletonShadowOptions",
29891
+ "name": "foundationSelectShadowOptions",
29892
29892
  "type": {
29893
29893
  "text": "ShadowRootInit"
29894
29894
  },
@@ -29896,50 +29896,50 @@
29896
29896
  },
29897
29897
  {
29898
29898
  "kind": "variable",
29899
- "name": "defaultSkeletonConfig",
29899
+ "name": "defaultSelectConfig",
29900
29900
  "type": {
29901
29901
  "text": "object"
29902
29902
  },
29903
- "default": "{}"
29903
+ "default": "{\n indicator: `\n <svg\n class=\"select-indicator\"\n part=\"select-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
29904
29904
  },
29905
29905
  {
29906
29906
  "kind": "variable",
29907
- "name": "foundationSkeleton",
29908
- "description": "The Foundation Skeleton",
29907
+ "name": "foundationSelect",
29908
+ "description": "The Foundation Select",
29909
29909
  "privacy": "public"
29910
29910
  }
29911
29911
  ],
29912
29912
  "exports": [
29913
29913
  {
29914
29914
  "kind": "js",
29915
- "name": "Skeleton",
29915
+ "name": "Select",
29916
29916
  "declaration": {
29917
- "name": "Skeleton",
29918
- "module": "src/skeleton/skeleton.ts"
29917
+ "name": "Select",
29918
+ "module": "src/select/select.ts"
29919
29919
  }
29920
29920
  },
29921
29921
  {
29922
29922
  "kind": "js",
29923
- "name": "foundationSkeletonShadowOptions",
29923
+ "name": "foundationSelectShadowOptions",
29924
29924
  "declaration": {
29925
- "name": "foundationSkeletonShadowOptions",
29926
- "module": "src/skeleton/skeleton.ts"
29925
+ "name": "foundationSelectShadowOptions",
29926
+ "module": "src/select/select.ts"
29927
29927
  }
29928
29928
  },
29929
29929
  {
29930
29930
  "kind": "js",
29931
- "name": "defaultSkeletonConfig",
29931
+ "name": "defaultSelectConfig",
29932
29932
  "declaration": {
29933
- "name": "defaultSkeletonConfig",
29934
- "module": "src/skeleton/skeleton.ts"
29933
+ "name": "defaultSelectConfig",
29934
+ "module": "src/select/select.ts"
29935
29935
  }
29936
29936
  },
29937
29937
  {
29938
29938
  "kind": "js",
29939
- "name": "foundationSkeleton",
29939
+ "name": "foundationSelect",
29940
29940
  "declaration": {
29941
- "name": "foundationSkeleton",
29942
- "module": "src/skeleton/skeleton.ts"
29941
+ "name": "foundationSelect",
29942
+ "module": "src/select/select.ts"
29943
29943
  }
29944
29944
  }
29945
29945
  ]
@@ -40859,21 +40859,6 @@
40859
40859
  }
40860
40860
  ]
40861
40861
  },
40862
- {
40863
- "kind": "javascript-module",
40864
- "path": "src/_config/styles/external/index.ts",
40865
- "declarations": [],
40866
- "exports": [
40867
- {
40868
- "kind": "js",
40869
- "name": "*",
40870
- "declaration": {
40871
- "name": "*",
40872
- "package": "./fontawesome-free"
40873
- }
40874
- }
40875
- ]
40876
- },
40877
40862
  {
40878
40863
  "kind": "javascript-module",
40879
40864
  "path": "src/grid-layout/responsiveness/grid-layout-rwd.styles.ts",
@@ -40923,6 +40908,21 @@
40923
40908
  }
40924
40909
  ]
40925
40910
  },
40911
+ {
40912
+ "kind": "javascript-module",
40913
+ "path": "src/_config/styles/external/index.ts",
40914
+ "declarations": [],
40915
+ "exports": [
40916
+ {
40917
+ "kind": "js",
40918
+ "name": "*",
40919
+ "declaration": {
40920
+ "name": "*",
40921
+ "package": "./fontawesome-free"
40922
+ }
40923
+ }
40924
+ ]
40925
+ },
40926
40926
  {
40927
40927
  "kind": "javascript-module",
40928
40928
  "path": "src/_config/styles/external/fontawesome-free/index.ts",