@genesislcap/foundation-ui 14.183.6 → 14.183.7

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 +1472 -1472
  2. package/package.json +16 -16
@@ -817,6 +817,51 @@
817
817
  }
818
818
  ]
819
819
  },
820
+ {
821
+ "kind": "javascript-module",
822
+ "path": "src/_common/icons.ts",
823
+ "declarations": [
824
+ {
825
+ "kind": "function",
826
+ "name": "closeIcon",
827
+ "parameters": [
828
+ {
829
+ "name": "slot",
830
+ "default": "'start'"
831
+ },
832
+ {
833
+ "name": "fill",
834
+ "default": "'#879ba6'"
835
+ }
836
+ ]
837
+ }
838
+ ],
839
+ "exports": [
840
+ {
841
+ "kind": "js",
842
+ "name": "closeIcon",
843
+ "declaration": {
844
+ "name": "closeIcon",
845
+ "module": "src/_common/icons.ts"
846
+ }
847
+ }
848
+ ]
849
+ },
850
+ {
851
+ "kind": "javascript-module",
852
+ "path": "src/_common/index.ts",
853
+ "declarations": [],
854
+ "exports": [
855
+ {
856
+ "kind": "js",
857
+ "name": "*",
858
+ "declaration": {
859
+ "name": "*",
860
+ "package": "./icons"
861
+ }
862
+ }
863
+ ]
864
+ },
820
865
  {
821
866
  "kind": "javascript-module",
822
867
  "path": "src/_config/index.ts",
@@ -4505,226 +4550,125 @@
4505
4550
  },
4506
4551
  {
4507
4552
  "kind": "javascript-module",
4508
- "path": "src/_common/icons.ts",
4553
+ "path": "src/banner/banner.styles.ts",
4509
4554
  "declarations": [
4510
4555
  {
4511
- "kind": "function",
4512
- "name": "closeIcon",
4513
- "parameters": [
4514
- {
4515
- "name": "slot",
4516
- "default": "'start'"
4517
- },
4518
- {
4519
- "name": "fill",
4520
- "default": "'#879ba6'"
4521
- }
4522
- ]
4556
+ "kind": "variable",
4557
+ "name": "foundationBannerStyles",
4558
+ "type": {
4559
+ "text": "ElementStyles"
4560
+ },
4561
+ "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
4523
4562
  }
4524
4563
  ],
4525
4564
  "exports": [
4526
4565
  {
4527
4566
  "kind": "js",
4528
- "name": "closeIcon",
4529
- "declaration": {
4530
- "name": "closeIcon",
4531
- "module": "src/_common/icons.ts"
4532
- }
4533
- }
4534
- ]
4535
- },
4536
- {
4537
- "kind": "javascript-module",
4538
- "path": "src/_common/index.ts",
4539
- "declarations": [],
4540
- "exports": [
4541
- {
4542
- "kind": "js",
4543
- "name": "*",
4567
+ "name": "foundationBannerStyles",
4544
4568
  "declaration": {
4545
- "name": "*",
4546
- "package": "./icons"
4569
+ "name": "foundationBannerStyles",
4570
+ "module": "src/banner/banner.styles.ts"
4547
4571
  }
4548
4572
  }
4549
4573
  ]
4550
4574
  },
4551
4575
  {
4552
4576
  "kind": "javascript-module",
4553
- "path": "src/badge/badge.styles.ts",
4577
+ "path": "src/banner/banner.template.ts",
4554
4578
  "declarations": [
4555
4579
  {
4556
4580
  "kind": "function",
4557
- "name": "foundationBadgeStyles",
4558
- "return": {
4559
- "type": {
4560
- "text": "ElementStyles"
4561
- }
4562
- },
4581
+ "name": "getBannerTemplate",
4563
4582
  "parameters": [
4564
4583
  {
4565
- "name": "context",
4566
- "type": {
4567
- "text": "ElementDefinitionContext"
4568
- }
4569
- },
4570
- {
4571
- "name": "definition",
4584
+ "name": "prefix",
4572
4585
  "type": {
4573
- "text": "FoundationElementDefinition"
4586
+ "text": "string"
4574
4587
  }
4575
4588
  }
4576
4589
  ]
4590
+ },
4591
+ {
4592
+ "kind": "variable",
4593
+ "name": "foundationBannerTemplate",
4594
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4577
4595
  }
4578
4596
  ],
4579
4597
  "exports": [
4580
4598
  {
4581
4599
  "kind": "js",
4582
- "name": "foundationBadgeStyles",
4600
+ "name": "getBannerTemplate",
4583
4601
  "declaration": {
4584
- "name": "foundationBadgeStyles",
4585
- "module": "src/badge/badge.styles.ts"
4602
+ "name": "getBannerTemplate",
4603
+ "module": "src/banner/banner.template.ts"
4586
4604
  }
4587
- }
4588
- ]
4589
- },
4590
- {
4591
- "kind": "javascript-module",
4592
- "path": "src/badge/badge.template.ts",
4593
- "declarations": [
4594
- {
4595
- "kind": "function",
4596
- "name": "foundationBadgeTemplate",
4597
- "return": {
4598
- "type": {
4599
- "text": "ViewTemplate<Badge>"
4600
- }
4601
- },
4602
- "parameters": [
4603
- {
4604
- "name": "context",
4605
- "type": {
4606
- "text": "ElementDefinitionContext"
4607
- }
4608
- },
4609
- {
4610
- "name": "definition",
4611
- "type": {
4612
- "text": "FoundationElementDefinition"
4613
- }
4614
- }
4615
- ]
4616
- }
4617
- ],
4618
- "exports": [
4605
+ },
4619
4606
  {
4620
4607
  "kind": "js",
4621
- "name": "foundationBadgeTemplate",
4608
+ "name": "foundationBannerTemplate",
4622
4609
  "declaration": {
4623
- "name": "foundationBadgeTemplate",
4624
- "module": "src/badge/badge.template.ts"
4610
+ "name": "foundationBannerTemplate",
4611
+ "module": "src/banner/banner.template.ts"
4625
4612
  }
4626
4613
  }
4627
4614
  ]
4628
4615
  },
4629
4616
  {
4630
4617
  "kind": "javascript-module",
4631
- "path": "src/badge/badge.ts",
4618
+ "path": "src/banner/banner.ts",
4632
4619
  "declarations": [
4620
+ {
4621
+ "kind": "variable",
4622
+ "name": "foundationBannerShadowOptions",
4623
+ "type": {
4624
+ "text": "ShadowRootInit"
4625
+ },
4626
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
4627
+ },
4633
4628
  {
4634
4629
  "kind": "class",
4635
4630
  "description": "",
4636
- "name": "Badge",
4637
- "superclass": {
4638
- "name": "FASTBadge",
4639
- "package": "@microsoft/fast-components"
4640
- },
4641
- "tagName": "%%prefix%%-badge",
4642
- "customElement": true,
4643
- "attributes": [
4644
- {
4645
- "name": "fill",
4646
- "type": {
4647
- "text": "string"
4648
- },
4649
- "description": "Indicates the badge should have a filled style.",
4650
- "fieldName": "fill",
4651
- "inheritedFrom": {
4652
- "name": "Badge",
4653
- "module": "src/badge/badge.ts"
4654
- }
4655
- },
4631
+ "name": "Banner",
4632
+ "members": [
4656
4633
  {
4657
- "name": "color",
4634
+ "kind": "field",
4635
+ "name": "banner",
4658
4636
  "type": {
4659
- "text": "string"
4637
+ "text": "HTMLElement"
4660
4638
  },
4661
- "description": "Indicates the badge should have a filled style.",
4662
- "fieldName": "color",
4663
- "inheritedFrom": {
4664
- "name": "Badge",
4665
- "module": "src/badge/badge.ts"
4666
- }
4639
+ "privacy": "public"
4667
4640
  },
4668
- {
4669
- "type": {
4670
- "text": "boolean"
4671
- },
4672
- "description": "Indicates the element should be circular",
4673
- "fieldName": "circular",
4674
- "inheritedFrom": {
4675
- "name": "Badge",
4676
- "module": "src/badge/badge.ts"
4677
- }
4678
- }
4679
- ],
4680
- "members": [
4681
4641
  {
4682
4642
  "kind": "field",
4683
- "name": "fill",
4643
+ "name": "dismissAnimation",
4684
4644
  "type": {
4685
- "text": "string"
4645
+ "text": "'banner-delete' | ''"
4686
4646
  },
4687
- "privacy": "public",
4688
- "description": "Indicates the badge should have a filled style.",
4689
- "inheritedFrom": {
4690
- "name": "Badge",
4691
- "module": "src/badge/badge.ts"
4692
- }
4647
+ "default": "''"
4693
4648
  },
4694
4649
  {
4695
4650
  "kind": "field",
4696
- "name": "color",
4651
+ "name": "notification",
4697
4652
  "type": {
4698
- "text": "string"
4699
- },
4700
- "privacy": "public",
4701
- "description": "Indicates the badge should have a filled style.",
4702
- "inheritedFrom": {
4703
- "name": "Badge",
4704
- "module": "src/badge/badge.ts"
4653
+ "text": "NotificationStructure"
4705
4654
  }
4706
4655
  },
4707
4656
  {
4708
- "kind": "field",
4709
- "name": "circular",
4710
- "type": {
4711
- "text": "boolean"
4712
- },
4657
+ "kind": "method",
4658
+ "name": "dismiss",
4713
4659
  "privacy": "public",
4714
- "description": "Indicates the element should be circular",
4715
- "inheritedFrom": {
4716
- "name": "Badge",
4717
- "module": "src/badge/badge.ts"
4718
- }
4660
+ "return": {
4661
+ "type": {
4662
+ "text": "Promise<void>"
4663
+ }
4664
+ },
4665
+ "description": "Dismiss the Banner from display."
4719
4666
  },
4720
4667
  {
4721
- "kind": "field",
4722
- "name": "generateBadgeStyle",
4668
+ "kind": "method",
4669
+ "name": "dismissNotification",
4723
4670
  "privacy": "public",
4724
- "inheritedFrom": {
4725
- "name": "Badge",
4726
- "module": "src/badge/badge.ts"
4727
- }
4671
+ "description": "Dismiss the Banner (NotificationStructure) from display."
4728
4672
  },
4729
4673
  {
4730
4674
  "kind": "field",
@@ -4837,69 +4781,51 @@
4837
4781
  "module": "src/foundation-element/foundation-element.ts"
4838
4782
  }
4839
4783
  }
4840
- ]
4841
- },
4842
- {
4843
- "kind": "variable",
4844
- "name": "foundationBadgeShadowOptions",
4845
- "type": {
4846
- "text": "ShadowRootInit"
4847
- },
4848
- "default": "undefined"
4849
- },
4850
- {
4851
- "kind": "variable",
4852
- "name": "defaultBadgeConfig",
4853
- "type": {
4854
- "text": "object"
4784
+ ],
4785
+ "superclass": {
4786
+ "name": "FoundationElement",
4787
+ "package": "@microsoft/fast-foundation"
4855
4788
  },
4856
- "default": "{}"
4789
+ "tagName": "%%prefix%%-banner",
4790
+ "customElement": true
4857
4791
  },
4858
4792
  {
4859
4793
  "kind": "variable",
4860
- "name": "foundationBadge",
4861
- "description": "The Foundation Badge",
4794
+ "name": "foundationBanner",
4795
+ "description": "The Foundation Banner",
4862
4796
  "privacy": "public"
4863
4797
  }
4864
4798
  ],
4865
4799
  "exports": [
4866
4800
  {
4867
4801
  "kind": "js",
4868
- "name": "Badge",
4869
- "declaration": {
4870
- "name": "Badge",
4871
- "module": "src/badge/badge.ts"
4872
- }
4873
- },
4874
- {
4875
- "kind": "js",
4876
- "name": "foundationBadgeShadowOptions",
4802
+ "name": "foundationBannerShadowOptions",
4877
4803
  "declaration": {
4878
- "name": "foundationBadgeShadowOptions",
4879
- "module": "src/badge/badge.ts"
4804
+ "name": "foundationBannerShadowOptions",
4805
+ "module": "src/banner/banner.ts"
4880
4806
  }
4881
4807
  },
4882
4808
  {
4883
4809
  "kind": "js",
4884
- "name": "defaultBadgeConfig",
4810
+ "name": "Banner",
4885
4811
  "declaration": {
4886
- "name": "defaultBadgeConfig",
4887
- "module": "src/badge/badge.ts"
4812
+ "name": "Banner",
4813
+ "module": "src/banner/banner.ts"
4888
4814
  }
4889
4815
  },
4890
4816
  {
4891
4817
  "kind": "js",
4892
- "name": "foundationBadge",
4818
+ "name": "foundationBanner",
4893
4819
  "declaration": {
4894
- "name": "foundationBadge",
4895
- "module": "src/badge/badge.ts"
4820
+ "name": "foundationBanner",
4821
+ "module": "src/banner/banner.ts"
4896
4822
  }
4897
4823
  }
4898
4824
  ]
4899
4825
  },
4900
4826
  {
4901
4827
  "kind": "javascript-module",
4902
- "path": "src/badge/index.ts",
4828
+ "path": "src/banner/index.ts",
4903
4829
  "declarations": [],
4904
4830
  "exports": [
4905
4831
  {
@@ -4907,7 +4833,7 @@
4907
4833
  "name": "*",
4908
4834
  "declaration": {
4909
4835
  "name": "*",
4910
- "package": "./badge.template"
4836
+ "package": "./banner.styles"
4911
4837
  }
4912
4838
  },
4913
4839
  {
@@ -4915,7 +4841,7 @@
4915
4841
  "name": "*",
4916
4842
  "declaration": {
4917
4843
  "name": "*",
4918
- "package": "./badge.styles"
4844
+ "package": "./banner.template"
4919
4845
  }
4920
4846
  },
4921
4847
  {
@@ -4923,132 +4849,188 @@
4923
4849
  "name": "*",
4924
4850
  "declaration": {
4925
4851
  "name": "*",
4926
- "package": "./badge"
4852
+ "package": "./banner"
4927
4853
  }
4928
4854
  }
4929
4855
  ]
4930
4856
  },
4931
4857
  {
4932
4858
  "kind": "javascript-module",
4933
- "path": "src/banner/banner.styles.ts",
4859
+ "path": "src/badge/badge.styles.ts",
4934
4860
  "declarations": [
4935
4861
  {
4936
- "kind": "variable",
4937
- "name": "foundationBannerStyles",
4938
- "type": {
4939
- "text": "ElementStyles"
4862
+ "kind": "function",
4863
+ "name": "foundationBadgeStyles",
4864
+ "return": {
4865
+ "type": {
4866
+ "text": "ElementStyles"
4867
+ }
4940
4868
  },
4941
- "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
4869
+ "parameters": [
4870
+ {
4871
+ "name": "context",
4872
+ "type": {
4873
+ "text": "ElementDefinitionContext"
4874
+ }
4875
+ },
4876
+ {
4877
+ "name": "definition",
4878
+ "type": {
4879
+ "text": "FoundationElementDefinition"
4880
+ }
4881
+ }
4882
+ ]
4942
4883
  }
4943
4884
  ],
4944
4885
  "exports": [
4945
4886
  {
4946
4887
  "kind": "js",
4947
- "name": "foundationBannerStyles",
4888
+ "name": "foundationBadgeStyles",
4948
4889
  "declaration": {
4949
- "name": "foundationBannerStyles",
4950
- "module": "src/banner/banner.styles.ts"
4890
+ "name": "foundationBadgeStyles",
4891
+ "module": "src/badge/badge.styles.ts"
4951
4892
  }
4952
4893
  }
4953
4894
  ]
4954
4895
  },
4955
4896
  {
4956
4897
  "kind": "javascript-module",
4957
- "path": "src/banner/banner.template.ts",
4898
+ "path": "src/badge/badge.template.ts",
4958
4899
  "declarations": [
4959
4900
  {
4960
4901
  "kind": "function",
4961
- "name": "getBannerTemplate",
4902
+ "name": "foundationBadgeTemplate",
4903
+ "return": {
4904
+ "type": {
4905
+ "text": "ViewTemplate<Badge>"
4906
+ }
4907
+ },
4962
4908
  "parameters": [
4963
4909
  {
4964
- "name": "prefix",
4910
+ "name": "context",
4965
4911
  "type": {
4966
- "text": "string"
4912
+ "text": "ElementDefinitionContext"
4913
+ }
4914
+ },
4915
+ {
4916
+ "name": "definition",
4917
+ "type": {
4918
+ "text": "FoundationElementDefinition"
4967
4919
  }
4968
4920
  }
4969
4921
  ]
4970
- },
4971
- {
4972
- "kind": "variable",
4973
- "name": "foundationBannerTemplate",
4974
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4975
4922
  }
4976
4923
  ],
4977
4924
  "exports": [
4978
4925
  {
4979
4926
  "kind": "js",
4980
- "name": "getBannerTemplate",
4981
- "declaration": {
4982
- "name": "getBannerTemplate",
4983
- "module": "src/banner/banner.template.ts"
4984
- }
4985
- },
4986
- {
4987
- "kind": "js",
4988
- "name": "foundationBannerTemplate",
4927
+ "name": "foundationBadgeTemplate",
4989
4928
  "declaration": {
4990
- "name": "foundationBannerTemplate",
4991
- "module": "src/banner/banner.template.ts"
4929
+ "name": "foundationBadgeTemplate",
4930
+ "module": "src/badge/badge.template.ts"
4992
4931
  }
4993
4932
  }
4994
4933
  ]
4995
4934
  },
4996
4935
  {
4997
4936
  "kind": "javascript-module",
4998
- "path": "src/banner/banner.ts",
4937
+ "path": "src/badge/badge.ts",
4999
4938
  "declarations": [
5000
- {
5001
- "kind": "variable",
5002
- "name": "foundationBannerShadowOptions",
5003
- "type": {
5004
- "text": "ShadowRootInit"
5005
- },
5006
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5007
- },
5008
4939
  {
5009
4940
  "kind": "class",
5010
4941
  "description": "",
5011
- "name": "Banner",
5012
- "members": [
4942
+ "name": "Badge",
4943
+ "superclass": {
4944
+ "name": "FASTBadge",
4945
+ "package": "@microsoft/fast-components"
4946
+ },
4947
+ "tagName": "%%prefix%%-badge",
4948
+ "customElement": true,
4949
+ "attributes": [
5013
4950
  {
5014
- "kind": "field",
5015
- "name": "banner",
4951
+ "name": "fill",
5016
4952
  "type": {
5017
- "text": "HTMLElement"
4953
+ "text": "string"
5018
4954
  },
5019
- "privacy": "public"
4955
+ "description": "Indicates the badge should have a filled style.",
4956
+ "fieldName": "fill",
4957
+ "inheritedFrom": {
4958
+ "name": "Badge",
4959
+ "module": "src/badge/badge.ts"
4960
+ }
5020
4961
  },
5021
4962
  {
5022
- "kind": "field",
5023
- "name": "dismissAnimation",
4963
+ "name": "color",
5024
4964
  "type": {
5025
- "text": "'banner-delete' | ''"
4965
+ "text": "string"
5026
4966
  },
5027
- "default": "''"
4967
+ "description": "Indicates the badge should have a filled style.",
4968
+ "fieldName": "color",
4969
+ "inheritedFrom": {
4970
+ "name": "Badge",
4971
+ "module": "src/badge/badge.ts"
4972
+ }
5028
4973
  },
4974
+ {
4975
+ "type": {
4976
+ "text": "boolean"
4977
+ },
4978
+ "description": "Indicates the element should be circular",
4979
+ "fieldName": "circular",
4980
+ "inheritedFrom": {
4981
+ "name": "Badge",
4982
+ "module": "src/badge/badge.ts"
4983
+ }
4984
+ }
4985
+ ],
4986
+ "members": [
5029
4987
  {
5030
4988
  "kind": "field",
5031
- "name": "notification",
4989
+ "name": "fill",
5032
4990
  "type": {
5033
- "text": "NotificationStructure"
4991
+ "text": "string"
4992
+ },
4993
+ "privacy": "public",
4994
+ "description": "Indicates the badge should have a filled style.",
4995
+ "inheritedFrom": {
4996
+ "name": "Badge",
4997
+ "module": "src/badge/badge.ts"
5034
4998
  }
5035
4999
  },
5036
5000
  {
5037
- "kind": "method",
5038
- "name": "dismiss",
5001
+ "kind": "field",
5002
+ "name": "color",
5003
+ "type": {
5004
+ "text": "string"
5005
+ },
5039
5006
  "privacy": "public",
5040
- "return": {
5041
- "type": {
5042
- "text": "Promise<void>"
5043
- }
5007
+ "description": "Indicates the badge should have a filled style.",
5008
+ "inheritedFrom": {
5009
+ "name": "Badge",
5010
+ "module": "src/badge/badge.ts"
5011
+ }
5012
+ },
5013
+ {
5014
+ "kind": "field",
5015
+ "name": "circular",
5016
+ "type": {
5017
+ "text": "boolean"
5044
5018
  },
5045
- "description": "Dismiss the Banner from display."
5019
+ "privacy": "public",
5020
+ "description": "Indicates the element should be circular",
5021
+ "inheritedFrom": {
5022
+ "name": "Badge",
5023
+ "module": "src/badge/badge.ts"
5024
+ }
5046
5025
  },
5047
5026
  {
5048
- "kind": "method",
5049
- "name": "dismissNotification",
5027
+ "kind": "field",
5028
+ "name": "generateBadgeStyle",
5050
5029
  "privacy": "public",
5051
- "description": "Dismiss the Banner (NotificationStructure) from display."
5030
+ "inheritedFrom": {
5031
+ "name": "Badge",
5032
+ "module": "src/badge/badge.ts"
5033
+ }
5052
5034
  },
5053
5035
  {
5054
5036
  "kind": "field",
@@ -5161,51 +5143,69 @@
5161
5143
  "module": "src/foundation-element/foundation-element.ts"
5162
5144
  }
5163
5145
  }
5164
- ],
5165
- "superclass": {
5166
- "name": "FoundationElement",
5167
- "package": "@microsoft/fast-foundation"
5146
+ ]
5147
+ },
5148
+ {
5149
+ "kind": "variable",
5150
+ "name": "foundationBadgeShadowOptions",
5151
+ "type": {
5152
+ "text": "ShadowRootInit"
5168
5153
  },
5169
- "tagName": "%%prefix%%-banner",
5170
- "customElement": true
5154
+ "default": "undefined"
5171
5155
  },
5172
5156
  {
5173
5157
  "kind": "variable",
5174
- "name": "foundationBanner",
5175
- "description": "The Foundation Banner",
5158
+ "name": "defaultBadgeConfig",
5159
+ "type": {
5160
+ "text": "object"
5161
+ },
5162
+ "default": "{}"
5163
+ },
5164
+ {
5165
+ "kind": "variable",
5166
+ "name": "foundationBadge",
5167
+ "description": "The Foundation Badge",
5176
5168
  "privacy": "public"
5177
5169
  }
5178
5170
  ],
5179
5171
  "exports": [
5180
5172
  {
5181
5173
  "kind": "js",
5182
- "name": "foundationBannerShadowOptions",
5174
+ "name": "Badge",
5183
5175
  "declaration": {
5184
- "name": "foundationBannerShadowOptions",
5185
- "module": "src/banner/banner.ts"
5176
+ "name": "Badge",
5177
+ "module": "src/badge/badge.ts"
5186
5178
  }
5187
5179
  },
5188
5180
  {
5189
5181
  "kind": "js",
5190
- "name": "Banner",
5182
+ "name": "foundationBadgeShadowOptions",
5191
5183
  "declaration": {
5192
- "name": "Banner",
5193
- "module": "src/banner/banner.ts"
5184
+ "name": "foundationBadgeShadowOptions",
5185
+ "module": "src/badge/badge.ts"
5194
5186
  }
5195
5187
  },
5196
5188
  {
5197
5189
  "kind": "js",
5198
- "name": "foundationBanner",
5190
+ "name": "defaultBadgeConfig",
5199
5191
  "declaration": {
5200
- "name": "foundationBanner",
5201
- "module": "src/banner/banner.ts"
5192
+ "name": "defaultBadgeConfig",
5193
+ "module": "src/badge/badge.ts"
5194
+ }
5195
+ },
5196
+ {
5197
+ "kind": "js",
5198
+ "name": "foundationBadge",
5199
+ "declaration": {
5200
+ "name": "foundationBadge",
5201
+ "module": "src/badge/badge.ts"
5202
5202
  }
5203
5203
  }
5204
5204
  ]
5205
5205
  },
5206
5206
  {
5207
5207
  "kind": "javascript-module",
5208
- "path": "src/banner/index.ts",
5208
+ "path": "src/badge/index.ts",
5209
5209
  "declarations": [],
5210
5210
  "exports": [
5211
5211
  {
@@ -5213,7 +5213,7 @@
5213
5213
  "name": "*",
5214
5214
  "declaration": {
5215
5215
  "name": "*",
5216
- "package": "./banner.styles"
5216
+ "package": "./badge.template"
5217
5217
  }
5218
5218
  },
5219
5219
  {
@@ -5221,7 +5221,7 @@
5221
5221
  "name": "*",
5222
5222
  "declaration": {
5223
5223
  "name": "*",
5224
- "package": "./banner.template"
5224
+ "package": "./badge.styles"
5225
5225
  }
5226
5226
  },
5227
5227
  {
@@ -5229,7 +5229,7 @@
5229
5229
  "name": "*",
5230
5230
  "declaration": {
5231
5231
  "name": "*",
5232
- "package": "./banner"
5232
+ "package": "./badge"
5233
5233
  }
5234
5234
  }
5235
5235
  ]
@@ -35702,7 +35702,7 @@
35702
35702
  },
35703
35703
  {
35704
35704
  "kind": "javascript-module",
35705
- "path": "src/switch/index.ts",
35705
+ "path": "src/tab/index.ts",
35706
35706
  "declarations": [],
35707
35707
  "exports": [
35708
35708
  {
@@ -35710,7 +35710,7 @@
35710
35710
  "name": "*",
35711
35711
  "declaration": {
35712
35712
  "name": "*",
35713
- "package": "./switch.template"
35713
+ "package": "./tab.template"
35714
35714
  }
35715
35715
  },
35716
35716
  {
@@ -35718,7 +35718,7 @@
35718
35718
  "name": "*",
35719
35719
  "declaration": {
35720
35720
  "name": "*",
35721
- "package": "./switch.styles"
35721
+ "package": "./tab.styles"
35722
35722
  }
35723
35723
  },
35724
35724
  {
@@ -35726,18 +35726,18 @@
35726
35726
  "name": "*",
35727
35727
  "declaration": {
35728
35728
  "name": "*",
35729
- "package": "./switch"
35729
+ "package": "./tab"
35730
35730
  }
35731
35731
  }
35732
35732
  ]
35733
35733
  },
35734
35734
  {
35735
35735
  "kind": "javascript-module",
35736
- "path": "src/switch/switch.styles.ts",
35736
+ "path": "src/tab/tab.styles.ts",
35737
35737
  "declarations": [
35738
35738
  {
35739
35739
  "kind": "function",
35740
- "name": "foundationSwitchStyles",
35740
+ "name": "foundationTabStyles",
35741
35741
  "return": {
35742
35742
  "type": {
35743
35743
  "text": "ElementStyles"
@@ -35753,7 +35753,7 @@
35753
35753
  {
35754
35754
  "name": "definition",
35755
35755
  "type": {
35756
- "text": "SwitchOptions"
35756
+ "text": "FoundationElementDefinition"
35757
35757
  }
35758
35758
  }
35759
35759
  ]
@@ -35762,24 +35762,24 @@
35762
35762
  "exports": [
35763
35763
  {
35764
35764
  "kind": "js",
35765
- "name": "foundationSwitchStyles",
35765
+ "name": "foundationTabStyles",
35766
35766
  "declaration": {
35767
- "name": "foundationSwitchStyles",
35768
- "module": "src/switch/switch.styles.ts"
35767
+ "name": "foundationTabStyles",
35768
+ "module": "src/tab/tab.styles.ts"
35769
35769
  }
35770
35770
  }
35771
35771
  ]
35772
35772
  },
35773
35773
  {
35774
35774
  "kind": "javascript-module",
35775
- "path": "src/switch/switch.template.ts",
35775
+ "path": "src/tab/tab.template.ts",
35776
35776
  "declarations": [
35777
35777
  {
35778
35778
  "kind": "function",
35779
- "name": "foundationSwitchTemplate",
35779
+ "name": "foundationTabTemplate",
35780
35780
  "return": {
35781
35781
  "type": {
35782
- "text": "ViewTemplate<Switch>"
35782
+ "text": "ViewTemplate<Tab>"
35783
35783
  }
35784
35784
  },
35785
35785
  "parameters": [
@@ -35801,76 +35801,53 @@
35801
35801
  "exports": [
35802
35802
  {
35803
35803
  "kind": "js",
35804
- "name": "foundationSwitchTemplate",
35804
+ "name": "foundationTabTemplate",
35805
35805
  "declaration": {
35806
- "name": "foundationSwitchTemplate",
35807
- "module": "src/switch/switch.template.ts"
35806
+ "name": "foundationTabTemplate",
35807
+ "module": "src/tab/tab.template.ts"
35808
35808
  }
35809
35809
  }
35810
35810
  ]
35811
35811
  },
35812
35812
  {
35813
35813
  "kind": "javascript-module",
35814
- "path": "src/switch/switch.ts",
35814
+ "path": "src/tab/tab.ts",
35815
35815
  "declarations": [
35816
35816
  {
35817
35817
  "kind": "class",
35818
35818
  "description": "",
35819
- "name": "Switch",
35819
+ "name": "Tab",
35820
35820
  "superclass": {
35821
- "name": "FASTSwitch",
35821
+ "name": "FASTTab",
35822
35822
  "package": "@microsoft/fast-components"
35823
35823
  },
35824
- "tagName": "%%prefix%%-switch",
35824
+ "tagName": "%%prefix%%-tab",
35825
35825
  "customElement": true,
35826
35826
  "attributes": [
35827
35827
  {
35828
- "name": "readonly",
35829
35828
  "type": {
35830
35829
  "text": "boolean"
35831
35830
  },
35832
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
35833
- "fieldName": "readOnly",
35831
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
35832
+ "fieldName": "disabled",
35834
35833
  "inheritedFrom": {
35835
- "name": "Switch",
35836
- "module": "src/switch/switch.ts"
35834
+ "name": "Tab",
35835
+ "module": "src/tab/tab.ts"
35837
35836
  }
35838
35837
  }
35839
35838
  ],
35840
35839
  "members": [
35841
35840
  {
35842
35841
  "kind": "field",
35843
- "name": "readOnly",
35842
+ "name": "disabled",
35844
35843
  "type": {
35845
35844
  "text": "boolean"
35846
35845
  },
35847
35846
  "privacy": "public",
35848
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
35849
- "inheritedFrom": {
35850
- "name": "Switch",
35851
- "module": "src/switch/switch.ts"
35852
- }
35853
- },
35854
- {
35855
- "kind": "method",
35856
- "name": "readOnlyChanged",
35857
- "privacy": "private",
35858
- "return": {
35859
- "type": {
35860
- "text": "void"
35861
- }
35862
- },
35863
- "inheritedFrom": {
35864
- "name": "Switch",
35865
- "module": "src/switch/switch.ts"
35866
- }
35867
- },
35868
- {
35869
- "kind": "field",
35870
- "name": "proxy",
35847
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
35871
35848
  "inheritedFrom": {
35872
- "name": "Switch",
35873
- "module": "src/switch/switch.ts"
35849
+ "name": "Tab",
35850
+ "module": "src/tab/tab.ts"
35874
35851
  }
35875
35852
  },
35876
35853
  {
@@ -35882,8 +35859,8 @@
35882
35859
  "privacy": "private",
35883
35860
  "default": "void 0",
35884
35861
  "inheritedFrom": {
35885
- "name": "Switch",
35886
- "module": "src/switch/switch.ts"
35862
+ "name": "FoundationElement",
35863
+ "module": "src/foundation-element/foundation-element.ts"
35887
35864
  }
35888
35865
  },
35889
35866
  {
@@ -35895,8 +35872,8 @@
35895
35872
  "privacy": "public",
35896
35873
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
35897
35874
  "inheritedFrom": {
35898
- "name": "Switch",
35899
- "module": "src/switch/switch.ts"
35875
+ "name": "FoundationElement",
35876
+ "module": "src/foundation-element/foundation-element.ts"
35900
35877
  }
35901
35878
  },
35902
35879
  {
@@ -35908,8 +35885,8 @@
35908
35885
  "privacy": "public",
35909
35886
  "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.",
35910
35887
  "inheritedFrom": {
35911
- "name": "Switch",
35912
- "module": "src/switch/switch.ts"
35888
+ "name": "FoundationElement",
35889
+ "module": "src/foundation-element/foundation-element.ts"
35913
35890
  }
35914
35891
  },
35915
35892
  {
@@ -35922,8 +35899,8 @@
35922
35899
  }
35923
35900
  },
35924
35901
  "inheritedFrom": {
35925
- "name": "Switch",
35926
- "module": "src/switch/switch.ts"
35902
+ "name": "FoundationElement",
35903
+ "module": "src/foundation-element/foundation-element.ts"
35927
35904
  }
35928
35905
  },
35929
35906
  {
@@ -35935,8 +35912,8 @@
35935
35912
  "privacy": "public",
35936
35913
  "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.",
35937
35914
  "inheritedFrom": {
35938
- "name": "Switch",
35939
- "module": "src/switch/switch.ts"
35915
+ "name": "FoundationElement",
35916
+ "module": "src/foundation-element/foundation-element.ts"
35940
35917
  }
35941
35918
  },
35942
35919
  {
@@ -35949,8 +35926,8 @@
35949
35926
  }
35950
35927
  },
35951
35928
  "inheritedFrom": {
35952
- "name": "Switch",
35953
- "module": "src/switch/switch.ts"
35929
+ "name": "FoundationElement",
35930
+ "module": "src/foundation-element/foundation-element.ts"
35954
35931
  }
35955
35932
  },
35956
35933
  {
@@ -35980,25 +35957,15 @@
35980
35957
  ],
35981
35958
  "description": "Defines an element registry function with a set of element definition defaults.",
35982
35959
  "inheritedFrom": {
35983
- "name": "Switch",
35984
- "module": "src/switch/switch.ts"
35985
- }
35986
- }
35987
- ],
35988
- "events": [
35989
- {
35990
- "description": "Emits a custom change event when the checked state changes",
35991
- "name": "change",
35992
- "inheritedFrom": {
35993
- "name": "Switch",
35994
- "module": "src/switch/switch.ts"
35960
+ "name": "FoundationElement",
35961
+ "module": "src/foundation-element/foundation-element.ts"
35995
35962
  }
35996
35963
  }
35997
35964
  ]
35998
35965
  },
35999
35966
  {
36000
35967
  "kind": "variable",
36001
- "name": "foundationSwitchShadowOptions",
35968
+ "name": "foundationTabShadowOptions",
36002
35969
  "type": {
36003
35970
  "text": "ShadowRootInit"
36004
35971
  },
@@ -36006,57 +35973,57 @@
36006
35973
  },
36007
35974
  {
36008
35975
  "kind": "variable",
36009
- "name": "defaultSwitchConfig",
35976
+ "name": "defaultTabConfig",
36010
35977
  "type": {
36011
35978
  "text": "object"
36012
35979
  },
36013
- "default": "{\n switch: `<div class=\"checked-indicator\" part=\"checked-indicator\"></div>`,\n}"
35980
+ "default": "{}"
36014
35981
  },
36015
35982
  {
36016
35983
  "kind": "variable",
36017
- "name": "foundationSwitch",
36018
- "description": "The Foundation Switch",
35984
+ "name": "foundationTab",
35985
+ "description": "The Foundation Tab",
36019
35986
  "privacy": "public"
36020
35987
  }
36021
35988
  ],
36022
35989
  "exports": [
36023
35990
  {
36024
35991
  "kind": "js",
36025
- "name": "Switch",
35992
+ "name": "Tab",
36026
35993
  "declaration": {
36027
- "name": "Switch",
36028
- "module": "src/switch/switch.ts"
35994
+ "name": "Tab",
35995
+ "module": "src/tab/tab.ts"
36029
35996
  }
36030
35997
  },
36031
35998
  {
36032
35999
  "kind": "js",
36033
- "name": "foundationSwitchShadowOptions",
36000
+ "name": "foundationTabShadowOptions",
36034
36001
  "declaration": {
36035
- "name": "foundationSwitchShadowOptions",
36036
- "module": "src/switch/switch.ts"
36002
+ "name": "foundationTabShadowOptions",
36003
+ "module": "src/tab/tab.ts"
36037
36004
  }
36038
36005
  },
36039
36006
  {
36040
36007
  "kind": "js",
36041
- "name": "defaultSwitchConfig",
36008
+ "name": "defaultTabConfig",
36042
36009
  "declaration": {
36043
- "name": "defaultSwitchConfig",
36044
- "module": "src/switch/switch.ts"
36010
+ "name": "defaultTabConfig",
36011
+ "module": "src/tab/tab.ts"
36045
36012
  }
36046
36013
  },
36047
36014
  {
36048
36015
  "kind": "js",
36049
- "name": "foundationSwitch",
36016
+ "name": "foundationTab",
36050
36017
  "declaration": {
36051
- "name": "foundationSwitch",
36052
- "module": "src/switch/switch.ts"
36018
+ "name": "foundationTab",
36019
+ "module": "src/tab/tab.ts"
36053
36020
  }
36054
36021
  }
36055
36022
  ]
36056
36023
  },
36057
36024
  {
36058
36025
  "kind": "javascript-module",
36059
- "path": "src/tab/index.ts",
36026
+ "path": "src/tab-panel/index.ts",
36060
36027
  "declarations": [],
36061
36028
  "exports": [
36062
36029
  {
@@ -36064,7 +36031,7 @@
36064
36031
  "name": "*",
36065
36032
  "declaration": {
36066
36033
  "name": "*",
36067
- "package": "./tab.template"
36034
+ "package": "./tab-panel.template"
36068
36035
  }
36069
36036
  },
36070
36037
  {
@@ -36072,7 +36039,7 @@
36072
36039
  "name": "*",
36073
36040
  "declaration": {
36074
36041
  "name": "*",
36075
- "package": "./tab.styles"
36042
+ "package": "./tab-panel.styles"
36076
36043
  }
36077
36044
  },
36078
36045
  {
@@ -36080,18 +36047,18 @@
36080
36047
  "name": "*",
36081
36048
  "declaration": {
36082
36049
  "name": "*",
36083
- "package": "./tab"
36050
+ "package": "./tab-panel"
36084
36051
  }
36085
36052
  }
36086
36053
  ]
36087
36054
  },
36088
36055
  {
36089
36056
  "kind": "javascript-module",
36090
- "path": "src/tab/tab.styles.ts",
36057
+ "path": "src/tab-panel/tab-panel.styles.ts",
36091
36058
  "declarations": [
36092
36059
  {
36093
36060
  "kind": "function",
36094
- "name": "foundationTabStyles",
36061
+ "name": "foundationTabPanelStyles",
36095
36062
  "return": {
36096
36063
  "type": {
36097
36064
  "text": "ElementStyles"
@@ -36116,24 +36083,24 @@
36116
36083
  "exports": [
36117
36084
  {
36118
36085
  "kind": "js",
36119
- "name": "foundationTabStyles",
36086
+ "name": "foundationTabPanelStyles",
36120
36087
  "declaration": {
36121
- "name": "foundationTabStyles",
36122
- "module": "src/tab/tab.styles.ts"
36088
+ "name": "foundationTabPanelStyles",
36089
+ "module": "src/tab-panel/tab-panel.styles.ts"
36123
36090
  }
36124
36091
  }
36125
36092
  ]
36126
36093
  },
36127
36094
  {
36128
36095
  "kind": "javascript-module",
36129
- "path": "src/tab/tab.template.ts",
36096
+ "path": "src/tab-panel/tab-panel.template.ts",
36130
36097
  "declarations": [
36131
36098
  {
36132
36099
  "kind": "function",
36133
- "name": "foundationTabTemplate",
36100
+ "name": "foundationTabPanelTemplate",
36134
36101
  "return": {
36135
36102
  "type": {
36136
- "text": "ViewTemplate<Tab>"
36103
+ "text": "ViewTemplate<TabPanel>"
36137
36104
  }
36138
36105
  },
36139
36106
  "parameters": [
@@ -36155,55 +36122,29 @@
36155
36122
  "exports": [
36156
36123
  {
36157
36124
  "kind": "js",
36158
- "name": "foundationTabTemplate",
36125
+ "name": "foundationTabPanelTemplate",
36159
36126
  "declaration": {
36160
- "name": "foundationTabTemplate",
36161
- "module": "src/tab/tab.template.ts"
36127
+ "name": "foundationTabPanelTemplate",
36128
+ "module": "src/tab-panel/tab-panel.template.ts"
36162
36129
  }
36163
36130
  }
36164
36131
  ]
36165
36132
  },
36166
36133
  {
36167
36134
  "kind": "javascript-module",
36168
- "path": "src/tab/tab.ts",
36135
+ "path": "src/tab-panel/tab-panel.ts",
36169
36136
  "declarations": [
36170
36137
  {
36171
36138
  "kind": "class",
36172
36139
  "description": "",
36173
- "name": "Tab",
36140
+ "name": "TabPanel",
36174
36141
  "superclass": {
36175
- "name": "FASTTab",
36142
+ "name": "FASTTabPanel",
36176
36143
  "package": "@microsoft/fast-components"
36177
36144
  },
36178
- "tagName": "%%prefix%%-tab",
36145
+ "tagName": "%%prefix%%-tab-panel",
36179
36146
  "customElement": true,
36180
- "attributes": [
36181
- {
36182
- "type": {
36183
- "text": "boolean"
36184
- },
36185
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
36186
- "fieldName": "disabled",
36187
- "inheritedFrom": {
36188
- "name": "Tab",
36189
- "module": "src/tab/tab.ts"
36190
- }
36191
- }
36192
- ],
36193
36147
  "members": [
36194
- {
36195
- "kind": "field",
36196
- "name": "disabled",
36197
- "type": {
36198
- "text": "boolean"
36199
- },
36200
- "privacy": "public",
36201
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
36202
- "inheritedFrom": {
36203
- "name": "Tab",
36204
- "module": "src/tab/tab.ts"
36205
- }
36206
- },
36207
36148
  {
36208
36149
  "kind": "field",
36209
36150
  "name": "_presentation",
@@ -36319,7 +36260,7 @@
36319
36260
  },
36320
36261
  {
36321
36262
  "kind": "variable",
36322
- "name": "foundationTabShadowOptions",
36263
+ "name": "foundationTabPanelShadowOptions",
36323
36264
  "type": {
36324
36265
  "text": "ShadowRootInit"
36325
36266
  },
@@ -36327,7 +36268,7 @@
36327
36268
  },
36328
36269
  {
36329
36270
  "kind": "variable",
36330
- "name": "defaultTabConfig",
36271
+ "name": "defaultTabPanelConfig",
36331
36272
  "type": {
36332
36273
  "text": "object"
36333
36274
  },
@@ -36335,49 +36276,49 @@
36335
36276
  },
36336
36277
  {
36337
36278
  "kind": "variable",
36338
- "name": "foundationTab",
36339
- "description": "The Foundation Tab",
36279
+ "name": "foundationTabPanel",
36280
+ "description": "The Foundation Tab Panel",
36340
36281
  "privacy": "public"
36341
36282
  }
36342
36283
  ],
36343
36284
  "exports": [
36344
36285
  {
36345
36286
  "kind": "js",
36346
- "name": "Tab",
36287
+ "name": "TabPanel",
36347
36288
  "declaration": {
36348
- "name": "Tab",
36349
- "module": "src/tab/tab.ts"
36289
+ "name": "TabPanel",
36290
+ "module": "src/tab-panel/tab-panel.ts"
36350
36291
  }
36351
36292
  },
36352
36293
  {
36353
36294
  "kind": "js",
36354
- "name": "foundationTabShadowOptions",
36295
+ "name": "foundationTabPanelShadowOptions",
36355
36296
  "declaration": {
36356
- "name": "foundationTabShadowOptions",
36357
- "module": "src/tab/tab.ts"
36297
+ "name": "foundationTabPanelShadowOptions",
36298
+ "module": "src/tab-panel/tab-panel.ts"
36358
36299
  }
36359
36300
  },
36360
36301
  {
36361
36302
  "kind": "js",
36362
- "name": "defaultTabConfig",
36303
+ "name": "defaultTabPanelConfig",
36363
36304
  "declaration": {
36364
- "name": "defaultTabConfig",
36365
- "module": "src/tab/tab.ts"
36305
+ "name": "defaultTabPanelConfig",
36306
+ "module": "src/tab-panel/tab-panel.ts"
36366
36307
  }
36367
36308
  },
36368
36309
  {
36369
36310
  "kind": "js",
36370
- "name": "foundationTab",
36311
+ "name": "foundationTabPanel",
36371
36312
  "declaration": {
36372
- "name": "foundationTab",
36373
- "module": "src/tab/tab.ts"
36313
+ "name": "foundationTabPanel",
36314
+ "module": "src/tab-panel/tab-panel.ts"
36374
36315
  }
36375
36316
  }
36376
36317
  ]
36377
36318
  },
36378
36319
  {
36379
36320
  "kind": "javascript-module",
36380
- "path": "src/tab-panel/index.ts",
36321
+ "path": "src/switch/index.ts",
36381
36322
  "declarations": [],
36382
36323
  "exports": [
36383
36324
  {
@@ -36385,7 +36326,7 @@
36385
36326
  "name": "*",
36386
36327
  "declaration": {
36387
36328
  "name": "*",
36388
- "package": "./tab-panel.template"
36329
+ "package": "./switch.template"
36389
36330
  }
36390
36331
  },
36391
36332
  {
@@ -36393,7 +36334,7 @@
36393
36334
  "name": "*",
36394
36335
  "declaration": {
36395
36336
  "name": "*",
36396
- "package": "./tab-panel.styles"
36337
+ "package": "./switch.styles"
36397
36338
  }
36398
36339
  },
36399
36340
  {
@@ -36401,18 +36342,18 @@
36401
36342
  "name": "*",
36402
36343
  "declaration": {
36403
36344
  "name": "*",
36404
- "package": "./tab-panel"
36345
+ "package": "./switch"
36405
36346
  }
36406
36347
  }
36407
36348
  ]
36408
36349
  },
36409
36350
  {
36410
36351
  "kind": "javascript-module",
36411
- "path": "src/tab-panel/tab-panel.styles.ts",
36352
+ "path": "src/switch/switch.styles.ts",
36412
36353
  "declarations": [
36413
36354
  {
36414
36355
  "kind": "function",
36415
- "name": "foundationTabPanelStyles",
36356
+ "name": "foundationSwitchStyles",
36416
36357
  "return": {
36417
36358
  "type": {
36418
36359
  "text": "ElementStyles"
@@ -36428,7 +36369,7 @@
36428
36369
  {
36429
36370
  "name": "definition",
36430
36371
  "type": {
36431
- "text": "FoundationElementDefinition"
36372
+ "text": "SwitchOptions"
36432
36373
  }
36433
36374
  }
36434
36375
  ]
@@ -36437,24 +36378,24 @@
36437
36378
  "exports": [
36438
36379
  {
36439
36380
  "kind": "js",
36440
- "name": "foundationTabPanelStyles",
36381
+ "name": "foundationSwitchStyles",
36441
36382
  "declaration": {
36442
- "name": "foundationTabPanelStyles",
36443
- "module": "src/tab-panel/tab-panel.styles.ts"
36383
+ "name": "foundationSwitchStyles",
36384
+ "module": "src/switch/switch.styles.ts"
36444
36385
  }
36445
36386
  }
36446
36387
  ]
36447
36388
  },
36448
36389
  {
36449
36390
  "kind": "javascript-module",
36450
- "path": "src/tab-panel/tab-panel.template.ts",
36391
+ "path": "src/switch/switch.template.ts",
36451
36392
  "declarations": [
36452
36393
  {
36453
36394
  "kind": "function",
36454
- "name": "foundationTabPanelTemplate",
36395
+ "name": "foundationSwitchTemplate",
36455
36396
  "return": {
36456
36397
  "type": {
36457
- "text": "ViewTemplate<TabPanel>"
36398
+ "text": "ViewTemplate<Switch>"
36458
36399
  }
36459
36400
  },
36460
36401
  "parameters": [
@@ -36476,29 +36417,78 @@
36476
36417
  "exports": [
36477
36418
  {
36478
36419
  "kind": "js",
36479
- "name": "foundationTabPanelTemplate",
36420
+ "name": "foundationSwitchTemplate",
36480
36421
  "declaration": {
36481
- "name": "foundationTabPanelTemplate",
36482
- "module": "src/tab-panel/tab-panel.template.ts"
36422
+ "name": "foundationSwitchTemplate",
36423
+ "module": "src/switch/switch.template.ts"
36483
36424
  }
36484
36425
  }
36485
36426
  ]
36486
36427
  },
36487
36428
  {
36488
36429
  "kind": "javascript-module",
36489
- "path": "src/tab-panel/tab-panel.ts",
36430
+ "path": "src/switch/switch.ts",
36490
36431
  "declarations": [
36491
36432
  {
36492
36433
  "kind": "class",
36493
36434
  "description": "",
36494
- "name": "TabPanel",
36435
+ "name": "Switch",
36495
36436
  "superclass": {
36496
- "name": "FASTTabPanel",
36437
+ "name": "FASTSwitch",
36497
36438
  "package": "@microsoft/fast-components"
36498
36439
  },
36499
- "tagName": "%%prefix%%-tab-panel",
36440
+ "tagName": "%%prefix%%-switch",
36500
36441
  "customElement": true,
36442
+ "attributes": [
36443
+ {
36444
+ "name": "readonly",
36445
+ "type": {
36446
+ "text": "boolean"
36447
+ },
36448
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
36449
+ "fieldName": "readOnly",
36450
+ "inheritedFrom": {
36451
+ "name": "Switch",
36452
+ "module": "src/switch/switch.ts"
36453
+ }
36454
+ }
36455
+ ],
36501
36456
  "members": [
36457
+ {
36458
+ "kind": "field",
36459
+ "name": "readOnly",
36460
+ "type": {
36461
+ "text": "boolean"
36462
+ },
36463
+ "privacy": "public",
36464
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
36465
+ "inheritedFrom": {
36466
+ "name": "Switch",
36467
+ "module": "src/switch/switch.ts"
36468
+ }
36469
+ },
36470
+ {
36471
+ "kind": "method",
36472
+ "name": "readOnlyChanged",
36473
+ "privacy": "private",
36474
+ "return": {
36475
+ "type": {
36476
+ "text": "void"
36477
+ }
36478
+ },
36479
+ "inheritedFrom": {
36480
+ "name": "Switch",
36481
+ "module": "src/switch/switch.ts"
36482
+ }
36483
+ },
36484
+ {
36485
+ "kind": "field",
36486
+ "name": "proxy",
36487
+ "inheritedFrom": {
36488
+ "name": "Switch",
36489
+ "module": "src/switch/switch.ts"
36490
+ }
36491
+ },
36502
36492
  {
36503
36493
  "kind": "field",
36504
36494
  "name": "_presentation",
@@ -36508,8 +36498,8 @@
36508
36498
  "privacy": "private",
36509
36499
  "default": "void 0",
36510
36500
  "inheritedFrom": {
36511
- "name": "FoundationElement",
36512
- "module": "src/foundation-element/foundation-element.ts"
36501
+ "name": "Switch",
36502
+ "module": "src/switch/switch.ts"
36513
36503
  }
36514
36504
  },
36515
36505
  {
@@ -36521,8 +36511,8 @@
36521
36511
  "privacy": "public",
36522
36512
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
36523
36513
  "inheritedFrom": {
36524
- "name": "FoundationElement",
36525
- "module": "src/foundation-element/foundation-element.ts"
36514
+ "name": "Switch",
36515
+ "module": "src/switch/switch.ts"
36526
36516
  }
36527
36517
  },
36528
36518
  {
@@ -36534,8 +36524,8 @@
36534
36524
  "privacy": "public",
36535
36525
  "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.",
36536
36526
  "inheritedFrom": {
36537
- "name": "FoundationElement",
36538
- "module": "src/foundation-element/foundation-element.ts"
36527
+ "name": "Switch",
36528
+ "module": "src/switch/switch.ts"
36539
36529
  }
36540
36530
  },
36541
36531
  {
@@ -36548,8 +36538,8 @@
36548
36538
  }
36549
36539
  },
36550
36540
  "inheritedFrom": {
36551
- "name": "FoundationElement",
36552
- "module": "src/foundation-element/foundation-element.ts"
36541
+ "name": "Switch",
36542
+ "module": "src/switch/switch.ts"
36553
36543
  }
36554
36544
  },
36555
36545
  {
@@ -36561,8 +36551,8 @@
36561
36551
  "privacy": "public",
36562
36552
  "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.",
36563
36553
  "inheritedFrom": {
36564
- "name": "FoundationElement",
36565
- "module": "src/foundation-element/foundation-element.ts"
36554
+ "name": "Switch",
36555
+ "module": "src/switch/switch.ts"
36566
36556
  }
36567
36557
  },
36568
36558
  {
@@ -36575,8 +36565,8 @@
36575
36565
  }
36576
36566
  },
36577
36567
  "inheritedFrom": {
36578
- "name": "FoundationElement",
36579
- "module": "src/foundation-element/foundation-element.ts"
36568
+ "name": "Switch",
36569
+ "module": "src/switch/switch.ts"
36580
36570
  }
36581
36571
  },
36582
36572
  {
@@ -36606,15 +36596,25 @@
36606
36596
  ],
36607
36597
  "description": "Defines an element registry function with a set of element definition defaults.",
36608
36598
  "inheritedFrom": {
36609
- "name": "FoundationElement",
36610
- "module": "src/foundation-element/foundation-element.ts"
36599
+ "name": "Switch",
36600
+ "module": "src/switch/switch.ts"
36601
+ }
36602
+ }
36603
+ ],
36604
+ "events": [
36605
+ {
36606
+ "description": "Emits a custom change event when the checked state changes",
36607
+ "name": "change",
36608
+ "inheritedFrom": {
36609
+ "name": "Switch",
36610
+ "module": "src/switch/switch.ts"
36611
36611
  }
36612
36612
  }
36613
36613
  ]
36614
36614
  },
36615
36615
  {
36616
36616
  "kind": "variable",
36617
- "name": "foundationTabPanelShadowOptions",
36617
+ "name": "foundationSwitchShadowOptions",
36618
36618
  "type": {
36619
36619
  "text": "ShadowRootInit"
36620
36620
  },
@@ -36622,57 +36622,57 @@
36622
36622
  },
36623
36623
  {
36624
36624
  "kind": "variable",
36625
- "name": "defaultTabPanelConfig",
36625
+ "name": "defaultSwitchConfig",
36626
36626
  "type": {
36627
36627
  "text": "object"
36628
36628
  },
36629
- "default": "{}"
36629
+ "default": "{\n switch: `<div class=\"checked-indicator\" part=\"checked-indicator\"></div>`,\n}"
36630
36630
  },
36631
36631
  {
36632
36632
  "kind": "variable",
36633
- "name": "foundationTabPanel",
36634
- "description": "The Foundation Tab Panel",
36633
+ "name": "foundationSwitch",
36634
+ "description": "The Foundation Switch",
36635
36635
  "privacy": "public"
36636
36636
  }
36637
36637
  ],
36638
36638
  "exports": [
36639
36639
  {
36640
36640
  "kind": "js",
36641
- "name": "TabPanel",
36641
+ "name": "Switch",
36642
36642
  "declaration": {
36643
- "name": "TabPanel",
36644
- "module": "src/tab-panel/tab-panel.ts"
36643
+ "name": "Switch",
36644
+ "module": "src/switch/switch.ts"
36645
36645
  }
36646
36646
  },
36647
36647
  {
36648
36648
  "kind": "js",
36649
- "name": "foundationTabPanelShadowOptions",
36649
+ "name": "foundationSwitchShadowOptions",
36650
36650
  "declaration": {
36651
- "name": "foundationTabPanelShadowOptions",
36652
- "module": "src/tab-panel/tab-panel.ts"
36651
+ "name": "foundationSwitchShadowOptions",
36652
+ "module": "src/switch/switch.ts"
36653
36653
  }
36654
36654
  },
36655
36655
  {
36656
36656
  "kind": "js",
36657
- "name": "defaultTabPanelConfig",
36657
+ "name": "defaultSwitchConfig",
36658
36658
  "declaration": {
36659
- "name": "defaultTabPanelConfig",
36660
- "module": "src/tab-panel/tab-panel.ts"
36659
+ "name": "defaultSwitchConfig",
36660
+ "module": "src/switch/switch.ts"
36661
36661
  }
36662
36662
  },
36663
36663
  {
36664
36664
  "kind": "js",
36665
- "name": "foundationTabPanel",
36665
+ "name": "foundationSwitch",
36666
36666
  "declaration": {
36667
- "name": "foundationTabPanel",
36668
- "module": "src/tab-panel/tab-panel.ts"
36667
+ "name": "foundationSwitch",
36668
+ "module": "src/switch/switch.ts"
36669
36669
  }
36670
36670
  }
36671
36671
  ]
36672
36672
  },
36673
36673
  {
36674
36674
  "kind": "javascript-module",
36675
- "path": "src/tabs/index.ts",
36675
+ "path": "src/text-area/index.ts",
36676
36676
  "declarations": [],
36677
36677
  "exports": [
36678
36678
  {
@@ -36680,7 +36680,7 @@
36680
36680
  "name": "*",
36681
36681
  "declaration": {
36682
36682
  "name": "*",
36683
- "package": "./tabs.template"
36683
+ "package": "./text-area.template"
36684
36684
  }
36685
36685
  },
36686
36686
  {
@@ -36688,7 +36688,7 @@
36688
36688
  "name": "*",
36689
36689
  "declaration": {
36690
36690
  "name": "*",
36691
- "package": "./tabs.styles"
36691
+ "package": "./text-area.styles"
36692
36692
  }
36693
36693
  },
36694
36694
  {
@@ -36696,18 +36696,18 @@
36696
36696
  "name": "*",
36697
36697
  "declaration": {
36698
36698
  "name": "*",
36699
- "package": "./tabs"
36699
+ "package": "./text-area"
36700
36700
  }
36701
36701
  }
36702
36702
  ]
36703
36703
  },
36704
36704
  {
36705
36705
  "kind": "javascript-module",
36706
- "path": "src/tabs/tabs.styles.ts",
36706
+ "path": "src/text-area/text-area.styles.ts",
36707
36707
  "declarations": [
36708
36708
  {
36709
36709
  "kind": "function",
36710
- "name": "foundationTabsStyles",
36710
+ "name": "foundationTextAreaStyles",
36711
36711
  "return": {
36712
36712
  "type": {
36713
36713
  "text": "ElementStyles"
@@ -36732,24 +36732,24 @@
36732
36732
  "exports": [
36733
36733
  {
36734
36734
  "kind": "js",
36735
- "name": "foundationTabsStyles",
36735
+ "name": "foundationTextAreaStyles",
36736
36736
  "declaration": {
36737
- "name": "foundationTabsStyles",
36738
- "module": "src/tabs/tabs.styles.ts"
36737
+ "name": "foundationTextAreaStyles",
36738
+ "module": "src/text-area/text-area.styles.ts"
36739
36739
  }
36740
36740
  }
36741
36741
  ]
36742
36742
  },
36743
36743
  {
36744
36744
  "kind": "javascript-module",
36745
- "path": "src/tabs/tabs.template.ts",
36745
+ "path": "src/text-area/text-area.template.ts",
36746
36746
  "declarations": [
36747
36747
  {
36748
36748
  "kind": "function",
36749
- "name": "foundationTabsTemplate",
36749
+ "name": "foundationTextAreaTemplate",
36750
36750
  "return": {
36751
36751
  "type": {
36752
- "text": "ViewTemplate<Tabs>"
36752
+ "text": "ViewTemplate<TextArea>"
36753
36753
  }
36754
36754
  },
36755
36755
  "parameters": [
@@ -36771,410 +36771,380 @@
36771
36771
  "exports": [
36772
36772
  {
36773
36773
  "kind": "js",
36774
- "name": "foundationTabsTemplate",
36774
+ "name": "foundationTextAreaTemplate",
36775
36775
  "declaration": {
36776
- "name": "foundationTabsTemplate",
36777
- "module": "src/tabs/tabs.template.ts"
36776
+ "name": "foundationTextAreaTemplate",
36777
+ "module": "src/text-area/text-area.template.ts"
36778
36778
  }
36779
36779
  }
36780
36780
  ]
36781
36781
  },
36782
36782
  {
36783
36783
  "kind": "javascript-module",
36784
- "path": "src/tabs/tabs.ts",
36784
+ "path": "src/text-area/text-area.ts",
36785
36785
  "declarations": [
36786
36786
  {
36787
36787
  "kind": "class",
36788
36788
  "description": "",
36789
- "name": "Tabs",
36789
+ "name": "TextArea",
36790
36790
  "superclass": {
36791
- "name": "FASTTabs",
36791
+ "name": "FASTTextArea",
36792
36792
  "package": "@microsoft/fast-components"
36793
36793
  },
36794
- "tagName": "%%prefix%%-tabs",
36794
+ "tagName": "%%prefix%%-text-area",
36795
36795
  "customElement": true,
36796
36796
  "attributes": [
36797
36797
  {
36798
- "name": "orientation",
36799
36798
  "type": {
36800
- "text": "TabsOrientation"
36799
+ "text": "boolean"
36801
36800
  },
36802
- "description": "The orientation",
36803
- "fieldName": "orientation",
36801
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
36802
+ "fieldName": "readOnly",
36803
+ "default": "20",
36804
36804
  "inheritedFrom": {
36805
- "name": "Tabs",
36806
- "module": "src/tabs/tabs.ts"
36805
+ "name": "TextArea",
36806
+ "module": "src/text-area/text-area.ts"
36807
36807
  }
36808
36808
  },
36809
36809
  {
36810
- "name": "activeid",
36810
+ "name": "resize",
36811
36811
  "type": {
36812
- "text": "string"
36812
+ "text": "TextAreaResize"
36813
36813
  },
36814
- "description": "The id of the active tab",
36815
- "fieldName": "activeid",
36814
+ "description": "The resize mode of the element.",
36815
+ "fieldName": "resize",
36816
36816
  "inheritedFrom": {
36817
- "name": "Tabs",
36818
- "module": "src/tabs/tabs.ts"
36817
+ "name": "TextArea",
36818
+ "module": "src/text-area/text-area.ts"
36819
36819
  }
36820
36820
  },
36821
36821
  {
36822
+ "name": "form",
36822
36823
  "type": {
36823
- "text": "boolean"
36824
+ "text": "string"
36824
36825
  },
36825
- "default": "true",
36826
- "description": "Whether or not to show the active indicator",
36827
- "fieldName": "activeindicator",
36826
+ "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
36827
+ "fieldName": "formId",
36828
36828
  "inheritedFrom": {
36829
- "name": "Tabs",
36830
- "module": "src/tabs/tabs.ts"
36829
+ "name": "TextArea",
36830
+ "module": "src/text-area/text-area.ts"
36831
36831
  }
36832
- }
36833
- ],
36834
- "members": [
36832
+ },
36835
36833
  {
36836
- "kind": "field",
36837
- "name": "orientation",
36834
+ "name": "list",
36838
36835
  "type": {
36839
- "text": "TabsOrientation"
36836
+ "text": "string"
36840
36837
  },
36841
- "privacy": "public",
36842
- "description": "The orientation",
36838
+ "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
36839
+ "fieldName": "list",
36843
36840
  "inheritedFrom": {
36844
- "name": "Tabs",
36845
- "module": "src/tabs/tabs.ts"
36841
+ "name": "TextArea",
36842
+ "module": "src/text-area/text-area.ts"
36846
36843
  }
36847
36844
  },
36848
36845
  {
36849
- "kind": "field",
36850
- "name": "activeid",
36846
+ "name": "name",
36851
36847
  "type": {
36852
36848
  "text": "string"
36853
36849
  },
36854
- "privacy": "public",
36855
- "description": "The id of the active tab",
36850
+ "description": "The name of the element.",
36851
+ "fieldName": "name",
36856
36852
  "inheritedFrom": {
36857
- "name": "Tabs",
36858
- "module": "src/tabs/tabs.ts"
36853
+ "name": "TextArea",
36854
+ "module": "src/text-area/text-area.ts"
36859
36855
  }
36860
36856
  },
36861
36857
  {
36862
- "kind": "field",
36863
- "name": "activeindicator",
36858
+ "name": "placeholder",
36864
36859
  "type": {
36865
- "text": "boolean"
36860
+ "text": "string"
36866
36861
  },
36867
- "privacy": "public",
36868
- "default": "true",
36869
- "description": "Whether or not to show the active indicator",
36862
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
36863
+ "fieldName": "placeholder",
36870
36864
  "inheritedFrom": {
36871
- "name": "Tabs",
36872
- "module": "src/tabs/tabs.ts"
36865
+ "name": "TextArea",
36866
+ "module": "src/text-area/text-area.ts"
36873
36867
  }
36874
- },
36868
+ }
36869
+ ],
36870
+ "members": [
36875
36871
  {
36876
36872
  "kind": "field",
36877
- "name": "activetab",
36873
+ "name": "readOnly",
36878
36874
  "type": {
36879
- "text": "HTMLElement"
36875
+ "text": "boolean"
36880
36876
  },
36881
36877
  "privacy": "public",
36882
- "description": "A reference to the active tab",
36878
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
36883
36879
  "inheritedFrom": {
36884
- "name": "Tabs",
36885
- "module": "src/tabs/tabs.ts"
36880
+ "name": "TextArea",
36881
+ "module": "src/text-area/text-area.ts"
36886
36882
  }
36887
36883
  },
36888
36884
  {
36889
- "kind": "field",
36890
- "name": "prevActiveTabIndex",
36891
- "type": {
36892
- "text": "number"
36893
- },
36885
+ "kind": "method",
36886
+ "name": "readOnlyChanged",
36894
36887
  "privacy": "private",
36895
- "default": "0",
36888
+ "return": {
36889
+ "type": {
36890
+ "text": "void"
36891
+ }
36892
+ },
36896
36893
  "inheritedFrom": {
36897
- "name": "Tabs",
36898
- "module": "src/tabs/tabs.ts"
36894
+ "name": "TextArea",
36895
+ "module": "src/text-area/text-area.ts"
36899
36896
  }
36900
36897
  },
36901
36898
  {
36902
36899
  "kind": "field",
36903
- "name": "activeTabIndex",
36900
+ "name": "resize",
36904
36901
  "type": {
36905
- "text": "number"
36902
+ "text": "TextAreaResize"
36906
36903
  },
36907
- "privacy": "private",
36908
- "default": "0",
36904
+ "privacy": "public",
36905
+ "description": "The resize mode of the element.",
36909
36906
  "inheritedFrom": {
36910
- "name": "Tabs",
36911
- "module": "src/tabs/tabs.ts"
36907
+ "name": "TextArea",
36908
+ "module": "src/text-area/text-area.ts"
36912
36909
  }
36913
36910
  },
36914
36911
  {
36915
36912
  "kind": "field",
36916
- "name": "ticking",
36913
+ "name": "autofocus",
36917
36914
  "type": {
36918
36915
  "text": "boolean"
36919
36916
  },
36920
- "privacy": "private",
36921
- "default": "false",
36917
+ "privacy": "public",
36918
+ "description": "Indicates that this element should get focus after the page finishes loading.",
36922
36919
  "inheritedFrom": {
36923
- "name": "Tabs",
36924
- "module": "src/tabs/tabs.ts"
36920
+ "name": "TextArea",
36921
+ "module": "src/text-area/text-area.ts"
36925
36922
  }
36926
36923
  },
36927
36924
  {
36928
- "kind": "field",
36929
- "name": "tabIds",
36930
- "type": {
36931
- "text": "Array<string>"
36932
- },
36925
+ "kind": "method",
36926
+ "name": "autofocusChanged",
36933
36927
  "privacy": "private",
36928
+ "return": {
36929
+ "type": {
36930
+ "text": "void"
36931
+ }
36932
+ },
36934
36933
  "inheritedFrom": {
36935
- "name": "Tabs",
36936
- "module": "src/tabs/tabs.ts"
36934
+ "name": "TextArea",
36935
+ "module": "src/text-area/text-area.ts"
36937
36936
  }
36938
36937
  },
36939
36938
  {
36940
36939
  "kind": "field",
36941
- "name": "tabpanelIds",
36940
+ "name": "formId",
36942
36941
  "type": {
36943
- "text": "Array<string>"
36942
+ "text": "string"
36944
36943
  },
36945
- "privacy": "private",
36946
- "inheritedFrom": {
36947
- "name": "Tabs",
36948
- "module": "src/tabs/tabs.ts"
36949
- }
36950
- },
36951
- {
36952
- "kind": "field",
36953
- "name": "change",
36954
- "privacy": "private",
36944
+ "privacy": "public",
36945
+ "description": "The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to",
36955
36946
  "inheritedFrom": {
36956
- "name": "Tabs",
36957
- "module": "src/tabs/tabs.ts"
36947
+ "name": "TextArea",
36948
+ "module": "src/text-area/text-area.ts"
36958
36949
  }
36959
36950
  },
36960
36951
  {
36961
36952
  "kind": "field",
36962
- "name": "isDisabledElement",
36963
- "privacy": "private",
36953
+ "name": "list",
36954
+ "type": {
36955
+ "text": "string"
36956
+ },
36957
+ "privacy": "public",
36958
+ "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
36964
36959
  "inheritedFrom": {
36965
- "name": "Tabs",
36966
- "module": "src/tabs/tabs.ts"
36960
+ "name": "TextArea",
36961
+ "module": "src/text-area/text-area.ts"
36967
36962
  }
36968
36963
  },
36969
36964
  {
36970
- "kind": "field",
36971
- "name": "isHiddenElement",
36965
+ "kind": "method",
36966
+ "name": "listChanged",
36972
36967
  "privacy": "private",
36968
+ "return": {
36969
+ "type": {
36970
+ "text": "void"
36971
+ }
36972
+ },
36973
36973
  "inheritedFrom": {
36974
- "name": "Tabs",
36975
- "module": "src/tabs/tabs.ts"
36974
+ "name": "TextArea",
36975
+ "module": "src/text-area/text-area.ts"
36976
36976
  }
36977
36977
  },
36978
36978
  {
36979
36979
  "kind": "field",
36980
- "name": "isFocusableElement",
36981
- "privacy": "private",
36980
+ "name": "maxlength",
36981
+ "type": {
36982
+ "text": "number"
36983
+ },
36984
+ "privacy": "public",
36985
+ "description": "The maximum number of characters a user can enter.",
36982
36986
  "inheritedFrom": {
36983
- "name": "Tabs",
36984
- "module": "src/tabs/tabs.ts"
36987
+ "name": "TextArea",
36988
+ "module": "src/text-area/text-area.ts"
36985
36989
  }
36986
36990
  },
36987
36991
  {
36988
36992
  "kind": "method",
36989
- "name": "getActiveIndex",
36993
+ "name": "maxlengthChanged",
36990
36994
  "privacy": "private",
36991
36995
  "return": {
36992
36996
  "type": {
36993
- "text": "number"
36997
+ "text": "void"
36994
36998
  }
36995
36999
  },
36996
37000
  "inheritedFrom": {
36997
- "name": "Tabs",
36998
- "module": "src/tabs/tabs.ts"
36999
- }
37000
- },
37001
- {
37002
- "kind": "field",
37003
- "name": "setTabs",
37004
- "privacy": "private",
37005
- "inheritedFrom": {
37006
- "name": "Tabs",
37007
- "module": "src/tabs/tabs.ts"
37001
+ "name": "TextArea",
37002
+ "module": "src/text-area/text-area.ts"
37008
37003
  }
37009
37004
  },
37010
37005
  {
37011
37006
  "kind": "field",
37012
- "name": "setTabPanels",
37013
- "privacy": "private",
37007
+ "name": "minlength",
37008
+ "type": {
37009
+ "text": "number"
37010
+ },
37011
+ "privacy": "public",
37012
+ "description": "The minimum number of characters a user can enter.",
37014
37013
  "inheritedFrom": {
37015
- "name": "Tabs",
37016
- "module": "src/tabs/tabs.ts"
37014
+ "name": "TextArea",
37015
+ "module": "src/text-area/text-area.ts"
37017
37016
  }
37018
37017
  },
37019
37018
  {
37020
37019
  "kind": "method",
37021
- "name": "getTabIds",
37020
+ "name": "minlengthChanged",
37022
37021
  "privacy": "private",
37023
37022
  "return": {
37024
37023
  "type": {
37025
- "text": "Array<string>"
37024
+ "text": "void"
37026
37025
  }
37027
37026
  },
37028
37027
  "inheritedFrom": {
37029
- "name": "Tabs",
37030
- "module": "src/tabs/tabs.ts"
37028
+ "name": "TextArea",
37029
+ "module": "src/text-area/text-area.ts"
37031
37030
  }
37032
37031
  },
37033
37032
  {
37034
- "kind": "method",
37035
- "name": "getTabPanelIds",
37036
- "privacy": "private",
37037
- "return": {
37038
- "type": {
37039
- "text": "Array<string>"
37040
- }
37033
+ "kind": "field",
37034
+ "name": "name",
37035
+ "type": {
37036
+ "text": "string"
37041
37037
  },
37038
+ "privacy": "public",
37039
+ "description": "The name of the element.",
37042
37040
  "inheritedFrom": {
37043
- "name": "Tabs",
37044
- "module": "src/tabs/tabs.ts"
37041
+ "name": "TextArea",
37042
+ "module": "src/text-area/text-area.ts"
37045
37043
  }
37046
37044
  },
37047
37045
  {
37048
- "kind": "method",
37049
- "name": "setComponent",
37050
- "privacy": "private",
37051
- "return": {
37052
- "type": {
37053
- "text": "void"
37054
- }
37046
+ "kind": "field",
37047
+ "name": "placeholder",
37048
+ "type": {
37049
+ "text": "string"
37055
37050
  },
37051
+ "privacy": "public",
37052
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
37056
37053
  "inheritedFrom": {
37057
- "name": "Tabs",
37058
- "module": "src/tabs/tabs.ts"
37054
+ "name": "TextArea",
37055
+ "module": "src/text-area/text-area.ts"
37059
37056
  }
37060
37057
  },
37061
37058
  {
37062
37059
  "kind": "field",
37063
- "name": "handleTabClick",
37064
- "privacy": "private",
37060
+ "name": "cols",
37061
+ "type": {
37062
+ "text": "number"
37063
+ },
37064
+ "privacy": "public",
37065
+ "default": "20",
37066
+ "description": "Sizes the element horizontally by a number of character columns.",
37065
37067
  "inheritedFrom": {
37066
- "name": "Tabs",
37067
- "module": "src/tabs/tabs.ts"
37068
+ "name": "TextArea",
37069
+ "module": "src/text-area/text-area.ts"
37068
37070
  }
37069
37071
  },
37070
37072
  {
37071
- "kind": "method",
37072
- "name": "isHorizontal",
37073
- "privacy": "private",
37074
- "return": {
37075
- "type": {
37076
- "text": "boolean"
37077
- }
37073
+ "kind": "field",
37074
+ "name": "rows",
37075
+ "type": {
37076
+ "text": "number"
37078
37077
  },
37078
+ "privacy": "public",
37079
+ "description": "Sizes the element vertically by a number of character rows.",
37079
37080
  "inheritedFrom": {
37080
- "name": "Tabs",
37081
- "module": "src/tabs/tabs.ts"
37081
+ "name": "TextArea",
37082
+ "module": "src/text-area/text-area.ts"
37082
37083
  }
37083
37084
  },
37084
37085
  {
37085
37086
  "kind": "field",
37086
- "name": "handleTabKeyDown",
37087
- "privacy": "private",
37087
+ "name": "spellcheck",
37088
+ "type": {
37089
+ "text": "boolean"
37090
+ },
37091
+ "privacy": "public",
37092
+ "description": "Sets if the element is eligible for spell checking\nbut the UA.",
37088
37093
  "inheritedFrom": {
37089
- "name": "Tabs",
37090
- "module": "src/tabs/tabs.ts"
37094
+ "name": "TextArea",
37095
+ "module": "src/text-area/text-area.ts"
37091
37096
  }
37092
37097
  },
37093
37098
  {
37094
37099
  "kind": "method",
37095
- "name": "handleActiveIndicatorPosition",
37100
+ "name": "spellcheckChanged",
37096
37101
  "privacy": "private",
37102
+ "return": {
37103
+ "type": {
37104
+ "text": "void"
37105
+ }
37106
+ },
37097
37107
  "inheritedFrom": {
37098
- "name": "Tabs",
37099
- "module": "src/tabs/tabs.ts"
37108
+ "name": "TextArea",
37109
+ "module": "src/text-area/text-area.ts"
37100
37110
  }
37101
37111
  },
37102
37112
  {
37103
37113
  "kind": "method",
37104
- "name": "animateActiveIndicator",
37105
- "privacy": "private",
37114
+ "name": "select",
37115
+ "privacy": "public",
37106
37116
  "return": {
37107
37117
  "type": {
37108
37118
  "text": "void"
37109
37119
  }
37110
37120
  },
37121
+ "description": "Selects all the text in the text area",
37111
37122
  "inheritedFrom": {
37112
- "name": "Tabs",
37113
- "module": "src/tabs/tabs.ts"
37123
+ "name": "TextArea",
37124
+ "module": "src/text-area/text-area.ts"
37114
37125
  }
37115
37126
  },
37116
37127
  {
37117
37128
  "kind": "method",
37118
- "name": "adjust",
37129
+ "name": "validate",
37119
37130
  "privacy": "public",
37120
37131
  "return": {
37121
37132
  "type": {
37122
37133
  "text": "void"
37123
37134
  }
37124
37135
  },
37125
- "parameters": [
37126
- {
37127
- "name": "adjustment",
37128
- "type": {
37129
- "text": "number"
37130
- }
37131
- }
37132
- ],
37133
- "description": "The adjust method for FASTTabs",
37134
- "inheritedFrom": {
37135
- "name": "Tabs",
37136
- "module": "src/tabs/tabs.ts"
37137
- }
37138
- },
37139
- {
37140
- "kind": "field",
37141
- "name": "adjustForward",
37142
- "privacy": "private",
37143
- "inheritedFrom": {
37144
- "name": "Tabs",
37145
- "module": "src/tabs/tabs.ts"
37146
- }
37147
- },
37148
- {
37149
- "kind": "field",
37150
- "name": "adjustBackward",
37151
- "privacy": "private",
37136
+ "description": "{@inheritDoc (FormAssociated:interface).validate}",
37152
37137
  "inheritedFrom": {
37153
- "name": "Tabs",
37154
- "module": "src/tabs/tabs.ts"
37138
+ "name": "TextArea",
37139
+ "module": "src/text-area/text-area.ts"
37155
37140
  }
37156
37141
  },
37157
37142
  {
37158
37143
  "kind": "field",
37159
- "name": "moveToTabByIndex",
37160
- "privacy": "private",
37161
- "inheritedFrom": {
37162
- "name": "Tabs",
37163
- "module": "src/tabs/tabs.ts"
37164
- }
37165
- },
37166
- {
37167
- "kind": "method",
37168
- "name": "focusTab",
37169
- "privacy": "private",
37170
- "return": {
37171
- "type": {
37172
- "text": "void"
37173
- }
37174
- },
37144
+ "name": "proxy",
37175
37145
  "inheritedFrom": {
37176
- "name": "Tabs",
37177
- "module": "src/tabs/tabs.ts"
37146
+ "name": "TextArea",
37147
+ "module": "src/text-area/text-area.ts"
37178
37148
  }
37179
37149
  },
37180
37150
  {
@@ -37186,8 +37156,8 @@
37186
37156
  "privacy": "private",
37187
37157
  "default": "void 0",
37188
37158
  "inheritedFrom": {
37189
- "name": "FoundationElement",
37190
- "module": "src/foundation-element/foundation-element.ts"
37159
+ "name": "TextArea",
37160
+ "module": "src/text-area/text-area.ts"
37191
37161
  }
37192
37162
  },
37193
37163
  {
@@ -37199,8 +37169,8 @@
37199
37169
  "privacy": "public",
37200
37170
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
37201
37171
  "inheritedFrom": {
37202
- "name": "FoundationElement",
37203
- "module": "src/foundation-element/foundation-element.ts"
37172
+ "name": "TextArea",
37173
+ "module": "src/text-area/text-area.ts"
37204
37174
  }
37205
37175
  },
37206
37176
  {
@@ -37212,8 +37182,8 @@
37212
37182
  "privacy": "public",
37213
37183
  "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.",
37214
37184
  "inheritedFrom": {
37215
- "name": "FoundationElement",
37216
- "module": "src/foundation-element/foundation-element.ts"
37185
+ "name": "TextArea",
37186
+ "module": "src/text-area/text-area.ts"
37217
37187
  }
37218
37188
  },
37219
37189
  {
@@ -37226,8 +37196,8 @@
37226
37196
  }
37227
37197
  },
37228
37198
  "inheritedFrom": {
37229
- "name": "FoundationElement",
37230
- "module": "src/foundation-element/foundation-element.ts"
37199
+ "name": "TextArea",
37200
+ "module": "src/text-area/text-area.ts"
37231
37201
  }
37232
37202
  },
37233
37203
  {
@@ -37239,8 +37209,8 @@
37239
37209
  "privacy": "public",
37240
37210
  "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.",
37241
37211
  "inheritedFrom": {
37242
- "name": "FoundationElement",
37243
- "module": "src/foundation-element/foundation-element.ts"
37212
+ "name": "TextArea",
37213
+ "module": "src/text-area/text-area.ts"
37244
37214
  }
37245
37215
  },
37246
37216
  {
@@ -37253,8 +37223,8 @@
37253
37223
  }
37254
37224
  },
37255
37225
  "inheritedFrom": {
37256
- "name": "FoundationElement",
37257
- "module": "src/foundation-element/foundation-element.ts"
37226
+ "name": "TextArea",
37227
+ "module": "src/text-area/text-area.ts"
37258
37228
  }
37259
37229
  },
37260
37230
  {
@@ -37284,25 +37254,25 @@
37284
37254
  ],
37285
37255
  "description": "Defines an element registry function with a set of element definition defaults.",
37286
37256
  "inheritedFrom": {
37287
- "name": "FoundationElement",
37288
- "module": "src/foundation-element/foundation-element.ts"
37257
+ "name": "TextArea",
37258
+ "module": "src/text-area/text-area.ts"
37289
37259
  }
37290
37260
  }
37291
37261
  ],
37292
37262
  "events": [
37293
37263
  {
37294
- "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
37264
+ "description": "Emits a custom 'change' event when the textarea emits a change event",
37295
37265
  "name": "change",
37296
37266
  "inheritedFrom": {
37297
- "name": "Tabs",
37298
- "module": "src/tabs/tabs.ts"
37267
+ "name": "TextArea",
37268
+ "module": "src/text-area/text-area.ts"
37299
37269
  }
37300
37270
  }
37301
37271
  ]
37302
37272
  },
37303
37273
  {
37304
37274
  "kind": "variable",
37305
- "name": "foundationTabsShadowOptions",
37275
+ "name": "foundationTextAreaShadowOptions",
37306
37276
  "type": {
37307
37277
  "text": "ShadowRootInit"
37308
37278
  },
@@ -37310,7 +37280,7 @@
37310
37280
  },
37311
37281
  {
37312
37282
  "kind": "variable",
37313
- "name": "defaultTabsConfig",
37283
+ "name": "defaultTextAreaConfig",
37314
37284
  "type": {
37315
37285
  "text": "object"
37316
37286
  },
@@ -37318,49 +37288,49 @@
37318
37288
  },
37319
37289
  {
37320
37290
  "kind": "variable",
37321
- "name": "foundationTabs",
37322
- "description": "The Foundation Tabs",
37291
+ "name": "foundationTextArea",
37292
+ "description": "The Foundation Text Area",
37323
37293
  "privacy": "public"
37324
37294
  }
37325
37295
  ],
37326
37296
  "exports": [
37327
37297
  {
37328
37298
  "kind": "js",
37329
- "name": "Tabs",
37299
+ "name": "TextArea",
37330
37300
  "declaration": {
37331
- "name": "Tabs",
37332
- "module": "src/tabs/tabs.ts"
37301
+ "name": "TextArea",
37302
+ "module": "src/text-area/text-area.ts"
37333
37303
  }
37334
37304
  },
37335
37305
  {
37336
37306
  "kind": "js",
37337
- "name": "foundationTabsShadowOptions",
37307
+ "name": "foundationTextAreaShadowOptions",
37338
37308
  "declaration": {
37339
- "name": "foundationTabsShadowOptions",
37340
- "module": "src/tabs/tabs.ts"
37309
+ "name": "foundationTextAreaShadowOptions",
37310
+ "module": "src/text-area/text-area.ts"
37341
37311
  }
37342
37312
  },
37343
37313
  {
37344
37314
  "kind": "js",
37345
- "name": "defaultTabsConfig",
37315
+ "name": "defaultTextAreaConfig",
37346
37316
  "declaration": {
37347
- "name": "defaultTabsConfig",
37348
- "module": "src/tabs/tabs.ts"
37317
+ "name": "defaultTextAreaConfig",
37318
+ "module": "src/text-area/text-area.ts"
37349
37319
  }
37350
37320
  },
37351
37321
  {
37352
37322
  "kind": "js",
37353
- "name": "foundationTabs",
37323
+ "name": "foundationTextArea",
37354
37324
  "declaration": {
37355
- "name": "foundationTabs",
37356
- "module": "src/tabs/tabs.ts"
37325
+ "name": "foundationTextArea",
37326
+ "module": "src/text-area/text-area.ts"
37357
37327
  }
37358
37328
  }
37359
37329
  ]
37360
37330
  },
37361
37331
  {
37362
37332
  "kind": "javascript-module",
37363
- "path": "src/text-area/index.ts",
37333
+ "path": "src/text-field/index.ts",
37364
37334
  "declarations": [],
37365
37335
  "exports": [
37366
37336
  {
@@ -37368,7 +37338,7 @@
37368
37338
  "name": "*",
37369
37339
  "declaration": {
37370
37340
  "name": "*",
37371
- "package": "./text-area.template"
37341
+ "package": "./text-field.template"
37372
37342
  }
37373
37343
  },
37374
37344
  {
@@ -37376,7 +37346,7 @@
37376
37346
  "name": "*",
37377
37347
  "declaration": {
37378
37348
  "name": "*",
37379
- "package": "./text-area.styles"
37349
+ "package": "./text-field.styles"
37380
37350
  }
37381
37351
  },
37382
37352
  {
@@ -37384,18 +37354,18 @@
37384
37354
  "name": "*",
37385
37355
  "declaration": {
37386
37356
  "name": "*",
37387
- "package": "./text-area"
37357
+ "package": "./text-field"
37388
37358
  }
37389
37359
  }
37390
37360
  ]
37391
37361
  },
37392
37362
  {
37393
37363
  "kind": "javascript-module",
37394
- "path": "src/text-area/text-area.styles.ts",
37364
+ "path": "src/text-field/text-field.styles.ts",
37395
37365
  "declarations": [
37396
37366
  {
37397
37367
  "kind": "function",
37398
- "name": "foundationTextAreaStyles",
37368
+ "name": "foundationTextFieldStyles",
37399
37369
  "return": {
37400
37370
  "type": {
37401
37371
  "text": "ElementStyles"
@@ -37420,38 +37390,27 @@
37420
37390
  "exports": [
37421
37391
  {
37422
37392
  "kind": "js",
37423
- "name": "foundationTextAreaStyles",
37393
+ "name": "foundationTextFieldStyles",
37424
37394
  "declaration": {
37425
- "name": "foundationTextAreaStyles",
37426
- "module": "src/text-area/text-area.styles.ts"
37395
+ "name": "foundationTextFieldStyles",
37396
+ "module": "src/text-field/text-field.styles.ts"
37427
37397
  }
37428
37398
  }
37429
37399
  ]
37430
37400
  },
37431
37401
  {
37432
37402
  "kind": "javascript-module",
37433
- "path": "src/text-area/text-area.template.ts",
37403
+ "path": "src/text-field/text-field.template.ts",
37434
37404
  "declarations": [
37435
37405
  {
37436
37406
  "kind": "function",
37437
- "name": "foundationTextAreaTemplate",
37438
- "return": {
37439
- "type": {
37440
- "text": "ViewTemplate<TextArea>"
37441
- }
37442
- },
37407
+ "name": "foundationTextFieldTemplate",
37443
37408
  "parameters": [
37444
37409
  {
37445
- "name": "context",
37446
- "type": {
37447
- "text": "ElementDefinitionContext"
37448
- }
37410
+ "name": "context"
37449
37411
  },
37450
37412
  {
37451
- "name": "definition",
37452
- "type": {
37453
- "text": "FoundationElementDefinition"
37454
- }
37413
+ "name": "definition"
37455
37414
  }
37456
37415
  ]
37457
37416
  }
@@ -37459,103 +37418,55 @@
37459
37418
  "exports": [
37460
37419
  {
37461
37420
  "kind": "js",
37462
- "name": "foundationTextAreaTemplate",
37421
+ "name": "foundationTextFieldTemplate",
37463
37422
  "declaration": {
37464
- "name": "foundationTextAreaTemplate",
37465
- "module": "src/text-area/text-area.template.ts"
37423
+ "name": "foundationTextFieldTemplate",
37424
+ "module": "src/text-field/text-field.template.ts"
37466
37425
  }
37467
37426
  }
37468
37427
  ]
37469
37428
  },
37470
37429
  {
37471
37430
  "kind": "javascript-module",
37472
- "path": "src/text-area/text-area.ts",
37431
+ "path": "src/text-field/text-field.ts",
37473
37432
  "declarations": [
37474
37433
  {
37475
37434
  "kind": "class",
37476
37435
  "description": "",
37477
- "name": "TextArea",
37478
- "superclass": {
37479
- "name": "FASTTextArea",
37480
- "package": "@microsoft/fast-components"
37481
- },
37482
- "tagName": "%%prefix%%-text-area",
37483
- "customElement": true,
37484
- "attributes": [
37436
+ "name": "TextField",
37437
+ "members": [
37485
37438
  {
37439
+ "kind": "field",
37440
+ "name": "autocomplete",
37486
37441
  "type": {
37487
- "text": "boolean"
37488
- },
37489
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
37490
- "fieldName": "readOnly",
37491
- "default": "20",
37492
- "inheritedFrom": {
37493
- "name": "TextArea",
37494
- "module": "src/text-area/text-area.ts"
37442
+ "text": "string"
37495
37443
  }
37496
37444
  },
37497
37445
  {
37498
- "name": "resize",
37499
- "type": {
37500
- "text": "TextAreaResize"
37501
- },
37502
- "description": "The resize mode of the element.",
37503
- "fieldName": "resize",
37504
- "inheritedFrom": {
37505
- "name": "TextArea",
37506
- "module": "src/text-area/text-area.ts"
37507
- }
37446
+ "kind": "method",
37447
+ "name": "autocompleteChanged",
37448
+ "privacy": "private"
37508
37449
  },
37509
37450
  {
37510
- "name": "form",
37451
+ "kind": "field",
37452
+ "name": "autocapitalize",
37511
37453
  "type": {
37512
37454
  "text": "string"
37513
37455
  },
37514
- "description": "The https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id of the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form the element is associated to",
37515
- "fieldName": "formId",
37516
- "inheritedFrom": {
37517
- "name": "TextArea",
37518
- "module": "src/text-area/text-area.ts"
37519
- }
37456
+ "default": "'off'"
37520
37457
  },
37521
37458
  {
37522
- "name": "list",
37523
- "type": {
37524
- "text": "string"
37525
- },
37526
- "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
37527
- "fieldName": "list",
37528
- "inheritedFrom": {
37529
- "name": "TextArea",
37530
- "module": "src/text-area/text-area.ts"
37531
- }
37459
+ "kind": "method",
37460
+ "name": "autocapitalizeChanged",
37461
+ "privacy": "private"
37532
37462
  },
37533
37463
  {
37534
- "name": "name",
37464
+ "kind": "field",
37465
+ "name": "step",
37535
37466
  "type": {
37536
- "text": "string"
37537
- },
37538
- "description": "The name of the element.",
37539
- "fieldName": "name",
37540
- "inheritedFrom": {
37541
- "name": "TextArea",
37542
- "module": "src/text-area/text-area.ts"
37467
+ "text": "number"
37543
37468
  }
37544
37469
  },
37545
- {
37546
- "name": "placeholder",
37547
- "type": {
37548
- "text": "string"
37549
- },
37550
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
37551
- "fieldName": "placeholder",
37552
- "inheritedFrom": {
37553
- "name": "TextArea",
37554
- "module": "src/text-area/text-area.ts"
37555
- }
37556
- }
37557
- ],
37558
- "members": [
37559
37470
  {
37560
37471
  "kind": "field",
37561
37472
  "name": "readOnly",
@@ -37565,8 +37476,8 @@
37565
37476
  "privacy": "public",
37566
37477
  "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
37567
37478
  "inheritedFrom": {
37568
- "name": "TextArea",
37569
- "module": "src/text-area/text-area.ts"
37479
+ "name": "TextField",
37480
+ "module": "src/text-field/text-field.ts"
37570
37481
  }
37571
37482
  },
37572
37483
  {
@@ -37579,39 +37490,53 @@
37579
37490
  }
37580
37491
  },
37581
37492
  "inheritedFrom": {
37582
- "name": "TextArea",
37583
- "module": "src/text-area/text-area.ts"
37493
+ "name": "TextField",
37494
+ "module": "src/text-field/text-field.ts"
37584
37495
  }
37585
37496
  },
37586
37497
  {
37587
37498
  "kind": "field",
37588
- "name": "resize",
37499
+ "name": "autofocus",
37589
37500
  "type": {
37590
- "text": "TextAreaResize"
37501
+ "text": "boolean"
37591
37502
  },
37592
37503
  "privacy": "public",
37593
- "description": "The resize mode of the element.",
37504
+ "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
37594
37505
  "inheritedFrom": {
37595
- "name": "TextArea",
37596
- "module": "src/text-area/text-area.ts"
37506
+ "name": "TextField",
37507
+ "module": "src/text-field/text-field.ts"
37508
+ }
37509
+ },
37510
+ {
37511
+ "kind": "method",
37512
+ "name": "autofocusChanged",
37513
+ "privacy": "private",
37514
+ "return": {
37515
+ "type": {
37516
+ "text": "void"
37517
+ }
37518
+ },
37519
+ "inheritedFrom": {
37520
+ "name": "TextField",
37521
+ "module": "src/text-field/text-field.ts"
37597
37522
  }
37598
37523
  },
37599
37524
  {
37600
37525
  "kind": "field",
37601
- "name": "autofocus",
37526
+ "name": "placeholder",
37602
37527
  "type": {
37603
- "text": "boolean"
37528
+ "text": "string"
37604
37529
  },
37605
37530
  "privacy": "public",
37606
- "description": "Indicates that this element should get focus after the page finishes loading.",
37531
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
37607
37532
  "inheritedFrom": {
37608
- "name": "TextArea",
37609
- "module": "src/text-area/text-area.ts"
37533
+ "name": "TextField",
37534
+ "module": "src/text-field/text-field.ts"
37610
37535
  }
37611
37536
  },
37612
37537
  {
37613
37538
  "kind": "method",
37614
- "name": "autofocusChanged",
37539
+ "name": "placeholderChanged",
37615
37540
  "privacy": "private",
37616
37541
  "return": {
37617
37542
  "type": {
@@ -37619,21 +37544,35 @@
37619
37544
  }
37620
37545
  },
37621
37546
  "inheritedFrom": {
37622
- "name": "TextArea",
37623
- "module": "src/text-area/text-area.ts"
37547
+ "name": "TextField",
37548
+ "module": "src/text-field/text-field.ts"
37624
37549
  }
37625
37550
  },
37626
37551
  {
37627
37552
  "kind": "field",
37628
- "name": "formId",
37553
+ "name": "type",
37629
37554
  "type": {
37630
- "text": "string"
37555
+ "text": "TextFieldType"
37631
37556
  },
37632
37557
  "privacy": "public",
37633
- "description": "The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id | id} of the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form | form} the element is associated to",
37558
+ "description": "Allows setting a type or mode of text.",
37634
37559
  "inheritedFrom": {
37635
- "name": "TextArea",
37636
- "module": "src/text-area/text-area.ts"
37560
+ "name": "TextField",
37561
+ "module": "src/text-field/text-field.ts"
37562
+ }
37563
+ },
37564
+ {
37565
+ "kind": "method",
37566
+ "name": "typeChanged",
37567
+ "privacy": "private",
37568
+ "return": {
37569
+ "type": {
37570
+ "text": "void"
37571
+ }
37572
+ },
37573
+ "inheritedFrom": {
37574
+ "name": "TextField",
37575
+ "module": "src/text-field/text-field.ts"
37637
37576
  }
37638
37577
  },
37639
37578
  {
@@ -37645,8 +37584,8 @@
37645
37584
  "privacy": "public",
37646
37585
  "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
37647
37586
  "inheritedFrom": {
37648
- "name": "TextArea",
37649
- "module": "src/text-area/text-area.ts"
37587
+ "name": "TextField",
37588
+ "module": "src/text-field/text-field.ts"
37650
37589
  }
37651
37590
  },
37652
37591
  {
@@ -37659,8 +37598,8 @@
37659
37598
  }
37660
37599
  },
37661
37600
  "inheritedFrom": {
37662
- "name": "TextArea",
37663
- "module": "src/text-area/text-area.ts"
37601
+ "name": "TextField",
37602
+ "module": "src/text-field/text-field.ts"
37664
37603
  }
37665
37604
  },
37666
37605
  {
@@ -37672,8 +37611,8 @@
37672
37611
  "privacy": "public",
37673
37612
  "description": "The maximum number of characters a user can enter.",
37674
37613
  "inheritedFrom": {
37675
- "name": "TextArea",
37676
- "module": "src/text-area/text-area.ts"
37614
+ "name": "TextField",
37615
+ "module": "src/text-field/text-field.ts"
37677
37616
  }
37678
37617
  },
37679
37618
  {
@@ -37686,8 +37625,8 @@
37686
37625
  }
37687
37626
  },
37688
37627
  "inheritedFrom": {
37689
- "name": "TextArea",
37690
- "module": "src/text-area/text-area.ts"
37628
+ "name": "TextField",
37629
+ "module": "src/text-field/text-field.ts"
37691
37630
  }
37692
37631
  },
37693
37632
  {
@@ -37699,8 +37638,8 @@
37699
37638
  "privacy": "public",
37700
37639
  "description": "The minimum number of characters a user can enter.",
37701
37640
  "inheritedFrom": {
37702
- "name": "TextArea",
37703
- "module": "src/text-area/text-area.ts"
37641
+ "name": "TextField",
37642
+ "module": "src/text-field/text-field.ts"
37704
37643
  }
37705
37644
  },
37706
37645
  {
@@ -37713,61 +37652,62 @@
37713
37652
  }
37714
37653
  },
37715
37654
  "inheritedFrom": {
37716
- "name": "TextArea",
37717
- "module": "src/text-area/text-area.ts"
37655
+ "name": "TextField",
37656
+ "module": "src/text-field/text-field.ts"
37718
37657
  }
37719
37658
  },
37720
37659
  {
37721
37660
  "kind": "field",
37722
- "name": "name",
37661
+ "name": "pattern",
37723
37662
  "type": {
37724
37663
  "text": "string"
37725
37664
  },
37726
37665
  "privacy": "public",
37727
- "description": "The name of the element.",
37666
+ "description": "A regular expression that the value must match to pass validation.",
37728
37667
  "inheritedFrom": {
37729
- "name": "TextArea",
37730
- "module": "src/text-area/text-area.ts"
37668
+ "name": "TextField",
37669
+ "module": "src/text-field/text-field.ts"
37731
37670
  }
37732
37671
  },
37733
37672
  {
37734
- "kind": "field",
37735
- "name": "placeholder",
37736
- "type": {
37737
- "text": "string"
37673
+ "kind": "method",
37674
+ "name": "patternChanged",
37675
+ "privacy": "private",
37676
+ "return": {
37677
+ "type": {
37678
+ "text": "void"
37679
+ }
37738
37680
  },
37739
- "privacy": "public",
37740
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
37741
37681
  "inheritedFrom": {
37742
- "name": "TextArea",
37743
- "module": "src/text-area/text-area.ts"
37682
+ "name": "TextField",
37683
+ "module": "src/text-field/text-field.ts"
37744
37684
  }
37745
37685
  },
37746
37686
  {
37747
37687
  "kind": "field",
37748
- "name": "cols",
37688
+ "name": "size",
37749
37689
  "type": {
37750
37690
  "text": "number"
37751
37691
  },
37752
37692
  "privacy": "public",
37753
- "default": "20",
37754
- "description": "Sizes the element horizontally by a number of character columns.",
37693
+ "description": "Sets the width of the element to a specified number of characters.",
37755
37694
  "inheritedFrom": {
37756
- "name": "TextArea",
37757
- "module": "src/text-area/text-area.ts"
37695
+ "name": "TextField",
37696
+ "module": "src/text-field/text-field.ts"
37758
37697
  }
37759
37698
  },
37760
37699
  {
37761
- "kind": "field",
37762
- "name": "rows",
37763
- "type": {
37764
- "text": "number"
37700
+ "kind": "method",
37701
+ "name": "sizeChanged",
37702
+ "privacy": "private",
37703
+ "return": {
37704
+ "type": {
37705
+ "text": "void"
37706
+ }
37765
37707
  },
37766
- "privacy": "public",
37767
- "description": "Sizes the element vertically by a number of character rows.",
37768
37708
  "inheritedFrom": {
37769
- "name": "TextArea",
37770
- "module": "src/text-area/text-area.ts"
37709
+ "name": "TextField",
37710
+ "module": "src/text-field/text-field.ts"
37771
37711
  }
37772
37712
  },
37773
37713
  {
@@ -37777,10 +37717,10 @@
37777
37717
  "text": "boolean"
37778
37718
  },
37779
37719
  "privacy": "public",
37780
- "description": "Sets if the element is eligible for spell checking\nbut the UA.",
37720
+ "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
37781
37721
  "inheritedFrom": {
37782
- "name": "TextArea",
37783
- "module": "src/text-area/text-area.ts"
37722
+ "name": "TextField",
37723
+ "module": "src/text-field/text-field.ts"
37784
37724
  }
37785
37725
  },
37786
37726
  {
@@ -37793,8 +37733,8 @@
37793
37733
  }
37794
37734
  },
37795
37735
  "inheritedFrom": {
37796
- "name": "TextArea",
37797
- "module": "src/text-area/text-area.ts"
37736
+ "name": "TextField",
37737
+ "module": "src/text-field/text-field.ts"
37798
37738
  }
37799
37739
  },
37800
37740
  {
@@ -37806,10 +37746,10 @@
37806
37746
  "text": "void"
37807
37747
  }
37808
37748
  },
37809
- "description": "Selects all the text in the text area",
37749
+ "description": "Selects all the text in the text field",
37810
37750
  "inheritedFrom": {
37811
- "name": "TextArea",
37812
- "module": "src/text-area/text-area.ts"
37751
+ "name": "TextField",
37752
+ "module": "src/text-field/text-field.ts"
37813
37753
  }
37814
37754
  },
37815
37755
  {
@@ -37823,16 +37763,16 @@
37823
37763
  },
37824
37764
  "description": "{@inheritDoc (FormAssociated:interface).validate}",
37825
37765
  "inheritedFrom": {
37826
- "name": "TextArea",
37827
- "module": "src/text-area/text-area.ts"
37766
+ "name": "TextField",
37767
+ "module": "src/text-field/text-field.ts"
37828
37768
  }
37829
37769
  },
37830
37770
  {
37831
37771
  "kind": "field",
37832
37772
  "name": "proxy",
37833
37773
  "inheritedFrom": {
37834
- "name": "TextArea",
37835
- "module": "src/text-area/text-area.ts"
37774
+ "name": "TextField",
37775
+ "module": "src/text-field/text-field.ts"
37836
37776
  }
37837
37777
  },
37838
37778
  {
@@ -37844,8 +37784,8 @@
37844
37784
  "privacy": "private",
37845
37785
  "default": "void 0",
37846
37786
  "inheritedFrom": {
37847
- "name": "TextArea",
37848
- "module": "src/text-area/text-area.ts"
37787
+ "name": "TextField",
37788
+ "module": "src/text-field/text-field.ts"
37849
37789
  }
37850
37790
  },
37851
37791
  {
@@ -37857,8 +37797,8 @@
37857
37797
  "privacy": "public",
37858
37798
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
37859
37799
  "inheritedFrom": {
37860
- "name": "TextArea",
37861
- "module": "src/text-area/text-area.ts"
37800
+ "name": "TextField",
37801
+ "module": "src/text-field/text-field.ts"
37862
37802
  }
37863
37803
  },
37864
37804
  {
@@ -37870,8 +37810,8 @@
37870
37810
  "privacy": "public",
37871
37811
  "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.",
37872
37812
  "inheritedFrom": {
37873
- "name": "TextArea",
37874
- "module": "src/text-area/text-area.ts"
37813
+ "name": "TextField",
37814
+ "module": "src/text-field/text-field.ts"
37875
37815
  }
37876
37816
  },
37877
37817
  {
@@ -37884,8 +37824,8 @@
37884
37824
  }
37885
37825
  },
37886
37826
  "inheritedFrom": {
37887
- "name": "TextArea",
37888
- "module": "src/text-area/text-area.ts"
37827
+ "name": "TextField",
37828
+ "module": "src/text-field/text-field.ts"
37889
37829
  }
37890
37830
  },
37891
37831
  {
@@ -37897,8 +37837,8 @@
37897
37837
  "privacy": "public",
37898
37838
  "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.",
37899
37839
  "inheritedFrom": {
37900
- "name": "TextArea",
37901
- "module": "src/text-area/text-area.ts"
37840
+ "name": "TextField",
37841
+ "module": "src/text-field/text-field.ts"
37902
37842
  }
37903
37843
  },
37904
37844
  {
@@ -37911,8 +37851,8 @@
37911
37851
  }
37912
37852
  },
37913
37853
  "inheritedFrom": {
37914
- "name": "TextArea",
37915
- "module": "src/text-area/text-area.ts"
37854
+ "name": "TextField",
37855
+ "module": "src/text-field/text-field.ts"
37916
37856
  }
37917
37857
  },
37918
37858
  {
@@ -37942,83 +37882,184 @@
37942
37882
  ],
37943
37883
  "description": "Defines an element registry function with a set of element definition defaults.",
37944
37884
  "inheritedFrom": {
37945
- "name": "TextArea",
37946
- "module": "src/text-area/text-area.ts"
37885
+ "name": "TextField",
37886
+ "module": "src/text-field/text-field.ts"
37947
37887
  }
37948
37888
  }
37949
37889
  ],
37950
- "events": [
37890
+ "attributes": [
37951
37891
  {
37952
- "description": "Emits a custom 'change' event when the textarea emits a change event",
37953
- "name": "change",
37892
+ "name": "autocomplete",
37893
+ "type": {
37894
+ "text": "string"
37895
+ },
37896
+ "fieldName": "autocomplete"
37897
+ },
37898
+ {
37899
+ "name": "autocapitalize",
37900
+ "type": {
37901
+ "text": "string"
37902
+ },
37903
+ "default": "'off'",
37904
+ "fieldName": "autocapitalize"
37905
+ },
37906
+ {
37907
+ "name": "step",
37908
+ "type": {
37909
+ "text": "number"
37910
+ },
37911
+ "fieldName": "step"
37912
+ },
37913
+ {
37914
+ "name": "readonly",
37915
+ "type": {
37916
+ "text": "boolean"
37917
+ },
37918
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
37919
+ "fieldName": "readOnly",
37954
37920
  "inheritedFrom": {
37955
- "name": "TextArea",
37956
- "module": "src/text-area/text-area.ts"
37921
+ "name": "TextField",
37922
+ "module": "src/text-field/text-field.ts"
37957
37923
  }
37958
- }
37959
- ]
37960
- },
37961
- {
37962
- "kind": "variable",
37963
- "name": "foundationTextAreaShadowOptions",
37964
- "type": {
37965
- "text": "ShadowRootInit"
37966
- },
37967
- "default": "undefined"
37968
- },
37969
- {
37970
- "kind": "variable",
37971
- "name": "defaultTextAreaConfig",
37972
- "type": {
37973
- "text": "object"
37974
- },
37975
- "default": "{}"
37976
- },
37977
- {
37978
- "kind": "variable",
37979
- "name": "foundationTextArea",
37980
- "description": "The Foundation Text Area",
37981
- "privacy": "public"
37982
- }
37983
- ],
37984
- "exports": [
37985
- {
37986
- "kind": "js",
37987
- "name": "TextArea",
37988
- "declaration": {
37989
- "name": "TextArea",
37990
- "module": "src/text-area/text-area.ts"
37924
+ },
37925
+ {
37926
+ "type": {
37927
+ "text": "boolean"
37928
+ },
37929
+ "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
37930
+ "fieldName": "autofocus",
37931
+ "inheritedFrom": {
37932
+ "name": "TextField",
37933
+ "module": "src/text-field/text-field.ts"
37934
+ }
37935
+ },
37936
+ {
37937
+ "name": "placeholder",
37938
+ "type": {
37939
+ "text": "string"
37940
+ },
37941
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
37942
+ "fieldName": "placeholder",
37943
+ "inheritedFrom": {
37944
+ "name": "TextField",
37945
+ "module": "src/text-field/text-field.ts"
37946
+ }
37947
+ },
37948
+ {
37949
+ "name": "type",
37950
+ "type": {
37951
+ "text": "TextFieldType"
37952
+ },
37953
+ "description": "Allows setting a type or mode of text.",
37954
+ "fieldName": "type",
37955
+ "inheritedFrom": {
37956
+ "name": "TextField",
37957
+ "module": "src/text-field/text-field.ts"
37958
+ }
37959
+ },
37960
+ {
37961
+ "name": "list",
37962
+ "type": {
37963
+ "text": "string"
37964
+ },
37965
+ "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
37966
+ "fieldName": "list",
37967
+ "inheritedFrom": {
37968
+ "name": "TextField",
37969
+ "module": "src/text-field/text-field.ts"
37970
+ }
37971
+ },
37972
+ {
37973
+ "name": "pattern",
37974
+ "type": {
37975
+ "text": "string"
37976
+ },
37977
+ "description": "A regular expression that the value must match to pass validation.",
37978
+ "fieldName": "pattern",
37979
+ "inheritedFrom": {
37980
+ "name": "TextField",
37981
+ "module": "src/text-field/text-field.ts"
37982
+ }
37983
+ }
37984
+ ],
37985
+ "superclass": {
37986
+ "name": "FASTTextField",
37987
+ "package": "@microsoft/fast-components"
37988
+ },
37989
+ "tagName": "%%prefix%%-text-field",
37990
+ "customElement": true,
37991
+ "events": [
37992
+ {
37993
+ "description": "Fires a custom 'change' event when the value has changed",
37994
+ "name": "change",
37995
+ "inheritedFrom": {
37996
+ "name": "TextField",
37997
+ "module": "src/text-field/text-field.ts"
37998
+ }
37999
+ }
38000
+ ]
38001
+ },
38002
+ {
38003
+ "kind": "variable",
38004
+ "name": "foundationTextFieldShadowOptions",
38005
+ "type": {
38006
+ "text": "ShadowRootInit"
38007
+ },
38008
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
38009
+ },
38010
+ {
38011
+ "kind": "variable",
38012
+ "name": "defaultTextFieldConfig",
38013
+ "type": {
38014
+ "text": "object"
38015
+ },
38016
+ "default": "{}"
38017
+ },
38018
+ {
38019
+ "kind": "variable",
38020
+ "name": "foundationTextField",
38021
+ "description": "The Foundation Text Fields",
38022
+ "privacy": "public"
38023
+ }
38024
+ ],
38025
+ "exports": [
38026
+ {
38027
+ "kind": "js",
38028
+ "name": "TextField",
38029
+ "declaration": {
38030
+ "name": "TextField",
38031
+ "module": "src/text-field/text-field.ts"
37991
38032
  }
37992
38033
  },
37993
38034
  {
37994
38035
  "kind": "js",
37995
- "name": "foundationTextAreaShadowOptions",
38036
+ "name": "foundationTextFieldShadowOptions",
37996
38037
  "declaration": {
37997
- "name": "foundationTextAreaShadowOptions",
37998
- "module": "src/text-area/text-area.ts"
38038
+ "name": "foundationTextFieldShadowOptions",
38039
+ "module": "src/text-field/text-field.ts"
37999
38040
  }
38000
38041
  },
38001
38042
  {
38002
38043
  "kind": "js",
38003
- "name": "defaultTextAreaConfig",
38044
+ "name": "defaultTextFieldConfig",
38004
38045
  "declaration": {
38005
- "name": "defaultTextAreaConfig",
38006
- "module": "src/text-area/text-area.ts"
38046
+ "name": "defaultTextFieldConfig",
38047
+ "module": "src/text-field/text-field.ts"
38007
38048
  }
38008
38049
  },
38009
38050
  {
38010
38051
  "kind": "js",
38011
- "name": "foundationTextArea",
38052
+ "name": "foundationTextField",
38012
38053
  "declaration": {
38013
- "name": "foundationTextArea",
38014
- "module": "src/text-area/text-area.ts"
38054
+ "name": "foundationTextField",
38055
+ "module": "src/text-field/text-field.ts"
38015
38056
  }
38016
38057
  }
38017
38058
  ]
38018
38059
  },
38019
38060
  {
38020
38061
  "kind": "javascript-module",
38021
- "path": "src/text-field/index.ts",
38062
+ "path": "src/tabs/index.ts",
38022
38063
  "declarations": [],
38023
38064
  "exports": [
38024
38065
  {
@@ -38026,7 +38067,7 @@
38026
38067
  "name": "*",
38027
38068
  "declaration": {
38028
38069
  "name": "*",
38029
- "package": "./text-field.template"
38070
+ "package": "./tabs.template"
38030
38071
  }
38031
38072
  },
38032
38073
  {
@@ -38034,7 +38075,7 @@
38034
38075
  "name": "*",
38035
38076
  "declaration": {
38036
38077
  "name": "*",
38037
- "package": "./text-field.styles"
38078
+ "package": "./tabs.styles"
38038
38079
  }
38039
38080
  },
38040
38081
  {
@@ -38042,18 +38083,18 @@
38042
38083
  "name": "*",
38043
38084
  "declaration": {
38044
38085
  "name": "*",
38045
- "package": "./text-field"
38086
+ "package": "./tabs"
38046
38087
  }
38047
38088
  }
38048
38089
  ]
38049
38090
  },
38050
38091
  {
38051
38092
  "kind": "javascript-module",
38052
- "path": "src/text-field/text-field.styles.ts",
38093
+ "path": "src/tabs/tabs.styles.ts",
38053
38094
  "declarations": [
38054
38095
  {
38055
38096
  "kind": "function",
38056
- "name": "foundationTextFieldStyles",
38097
+ "name": "foundationTabsStyles",
38057
38098
  "return": {
38058
38099
  "type": {
38059
38100
  "text": "ElementStyles"
@@ -38078,27 +38119,38 @@
38078
38119
  "exports": [
38079
38120
  {
38080
38121
  "kind": "js",
38081
- "name": "foundationTextFieldStyles",
38122
+ "name": "foundationTabsStyles",
38082
38123
  "declaration": {
38083
- "name": "foundationTextFieldStyles",
38084
- "module": "src/text-field/text-field.styles.ts"
38124
+ "name": "foundationTabsStyles",
38125
+ "module": "src/tabs/tabs.styles.ts"
38085
38126
  }
38086
38127
  }
38087
38128
  ]
38088
38129
  },
38089
38130
  {
38090
38131
  "kind": "javascript-module",
38091
- "path": "src/text-field/text-field.template.ts",
38132
+ "path": "src/tabs/tabs.template.ts",
38092
38133
  "declarations": [
38093
38134
  {
38094
38135
  "kind": "function",
38095
- "name": "foundationTextFieldTemplate",
38136
+ "name": "foundationTabsTemplate",
38137
+ "return": {
38138
+ "type": {
38139
+ "text": "ViewTemplate<Tabs>"
38140
+ }
38141
+ },
38096
38142
  "parameters": [
38097
38143
  {
38098
- "name": "context"
38144
+ "name": "context",
38145
+ "type": {
38146
+ "text": "ElementDefinitionContext"
38147
+ }
38099
38148
  },
38100
38149
  {
38101
- "name": "definition"
38150
+ "name": "definition",
38151
+ "type": {
38152
+ "text": "FoundationElementDefinition"
38153
+ }
38102
38154
  }
38103
38155
  ]
38104
38156
  }
@@ -38106,260 +38158,282 @@
38106
38158
  "exports": [
38107
38159
  {
38108
38160
  "kind": "js",
38109
- "name": "foundationTextFieldTemplate",
38161
+ "name": "foundationTabsTemplate",
38110
38162
  "declaration": {
38111
- "name": "foundationTextFieldTemplate",
38112
- "module": "src/text-field/text-field.template.ts"
38163
+ "name": "foundationTabsTemplate",
38164
+ "module": "src/tabs/tabs.template.ts"
38113
38165
  }
38114
38166
  }
38115
38167
  ]
38116
38168
  },
38117
38169
  {
38118
38170
  "kind": "javascript-module",
38119
- "path": "src/text-field/text-field.ts",
38171
+ "path": "src/tabs/tabs.ts",
38120
38172
  "declarations": [
38121
38173
  {
38122
38174
  "kind": "class",
38123
38175
  "description": "",
38124
- "name": "TextField",
38125
- "members": [
38176
+ "name": "Tabs",
38177
+ "superclass": {
38178
+ "name": "FASTTabs",
38179
+ "package": "@microsoft/fast-components"
38180
+ },
38181
+ "tagName": "%%prefix%%-tabs",
38182
+ "customElement": true,
38183
+ "attributes": [
38126
38184
  {
38127
- "kind": "field",
38128
- "name": "autocomplete",
38185
+ "name": "orientation",
38129
38186
  "type": {
38130
- "text": "string"
38187
+ "text": "TabsOrientation"
38188
+ },
38189
+ "description": "The orientation",
38190
+ "fieldName": "orientation",
38191
+ "inheritedFrom": {
38192
+ "name": "Tabs",
38193
+ "module": "src/tabs/tabs.ts"
38131
38194
  }
38132
38195
  },
38133
38196
  {
38134
- "kind": "method",
38135
- "name": "autocompleteChanged",
38136
- "privacy": "private"
38137
- },
38138
- {
38139
- "kind": "field",
38140
- "name": "autocapitalize",
38197
+ "name": "activeid",
38141
38198
  "type": {
38142
38199
  "text": "string"
38143
38200
  },
38144
- "default": "'off'"
38201
+ "description": "The id of the active tab",
38202
+ "fieldName": "activeid",
38203
+ "inheritedFrom": {
38204
+ "name": "Tabs",
38205
+ "module": "src/tabs/tabs.ts"
38206
+ }
38145
38207
  },
38146
38208
  {
38147
- "kind": "method",
38148
- "name": "autocapitalizeChanged",
38149
- "privacy": "private"
38150
- },
38209
+ "type": {
38210
+ "text": "boolean"
38211
+ },
38212
+ "default": "true",
38213
+ "description": "Whether or not to show the active indicator",
38214
+ "fieldName": "activeindicator",
38215
+ "inheritedFrom": {
38216
+ "name": "Tabs",
38217
+ "module": "src/tabs/tabs.ts"
38218
+ }
38219
+ }
38220
+ ],
38221
+ "members": [
38151
38222
  {
38152
38223
  "kind": "field",
38153
- "name": "step",
38224
+ "name": "orientation",
38154
38225
  "type": {
38155
- "text": "number"
38226
+ "text": "TabsOrientation"
38227
+ },
38228
+ "privacy": "public",
38229
+ "description": "The orientation",
38230
+ "inheritedFrom": {
38231
+ "name": "Tabs",
38232
+ "module": "src/tabs/tabs.ts"
38156
38233
  }
38157
38234
  },
38158
38235
  {
38159
38236
  "kind": "field",
38160
- "name": "readOnly",
38237
+ "name": "activeid",
38161
38238
  "type": {
38162
- "text": "boolean"
38239
+ "text": "string"
38163
38240
  },
38164
38241
  "privacy": "public",
38165
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
38242
+ "description": "The id of the active tab",
38166
38243
  "inheritedFrom": {
38167
- "name": "TextField",
38168
- "module": "src/text-field/text-field.ts"
38244
+ "name": "Tabs",
38245
+ "module": "src/tabs/tabs.ts"
38169
38246
  }
38170
38247
  },
38171
38248
  {
38172
- "kind": "method",
38173
- "name": "readOnlyChanged",
38174
- "privacy": "private",
38175
- "return": {
38176
- "type": {
38177
- "text": "void"
38178
- }
38249
+ "kind": "field",
38250
+ "name": "activeindicator",
38251
+ "type": {
38252
+ "text": "boolean"
38179
38253
  },
38254
+ "privacy": "public",
38255
+ "default": "true",
38256
+ "description": "Whether or not to show the active indicator",
38180
38257
  "inheritedFrom": {
38181
- "name": "TextField",
38182
- "module": "src/text-field/text-field.ts"
38258
+ "name": "Tabs",
38259
+ "module": "src/tabs/tabs.ts"
38183
38260
  }
38184
38261
  },
38185
38262
  {
38186
38263
  "kind": "field",
38187
- "name": "autofocus",
38264
+ "name": "activetab",
38188
38265
  "type": {
38189
- "text": "boolean"
38266
+ "text": "HTMLElement"
38190
38267
  },
38191
38268
  "privacy": "public",
38192
- "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
38269
+ "description": "A reference to the active tab",
38193
38270
  "inheritedFrom": {
38194
- "name": "TextField",
38195
- "module": "src/text-field/text-field.ts"
38271
+ "name": "Tabs",
38272
+ "module": "src/tabs/tabs.ts"
38196
38273
  }
38197
38274
  },
38198
38275
  {
38199
- "kind": "method",
38200
- "name": "autofocusChanged",
38201
- "privacy": "private",
38202
- "return": {
38203
- "type": {
38204
- "text": "void"
38205
- }
38276
+ "kind": "field",
38277
+ "name": "prevActiveTabIndex",
38278
+ "type": {
38279
+ "text": "number"
38206
38280
  },
38281
+ "privacy": "private",
38282
+ "default": "0",
38207
38283
  "inheritedFrom": {
38208
- "name": "TextField",
38209
- "module": "src/text-field/text-field.ts"
38284
+ "name": "Tabs",
38285
+ "module": "src/tabs/tabs.ts"
38210
38286
  }
38211
38287
  },
38212
38288
  {
38213
38289
  "kind": "field",
38214
- "name": "placeholder",
38290
+ "name": "activeTabIndex",
38215
38291
  "type": {
38216
- "text": "string"
38292
+ "text": "number"
38217
38293
  },
38218
- "privacy": "public",
38219
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
38294
+ "privacy": "private",
38295
+ "default": "0",
38220
38296
  "inheritedFrom": {
38221
- "name": "TextField",
38222
- "module": "src/text-field/text-field.ts"
38297
+ "name": "Tabs",
38298
+ "module": "src/tabs/tabs.ts"
38223
38299
  }
38224
38300
  },
38225
38301
  {
38226
- "kind": "method",
38227
- "name": "placeholderChanged",
38302
+ "kind": "field",
38303
+ "name": "ticking",
38304
+ "type": {
38305
+ "text": "boolean"
38306
+ },
38228
38307
  "privacy": "private",
38229
- "return": {
38230
- "type": {
38231
- "text": "void"
38232
- }
38308
+ "default": "false",
38309
+ "inheritedFrom": {
38310
+ "name": "Tabs",
38311
+ "module": "src/tabs/tabs.ts"
38312
+ }
38313
+ },
38314
+ {
38315
+ "kind": "field",
38316
+ "name": "tabIds",
38317
+ "type": {
38318
+ "text": "Array<string>"
38233
38319
  },
38320
+ "privacy": "private",
38234
38321
  "inheritedFrom": {
38235
- "name": "TextField",
38236
- "module": "src/text-field/text-field.ts"
38322
+ "name": "Tabs",
38323
+ "module": "src/tabs/tabs.ts"
38237
38324
  }
38238
38325
  },
38239
38326
  {
38240
38327
  "kind": "field",
38241
- "name": "type",
38328
+ "name": "tabpanelIds",
38242
38329
  "type": {
38243
- "text": "TextFieldType"
38330
+ "text": "Array<string>"
38244
38331
  },
38245
- "privacy": "public",
38246
- "description": "Allows setting a type or mode of text.",
38332
+ "privacy": "private",
38247
38333
  "inheritedFrom": {
38248
- "name": "TextField",
38249
- "module": "src/text-field/text-field.ts"
38334
+ "name": "Tabs",
38335
+ "module": "src/tabs/tabs.ts"
38250
38336
  }
38251
38337
  },
38252
38338
  {
38253
- "kind": "method",
38254
- "name": "typeChanged",
38339
+ "kind": "field",
38340
+ "name": "change",
38255
38341
  "privacy": "private",
38256
- "return": {
38257
- "type": {
38258
- "text": "void"
38259
- }
38260
- },
38261
38342
  "inheritedFrom": {
38262
- "name": "TextField",
38263
- "module": "src/text-field/text-field.ts"
38343
+ "name": "Tabs",
38344
+ "module": "src/tabs/tabs.ts"
38264
38345
  }
38265
38346
  },
38266
38347
  {
38267
38348
  "kind": "field",
38268
- "name": "list",
38269
- "type": {
38270
- "text": "string"
38271
- },
38272
- "privacy": "public",
38273
- "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
38349
+ "name": "isDisabledElement",
38350
+ "privacy": "private",
38274
38351
  "inheritedFrom": {
38275
- "name": "TextField",
38276
- "module": "src/text-field/text-field.ts"
38352
+ "name": "Tabs",
38353
+ "module": "src/tabs/tabs.ts"
38277
38354
  }
38278
38355
  },
38279
38356
  {
38280
- "kind": "method",
38281
- "name": "listChanged",
38357
+ "kind": "field",
38358
+ "name": "isHiddenElement",
38282
38359
  "privacy": "private",
38283
- "return": {
38284
- "type": {
38285
- "text": "void"
38286
- }
38287
- },
38288
38360
  "inheritedFrom": {
38289
- "name": "TextField",
38290
- "module": "src/text-field/text-field.ts"
38361
+ "name": "Tabs",
38362
+ "module": "src/tabs/tabs.ts"
38291
38363
  }
38292
38364
  },
38293
38365
  {
38294
38366
  "kind": "field",
38295
- "name": "maxlength",
38296
- "type": {
38297
- "text": "number"
38298
- },
38299
- "privacy": "public",
38300
- "description": "The maximum number of characters a user can enter.",
38367
+ "name": "isFocusableElement",
38368
+ "privacy": "private",
38301
38369
  "inheritedFrom": {
38302
- "name": "TextField",
38303
- "module": "src/text-field/text-field.ts"
38370
+ "name": "Tabs",
38371
+ "module": "src/tabs/tabs.ts"
38304
38372
  }
38305
38373
  },
38306
38374
  {
38307
38375
  "kind": "method",
38308
- "name": "maxlengthChanged",
38376
+ "name": "getActiveIndex",
38309
38377
  "privacy": "private",
38310
38378
  "return": {
38311
38379
  "type": {
38312
- "text": "void"
38380
+ "text": "number"
38313
38381
  }
38314
38382
  },
38315
38383
  "inheritedFrom": {
38316
- "name": "TextField",
38317
- "module": "src/text-field/text-field.ts"
38384
+ "name": "Tabs",
38385
+ "module": "src/tabs/tabs.ts"
38318
38386
  }
38319
38387
  },
38320
38388
  {
38321
38389
  "kind": "field",
38322
- "name": "minlength",
38323
- "type": {
38324
- "text": "number"
38325
- },
38326
- "privacy": "public",
38327
- "description": "The minimum number of characters a user can enter.",
38390
+ "name": "setTabs",
38391
+ "privacy": "private",
38328
38392
  "inheritedFrom": {
38329
- "name": "TextField",
38330
- "module": "src/text-field/text-field.ts"
38393
+ "name": "Tabs",
38394
+ "module": "src/tabs/tabs.ts"
38395
+ }
38396
+ },
38397
+ {
38398
+ "kind": "field",
38399
+ "name": "setTabPanels",
38400
+ "privacy": "private",
38401
+ "inheritedFrom": {
38402
+ "name": "Tabs",
38403
+ "module": "src/tabs/tabs.ts"
38331
38404
  }
38332
38405
  },
38333
38406
  {
38334
38407
  "kind": "method",
38335
- "name": "minlengthChanged",
38408
+ "name": "getTabIds",
38336
38409
  "privacy": "private",
38337
38410
  "return": {
38338
38411
  "type": {
38339
- "text": "void"
38412
+ "text": "Array<string>"
38340
38413
  }
38341
38414
  },
38342
38415
  "inheritedFrom": {
38343
- "name": "TextField",
38344
- "module": "src/text-field/text-field.ts"
38416
+ "name": "Tabs",
38417
+ "module": "src/tabs/tabs.ts"
38345
38418
  }
38346
38419
  },
38347
38420
  {
38348
- "kind": "field",
38349
- "name": "pattern",
38350
- "type": {
38351
- "text": "string"
38421
+ "kind": "method",
38422
+ "name": "getTabPanelIds",
38423
+ "privacy": "private",
38424
+ "return": {
38425
+ "type": {
38426
+ "text": "Array<string>"
38427
+ }
38352
38428
  },
38353
- "privacy": "public",
38354
- "description": "A regular expression that the value must match to pass validation.",
38355
38429
  "inheritedFrom": {
38356
- "name": "TextField",
38357
- "module": "src/text-field/text-field.ts"
38430
+ "name": "Tabs",
38431
+ "module": "src/tabs/tabs.ts"
38358
38432
  }
38359
38433
  },
38360
38434
  {
38361
38435
  "kind": "method",
38362
- "name": "patternChanged",
38436
+ "name": "setComponent",
38363
38437
  "privacy": "private",
38364
38438
  "return": {
38365
38439
  "type": {
@@ -38367,100 +38441,127 @@
38367
38441
  }
38368
38442
  },
38369
38443
  "inheritedFrom": {
38370
- "name": "TextField",
38371
- "module": "src/text-field/text-field.ts"
38444
+ "name": "Tabs",
38445
+ "module": "src/tabs/tabs.ts"
38372
38446
  }
38373
38447
  },
38374
38448
  {
38375
38449
  "kind": "field",
38376
- "name": "size",
38377
- "type": {
38378
- "text": "number"
38379
- },
38380
- "privacy": "public",
38381
- "description": "Sets the width of the element to a specified number of characters.",
38450
+ "name": "handleTabClick",
38451
+ "privacy": "private",
38382
38452
  "inheritedFrom": {
38383
- "name": "TextField",
38384
- "module": "src/text-field/text-field.ts"
38453
+ "name": "Tabs",
38454
+ "module": "src/tabs/tabs.ts"
38385
38455
  }
38386
38456
  },
38387
38457
  {
38388
38458
  "kind": "method",
38389
- "name": "sizeChanged",
38459
+ "name": "isHorizontal",
38390
38460
  "privacy": "private",
38391
38461
  "return": {
38392
38462
  "type": {
38393
- "text": "void"
38463
+ "text": "boolean"
38394
38464
  }
38395
38465
  },
38396
38466
  "inheritedFrom": {
38397
- "name": "TextField",
38398
- "module": "src/text-field/text-field.ts"
38467
+ "name": "Tabs",
38468
+ "module": "src/tabs/tabs.ts"
38399
38469
  }
38400
38470
  },
38401
38471
  {
38402
38472
  "kind": "field",
38403
- "name": "spellcheck",
38404
- "type": {
38405
- "text": "boolean"
38406
- },
38407
- "privacy": "public",
38408
- "description": "Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.",
38473
+ "name": "handleTabKeyDown",
38474
+ "privacy": "private",
38409
38475
  "inheritedFrom": {
38410
- "name": "TextField",
38411
- "module": "src/text-field/text-field.ts"
38476
+ "name": "Tabs",
38477
+ "module": "src/tabs/tabs.ts"
38412
38478
  }
38413
38479
  },
38414
38480
  {
38415
38481
  "kind": "method",
38416
- "name": "spellcheckChanged",
38482
+ "name": "handleActiveIndicatorPosition",
38417
38483
  "privacy": "private",
38418
- "return": {
38419
- "type": {
38420
- "text": "void"
38421
- }
38422
- },
38423
38484
  "inheritedFrom": {
38424
- "name": "TextField",
38425
- "module": "src/text-field/text-field.ts"
38485
+ "name": "Tabs",
38486
+ "module": "src/tabs/tabs.ts"
38426
38487
  }
38427
38488
  },
38428
38489
  {
38429
38490
  "kind": "method",
38430
- "name": "select",
38431
- "privacy": "public",
38491
+ "name": "animateActiveIndicator",
38492
+ "privacy": "private",
38432
38493
  "return": {
38433
38494
  "type": {
38434
38495
  "text": "void"
38435
38496
  }
38436
38497
  },
38437
- "description": "Selects all the text in the text field",
38438
38498
  "inheritedFrom": {
38439
- "name": "TextField",
38440
- "module": "src/text-field/text-field.ts"
38499
+ "name": "Tabs",
38500
+ "module": "src/tabs/tabs.ts"
38441
38501
  }
38442
38502
  },
38443
38503
  {
38444
38504
  "kind": "method",
38445
- "name": "validate",
38505
+ "name": "adjust",
38446
38506
  "privacy": "public",
38447
38507
  "return": {
38448
38508
  "type": {
38449
38509
  "text": "void"
38450
38510
  }
38451
38511
  },
38452
- "description": "{@inheritDoc (FormAssociated:interface).validate}",
38512
+ "parameters": [
38513
+ {
38514
+ "name": "adjustment",
38515
+ "type": {
38516
+ "text": "number"
38517
+ }
38518
+ }
38519
+ ],
38520
+ "description": "The adjust method for FASTTabs",
38453
38521
  "inheritedFrom": {
38454
- "name": "TextField",
38455
- "module": "src/text-field/text-field.ts"
38522
+ "name": "Tabs",
38523
+ "module": "src/tabs/tabs.ts"
38456
38524
  }
38457
38525
  },
38458
38526
  {
38459
38527
  "kind": "field",
38460
- "name": "proxy",
38528
+ "name": "adjustForward",
38529
+ "privacy": "private",
38461
38530
  "inheritedFrom": {
38462
- "name": "TextField",
38463
- "module": "src/text-field/text-field.ts"
38531
+ "name": "Tabs",
38532
+ "module": "src/tabs/tabs.ts"
38533
+ }
38534
+ },
38535
+ {
38536
+ "kind": "field",
38537
+ "name": "adjustBackward",
38538
+ "privacy": "private",
38539
+ "inheritedFrom": {
38540
+ "name": "Tabs",
38541
+ "module": "src/tabs/tabs.ts"
38542
+ }
38543
+ },
38544
+ {
38545
+ "kind": "field",
38546
+ "name": "moveToTabByIndex",
38547
+ "privacy": "private",
38548
+ "inheritedFrom": {
38549
+ "name": "Tabs",
38550
+ "module": "src/tabs/tabs.ts"
38551
+ }
38552
+ },
38553
+ {
38554
+ "kind": "method",
38555
+ "name": "focusTab",
38556
+ "privacy": "private",
38557
+ "return": {
38558
+ "type": {
38559
+ "text": "void"
38560
+ }
38561
+ },
38562
+ "inheritedFrom": {
38563
+ "name": "Tabs",
38564
+ "module": "src/tabs/tabs.ts"
38464
38565
  }
38465
38566
  },
38466
38567
  {
@@ -38472,8 +38573,8 @@
38472
38573
  "privacy": "private",
38473
38574
  "default": "void 0",
38474
38575
  "inheritedFrom": {
38475
- "name": "TextField",
38476
- "module": "src/text-field/text-field.ts"
38576
+ "name": "FoundationElement",
38577
+ "module": "src/foundation-element/foundation-element.ts"
38477
38578
  }
38478
38579
  },
38479
38580
  {
@@ -38485,8 +38586,8 @@
38485
38586
  "privacy": "public",
38486
38587
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
38487
38588
  "inheritedFrom": {
38488
- "name": "TextField",
38489
- "module": "src/text-field/text-field.ts"
38589
+ "name": "FoundationElement",
38590
+ "module": "src/foundation-element/foundation-element.ts"
38490
38591
  }
38491
38592
  },
38492
38593
  {
@@ -38498,8 +38599,8 @@
38498
38599
  "privacy": "public",
38499
38600
  "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.",
38500
38601
  "inheritedFrom": {
38501
- "name": "TextField",
38502
- "module": "src/text-field/text-field.ts"
38602
+ "name": "FoundationElement",
38603
+ "module": "src/foundation-element/foundation-element.ts"
38503
38604
  }
38504
38605
  },
38505
38606
  {
@@ -38512,8 +38613,8 @@
38512
38613
  }
38513
38614
  },
38514
38615
  "inheritedFrom": {
38515
- "name": "TextField",
38516
- "module": "src/text-field/text-field.ts"
38616
+ "name": "FoundationElement",
38617
+ "module": "src/foundation-element/foundation-element.ts"
38517
38618
  }
38518
38619
  },
38519
38620
  {
@@ -38525,8 +38626,8 @@
38525
38626
  "privacy": "public",
38526
38627
  "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.",
38527
38628
  "inheritedFrom": {
38528
- "name": "TextField",
38529
- "module": "src/text-field/text-field.ts"
38629
+ "name": "FoundationElement",
38630
+ "module": "src/foundation-element/foundation-element.ts"
38530
38631
  }
38531
38632
  },
38532
38633
  {
@@ -38539,8 +38640,8 @@
38539
38640
  }
38540
38641
  },
38541
38642
  "inheritedFrom": {
38542
- "name": "TextField",
38543
- "module": "src/text-field/text-field.ts"
38643
+ "name": "FoundationElement",
38644
+ "module": "src/foundation-element/foundation-element.ts"
38544
38645
  }
38545
38646
  },
38546
38647
  {
@@ -38570,134 +38671,33 @@
38570
38671
  ],
38571
38672
  "description": "Defines an element registry function with a set of element definition defaults.",
38572
38673
  "inheritedFrom": {
38573
- "name": "TextField",
38574
- "module": "src/text-field/text-field.ts"
38575
- }
38576
- }
38577
- ],
38578
- "attributes": [
38579
- {
38580
- "name": "autocomplete",
38581
- "type": {
38582
- "text": "string"
38583
- },
38584
- "fieldName": "autocomplete"
38585
- },
38586
- {
38587
- "name": "autocapitalize",
38588
- "type": {
38589
- "text": "string"
38590
- },
38591
- "default": "'off'",
38592
- "fieldName": "autocapitalize"
38593
- },
38594
- {
38595
- "name": "step",
38596
- "type": {
38597
- "text": "number"
38598
- },
38599
- "fieldName": "step"
38600
- },
38601
- {
38602
- "name": "readonly",
38603
- "type": {
38604
- "text": "boolean"
38605
- },
38606
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
38607
- "fieldName": "readOnly",
38608
- "inheritedFrom": {
38609
- "name": "TextField",
38610
- "module": "src/text-field/text-field.ts"
38611
- }
38612
- },
38613
- {
38614
- "type": {
38615
- "text": "boolean"
38616
- },
38617
- "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
38618
- "fieldName": "autofocus",
38619
- "inheritedFrom": {
38620
- "name": "TextField",
38621
- "module": "src/text-field/text-field.ts"
38622
- }
38623
- },
38624
- {
38625
- "name": "placeholder",
38626
- "type": {
38627
- "text": "string"
38628
- },
38629
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
38630
- "fieldName": "placeholder",
38631
- "inheritedFrom": {
38632
- "name": "TextField",
38633
- "module": "src/text-field/text-field.ts"
38634
- }
38635
- },
38636
- {
38637
- "name": "type",
38638
- "type": {
38639
- "text": "TextFieldType"
38640
- },
38641
- "description": "Allows setting a type or mode of text.",
38642
- "fieldName": "type",
38643
- "inheritedFrom": {
38644
- "name": "TextField",
38645
- "module": "src/text-field/text-field.ts"
38646
- }
38647
- },
38648
- {
38649
- "name": "list",
38650
- "type": {
38651
- "text": "string"
38652
- },
38653
- "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
38654
- "fieldName": "list",
38655
- "inheritedFrom": {
38656
- "name": "TextField",
38657
- "module": "src/text-field/text-field.ts"
38658
- }
38659
- },
38660
- {
38661
- "name": "pattern",
38662
- "type": {
38663
- "text": "string"
38664
- },
38665
- "description": "A regular expression that the value must match to pass validation.",
38666
- "fieldName": "pattern",
38667
- "inheritedFrom": {
38668
- "name": "TextField",
38669
- "module": "src/text-field/text-field.ts"
38674
+ "name": "FoundationElement",
38675
+ "module": "src/foundation-element/foundation-element.ts"
38670
38676
  }
38671
38677
  }
38672
38678
  ],
38673
- "superclass": {
38674
- "name": "FASTTextField",
38675
- "package": "@microsoft/fast-components"
38676
- },
38677
- "tagName": "%%prefix%%-text-field",
38678
- "customElement": true,
38679
38679
  "events": [
38680
38680
  {
38681
- "description": "Fires a custom 'change' event when the value has changed",
38681
+ "description": "Fires a custom 'change' event when a tab is clicked or during keyboard navigation",
38682
38682
  "name": "change",
38683
38683
  "inheritedFrom": {
38684
- "name": "TextField",
38685
- "module": "src/text-field/text-field.ts"
38684
+ "name": "Tabs",
38685
+ "module": "src/tabs/tabs.ts"
38686
38686
  }
38687
38687
  }
38688
38688
  ]
38689
38689
  },
38690
38690
  {
38691
38691
  "kind": "variable",
38692
- "name": "foundationTextFieldShadowOptions",
38692
+ "name": "foundationTabsShadowOptions",
38693
38693
  "type": {
38694
38694
  "text": "ShadowRootInit"
38695
38695
  },
38696
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
38696
+ "default": "undefined"
38697
38697
  },
38698
38698
  {
38699
38699
  "kind": "variable",
38700
- "name": "defaultTextFieldConfig",
38700
+ "name": "defaultTabsConfig",
38701
38701
  "type": {
38702
38702
  "text": "object"
38703
38703
  },
@@ -38705,42 +38705,42 @@
38705
38705
  },
38706
38706
  {
38707
38707
  "kind": "variable",
38708
- "name": "foundationTextField",
38709
- "description": "The Foundation Text Fields",
38708
+ "name": "foundationTabs",
38709
+ "description": "The Foundation Tabs",
38710
38710
  "privacy": "public"
38711
38711
  }
38712
38712
  ],
38713
38713
  "exports": [
38714
38714
  {
38715
38715
  "kind": "js",
38716
- "name": "TextField",
38716
+ "name": "Tabs",
38717
38717
  "declaration": {
38718
- "name": "TextField",
38719
- "module": "src/text-field/text-field.ts"
38718
+ "name": "Tabs",
38719
+ "module": "src/tabs/tabs.ts"
38720
38720
  }
38721
38721
  },
38722
38722
  {
38723
38723
  "kind": "js",
38724
- "name": "foundationTextFieldShadowOptions",
38724
+ "name": "foundationTabsShadowOptions",
38725
38725
  "declaration": {
38726
- "name": "foundationTextFieldShadowOptions",
38727
- "module": "src/text-field/text-field.ts"
38726
+ "name": "foundationTabsShadowOptions",
38727
+ "module": "src/tabs/tabs.ts"
38728
38728
  }
38729
38729
  },
38730
38730
  {
38731
38731
  "kind": "js",
38732
- "name": "defaultTextFieldConfig",
38732
+ "name": "defaultTabsConfig",
38733
38733
  "declaration": {
38734
- "name": "defaultTextFieldConfig",
38735
- "module": "src/text-field/text-field.ts"
38734
+ "name": "defaultTabsConfig",
38735
+ "module": "src/tabs/tabs.ts"
38736
38736
  }
38737
38737
  },
38738
38738
  {
38739
38739
  "kind": "js",
38740
- "name": "foundationTextField",
38740
+ "name": "foundationTabs",
38741
38741
  "declaration": {
38742
- "name": "foundationTextField",
38743
- "module": "src/text-field/text-field.ts"
38742
+ "name": "foundationTabs",
38743
+ "module": "src/tabs/tabs.ts"
38744
38744
  }
38745
38745
  }
38746
38746
  ]
@@ -40270,6 +40270,188 @@
40270
40270
  }
40271
40271
  ]
40272
40272
  },
40273
+ {
40274
+ "kind": "javascript-module",
40275
+ "path": "src/tree-view/index.ts",
40276
+ "declarations": [],
40277
+ "exports": [
40278
+ {
40279
+ "kind": "js",
40280
+ "name": "*",
40281
+ "declaration": {
40282
+ "name": "*",
40283
+ "package": "./tree-view.template"
40284
+ }
40285
+ },
40286
+ {
40287
+ "kind": "js",
40288
+ "name": "*",
40289
+ "declaration": {
40290
+ "name": "*",
40291
+ "package": "./tree-view.styles"
40292
+ }
40293
+ },
40294
+ {
40295
+ "kind": "js",
40296
+ "name": "*",
40297
+ "declaration": {
40298
+ "name": "*",
40299
+ "package": "./tree-view"
40300
+ }
40301
+ }
40302
+ ]
40303
+ },
40304
+ {
40305
+ "kind": "javascript-module",
40306
+ "path": "src/tree-view/tree-view.styles.ts",
40307
+ "declarations": [
40308
+ {
40309
+ "kind": "function",
40310
+ "name": "foundationTreeViewStyles",
40311
+ "return": {
40312
+ "type": {
40313
+ "text": "ElementStyles"
40314
+ }
40315
+ },
40316
+ "parameters": [
40317
+ {
40318
+ "name": "context",
40319
+ "type": {
40320
+ "text": "ElementDefinitionContext"
40321
+ }
40322
+ },
40323
+ {
40324
+ "name": "definition",
40325
+ "type": {
40326
+ "text": "FoundationElementDefinition"
40327
+ }
40328
+ }
40329
+ ]
40330
+ }
40331
+ ],
40332
+ "exports": [
40333
+ {
40334
+ "kind": "js",
40335
+ "name": "foundationTreeViewStyles",
40336
+ "declaration": {
40337
+ "name": "foundationTreeViewStyles",
40338
+ "module": "src/tree-view/tree-view.styles.ts"
40339
+ }
40340
+ }
40341
+ ]
40342
+ },
40343
+ {
40344
+ "kind": "javascript-module",
40345
+ "path": "src/tree-view/tree-view.template.ts",
40346
+ "declarations": [
40347
+ {
40348
+ "kind": "function",
40349
+ "name": "foundationTreeViewTemplate",
40350
+ "return": {
40351
+ "type": {
40352
+ "text": "ViewTemplate<TreeView>"
40353
+ }
40354
+ },
40355
+ "parameters": [
40356
+ {
40357
+ "name": "context",
40358
+ "type": {
40359
+ "text": "ElementDefinitionContext"
40360
+ }
40361
+ },
40362
+ {
40363
+ "name": "definition",
40364
+ "type": {
40365
+ "text": "FoundationElementDefinition"
40366
+ }
40367
+ }
40368
+ ]
40369
+ }
40370
+ ],
40371
+ "exports": [
40372
+ {
40373
+ "kind": "js",
40374
+ "name": "foundationTreeViewTemplate",
40375
+ "declaration": {
40376
+ "name": "foundationTreeViewTemplate",
40377
+ "module": "src/tree-view/tree-view.template.ts"
40378
+ }
40379
+ }
40380
+ ]
40381
+ },
40382
+ {
40383
+ "kind": "javascript-module",
40384
+ "path": "src/tree-view/tree-view.ts",
40385
+ "declarations": [
40386
+ {
40387
+ "kind": "class",
40388
+ "description": "",
40389
+ "name": "TreeView",
40390
+ "superclass": {
40391
+ "name": "FASTTreeView",
40392
+ "package": "@microsoft/fast-foundation"
40393
+ },
40394
+ "tagName": "%%prefix%%-tree-view",
40395
+ "customElement": true
40396
+ },
40397
+ {
40398
+ "kind": "variable",
40399
+ "name": "foundationTreeViewShadowOptions",
40400
+ "type": {
40401
+ "text": "ShadowRootInit"
40402
+ },
40403
+ "default": "undefined"
40404
+ },
40405
+ {
40406
+ "kind": "variable",
40407
+ "name": "defaultTreeViewConfig",
40408
+ "type": {
40409
+ "text": "object"
40410
+ },
40411
+ "default": "{}"
40412
+ },
40413
+ {
40414
+ "kind": "variable",
40415
+ "name": "foundationTreeView",
40416
+ "description": "The Foundation Tree View",
40417
+ "privacy": "public"
40418
+ }
40419
+ ],
40420
+ "exports": [
40421
+ {
40422
+ "kind": "js",
40423
+ "name": "TreeView",
40424
+ "declaration": {
40425
+ "name": "TreeView",
40426
+ "module": "src/tree-view/tree-view.ts"
40427
+ }
40428
+ },
40429
+ {
40430
+ "kind": "js",
40431
+ "name": "foundationTreeViewShadowOptions",
40432
+ "declaration": {
40433
+ "name": "foundationTreeViewShadowOptions",
40434
+ "module": "src/tree-view/tree-view.ts"
40435
+ }
40436
+ },
40437
+ {
40438
+ "kind": "js",
40439
+ "name": "defaultTreeViewConfig",
40440
+ "declaration": {
40441
+ "name": "defaultTreeViewConfig",
40442
+ "module": "src/tree-view/tree-view.ts"
40443
+ }
40444
+ },
40445
+ {
40446
+ "kind": "js",
40447
+ "name": "foundationTreeView",
40448
+ "declaration": {
40449
+ "name": "foundationTreeView",
40450
+ "module": "src/tree-view/tree-view.ts"
40451
+ }
40452
+ }
40453
+ ]
40454
+ },
40273
40455
  {
40274
40456
  "kind": "javascript-module",
40275
40457
  "path": "src/tree-item/index.ts",
@@ -40721,188 +40903,6 @@
40721
40903
  }
40722
40904
  ]
40723
40905
  },
40724
- {
40725
- "kind": "javascript-module",
40726
- "path": "src/tree-view/index.ts",
40727
- "declarations": [],
40728
- "exports": [
40729
- {
40730
- "kind": "js",
40731
- "name": "*",
40732
- "declaration": {
40733
- "name": "*",
40734
- "package": "./tree-view.template"
40735
- }
40736
- },
40737
- {
40738
- "kind": "js",
40739
- "name": "*",
40740
- "declaration": {
40741
- "name": "*",
40742
- "package": "./tree-view.styles"
40743
- }
40744
- },
40745
- {
40746
- "kind": "js",
40747
- "name": "*",
40748
- "declaration": {
40749
- "name": "*",
40750
- "package": "./tree-view"
40751
- }
40752
- }
40753
- ]
40754
- },
40755
- {
40756
- "kind": "javascript-module",
40757
- "path": "src/tree-view/tree-view.styles.ts",
40758
- "declarations": [
40759
- {
40760
- "kind": "function",
40761
- "name": "foundationTreeViewStyles",
40762
- "return": {
40763
- "type": {
40764
- "text": "ElementStyles"
40765
- }
40766
- },
40767
- "parameters": [
40768
- {
40769
- "name": "context",
40770
- "type": {
40771
- "text": "ElementDefinitionContext"
40772
- }
40773
- },
40774
- {
40775
- "name": "definition",
40776
- "type": {
40777
- "text": "FoundationElementDefinition"
40778
- }
40779
- }
40780
- ]
40781
- }
40782
- ],
40783
- "exports": [
40784
- {
40785
- "kind": "js",
40786
- "name": "foundationTreeViewStyles",
40787
- "declaration": {
40788
- "name": "foundationTreeViewStyles",
40789
- "module": "src/tree-view/tree-view.styles.ts"
40790
- }
40791
- }
40792
- ]
40793
- },
40794
- {
40795
- "kind": "javascript-module",
40796
- "path": "src/tree-view/tree-view.template.ts",
40797
- "declarations": [
40798
- {
40799
- "kind": "function",
40800
- "name": "foundationTreeViewTemplate",
40801
- "return": {
40802
- "type": {
40803
- "text": "ViewTemplate<TreeView>"
40804
- }
40805
- },
40806
- "parameters": [
40807
- {
40808
- "name": "context",
40809
- "type": {
40810
- "text": "ElementDefinitionContext"
40811
- }
40812
- },
40813
- {
40814
- "name": "definition",
40815
- "type": {
40816
- "text": "FoundationElementDefinition"
40817
- }
40818
- }
40819
- ]
40820
- }
40821
- ],
40822
- "exports": [
40823
- {
40824
- "kind": "js",
40825
- "name": "foundationTreeViewTemplate",
40826
- "declaration": {
40827
- "name": "foundationTreeViewTemplate",
40828
- "module": "src/tree-view/tree-view.template.ts"
40829
- }
40830
- }
40831
- ]
40832
- },
40833
- {
40834
- "kind": "javascript-module",
40835
- "path": "src/tree-view/tree-view.ts",
40836
- "declarations": [
40837
- {
40838
- "kind": "class",
40839
- "description": "",
40840
- "name": "TreeView",
40841
- "superclass": {
40842
- "name": "FASTTreeView",
40843
- "package": "@microsoft/fast-foundation"
40844
- },
40845
- "tagName": "%%prefix%%-tree-view",
40846
- "customElement": true
40847
- },
40848
- {
40849
- "kind": "variable",
40850
- "name": "foundationTreeViewShadowOptions",
40851
- "type": {
40852
- "text": "ShadowRootInit"
40853
- },
40854
- "default": "undefined"
40855
- },
40856
- {
40857
- "kind": "variable",
40858
- "name": "defaultTreeViewConfig",
40859
- "type": {
40860
- "text": "object"
40861
- },
40862
- "default": "{}"
40863
- },
40864
- {
40865
- "kind": "variable",
40866
- "name": "foundationTreeView",
40867
- "description": "The Foundation Tree View",
40868
- "privacy": "public"
40869
- }
40870
- ],
40871
- "exports": [
40872
- {
40873
- "kind": "js",
40874
- "name": "TreeView",
40875
- "declaration": {
40876
- "name": "TreeView",
40877
- "module": "src/tree-view/tree-view.ts"
40878
- }
40879
- },
40880
- {
40881
- "kind": "js",
40882
- "name": "foundationTreeViewShadowOptions",
40883
- "declaration": {
40884
- "name": "foundationTreeViewShadowOptions",
40885
- "module": "src/tree-view/tree-view.ts"
40886
- }
40887
- },
40888
- {
40889
- "kind": "js",
40890
- "name": "defaultTreeViewConfig",
40891
- "declaration": {
40892
- "name": "defaultTreeViewConfig",
40893
- "module": "src/tree-view/tree-view.ts"
40894
- }
40895
- },
40896
- {
40897
- "kind": "js",
40898
- "name": "foundationTreeView",
40899
- "declaration": {
40900
- "name": "foundationTreeView",
40901
- "module": "src/tree-view/tree-view.ts"
40902
- }
40903
- }
40904
- ]
40905
- },
40906
40906
  {
40907
40907
  "kind": "javascript-module",
40908
40908
  "path": "src/url-input/index.ts",