@genesislcap/foundation-ui 14.146.1 → 14.147.1-alpha-3a79940.0

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 +1201 -1201
  2. package/package.json +15 -10
@@ -7616,11 +7616,11 @@
7616
7616
  },
7617
7617
  {
7618
7618
  "kind": "javascript-module",
7619
- "path": "src/checkbox/checkbox.styles.ts",
7619
+ "path": "src/card/card.styles.ts",
7620
7620
  "declarations": [
7621
7621
  {
7622
7622
  "kind": "function",
7623
- "name": "foundationCheckboxStyles",
7623
+ "name": "foundationCardStyles",
7624
7624
  "return": {
7625
7625
  "type": {
7626
7626
  "text": "ElementStyles"
@@ -7636,7 +7636,7 @@
7636
7636
  {
7637
7637
  "name": "definition",
7638
7638
  "type": {
7639
- "text": "CheckboxOptions"
7639
+ "text": "FoundationElementDefinition"
7640
7640
  }
7641
7641
  }
7642
7642
  ]
@@ -7645,24 +7645,24 @@
7645
7645
  "exports": [
7646
7646
  {
7647
7647
  "kind": "js",
7648
- "name": "foundationCheckboxStyles",
7648
+ "name": "foundationCardStyles",
7649
7649
  "declaration": {
7650
- "name": "foundationCheckboxStyles",
7651
- "module": "src/checkbox/checkbox.styles.ts"
7650
+ "name": "foundationCardStyles",
7651
+ "module": "src/card/card.styles.ts"
7652
7652
  }
7653
7653
  }
7654
7654
  ]
7655
7655
  },
7656
7656
  {
7657
7657
  "kind": "javascript-module",
7658
- "path": "src/checkbox/checkbox.template.ts",
7658
+ "path": "src/card/card.template.ts",
7659
7659
  "declarations": [
7660
7660
  {
7661
7661
  "kind": "function",
7662
- "name": "foundationCheckboxTemplate",
7662
+ "name": "foundationCardTemplate",
7663
7663
  "return": {
7664
7664
  "type": {
7665
- "text": "ViewTemplate<Checkbox>"
7665
+ "text": "ViewTemplate<Card>"
7666
7666
  }
7667
7667
  },
7668
7668
  "parameters": [
@@ -7675,7 +7675,7 @@
7675
7675
  {
7676
7676
  "name": "definition",
7677
7677
  "type": {
7678
- "text": "CheckboxOptions"
7678
+ "text": "FoundationElementDefinition"
7679
7679
  }
7680
7680
  }
7681
7681
  ]
@@ -7684,92 +7684,29 @@
7684
7684
  "exports": [
7685
7685
  {
7686
7686
  "kind": "js",
7687
- "name": "foundationCheckboxTemplate",
7687
+ "name": "foundationCardTemplate",
7688
7688
  "declaration": {
7689
- "name": "foundationCheckboxTemplate",
7690
- "module": "src/checkbox/checkbox.template.ts"
7689
+ "name": "foundationCardTemplate",
7690
+ "module": "src/card/card.template.ts"
7691
7691
  }
7692
7692
  }
7693
7693
  ]
7694
7694
  },
7695
7695
  {
7696
7696
  "kind": "javascript-module",
7697
- "path": "src/checkbox/checkbox.ts",
7697
+ "path": "src/card/card.ts",
7698
7698
  "declarations": [
7699
7699
  {
7700
7700
  "kind": "class",
7701
7701
  "description": "",
7702
- "name": "Checkbox",
7702
+ "name": "Card",
7703
7703
  "superclass": {
7704
- "name": "FASTCheckbox",
7704
+ "name": "FASTCard",
7705
7705
  "package": "@microsoft/fast-components"
7706
7706
  },
7707
- "tagName": "%%prefix%%-checkbox",
7707
+ "tagName": "%%prefix%%-card",
7708
7708
  "customElement": true,
7709
- "attributes": [
7710
- {
7711
- "name": "readonly",
7712
- "type": {
7713
- "text": "boolean"
7714
- },
7715
- "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.",
7716
- "fieldName": "readOnly",
7717
- "inheritedFrom": {
7718
- "name": "Checkbox",
7719
- "module": "src/checkbox/checkbox.ts"
7720
- }
7721
- }
7722
- ],
7723
7709
  "members": [
7724
- {
7725
- "kind": "field",
7726
- "name": "readOnly",
7727
- "type": {
7728
- "text": "boolean"
7729
- },
7730
- "privacy": "public",
7731
- "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.",
7732
- "inheritedFrom": {
7733
- "name": "Checkbox",
7734
- "module": "src/checkbox/checkbox.ts"
7735
- }
7736
- },
7737
- {
7738
- "kind": "method",
7739
- "name": "readOnlyChanged",
7740
- "privacy": "private",
7741
- "return": {
7742
- "type": {
7743
- "text": "void"
7744
- }
7745
- },
7746
- "inheritedFrom": {
7747
- "name": "Checkbox",
7748
- "module": "src/checkbox/checkbox.ts"
7749
- }
7750
- },
7751
- {
7752
- "kind": "field",
7753
- "name": "indeterminate",
7754
- "type": {
7755
- "text": "boolean"
7756
- },
7757
- "privacy": "public",
7758
- "default": "false",
7759
- "description": "The indeterminate state of the control",
7760
- "inheritedFrom": {
7761
- "name": "Checkbox",
7762
- "module": "src/checkbox/checkbox.ts"
7763
- }
7764
- },
7765
- {
7766
- "kind": "field",
7767
- "name": "proxy",
7768
- "inheritedFrom": {
7769
- "name": "Checkbox",
7770
- "module": "src/checkbox/checkbox.ts"
7771
- }
7772
- },
7773
7710
  {
7774
7711
  "kind": "field",
7775
7712
  "name": "_presentation",
@@ -7779,8 +7716,8 @@
7779
7716
  "privacy": "private",
7780
7717
  "default": "void 0",
7781
7718
  "inheritedFrom": {
7782
- "name": "Checkbox",
7783
- "module": "src/checkbox/checkbox.ts"
7719
+ "name": "FoundationElement",
7720
+ "module": "src/foundation-element/foundation-element.ts"
7784
7721
  }
7785
7722
  },
7786
7723
  {
@@ -7792,8 +7729,8 @@
7792
7729
  "privacy": "public",
7793
7730
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7794
7731
  "inheritedFrom": {
7795
- "name": "Checkbox",
7796
- "module": "src/checkbox/checkbox.ts"
7732
+ "name": "FoundationElement",
7733
+ "module": "src/foundation-element/foundation-element.ts"
7797
7734
  }
7798
7735
  },
7799
7736
  {
@@ -7805,8 +7742,8 @@
7805
7742
  "privacy": "public",
7806
7743
  "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.",
7807
7744
  "inheritedFrom": {
7808
- "name": "Checkbox",
7809
- "module": "src/checkbox/checkbox.ts"
7745
+ "name": "FoundationElement",
7746
+ "module": "src/foundation-element/foundation-element.ts"
7810
7747
  }
7811
7748
  },
7812
7749
  {
@@ -7819,8 +7756,8 @@
7819
7756
  }
7820
7757
  },
7821
7758
  "inheritedFrom": {
7822
- "name": "Checkbox",
7823
- "module": "src/checkbox/checkbox.ts"
7759
+ "name": "FoundationElement",
7760
+ "module": "src/foundation-element/foundation-element.ts"
7824
7761
  }
7825
7762
  },
7826
7763
  {
@@ -7832,8 +7769,8 @@
7832
7769
  "privacy": "public",
7833
7770
  "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.",
7834
7771
  "inheritedFrom": {
7835
- "name": "Checkbox",
7836
- "module": "src/checkbox/checkbox.ts"
7772
+ "name": "FoundationElement",
7773
+ "module": "src/foundation-element/foundation-element.ts"
7837
7774
  }
7838
7775
  },
7839
7776
  {
@@ -7846,8 +7783,8 @@
7846
7783
  }
7847
7784
  },
7848
7785
  "inheritedFrom": {
7849
- "name": "Checkbox",
7850
- "module": "src/checkbox/checkbox.ts"
7786
+ "name": "FoundationElement",
7787
+ "module": "src/foundation-element/foundation-element.ts"
7851
7788
  }
7852
7789
  },
7853
7790
  {
@@ -7877,25 +7814,15 @@
7877
7814
  ],
7878
7815
  "description": "Defines an element registry function with a set of element definition defaults.",
7879
7816
  "inheritedFrom": {
7880
- "name": "Checkbox",
7881
- "module": "src/checkbox/checkbox.ts"
7882
- }
7883
- }
7884
- ],
7885
- "events": [
7886
- {
7887
- "description": "Emits a custom change event when the checked state changes",
7888
- "name": "change",
7889
- "inheritedFrom": {
7890
- "name": "Checkbox",
7891
- "module": "src/checkbox/checkbox.ts"
7817
+ "name": "FoundationElement",
7818
+ "module": "src/foundation-element/foundation-element.ts"
7892
7819
  }
7893
7820
  }
7894
7821
  ]
7895
7822
  },
7896
7823
  {
7897
7824
  "kind": "variable",
7898
- "name": "foundationCheckboxShadowOptions",
7825
+ "name": "foundationCardShadowOptions",
7899
7826
  "type": {
7900
7827
  "text": "ShadowRootInit"
7901
7828
  },
@@ -7903,57 +7830,57 @@
7903
7830
  },
7904
7831
  {
7905
7832
  "kind": "variable",
7906
- "name": "defaultCheckboxConfig",
7833
+ "name": "defaultCardConfig",
7907
7834
  "type": {
7908
7835
  "text": "object"
7909
7836
  },
7910
- "default": "{\n checkedIndicator: `\n <svg\n aria-hidden=\"true\"\n part=\"checked-indicator\"\n class=\"checked-indicator\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z\"\n />\n </svg>\n `,\n indeterminateIndicator: `\n <div part=\"indeterminate-indicator\" class=\"indeterminate-indicator\"></div>\n `,\n}"
7837
+ "default": "{}"
7911
7838
  },
7912
7839
  {
7913
7840
  "kind": "variable",
7914
- "name": "foundationCheckbox",
7915
- "description": "The Foundation Checkbox",
7841
+ "name": "foundationCard",
7842
+ "description": "The Foundation Card",
7916
7843
  "privacy": "public"
7917
7844
  }
7918
7845
  ],
7919
7846
  "exports": [
7920
7847
  {
7921
7848
  "kind": "js",
7922
- "name": "Checkbox",
7849
+ "name": "Card",
7923
7850
  "declaration": {
7924
- "name": "Checkbox",
7925
- "module": "src/checkbox/checkbox.ts"
7851
+ "name": "Card",
7852
+ "module": "src/card/card.ts"
7926
7853
  }
7927
7854
  },
7928
7855
  {
7929
7856
  "kind": "js",
7930
- "name": "foundationCheckboxShadowOptions",
7857
+ "name": "foundationCardShadowOptions",
7931
7858
  "declaration": {
7932
- "name": "foundationCheckboxShadowOptions",
7933
- "module": "src/checkbox/checkbox.ts"
7859
+ "name": "foundationCardShadowOptions",
7860
+ "module": "src/card/card.ts"
7934
7861
  }
7935
7862
  },
7936
7863
  {
7937
7864
  "kind": "js",
7938
- "name": "defaultCheckboxConfig",
7865
+ "name": "defaultCardConfig",
7939
7866
  "declaration": {
7940
- "name": "defaultCheckboxConfig",
7941
- "module": "src/checkbox/checkbox.ts"
7867
+ "name": "defaultCardConfig",
7868
+ "module": "src/card/card.ts"
7942
7869
  }
7943
7870
  },
7944
7871
  {
7945
7872
  "kind": "js",
7946
- "name": "foundationCheckbox",
7873
+ "name": "foundationCard",
7947
7874
  "declaration": {
7948
- "name": "foundationCheckbox",
7949
- "module": "src/checkbox/checkbox.ts"
7875
+ "name": "foundationCard",
7876
+ "module": "src/card/card.ts"
7950
7877
  }
7951
7878
  }
7952
7879
  ]
7953
7880
  },
7954
7881
  {
7955
7882
  "kind": "javascript-module",
7956
- "path": "src/checkbox/index.ts",
7883
+ "path": "src/card/index.ts",
7957
7884
  "declarations": [],
7958
7885
  "exports": [
7959
7886
  {
@@ -7961,7 +7888,7 @@
7961
7888
  "name": "*",
7962
7889
  "declaration": {
7963
7890
  "name": "*",
7964
- "package": "./checkbox.template"
7891
+ "package": "./card.template"
7965
7892
  }
7966
7893
  },
7967
7894
  {
@@ -7969,7 +7896,7 @@
7969
7896
  "name": "*",
7970
7897
  "declaration": {
7971
7898
  "name": "*",
7972
- "package": "./checkbox.styles"
7899
+ "package": "./card.styles"
7973
7900
  }
7974
7901
  },
7975
7902
  {
@@ -7977,18 +7904,18 @@
7977
7904
  "name": "*",
7978
7905
  "declaration": {
7979
7906
  "name": "*",
7980
- "package": "./checkbox"
7907
+ "package": "./card"
7981
7908
  }
7982
7909
  }
7983
7910
  ]
7984
7911
  },
7985
7912
  {
7986
7913
  "kind": "javascript-module",
7987
- "path": "src/combobox/combobox.styles.ts",
7914
+ "path": "src/checkbox/checkbox.styles.ts",
7988
7915
  "declarations": [
7989
7916
  {
7990
7917
  "kind": "function",
7991
- "name": "foundationComboboxStyles",
7918
+ "name": "foundationCheckboxStyles",
7992
7919
  "return": {
7993
7920
  "type": {
7994
7921
  "text": "ElementStyles"
@@ -8004,7 +7931,7 @@
8004
7931
  {
8005
7932
  "name": "definition",
8006
7933
  "type": {
8007
- "text": "FoundationElementDefinition"
7934
+ "text": "CheckboxOptions"
8008
7935
  }
8009
7936
  }
8010
7937
  ]
@@ -8013,24 +7940,24 @@
8013
7940
  "exports": [
8014
7941
  {
8015
7942
  "kind": "js",
8016
- "name": "foundationComboboxStyles",
7943
+ "name": "foundationCheckboxStyles",
8017
7944
  "declaration": {
8018
- "name": "foundationComboboxStyles",
8019
- "module": "src/combobox/combobox.styles.ts"
7945
+ "name": "foundationCheckboxStyles",
7946
+ "module": "src/checkbox/checkbox.styles.ts"
8020
7947
  }
8021
7948
  }
8022
7949
  ]
8023
7950
  },
8024
7951
  {
8025
7952
  "kind": "javascript-module",
8026
- "path": "src/combobox/combobox.template.ts",
7953
+ "path": "src/checkbox/checkbox.template.ts",
8027
7954
  "declarations": [
8028
7955
  {
8029
7956
  "kind": "function",
8030
- "name": "foundationComboboxTemplate",
7957
+ "name": "foundationCheckboxTemplate",
8031
7958
  "return": {
8032
7959
  "type": {
8033
- "text": "ViewTemplate<Combobox>"
7960
+ "text": "ViewTemplate<Checkbox>"
8034
7961
  }
8035
7962
  },
8036
7963
  "parameters": [
@@ -8043,7 +7970,7 @@
8043
7970
  {
8044
7971
  "name": "definition",
8045
7972
  "type": {
8046
- "text": "ComboboxOptions"
7973
+ "text": "CheckboxOptions"
8047
7974
  }
8048
7975
  }
8049
7976
  ]
@@ -8052,356 +7979,276 @@
8052
7979
  "exports": [
8053
7980
  {
8054
7981
  "kind": "js",
8055
- "name": "foundationComboboxTemplate",
7982
+ "name": "foundationCheckboxTemplate",
8056
7983
  "declaration": {
8057
- "name": "foundationComboboxTemplate",
8058
- "module": "src/combobox/combobox.template.ts"
7984
+ "name": "foundationCheckboxTemplate",
7985
+ "module": "src/checkbox/checkbox.template.ts"
8059
7986
  }
8060
7987
  }
8061
7988
  ]
8062
7989
  },
8063
7990
  {
8064
7991
  "kind": "javascript-module",
8065
- "path": "src/combobox/combobox.ts",
7992
+ "path": "src/checkbox/checkbox.ts",
8066
7993
  "declarations": [
8067
7994
  {
8068
7995
  "kind": "class",
8069
7996
  "description": "",
8070
- "name": "Combobox",
7997
+ "name": "Checkbox",
7998
+ "superclass": {
7999
+ "name": "FASTCheckbox",
8000
+ "package": "@microsoft/fast-components"
8001
+ },
8002
+ "tagName": "%%prefix%%-checkbox",
8003
+ "customElement": true,
8004
+ "attributes": [
8005
+ {
8006
+ "name": "readonly",
8007
+ "type": {
8008
+ "text": "boolean"
8009
+ },
8010
+ "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.",
8011
+ "fieldName": "readOnly",
8012
+ "inheritedFrom": {
8013
+ "name": "Checkbox",
8014
+ "module": "src/checkbox/checkbox.ts"
8015
+ }
8016
+ }
8017
+ ],
8071
8018
  "members": [
8072
8019
  {
8073
8020
  "kind": "field",
8074
- "name": "_ourValue",
8021
+ "name": "readOnly",
8075
8022
  "type": {
8076
- "text": "string"
8023
+ "text": "boolean"
8077
8024
  },
8078
- "privacy": "private"
8025
+ "privacy": "public",
8026
+ "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.",
8027
+ "inheritedFrom": {
8028
+ "name": "Checkbox",
8029
+ "module": "src/checkbox/checkbox.ts"
8030
+ }
8079
8031
  },
8080
8032
  {
8081
- "kind": "field",
8082
- "name": "#indicator",
8033
+ "kind": "method",
8034
+ "name": "readOnlyChanged",
8083
8035
  "privacy": "private",
8084
- "type": {
8085
- "text": "Element"
8036
+ "return": {
8037
+ "type": {
8038
+ "text": "void"
8039
+ }
8040
+ },
8041
+ "inheritedFrom": {
8042
+ "name": "Checkbox",
8043
+ "module": "src/checkbox/checkbox.ts"
8086
8044
  }
8087
8045
  },
8088
8046
  {
8089
8047
  "kind": "field",
8090
- "name": "#wasOpenOnEnterDown",
8091
- "privacy": "private",
8048
+ "name": "indeterminate",
8092
8049
  "type": {
8093
8050
  "text": "boolean"
8094
8051
  },
8095
- "default": "false"
8096
- },
8097
- {
8098
- "kind": "field",
8099
- "name": "slottedDatasource",
8100
- "type": {
8101
- "text": "HTMLSlotElement"
8052
+ "privacy": "public",
8053
+ "default": "false",
8054
+ "description": "The indeterminate state of the control",
8055
+ "inheritedFrom": {
8056
+ "name": "Checkbox",
8057
+ "module": "src/checkbox/checkbox.ts"
8102
8058
  }
8103
8059
  },
8104
8060
  {
8105
8061
  "kind": "field",
8106
- "name": "async",
8107
- "type": {
8108
- "text": "boolean"
8109
- },
8110
- "default": "false"
8062
+ "name": "proxy",
8063
+ "inheritedFrom": {
8064
+ "name": "Checkbox",
8065
+ "module": "src/checkbox/checkbox.ts"
8066
+ }
8111
8067
  },
8112
8068
  {
8113
8069
  "kind": "field",
8114
- "name": "debounce",
8070
+ "name": "_presentation",
8115
8071
  "type": {
8116
- "text": "number"
8072
+ "text": "ComponentPresentation | null | undefined"
8117
8073
  },
8118
- "default": "500"
8119
- },
8120
- {
8121
- "kind": "method",
8122
- "name": "debounceChanged",
8123
- "parameters": [
8124
- {
8125
- "name": "oldValue"
8126
- },
8127
- {
8128
- "name": "newValue",
8129
- "type": {
8130
- "text": "number"
8131
- }
8132
- }
8133
- ]
8134
- },
8135
- {
8136
- "kind": "field",
8137
- "name": "debouncedInputHandler"
8074
+ "privacy": "private",
8075
+ "default": "void 0",
8076
+ "inheritedFrom": {
8077
+ "name": "Checkbox",
8078
+ "module": "src/checkbox/checkbox.ts"
8079
+ }
8138
8080
  },
8139
8081
  {
8140
8082
  "kind": "field",
8141
- "name": "caseSensitive",
8083
+ "name": "$presentation",
8142
8084
  "type": {
8143
- "text": "boolean"
8085
+ "text": "ComponentPresentation | null"
8144
8086
  },
8145
8087
  "privacy": "public",
8146
- "default": "false",
8147
- "description": "Controls whether to perform a case-sensitive search in the list of options"
8088
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
8089
+ "inheritedFrom": {
8090
+ "name": "Checkbox",
8091
+ "module": "src/checkbox/checkbox.ts"
8092
+ }
8148
8093
  },
8149
8094
  {
8150
8095
  "kind": "field",
8151
- "name": "ignoreInputClick",
8096
+ "name": "template",
8152
8097
  "type": {
8153
- "text": "boolean"
8098
+ "text": "ElementViewTemplate | void | null"
8154
8099
  },
8155
8100
  "privacy": "public",
8156
- "default": "false",
8157
- "description": "Controls whether to suppress opening the dropdown when the input field is clicked"
8158
- },
8159
- {
8160
- "kind": "field",
8161
- "name": "value",
8162
- "privacy": "public"
8101
+ "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.",
8102
+ "inheritedFrom": {
8103
+ "name": "Checkbox",
8104
+ "module": "src/checkbox/checkbox.ts"
8105
+ }
8163
8106
  },
8164
8107
  {
8165
8108
  "kind": "method",
8166
- "name": "slottedOptionsChanged",
8167
- "privacy": "public",
8109
+ "name": "templateChanged",
8110
+ "privacy": "protected",
8168
8111
  "return": {
8169
8112
  "type": {
8170
8113
  "text": "void"
8171
8114
  }
8172
8115
  },
8173
- "parameters": [
8174
- {
8175
- "name": "prev",
8176
- "type": {
8177
- "text": "Element[] | undefined"
8178
- }
8179
- },
8180
- {
8181
- "name": "next",
8182
- "type": {
8183
- "text": "Element[]"
8184
- }
8185
- }
8186
- ]
8187
- },
8188
- {
8189
- "kind": "method",
8190
- "name": "filterOptions",
8191
- "privacy": "public",
8192
- "return": {
8193
- "type": {
8194
- "text": "void"
8195
- }
8116
+ "inheritedFrom": {
8117
+ "name": "Checkbox",
8118
+ "module": "src/checkbox/checkbox.ts"
8196
8119
  }
8197
8120
  },
8198
8121
  {
8199
- "kind": "method",
8200
- "name": "clickHandler",
8201
- "privacy": "public",
8202
- "return": {
8203
- "type": {
8204
- "text": "boolean | void"
8205
- }
8122
+ "kind": "field",
8123
+ "name": "styles",
8124
+ "type": {
8125
+ "text": "ElementStyles | void | null"
8206
8126
  },
8207
- "parameters": [
8208
- {
8209
- "name": "e",
8210
- "type": {
8211
- "text": "MouseEvent"
8212
- }
8213
- }
8214
- ]
8127
+ "privacy": "public",
8128
+ "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.",
8129
+ "inheritedFrom": {
8130
+ "name": "Checkbox",
8131
+ "module": "src/checkbox/checkbox.ts"
8132
+ }
8215
8133
  },
8216
8134
  {
8217
8135
  "kind": "method",
8218
- "name": "keydownHandler",
8219
- "privacy": "public",
8136
+ "name": "stylesChanged",
8137
+ "privacy": "protected",
8220
8138
  "return": {
8221
8139
  "type": {
8222
- "text": "boolean | void"
8140
+ "text": "void"
8223
8141
  }
8224
8142
  },
8225
- "parameters": [
8226
- {
8227
- "name": "e",
8228
- "type": {
8229
- "text": "KeyboardEvent"
8230
- }
8231
- }
8232
- ]
8143
+ "inheritedFrom": {
8144
+ "name": "Checkbox",
8145
+ "module": "src/checkbox/checkbox.ts"
8146
+ }
8233
8147
  },
8234
8148
  {
8235
8149
  "kind": "method",
8236
- "name": "keyupHandler",
8150
+ "name": "compose",
8237
8151
  "privacy": "public",
8152
+ "static": true,
8238
8153
  "return": {
8239
8154
  "type": {
8240
- "text": "boolean | void"
8155
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
8241
8156
  }
8242
8157
  },
8243
8158
  "parameters": [
8244
8159
  {
8245
- "name": "e",
8160
+ "name": "this",
8246
8161
  "type": {
8247
- "text": "KeyboardEvent"
8162
+ "text": "K"
8248
8163
  }
8249
- }
8250
- ]
8251
- },
8252
- {
8253
- "kind": "field",
8254
- "name": "indicator",
8255
- "type": {
8256
- "text": "Element"
8257
- },
8258
- "privacy": "protected",
8259
- "description": "Gets the HTML element for the indicator button",
8260
- "readonly": true
8261
- },
8262
- {
8263
- "kind": "method",
8264
- "name": "selectItemByValue",
8265
- "privacy": "protected",
8266
- "parameters": [
8164
+ },
8267
8165
  {
8268
- "name": "value",
8166
+ "name": "elementDefinition",
8269
8167
  "type": {
8270
- "text": "string"
8168
+ "text": "T"
8271
8169
  },
8272
- "description": "The text value of the item to be selected"
8170
+ "description": "The definition of the element to create the registry\nfunction for."
8273
8171
  }
8274
8172
  ],
8275
- "description": "Selects an item in the dropdown based on its text value"
8276
- },
8277
- {
8278
- "kind": "method",
8279
- "name": "inputHandler",
8280
- "return": {
8281
- "type": {
8282
- "text": "boolean | void"
8283
- }
8284
- },
8285
- "parameters": [
8286
- {
8287
- "name": "e",
8288
- "type": {
8289
- "text": "InputEvent"
8290
- }
8291
- }
8292
- ]
8293
- },
8294
- {
8295
- "kind": "method",
8296
- "name": "asyncSetFilter"
8173
+ "description": "Defines an element registry function with a set of element definition defaults.",
8174
+ "inheritedFrom": {
8175
+ "name": "Checkbox",
8176
+ "module": "src/checkbox/checkbox.ts"
8177
+ }
8297
8178
  }
8298
8179
  ],
8299
- "attributes": [
8300
- {
8301
- "type": {
8302
- "text": "boolean"
8303
- },
8304
- "default": "false",
8305
- "fieldName": "async"
8306
- },
8307
- {
8308
- "name": "debounce",
8309
- "type": {
8310
- "text": "number"
8311
- },
8312
- "default": "DEBOUNCE_TIME",
8313
- "resolveInitializer": {
8314
- "module": "src/combobox/combobox.ts"
8315
- },
8316
- "fieldName": "debounce"
8317
- },
8318
- {
8319
- "name": "case-sensitive",
8320
- "type": {
8321
- "text": "boolean"
8322
- },
8323
- "default": "false",
8324
- "description": "Controls whether to perform a case-sensitive search in the list of options",
8325
- "fieldName": "caseSensitive"
8326
- },
8180
+ "events": [
8327
8181
  {
8328
- "name": "ignore-input-click",
8329
- "type": {
8330
- "text": "boolean"
8331
- },
8332
- "default": "false",
8333
- "description": "Controls whether to suppress opening the dropdown when the input field is clicked",
8334
- "fieldName": "ignoreInputClick"
8182
+ "description": "Emits a custom change event when the checked state changes",
8183
+ "name": "change",
8184
+ "inheritedFrom": {
8185
+ "name": "Checkbox",
8186
+ "module": "src/checkbox/checkbox.ts"
8187
+ }
8335
8188
  }
8336
- ],
8337
- "superclass": {
8338
- "name": "FASTComboBox",
8339
- "package": "@microsoft/fast-components"
8340
- },
8341
- "tagName": "%%prefix%%-combobox",
8342
- "customElement": true
8189
+ ]
8343
8190
  },
8344
8191
  {
8345
8192
  "kind": "variable",
8346
- "name": "foundationComboboxShadowOptions",
8193
+ "name": "foundationCheckboxShadowOptions",
8347
8194
  "type": {
8348
8195
  "text": "ShadowRootInit"
8349
8196
  },
8350
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
8197
+ "default": "undefined"
8351
8198
  },
8352
8199
  {
8353
8200
  "kind": "variable",
8354
- "name": "defaultComboboxConfig",
8201
+ "name": "defaultCheckboxConfig",
8355
8202
  "type": {
8356
8203
  "text": "object"
8357
8204
  },
8358
- "default": "{\n indicator: `\n <svg\n class=\"combo-box-indicator\"\n part=\"combo-box-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
8205
+ "default": "{\n checkedIndicator: `\n <svg\n aria-hidden=\"true\"\n part=\"checked-indicator\"\n class=\"checked-indicator\"\n viewBox=\"0 0 20 20\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z\"\n />\n </svg>\n `,\n indeterminateIndicator: `\n <div part=\"indeterminate-indicator\" class=\"indeterminate-indicator\"></div>\n `,\n}"
8359
8206
  },
8360
8207
  {
8361
8208
  "kind": "variable",
8362
- "name": "foundationCombobox",
8363
- "description": "The Foundation Combo-box",
8209
+ "name": "foundationCheckbox",
8210
+ "description": "The Foundation Checkbox",
8364
8211
  "privacy": "public"
8365
8212
  }
8366
8213
  ],
8367
8214
  "exports": [
8368
8215
  {
8369
8216
  "kind": "js",
8370
- "name": "Combobox",
8217
+ "name": "Checkbox",
8371
8218
  "declaration": {
8372
- "name": "Combobox",
8373
- "module": "src/combobox/combobox.ts"
8219
+ "name": "Checkbox",
8220
+ "module": "src/checkbox/checkbox.ts"
8374
8221
  }
8375
8222
  },
8376
8223
  {
8377
8224
  "kind": "js",
8378
- "name": "foundationComboboxShadowOptions",
8225
+ "name": "foundationCheckboxShadowOptions",
8379
8226
  "declaration": {
8380
- "name": "foundationComboboxShadowOptions",
8381
- "module": "src/combobox/combobox.ts"
8227
+ "name": "foundationCheckboxShadowOptions",
8228
+ "module": "src/checkbox/checkbox.ts"
8382
8229
  }
8383
8230
  },
8384
8231
  {
8385
8232
  "kind": "js",
8386
- "name": "defaultComboboxConfig",
8233
+ "name": "defaultCheckboxConfig",
8387
8234
  "declaration": {
8388
- "name": "defaultComboboxConfig",
8389
- "module": "src/combobox/combobox.ts"
8235
+ "name": "defaultCheckboxConfig",
8236
+ "module": "src/checkbox/checkbox.ts"
8390
8237
  }
8391
8238
  },
8392
8239
  {
8393
8240
  "kind": "js",
8394
- "name": "foundationCombobox",
8241
+ "name": "foundationCheckbox",
8395
8242
  "declaration": {
8396
- "name": "foundationCombobox",
8397
- "module": "src/combobox/combobox.ts"
8243
+ "name": "foundationCheckbox",
8244
+ "module": "src/checkbox/checkbox.ts"
8398
8245
  }
8399
8246
  }
8400
8247
  ]
8401
8248
  },
8402
8249
  {
8403
8250
  "kind": "javascript-module",
8404
- "path": "src/combobox/index.ts",
8251
+ "path": "src/checkbox/index.ts",
8405
8252
  "declarations": [],
8406
8253
  "exports": [
8407
8254
  {
@@ -8409,7 +8256,7 @@
8409
8256
  "name": "*",
8410
8257
  "declaration": {
8411
8258
  "name": "*",
8412
- "package": "./combobox.template"
8259
+ "package": "./checkbox.template"
8413
8260
  }
8414
8261
  },
8415
8262
  {
@@ -8417,7 +8264,7 @@
8417
8264
  "name": "*",
8418
8265
  "declaration": {
8419
8266
  "name": "*",
8420
- "package": "./combobox.styles"
8267
+ "package": "./checkbox.styles"
8421
8268
  }
8422
8269
  },
8423
8270
  {
@@ -8425,18 +8272,18 @@
8425
8272
  "name": "*",
8426
8273
  "declaration": {
8427
8274
  "name": "*",
8428
- "package": "./combobox"
8275
+ "package": "./checkbox"
8429
8276
  }
8430
8277
  }
8431
8278
  ]
8432
8279
  },
8433
8280
  {
8434
8281
  "kind": "javascript-module",
8435
- "path": "src/card/card.styles.ts",
8282
+ "path": "src/combobox/combobox.styles.ts",
8436
8283
  "declarations": [
8437
8284
  {
8438
8285
  "kind": "function",
8439
- "name": "foundationCardStyles",
8286
+ "name": "foundationComboboxStyles",
8440
8287
  "return": {
8441
8288
  "type": {
8442
8289
  "text": "ElementStyles"
@@ -8461,24 +8308,24 @@
8461
8308
  "exports": [
8462
8309
  {
8463
8310
  "kind": "js",
8464
- "name": "foundationCardStyles",
8311
+ "name": "foundationComboboxStyles",
8465
8312
  "declaration": {
8466
- "name": "foundationCardStyles",
8467
- "module": "src/card/card.styles.ts"
8313
+ "name": "foundationComboboxStyles",
8314
+ "module": "src/combobox/combobox.styles.ts"
8468
8315
  }
8469
8316
  }
8470
8317
  ]
8471
8318
  },
8472
8319
  {
8473
8320
  "kind": "javascript-module",
8474
- "path": "src/card/card.template.ts",
8321
+ "path": "src/combobox/combobox.template.ts",
8475
8322
  "declarations": [
8476
8323
  {
8477
8324
  "kind": "function",
8478
- "name": "foundationCardTemplate",
8325
+ "name": "foundationComboboxTemplate",
8479
8326
  "return": {
8480
8327
  "type": {
8481
- "text": "ViewTemplate<Card>"
8328
+ "text": "ViewTemplate<Combobox>"
8482
8329
  }
8483
8330
  },
8484
8331
  "parameters": [
@@ -8491,7 +8338,7 @@
8491
8338
  {
8492
8339
  "name": "definition",
8493
8340
  "type": {
8494
- "text": "FoundationElementDefinition"
8341
+ "text": "ComboboxOptions"
8495
8342
  }
8496
8343
  }
8497
8344
  ]
@@ -8500,203 +8347,356 @@
8500
8347
  "exports": [
8501
8348
  {
8502
8349
  "kind": "js",
8503
- "name": "foundationCardTemplate",
8350
+ "name": "foundationComboboxTemplate",
8504
8351
  "declaration": {
8505
- "name": "foundationCardTemplate",
8506
- "module": "src/card/card.template.ts"
8352
+ "name": "foundationComboboxTemplate",
8353
+ "module": "src/combobox/combobox.template.ts"
8507
8354
  }
8508
8355
  }
8509
8356
  ]
8510
8357
  },
8511
8358
  {
8512
8359
  "kind": "javascript-module",
8513
- "path": "src/card/card.ts",
8360
+ "path": "src/combobox/combobox.ts",
8514
8361
  "declarations": [
8515
8362
  {
8516
8363
  "kind": "class",
8517
8364
  "description": "",
8518
- "name": "Card",
8519
- "superclass": {
8520
- "name": "FASTCard",
8521
- "package": "@microsoft/fast-components"
8522
- },
8523
- "tagName": "%%prefix%%-card",
8524
- "customElement": true,
8365
+ "name": "Combobox",
8525
8366
  "members": [
8526
8367
  {
8527
8368
  "kind": "field",
8528
- "name": "_presentation",
8369
+ "name": "_ourValue",
8529
8370
  "type": {
8530
- "text": "ComponentPresentation | null | undefined"
8371
+ "text": "string"
8531
8372
  },
8373
+ "privacy": "private"
8374
+ },
8375
+ {
8376
+ "kind": "field",
8377
+ "name": "#indicator",
8532
8378
  "privacy": "private",
8533
- "default": "void 0",
8534
- "inheritedFrom": {
8535
- "name": "FoundationElement",
8536
- "module": "src/foundation-element/foundation-element.ts"
8379
+ "type": {
8380
+ "text": "Element"
8537
8381
  }
8538
8382
  },
8539
8383
  {
8540
8384
  "kind": "field",
8541
- "name": "$presentation",
8385
+ "name": "#wasOpenOnEnterDown",
8386
+ "privacy": "private",
8542
8387
  "type": {
8543
- "text": "ComponentPresentation | null"
8388
+ "text": "boolean"
8544
8389
  },
8545
- "privacy": "public",
8546
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
8547
- "inheritedFrom": {
8548
- "name": "FoundationElement",
8549
- "module": "src/foundation-element/foundation-element.ts"
8390
+ "default": "false"
8391
+ },
8392
+ {
8393
+ "kind": "field",
8394
+ "name": "slottedDatasource",
8395
+ "type": {
8396
+ "text": "HTMLSlotElement"
8550
8397
  }
8551
8398
  },
8552
8399
  {
8553
8400
  "kind": "field",
8554
- "name": "template",
8401
+ "name": "async",
8555
8402
  "type": {
8556
- "text": "ElementViewTemplate | void | null"
8403
+ "text": "boolean"
8557
8404
  },
8558
- "privacy": "public",
8559
- "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.",
8560
- "inheritedFrom": {
8561
- "name": "FoundationElement",
8562
- "module": "src/foundation-element/foundation-element.ts"
8563
- }
8405
+ "default": "false"
8406
+ },
8407
+ {
8408
+ "kind": "field",
8409
+ "name": "debounce",
8410
+ "type": {
8411
+ "text": "number"
8412
+ },
8413
+ "default": "500"
8564
8414
  },
8565
8415
  {
8566
8416
  "kind": "method",
8567
- "name": "templateChanged",
8568
- "privacy": "protected",
8569
- "return": {
8570
- "type": {
8571
- "text": "void"
8417
+ "name": "debounceChanged",
8418
+ "parameters": [
8419
+ {
8420
+ "name": "oldValue"
8421
+ },
8422
+ {
8423
+ "name": "newValue",
8424
+ "type": {
8425
+ "text": "number"
8426
+ }
8572
8427
  }
8428
+ ]
8429
+ },
8430
+ {
8431
+ "kind": "field",
8432
+ "name": "debouncedInputHandler"
8433
+ },
8434
+ {
8435
+ "kind": "field",
8436
+ "name": "caseSensitive",
8437
+ "type": {
8438
+ "text": "boolean"
8573
8439
  },
8574
- "inheritedFrom": {
8575
- "name": "FoundationElement",
8576
- "module": "src/foundation-element/foundation-element.ts"
8577
- }
8440
+ "privacy": "public",
8441
+ "default": "false",
8442
+ "description": "Controls whether to perform a case-sensitive search in the list of options"
8578
8443
  },
8579
8444
  {
8580
8445
  "kind": "field",
8581
- "name": "styles",
8446
+ "name": "ignoreInputClick",
8582
8447
  "type": {
8583
- "text": "ElementStyles | void | null"
8448
+ "text": "boolean"
8584
8449
  },
8585
8450
  "privacy": "public",
8586
- "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.",
8587
- "inheritedFrom": {
8588
- "name": "FoundationElement",
8589
- "module": "src/foundation-element/foundation-element.ts"
8590
- }
8451
+ "default": "false",
8452
+ "description": "Controls whether to suppress opening the dropdown when the input field is clicked"
8453
+ },
8454
+ {
8455
+ "kind": "field",
8456
+ "name": "value",
8457
+ "privacy": "public"
8591
8458
  },
8592
8459
  {
8593
8460
  "kind": "method",
8594
- "name": "stylesChanged",
8595
- "privacy": "protected",
8461
+ "name": "slottedOptionsChanged",
8462
+ "privacy": "public",
8596
8463
  "return": {
8597
8464
  "type": {
8598
8465
  "text": "void"
8599
8466
  }
8600
8467
  },
8601
- "inheritedFrom": {
8602
- "name": "FoundationElement",
8603
- "module": "src/foundation-element/foundation-element.ts"
8468
+ "parameters": [
8469
+ {
8470
+ "name": "prev",
8471
+ "type": {
8472
+ "text": "Element[] | undefined"
8473
+ }
8474
+ },
8475
+ {
8476
+ "name": "next",
8477
+ "type": {
8478
+ "text": "Element[]"
8479
+ }
8480
+ }
8481
+ ]
8482
+ },
8483
+ {
8484
+ "kind": "method",
8485
+ "name": "filterOptions",
8486
+ "privacy": "public",
8487
+ "return": {
8488
+ "type": {
8489
+ "text": "void"
8490
+ }
8604
8491
  }
8605
8492
  },
8606
8493
  {
8607
8494
  "kind": "method",
8608
- "name": "compose",
8495
+ "name": "clickHandler",
8609
8496
  "privacy": "public",
8610
- "static": true,
8611
8497
  "return": {
8612
8498
  "type": {
8613
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
8499
+ "text": "boolean | void"
8614
8500
  }
8615
8501
  },
8616
8502
  "parameters": [
8617
8503
  {
8618
- "name": "this",
8504
+ "name": "e",
8619
8505
  "type": {
8620
- "text": "K"
8506
+ "text": "MouseEvent"
8621
8507
  }
8622
- },
8508
+ }
8509
+ ]
8510
+ },
8511
+ {
8512
+ "kind": "method",
8513
+ "name": "keydownHandler",
8514
+ "privacy": "public",
8515
+ "return": {
8516
+ "type": {
8517
+ "text": "boolean | void"
8518
+ }
8519
+ },
8520
+ "parameters": [
8623
8521
  {
8624
- "name": "elementDefinition",
8522
+ "name": "e",
8625
8523
  "type": {
8626
- "text": "T"
8627
- },
8628
- "description": "The definition of the element to create the registry\nfunction for."
8524
+ "text": "KeyboardEvent"
8525
+ }
8629
8526
  }
8630
- ],
8631
- "description": "Defines an element registry function with a set of element definition defaults.",
8632
- "inheritedFrom": {
8633
- "name": "FoundationElement",
8634
- "module": "src/foundation-element/foundation-element.ts"
8635
- }
8636
- }
8637
- ]
8638
- },
8639
- {
8640
- "kind": "variable",
8641
- "name": "foundationCardShadowOptions",
8527
+ ]
8528
+ },
8529
+ {
8530
+ "kind": "method",
8531
+ "name": "keyupHandler",
8532
+ "privacy": "public",
8533
+ "return": {
8534
+ "type": {
8535
+ "text": "boolean | void"
8536
+ }
8537
+ },
8538
+ "parameters": [
8539
+ {
8540
+ "name": "e",
8541
+ "type": {
8542
+ "text": "KeyboardEvent"
8543
+ }
8544
+ }
8545
+ ]
8546
+ },
8547
+ {
8548
+ "kind": "field",
8549
+ "name": "indicator",
8550
+ "type": {
8551
+ "text": "Element"
8552
+ },
8553
+ "privacy": "protected",
8554
+ "description": "Gets the HTML element for the indicator button",
8555
+ "readonly": true
8556
+ },
8557
+ {
8558
+ "kind": "method",
8559
+ "name": "selectItemByValue",
8560
+ "privacy": "protected",
8561
+ "parameters": [
8562
+ {
8563
+ "name": "value",
8564
+ "type": {
8565
+ "text": "string"
8566
+ },
8567
+ "description": "The text value of the item to be selected"
8568
+ }
8569
+ ],
8570
+ "description": "Selects an item in the dropdown based on its text value"
8571
+ },
8572
+ {
8573
+ "kind": "method",
8574
+ "name": "inputHandler",
8575
+ "return": {
8576
+ "type": {
8577
+ "text": "boolean | void"
8578
+ }
8579
+ },
8580
+ "parameters": [
8581
+ {
8582
+ "name": "e",
8583
+ "type": {
8584
+ "text": "InputEvent"
8585
+ }
8586
+ }
8587
+ ]
8588
+ },
8589
+ {
8590
+ "kind": "method",
8591
+ "name": "asyncSetFilter"
8592
+ }
8593
+ ],
8594
+ "attributes": [
8595
+ {
8596
+ "type": {
8597
+ "text": "boolean"
8598
+ },
8599
+ "default": "false",
8600
+ "fieldName": "async"
8601
+ },
8602
+ {
8603
+ "name": "debounce",
8604
+ "type": {
8605
+ "text": "number"
8606
+ },
8607
+ "default": "DEBOUNCE_TIME",
8608
+ "resolveInitializer": {
8609
+ "module": "src/combobox/combobox.ts"
8610
+ },
8611
+ "fieldName": "debounce"
8612
+ },
8613
+ {
8614
+ "name": "case-sensitive",
8615
+ "type": {
8616
+ "text": "boolean"
8617
+ },
8618
+ "default": "false",
8619
+ "description": "Controls whether to perform a case-sensitive search in the list of options",
8620
+ "fieldName": "caseSensitive"
8621
+ },
8622
+ {
8623
+ "name": "ignore-input-click",
8624
+ "type": {
8625
+ "text": "boolean"
8626
+ },
8627
+ "default": "false",
8628
+ "description": "Controls whether to suppress opening the dropdown when the input field is clicked",
8629
+ "fieldName": "ignoreInputClick"
8630
+ }
8631
+ ],
8632
+ "superclass": {
8633
+ "name": "FASTComboBox",
8634
+ "package": "@microsoft/fast-components"
8635
+ },
8636
+ "tagName": "%%prefix%%-combobox",
8637
+ "customElement": true
8638
+ },
8639
+ {
8640
+ "kind": "variable",
8641
+ "name": "foundationComboboxShadowOptions",
8642
8642
  "type": {
8643
8643
  "text": "ShadowRootInit"
8644
8644
  },
8645
- "default": "undefined"
8645
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
8646
8646
  },
8647
8647
  {
8648
8648
  "kind": "variable",
8649
- "name": "defaultCardConfig",
8649
+ "name": "defaultComboboxConfig",
8650
8650
  "type": {
8651
8651
  "text": "object"
8652
8652
  },
8653
- "default": "{}"
8653
+ "default": "{\n indicator: `\n <svg\n class=\"combo-box-indicator\"\n part=\"combo-box-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
8654
8654
  },
8655
8655
  {
8656
8656
  "kind": "variable",
8657
- "name": "foundationCard",
8658
- "description": "The Foundation Card",
8657
+ "name": "foundationCombobox",
8658
+ "description": "The Foundation Combo-box",
8659
8659
  "privacy": "public"
8660
8660
  }
8661
8661
  ],
8662
8662
  "exports": [
8663
8663
  {
8664
8664
  "kind": "js",
8665
- "name": "Card",
8665
+ "name": "Combobox",
8666
8666
  "declaration": {
8667
- "name": "Card",
8668
- "module": "src/card/card.ts"
8667
+ "name": "Combobox",
8668
+ "module": "src/combobox/combobox.ts"
8669
8669
  }
8670
8670
  },
8671
8671
  {
8672
8672
  "kind": "js",
8673
- "name": "foundationCardShadowOptions",
8673
+ "name": "foundationComboboxShadowOptions",
8674
8674
  "declaration": {
8675
- "name": "foundationCardShadowOptions",
8676
- "module": "src/card/card.ts"
8675
+ "name": "foundationComboboxShadowOptions",
8676
+ "module": "src/combobox/combobox.ts"
8677
8677
  }
8678
8678
  },
8679
8679
  {
8680
8680
  "kind": "js",
8681
- "name": "defaultCardConfig",
8681
+ "name": "defaultComboboxConfig",
8682
8682
  "declaration": {
8683
- "name": "defaultCardConfig",
8684
- "module": "src/card/card.ts"
8683
+ "name": "defaultComboboxConfig",
8684
+ "module": "src/combobox/combobox.ts"
8685
8685
  }
8686
8686
  },
8687
8687
  {
8688
8688
  "kind": "js",
8689
- "name": "foundationCard",
8689
+ "name": "foundationCombobox",
8690
8690
  "declaration": {
8691
- "name": "foundationCard",
8692
- "module": "src/card/card.ts"
8691
+ "name": "foundationCombobox",
8692
+ "module": "src/combobox/combobox.ts"
8693
8693
  }
8694
8694
  }
8695
8695
  ]
8696
8696
  },
8697
8697
  {
8698
8698
  "kind": "javascript-module",
8699
- "path": "src/card/index.ts",
8699
+ "path": "src/combobox/index.ts",
8700
8700
  "declarations": [],
8701
8701
  "exports": [
8702
8702
  {
@@ -8704,7 +8704,7 @@
8704
8704
  "name": "*",
8705
8705
  "declaration": {
8706
8706
  "name": "*",
8707
- "package": "./card.template"
8707
+ "package": "./combobox.template"
8708
8708
  }
8709
8709
  },
8710
8710
  {
@@ -8712,7 +8712,7 @@
8712
8712
  "name": "*",
8713
8713
  "declaration": {
8714
8714
  "name": "*",
8715
- "package": "./card.styles"
8715
+ "package": "./combobox.styles"
8716
8716
  }
8717
8717
  },
8718
8718
  {
@@ -8720,7 +8720,7 @@
8720
8720
  "name": "*",
8721
8721
  "declaration": {
8722
8722
  "name": "*",
8723
- "package": "./card"
8723
+ "package": "./combobox"
8724
8724
  }
8725
8725
  }
8726
8726
  ]
@@ -37751,7 +37751,7 @@
37751
37751
  },
37752
37752
  {
37753
37753
  "kind": "javascript-module",
37754
- "path": "src/toolbar/index.ts",
37754
+ "path": "src/tooltip/index.ts",
37755
37755
  "declarations": [],
37756
37756
  "exports": [
37757
37757
  {
@@ -37759,7 +37759,7 @@
37759
37759
  "name": "*",
37760
37760
  "declaration": {
37761
37761
  "name": "*",
37762
- "package": "./toolbar.template"
37762
+ "package": "./tooltip.template"
37763
37763
  }
37764
37764
  },
37765
37765
  {
@@ -37767,7 +37767,7 @@
37767
37767
  "name": "*",
37768
37768
  "declaration": {
37769
37769
  "name": "*",
37770
- "package": "./toolbar.styles"
37770
+ "package": "./tooltip.styles"
37771
37771
  }
37772
37772
  },
37773
37773
  {
@@ -37775,18 +37775,18 @@
37775
37775
  "name": "*",
37776
37776
  "declaration": {
37777
37777
  "name": "*",
37778
- "package": "./toolbar"
37778
+ "package": "./tooltip"
37779
37779
  }
37780
37780
  }
37781
37781
  ]
37782
37782
  },
37783
37783
  {
37784
37784
  "kind": "javascript-module",
37785
- "path": "src/toolbar/toolbar.styles.ts",
37785
+ "path": "src/tooltip/tooltip.styles.ts",
37786
37786
  "declarations": [
37787
37787
  {
37788
37788
  "kind": "function",
37789
- "name": "foundationToolbarStyles",
37789
+ "name": "foundationTooltipStyles",
37790
37790
  "return": {
37791
37791
  "type": {
37792
37792
  "text": "ElementStyles"
@@ -37811,24 +37811,24 @@
37811
37811
  "exports": [
37812
37812
  {
37813
37813
  "kind": "js",
37814
- "name": "foundationToolbarStyles",
37814
+ "name": "foundationTooltipStyles",
37815
37815
  "declaration": {
37816
- "name": "foundationToolbarStyles",
37817
- "module": "src/toolbar/toolbar.styles.ts"
37816
+ "name": "foundationTooltipStyles",
37817
+ "module": "src/tooltip/tooltip.styles.ts"
37818
37818
  }
37819
37819
  }
37820
37820
  ]
37821
37821
  },
37822
37822
  {
37823
37823
  "kind": "javascript-module",
37824
- "path": "src/toolbar/toolbar.template.ts",
37824
+ "path": "src/tooltip/tooltip.template.ts",
37825
37825
  "declarations": [
37826
37826
  {
37827
37827
  "kind": "function",
37828
- "name": "foundationToolbarTemplate",
37828
+ "name": "foundationTooltipTemplate",
37829
37829
  "return": {
37830
37830
  "type": {
37831
- "text": "ViewTemplate<Toolbar>"
37831
+ "text": "ViewTemplate<Tooltip>"
37832
37832
  }
37833
37833
  },
37834
37834
  "parameters": [
@@ -37850,523 +37850,394 @@
37850
37850
  "exports": [
37851
37851
  {
37852
37852
  "kind": "js",
37853
- "name": "foundationToolbarTemplate",
37853
+ "name": "foundationTooltipTemplate",
37854
37854
  "declaration": {
37855
- "name": "foundationToolbarTemplate",
37856
- "module": "src/toolbar/toolbar.template.ts"
37855
+ "name": "foundationTooltipTemplate",
37856
+ "module": "src/tooltip/tooltip.template.ts"
37857
37857
  }
37858
37858
  }
37859
37859
  ]
37860
37860
  },
37861
37861
  {
37862
37862
  "kind": "javascript-module",
37863
- "path": "src/toolbar/toolbar.ts",
37863
+ "path": "src/tooltip/tooltip.ts",
37864
37864
  "declarations": [
37865
37865
  {
37866
37866
  "kind": "class",
37867
37867
  "description": "",
37868
- "name": "Toolbar",
37868
+ "name": "Tooltip",
37869
37869
  "superclass": {
37870
- "name": "FASTToolbar",
37870
+ "name": "FASTTooltip",
37871
37871
  "package": "@microsoft/fast-components"
37872
37872
  },
37873
- "tagName": "%%prefix%%-toolbar",
37873
+ "tagName": "%%prefix%%-tooltip",
37874
37874
  "customElement": true,
37875
37875
  "attributes": [
37876
37876
  {
37877
- "name": "orientation",
37878
37877
  "type": {
37879
- "text": "Orientation"
37878
+ "text": "boolean"
37880
37879
  },
37881
- "description": "The orientation of the toolbar.",
37882
- "fieldName": "orientation",
37883
- "inheritedFrom": {
37884
- "name": "Toolbar",
37885
- "module": "src/toolbar/toolbar.ts"
37886
- }
37887
- }
37888
- ],
37889
- "members": [
37890
- {
37891
- "kind": "field",
37892
- "name": "activeIndex",
37880
+ "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
37881
+ "fieldName": "visible",
37893
37882
  "inheritedFrom": {
37894
- "name": "Toolbar",
37895
- "module": "src/toolbar/toolbar.ts"
37883
+ "name": "Tooltip",
37884
+ "module": "src/tooltip/tooltip.ts"
37896
37885
  }
37897
37886
  },
37898
37887
  {
37899
- "kind": "field",
37900
- "name": "orientation",
37888
+ "name": "anchor",
37901
37889
  "type": {
37902
- "text": "Orientation"
37890
+ "text": "string"
37903
37891
  },
37904
- "privacy": "public",
37905
- "description": "The orientation of the toolbar.",
37892
+ "default": "\"\"",
37893
+ "description": "The id of the element the tooltip is anchored to",
37894
+ "fieldName": "anchor",
37906
37895
  "inheritedFrom": {
37907
- "name": "Toolbar",
37908
- "module": "src/toolbar/toolbar.ts"
37896
+ "name": "Tooltip",
37897
+ "module": "src/tooltip/tooltip.ts"
37909
37898
  }
37910
37899
  },
37911
37900
  {
37912
- "kind": "method",
37913
- "name": "slottedItemsChanged",
37914
- "privacy": "protected",
37915
- "return": {
37916
- "type": {
37917
- "text": "void"
37918
- }
37901
+ "name": "delay",
37902
+ "type": {
37903
+ "text": "number"
37919
37904
  },
37905
+ "default": "300",
37906
+ "description": "The delay in milliseconds before a tooltip is shown after a hover event",
37907
+ "fieldName": "delay",
37920
37908
  "inheritedFrom": {
37921
- "name": "Toolbar",
37922
- "module": "src/toolbar/toolbar.ts"
37909
+ "name": "Tooltip",
37910
+ "module": "src/tooltip/tooltip.ts"
37923
37911
  }
37924
37912
  },
37925
37913
  {
37926
- "kind": "field",
37927
- "name": "childItems",
37914
+ "name": "position",
37928
37915
  "type": {
37929
- "text": "Element[]"
37916
+ "text": "TooltipPosition"
37930
37917
  },
37931
- "privacy": "public",
37918
+ "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
37919
+ "fieldName": "position",
37932
37920
  "inheritedFrom": {
37933
- "name": "Toolbar",
37934
- "module": "src/toolbar/toolbar.ts"
37921
+ "name": "Tooltip",
37922
+ "module": "src/tooltip/tooltip.ts"
37923
+ }
37924
+ },
37925
+ {
37926
+ "name": "auto-update-mode",
37927
+ "type": {
37928
+ "text": "AutoUpdateMode"
37929
+ },
37930
+ "default": "\"anchor\"",
37931
+ "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
37932
+ "fieldName": "autoUpdateMode",
37933
+ "inheritedFrom": {
37934
+ "name": "Tooltip",
37935
+ "module": "src/tooltip/tooltip.ts"
37936
+ }
37937
+ },
37938
+ {
37939
+ "name": "horizontal-viewport-lock",
37940
+ "type": {
37941
+ "text": "boolean"
37942
+ },
37943
+ "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
37944
+ "fieldName": "horizontalViewportLock",
37945
+ "inheritedFrom": {
37946
+ "name": "Tooltip",
37947
+ "module": "src/tooltip/tooltip.ts"
37948
+ }
37949
+ },
37950
+ {
37951
+ "name": "vertical-viewport-lock",
37952
+ "type": {
37953
+ "text": "boolean"
37954
+ },
37955
+ "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
37956
+ "fieldName": "verticalViewportLock",
37957
+ "inheritedFrom": {
37958
+ "name": "Tooltip",
37959
+ "module": "src/tooltip/tooltip.ts"
37960
+ }
37961
+ }
37962
+ ],
37963
+ "members": [
37964
+ {
37965
+ "kind": "field",
37966
+ "name": "visible",
37967
+ "type": {
37968
+ "text": "boolean"
37969
+ },
37970
+ "privacy": "public",
37971
+ "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
37972
+ "inheritedFrom": {
37973
+ "name": "Tooltip",
37974
+ "module": "src/tooltip/tooltip.ts"
37935
37975
  }
37936
37976
  },
37937
37977
  {
37938
37978
  "kind": "method",
37939
- "name": "childItemsChanged",
37940
- "privacy": "protected",
37979
+ "name": "visibleChanged",
37980
+ "privacy": "private",
37941
37981
  "return": {
37942
37982
  "type": {
37943
37983
  "text": "void"
37944
37984
  }
37945
37985
  },
37946
- "parameters": [
37947
- {
37948
- "name": "prev",
37949
- "type": {
37950
- "text": "undefined | Element[]"
37951
- }
37952
- },
37953
- {
37954
- "name": "next",
37955
- "type": {
37956
- "text": "Element[]"
37957
- }
37958
- }
37959
- ],
37960
37986
  "inheritedFrom": {
37961
- "name": "Toolbar",
37962
- "module": "src/toolbar/toolbar.ts"
37987
+ "name": "Tooltip",
37988
+ "module": "src/tooltip/tooltip.ts"
37963
37989
  }
37964
37990
  },
37965
37991
  {
37966
37992
  "kind": "field",
37967
- "name": "_presentation",
37993
+ "name": "anchor",
37968
37994
  "type": {
37969
- "text": "ComponentPresentation | null | undefined"
37995
+ "text": "string"
37970
37996
  },
37997
+ "privacy": "public",
37998
+ "default": "\"\"",
37999
+ "description": "The id of the element the tooltip is anchored to",
38000
+ "inheritedFrom": {
38001
+ "name": "Tooltip",
38002
+ "module": "src/tooltip/tooltip.ts"
38003
+ }
38004
+ },
38005
+ {
38006
+ "kind": "method",
38007
+ "name": "anchorChanged",
37971
38008
  "privacy": "private",
37972
- "default": "void 0",
38009
+ "return": {
38010
+ "type": {
38011
+ "text": "void"
38012
+ }
38013
+ },
37973
38014
  "inheritedFrom": {
37974
- "name": "FoundationElement",
37975
- "module": "src/foundation-element/foundation-element.ts"
38015
+ "name": "Tooltip",
38016
+ "module": "src/tooltip/tooltip.ts"
37976
38017
  }
37977
38018
  },
37978
38019
  {
37979
38020
  "kind": "field",
37980
- "name": "$presentation",
38021
+ "name": "delay",
37981
38022
  "type": {
37982
- "text": "ComponentPresentation | null"
38023
+ "text": "number"
37983
38024
  },
37984
38025
  "privacy": "public",
37985
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
38026
+ "default": "300",
38027
+ "description": "The delay in milliseconds before a tooltip is shown after a hover event",
37986
38028
  "inheritedFrom": {
37987
- "name": "FoundationElement",
37988
- "module": "src/foundation-element/foundation-element.ts"
38029
+ "name": "Tooltip",
38030
+ "module": "src/tooltip/tooltip.ts"
37989
38031
  }
37990
38032
  },
37991
38033
  {
37992
38034
  "kind": "field",
37993
- "name": "template",
38035
+ "name": "position",
37994
38036
  "type": {
37995
- "text": "ElementViewTemplate | void | null"
38037
+ "text": "TooltipPosition"
37996
38038
  },
37997
38039
  "privacy": "public",
37998
- "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.",
38040
+ "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
37999
38041
  "inheritedFrom": {
38000
- "name": "FoundationElement",
38001
- "module": "src/foundation-element/foundation-element.ts"
38042
+ "name": "Tooltip",
38043
+ "module": "src/tooltip/tooltip.ts"
38002
38044
  }
38003
38045
  },
38004
38046
  {
38005
38047
  "kind": "method",
38006
- "name": "templateChanged",
38007
- "privacy": "protected",
38048
+ "name": "positionChanged",
38049
+ "privacy": "private",
38008
38050
  "return": {
38009
38051
  "type": {
38010
38052
  "text": "void"
38011
38053
  }
38012
38054
  },
38013
38055
  "inheritedFrom": {
38014
- "name": "FoundationElement",
38015
- "module": "src/foundation-element/foundation-element.ts"
38056
+ "name": "Tooltip",
38057
+ "module": "src/tooltip/tooltip.ts"
38016
38058
  }
38017
38059
  },
38018
38060
  {
38019
38061
  "kind": "field",
38020
- "name": "styles",
38062
+ "name": "autoUpdateMode",
38021
38063
  "type": {
38022
- "text": "ElementStyles | void | null"
38064
+ "text": "AutoUpdateMode"
38023
38065
  },
38024
38066
  "privacy": "public",
38025
- "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.",
38067
+ "default": "\"anchor\"",
38068
+ "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
38026
38069
  "inheritedFrom": {
38027
- "name": "FoundationElement",
38028
- "module": "src/foundation-element/foundation-element.ts"
38070
+ "name": "Tooltip",
38071
+ "module": "src/tooltip/tooltip.ts"
38029
38072
  }
38030
38073
  },
38031
38074
  {
38032
- "kind": "method",
38033
- "name": "stylesChanged",
38034
- "privacy": "protected",
38035
- "return": {
38036
- "type": {
38037
- "text": "void"
38038
- }
38075
+ "kind": "field",
38076
+ "name": "horizontalViewportLock",
38077
+ "type": {
38078
+ "text": "boolean"
38039
38079
  },
38080
+ "privacy": "public",
38081
+ "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
38040
38082
  "inheritedFrom": {
38041
- "name": "FoundationElement",
38042
- "module": "src/foundation-element/foundation-element.ts"
38083
+ "name": "Tooltip",
38084
+ "module": "src/tooltip/tooltip.ts"
38043
38085
  }
38044
38086
  },
38045
38087
  {
38046
- "kind": "method",
38047
- "name": "compose",
38088
+ "kind": "field",
38089
+ "name": "verticalViewportLock",
38090
+ "type": {
38091
+ "text": "boolean"
38092
+ },
38048
38093
  "privacy": "public",
38049
- "static": true,
38094
+ "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
38095
+ "inheritedFrom": {
38096
+ "name": "Tooltip",
38097
+ "module": "src/tooltip/tooltip.ts"
38098
+ }
38099
+ },
38100
+ {
38101
+ "kind": "field",
38102
+ "name": "anchorElement",
38103
+ "type": {
38104
+ "text": "HTMLElement | null"
38105
+ },
38106
+ "privacy": "public",
38107
+ "default": "null",
38108
+ "description": "the html element currently being used as anchor.\nSetting this directly overrides the anchor attribute.",
38109
+ "inheritedFrom": {
38110
+ "name": "Tooltip",
38111
+ "module": "src/tooltip/tooltip.ts"
38112
+ }
38113
+ },
38114
+ {
38115
+ "kind": "method",
38116
+ "name": "anchorElementChanged",
38117
+ "privacy": "private",
38050
38118
  "return": {
38051
38119
  "type": {
38052
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
38120
+ "text": "void"
38053
38121
  }
38054
38122
  },
38055
38123
  "parameters": [
38056
38124
  {
38057
- "name": "this",
38125
+ "name": "oldValue",
38058
38126
  "type": {
38059
- "text": "K"
38127
+ "text": "HTMLElement | null"
38060
38128
  }
38061
- },
38062
- {
38063
- "name": "elementDefinition",
38064
- "type": {
38065
- "text": "T"
38066
- },
38067
- "description": "The definition of the element to create the registry\nfunction for."
38068
38129
  }
38069
38130
  ],
38070
- "description": "Defines an element registry function with a set of element definition defaults.",
38071
38131
  "inheritedFrom": {
38072
- "name": "FoundationElement",
38073
- "module": "src/foundation-element/foundation-element.ts"
38074
- }
38075
- }
38076
- ]
38077
- },
38078
- {
38079
- "kind": "variable",
38080
- "name": "foundationToolbarShadowOptions",
38081
- "type": {
38082
- "text": "ShadowRootInit"
38083
- },
38084
- "default": "undefined"
38085
- },
38086
- {
38087
- "kind": "variable",
38088
- "name": "defaultToolbarConfig",
38089
- "type": {
38090
- "text": "object"
38091
- },
38092
- "default": "{}"
38093
- },
38094
- {
38095
- "kind": "variable",
38096
- "name": "foundationToolbar",
38097
- "description": "The Foundation Toolbar",
38098
- "privacy": "public"
38099
- }
38100
- ],
38101
- "exports": [
38102
- {
38103
- "kind": "js",
38104
- "name": "Toolbar",
38105
- "declaration": {
38106
- "name": "Toolbar",
38107
- "module": "src/toolbar/toolbar.ts"
38108
- }
38109
- },
38110
- {
38111
- "kind": "js",
38112
- "name": "foundationToolbarShadowOptions",
38113
- "declaration": {
38114
- "name": "foundationToolbarShadowOptions",
38115
- "module": "src/toolbar/toolbar.ts"
38116
- }
38117
- },
38118
- {
38119
- "kind": "js",
38120
- "name": "defaultToolbarConfig",
38121
- "declaration": {
38122
- "name": "defaultToolbarConfig",
38123
- "module": "src/toolbar/toolbar.ts"
38124
- }
38125
- },
38126
- {
38127
- "kind": "js",
38128
- "name": "foundationToolbar",
38129
- "declaration": {
38130
- "name": "foundationToolbar",
38131
- "module": "src/toolbar/toolbar.ts"
38132
- }
38133
- }
38134
- ]
38135
- },
38136
- {
38137
- "kind": "javascript-module",
38138
- "path": "src/tooltip/index.ts",
38139
- "declarations": [],
38140
- "exports": [
38141
- {
38142
- "kind": "js",
38143
- "name": "*",
38144
- "declaration": {
38145
- "name": "*",
38146
- "package": "./tooltip.template"
38147
- }
38148
- },
38149
- {
38150
- "kind": "js",
38151
- "name": "*",
38152
- "declaration": {
38153
- "name": "*",
38154
- "package": "./tooltip.styles"
38155
- }
38156
- },
38157
- {
38158
- "kind": "js",
38159
- "name": "*",
38160
- "declaration": {
38161
- "name": "*",
38162
- "package": "./tooltip"
38163
- }
38164
- }
38165
- ]
38166
- },
38167
- {
38168
- "kind": "javascript-module",
38169
- "path": "src/tooltip/tooltip.styles.ts",
38170
- "declarations": [
38171
- {
38172
- "kind": "function",
38173
- "name": "foundationTooltipStyles",
38174
- "return": {
38175
- "type": {
38176
- "text": "ElementStyles"
38177
- }
38178
- },
38179
- "parameters": [
38180
- {
38181
- "name": "context",
38182
- "type": {
38183
- "text": "ElementDefinitionContext"
38132
+ "name": "Tooltip",
38133
+ "module": "src/tooltip/tooltip.ts"
38184
38134
  }
38185
38135
  },
38186
38136
  {
38187
- "name": "definition",
38188
- "type": {
38189
- "text": "FoundationElementDefinition"
38190
- }
38191
- }
38192
- ]
38193
- }
38194
- ],
38195
- "exports": [
38196
- {
38197
- "kind": "js",
38198
- "name": "foundationTooltipStyles",
38199
- "declaration": {
38200
- "name": "foundationTooltipStyles",
38201
- "module": "src/tooltip/tooltip.styles.ts"
38202
- }
38203
- }
38204
- ]
38205
- },
38206
- {
38207
- "kind": "javascript-module",
38208
- "path": "src/tooltip/tooltip.template.ts",
38209
- "declarations": [
38210
- {
38211
- "kind": "function",
38212
- "name": "foundationTooltipTemplate",
38213
- "return": {
38214
- "type": {
38215
- "text": "ViewTemplate<Tooltip>"
38216
- }
38217
- },
38218
- "parameters": [
38219
- {
38220
- "name": "context",
38221
- "type": {
38222
- "text": "ElementDefinitionContext"
38223
- }
38224
- },
38225
- {
38226
- "name": "definition",
38227
- "type": {
38228
- "text": "FoundationElementDefinition"
38229
- }
38230
- }
38231
- ]
38232
- }
38233
- ],
38234
- "exports": [
38235
- {
38236
- "kind": "js",
38237
- "name": "foundationTooltipTemplate",
38238
- "declaration": {
38239
- "name": "foundationTooltipTemplate",
38240
- "module": "src/tooltip/tooltip.template.ts"
38241
- }
38242
- }
38243
- ]
38244
- },
38245
- {
38246
- "kind": "javascript-module",
38247
- "path": "src/tooltip/tooltip.ts",
38248
- "declarations": [
38249
- {
38250
- "kind": "class",
38251
- "description": "",
38252
- "name": "Tooltip",
38253
- "superclass": {
38254
- "name": "FASTTooltip",
38255
- "package": "@microsoft/fast-components"
38256
- },
38257
- "tagName": "%%prefix%%-tooltip",
38258
- "customElement": true,
38259
- "attributes": [
38260
- {
38261
- "type": {
38262
- "text": "boolean"
38137
+ "kind": "method",
38138
+ "name": "viewportElementChanged",
38139
+ "privacy": "private",
38140
+ "return": {
38141
+ "type": {
38142
+ "text": "void"
38143
+ }
38263
38144
  },
38264
- "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
38265
- "fieldName": "visible",
38266
38145
  "inheritedFrom": {
38267
38146
  "name": "Tooltip",
38268
38147
  "module": "src/tooltip/tooltip.ts"
38269
38148
  }
38270
38149
  },
38271
38150
  {
38272
- "name": "anchor",
38151
+ "kind": "field",
38152
+ "name": "showDelayTimer",
38273
38153
  "type": {
38274
- "text": "string"
38154
+ "text": "number | null"
38275
38155
  },
38276
- "default": "\"\"",
38277
- "description": "The id of the element the tooltip is anchored to",
38278
- "fieldName": "anchor",
38156
+ "privacy": "private",
38157
+ "default": "null",
38158
+ "description": "The timer that tracks delay time before the tooltip is shown on hover",
38279
38159
  "inheritedFrom": {
38280
38160
  "name": "Tooltip",
38281
38161
  "module": "src/tooltip/tooltip.ts"
38282
38162
  }
38283
38163
  },
38284
38164
  {
38285
- "name": "delay",
38165
+ "kind": "field",
38166
+ "name": "hideDelayTimer",
38286
38167
  "type": {
38287
- "text": "number"
38168
+ "text": "number | null"
38288
38169
  },
38289
- "default": "300",
38290
- "description": "The delay in milliseconds before a tooltip is shown after a hover event",
38291
- "fieldName": "delay",
38170
+ "privacy": "private",
38171
+ "default": "null",
38172
+ "description": "The timer that tracks delay time before the tooltip is hidden",
38292
38173
  "inheritedFrom": {
38293
38174
  "name": "Tooltip",
38294
38175
  "module": "src/tooltip/tooltip.ts"
38295
38176
  }
38296
38177
  },
38297
38178
  {
38298
- "name": "position",
38179
+ "kind": "field",
38180
+ "name": "isAnchorHoveredFocused",
38299
38181
  "type": {
38300
- "text": "TooltipPosition"
38182
+ "text": "boolean"
38301
38183
  },
38302
- "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
38303
- "fieldName": "position",
38184
+ "privacy": "private",
38185
+ "default": "false",
38186
+ "description": "Indicates whether the anchor is currently being hovered or has focus",
38304
38187
  "inheritedFrom": {
38305
38188
  "name": "Tooltip",
38306
38189
  "module": "src/tooltip/tooltip.ts"
38307
38190
  }
38308
38191
  },
38309
38192
  {
38310
- "name": "auto-update-mode",
38193
+ "kind": "field",
38194
+ "name": "isRegionHovered",
38311
38195
  "type": {
38312
- "text": "AutoUpdateMode"
38196
+ "text": "boolean"
38313
38197
  },
38314
- "default": "\"anchor\"",
38315
- "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
38316
- "fieldName": "autoUpdateMode",
38198
+ "privacy": "private",
38199
+ "default": "false",
38200
+ "description": "Indicates whether the region is currently being hovered",
38317
38201
  "inheritedFrom": {
38318
38202
  "name": "Tooltip",
38319
38203
  "module": "src/tooltip/tooltip.ts"
38320
38204
  }
38321
38205
  },
38322
38206
  {
38323
- "name": "horizontal-viewport-lock",
38324
- "type": {
38325
- "text": "boolean"
38326
- },
38327
- "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
38328
- "fieldName": "horizontalViewportLock",
38207
+ "kind": "field",
38208
+ "name": "handleRegionMouseOver",
38209
+ "privacy": "private",
38210
+ "description": "mouse enters region",
38329
38211
  "inheritedFrom": {
38330
38212
  "name": "Tooltip",
38331
38213
  "module": "src/tooltip/tooltip.ts"
38332
38214
  }
38333
38215
  },
38334
38216
  {
38335
- "name": "vertical-viewport-lock",
38336
- "type": {
38337
- "text": "boolean"
38338
- },
38339
- "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
38340
- "fieldName": "verticalViewportLock",
38217
+ "kind": "field",
38218
+ "name": "handleRegionMouseOut",
38219
+ "privacy": "private",
38220
+ "description": "mouse leaves region",
38341
38221
  "inheritedFrom": {
38342
38222
  "name": "Tooltip",
38343
38223
  "module": "src/tooltip/tooltip.ts"
38344
38224
  }
38345
- }
38346
- ],
38347
- "members": [
38225
+ },
38348
38226
  {
38349
38227
  "kind": "field",
38350
- "name": "visible",
38351
- "type": {
38352
- "text": "boolean"
38353
- },
38354
- "privacy": "public",
38355
- "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
38228
+ "name": "handleAnchorMouseOver",
38229
+ "privacy": "private",
38230
+ "description": "mouse enters anchor",
38356
38231
  "inheritedFrom": {
38357
38232
  "name": "Tooltip",
38358
38233
  "module": "src/tooltip/tooltip.ts"
38359
38234
  }
38360
38235
  },
38361
38236
  {
38362
- "kind": "method",
38363
- "name": "visibleChanged",
38237
+ "kind": "field",
38238
+ "name": "handleAnchorMouseOut",
38364
38239
  "privacy": "private",
38365
- "return": {
38366
- "type": {
38367
- "text": "void"
38368
- }
38369
- },
38240
+ "description": "mouse leaves anchor",
38370
38241
  "inheritedFrom": {
38371
38242
  "name": "Tooltip",
38372
38243
  "module": "src/tooltip/tooltip.ts"
@@ -38374,27 +38245,19 @@
38374
38245
  },
38375
38246
  {
38376
38247
  "kind": "field",
38377
- "name": "anchor",
38378
- "type": {
38379
- "text": "string"
38380
- },
38381
- "privacy": "public",
38382
- "default": "\"\"",
38383
- "description": "The id of the element the tooltip is anchored to",
38248
+ "name": "handleAnchorFocusIn",
38249
+ "privacy": "private",
38250
+ "description": "anchor gets focus",
38384
38251
  "inheritedFrom": {
38385
38252
  "name": "Tooltip",
38386
38253
  "module": "src/tooltip/tooltip.ts"
38387
38254
  }
38388
38255
  },
38389
38256
  {
38390
- "kind": "method",
38391
- "name": "anchorChanged",
38257
+ "kind": "field",
38258
+ "name": "handleAnchorFocusOut",
38392
38259
  "privacy": "private",
38393
- "return": {
38394
- "type": {
38395
- "text": "void"
38396
- }
38397
- },
38260
+ "description": "anchor loses focus",
38398
38261
  "inheritedFrom": {
38399
38262
  "name": "Tooltip",
38400
38263
  "module": "src/tooltip/tooltip.ts"
@@ -38402,40 +38265,9 @@
38402
38265
  },
38403
38266
  {
38404
38267
  "kind": "field",
38405
- "name": "delay",
38406
- "type": {
38407
- "text": "number"
38408
- },
38409
- "privacy": "public",
38410
- "default": "300",
38411
- "description": "The delay in milliseconds before a tooltip is shown after a hover event",
38412
- "inheritedFrom": {
38413
- "name": "Tooltip",
38414
- "module": "src/tooltip/tooltip.ts"
38415
- }
38416
- },
38417
- {
38418
- "kind": "field",
38419
- "name": "position",
38420
- "type": {
38421
- "text": "TooltipPosition"
38422
- },
38423
- "privacy": "public",
38424
- "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
38425
- "inheritedFrom": {
38426
- "name": "Tooltip",
38427
- "module": "src/tooltip/tooltip.ts"
38428
- }
38429
- },
38430
- {
38431
- "kind": "method",
38432
- "name": "positionChanged",
38268
+ "name": "startHideDelayTimer",
38433
38269
  "privacy": "private",
38434
- "return": {
38435
- "type": {
38436
- "text": "void"
38437
- }
38438
- },
38270
+ "description": "starts the hide timer",
38439
38271
  "inheritedFrom": {
38440
38272
  "name": "Tooltip",
38441
38273
  "module": "src/tooltip/tooltip.ts"
@@ -38443,13 +38275,9 @@
38443
38275
  },
38444
38276
  {
38445
38277
  "kind": "field",
38446
- "name": "autoUpdateMode",
38447
- "type": {
38448
- "text": "AutoUpdateMode"
38449
- },
38450
- "privacy": "public",
38451
- "default": "\"anchor\"",
38452
- "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
38278
+ "name": "clearHideDelayTimer",
38279
+ "privacy": "private",
38280
+ "description": "clears the hide delay",
38453
38281
  "inheritedFrom": {
38454
38282
  "name": "Tooltip",
38455
38283
  "module": "src/tooltip/tooltip.ts"
@@ -38457,12 +38285,9 @@
38457
38285
  },
38458
38286
  {
38459
38287
  "kind": "field",
38460
- "name": "horizontalViewportLock",
38461
- "type": {
38462
- "text": "boolean"
38463
- },
38464
- "privacy": "public",
38465
- "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
38288
+ "name": "startShowDelayTimer",
38289
+ "privacy": "private",
38290
+ "description": "starts the show timer if not currently running",
38466
38291
  "inheritedFrom": {
38467
38292
  "name": "Tooltip",
38468
38293
  "module": "src/tooltip/tooltip.ts"
@@ -38470,12 +38295,9 @@
38470
38295
  },
38471
38296
  {
38472
38297
  "kind": "field",
38473
- "name": "verticalViewportLock",
38474
- "type": {
38475
- "text": "boolean"
38476
- },
38477
- "privacy": "public",
38478
- "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
38298
+ "name": "startHover",
38299
+ "privacy": "private",
38300
+ "description": "start hover",
38479
38301
  "inheritedFrom": {
38480
38302
  "name": "Tooltip",
38481
38303
  "module": "src/tooltip/tooltip.ts"
@@ -38483,35 +38305,9 @@
38483
38305
  },
38484
38306
  {
38485
38307
  "kind": "field",
38486
- "name": "anchorElement",
38487
- "type": {
38488
- "text": "HTMLElement | null"
38489
- },
38490
- "privacy": "public",
38491
- "default": "null",
38492
- "description": "the html element currently being used as anchor.\nSetting this directly overrides the anchor attribute.",
38493
- "inheritedFrom": {
38494
- "name": "Tooltip",
38495
- "module": "src/tooltip/tooltip.ts"
38496
- }
38497
- },
38498
- {
38499
- "kind": "method",
38500
- "name": "anchorElementChanged",
38308
+ "name": "clearShowDelayTimer",
38501
38309
  "privacy": "private",
38502
- "return": {
38503
- "type": {
38504
- "text": "void"
38505
- }
38506
- },
38507
- "parameters": [
38508
- {
38509
- "name": "oldValue",
38510
- "type": {
38511
- "text": "HTMLElement | null"
38512
- }
38513
- }
38514
- ],
38310
+ "description": "clears the show delay",
38515
38311
  "inheritedFrom": {
38516
38312
  "name": "Tooltip",
38517
38313
  "module": "src/tooltip/tooltip.ts"
@@ -38519,13 +38315,14 @@
38519
38315
  },
38520
38316
  {
38521
38317
  "kind": "method",
38522
- "name": "viewportElementChanged",
38318
+ "name": "updateLayout",
38523
38319
  "privacy": "private",
38524
38320
  "return": {
38525
38321
  "type": {
38526
38322
  "text": "void"
38527
38323
  }
38528
38324
  },
38325
+ "description": "updated the properties being passed to the anchored region",
38529
38326
  "inheritedFrom": {
38530
38327
  "name": "Tooltip",
38531
38328
  "module": "src/tooltip/tooltip.ts"
@@ -38533,65 +38330,9 @@
38533
38330
  },
38534
38331
  {
38535
38332
  "kind": "field",
38536
- "name": "showDelayTimer",
38537
- "type": {
38538
- "text": "number | null"
38539
- },
38540
- "privacy": "private",
38541
- "default": "null",
38542
- "description": "The timer that tracks delay time before the tooltip is shown on hover",
38543
- "inheritedFrom": {
38544
- "name": "Tooltip",
38545
- "module": "src/tooltip/tooltip.ts"
38546
- }
38547
- },
38548
- {
38549
- "kind": "field",
38550
- "name": "hideDelayTimer",
38551
- "type": {
38552
- "text": "number | null"
38553
- },
38554
- "privacy": "private",
38555
- "default": "null",
38556
- "description": "The timer that tracks delay time before the tooltip is hidden",
38557
- "inheritedFrom": {
38558
- "name": "Tooltip",
38559
- "module": "src/tooltip/tooltip.ts"
38560
- }
38561
- },
38562
- {
38563
- "kind": "field",
38564
- "name": "isAnchorHoveredFocused",
38565
- "type": {
38566
- "text": "boolean"
38567
- },
38568
- "privacy": "private",
38569
- "default": "false",
38570
- "description": "Indicates whether the anchor is currently being hovered or has focus",
38571
- "inheritedFrom": {
38572
- "name": "Tooltip",
38573
- "module": "src/tooltip/tooltip.ts"
38574
- }
38575
- },
38576
- {
38577
- "kind": "field",
38578
- "name": "isRegionHovered",
38579
- "type": {
38580
- "text": "boolean"
38581
- },
38582
- "privacy": "private",
38583
- "default": "false",
38584
- "description": "Indicates whether the region is currently being hovered",
38585
- "inheritedFrom": {
38586
- "name": "Tooltip",
38587
- "module": "src/tooltip/tooltip.ts"
38588
- }
38589
- },
38590
- {
38591
- "kind": "field",
38592
- "name": "handleRegionMouseOver",
38333
+ "name": "getAnchor",
38593
38334
  "privacy": "private",
38594
- "description": "mouse enters region",
38335
+ "description": "Gets the anchor element by id",
38595
38336
  "inheritedFrom": {
38596
38337
  "name": "Tooltip",
38597
38338
  "module": "src/tooltip/tooltip.ts"
@@ -38599,9 +38340,9 @@
38599
38340
  },
38600
38341
  {
38601
38342
  "kind": "field",
38602
- "name": "handleRegionMouseOut",
38343
+ "name": "handleDocumentKeydown",
38603
38344
  "privacy": "private",
38604
- "description": "mouse leaves region",
38345
+ "description": "handles key down events to check for dismiss",
38605
38346
  "inheritedFrom": {
38606
38347
  "name": "Tooltip",
38607
38348
  "module": "src/tooltip/tooltip.ts"
@@ -38609,9 +38350,9 @@
38609
38350
  },
38610
38351
  {
38611
38352
  "kind": "field",
38612
- "name": "handleAnchorMouseOver",
38353
+ "name": "updateTooltipVisibility",
38613
38354
  "privacy": "private",
38614
- "description": "mouse enters anchor",
38355
+ "description": "determines whether to show or hide the tooltip based on current state",
38615
38356
  "inheritedFrom": {
38616
38357
  "name": "Tooltip",
38617
38358
  "module": "src/tooltip/tooltip.ts"
@@ -38619,9 +38360,9 @@
38619
38360
  },
38620
38361
  {
38621
38362
  "kind": "field",
38622
- "name": "handleAnchorMouseOut",
38363
+ "name": "showTooltip",
38623
38364
  "privacy": "private",
38624
- "description": "mouse leaves anchor",
38365
+ "description": "shows the tooltip",
38625
38366
  "inheritedFrom": {
38626
38367
  "name": "Tooltip",
38627
38368
  "module": "src/tooltip/tooltip.ts"
@@ -38629,9 +38370,9 @@
38629
38370
  },
38630
38371
  {
38631
38372
  "kind": "field",
38632
- "name": "handleAnchorFocusIn",
38373
+ "name": "hideTooltip",
38633
38374
  "privacy": "private",
38634
- "description": "anchor gets focus",
38375
+ "description": "hides the tooltip",
38635
38376
  "inheritedFrom": {
38636
38377
  "name": "Tooltip",
38637
38378
  "module": "src/tooltip/tooltip.ts"
@@ -38639,9 +38380,9 @@
38639
38380
  },
38640
38381
  {
38641
38382
  "kind": "field",
38642
- "name": "handleAnchorFocusOut",
38383
+ "name": "setRegionProps",
38643
38384
  "privacy": "private",
38644
- "description": "anchor loses focus",
38385
+ "description": "updates the tooltip anchored region props after it has been\nadded to the DOM",
38645
38386
  "inheritedFrom": {
38646
38387
  "name": "Tooltip",
38647
38388
  "module": "src/tooltip/tooltip.ts"
@@ -38649,127 +38390,445 @@
38649
38390
  },
38650
38391
  {
38651
38392
  "kind": "field",
38652
- "name": "startHideDelayTimer",
38393
+ "name": "_presentation",
38394
+ "type": {
38395
+ "text": "ComponentPresentation | null | undefined"
38396
+ },
38653
38397
  "privacy": "private",
38654
- "description": "starts the hide timer",
38398
+ "default": "void 0",
38655
38399
  "inheritedFrom": {
38656
- "name": "Tooltip",
38657
- "module": "src/tooltip/tooltip.ts"
38400
+ "name": "FoundationElement",
38401
+ "module": "src/foundation-element/foundation-element.ts"
38658
38402
  }
38659
38403
  },
38660
38404
  {
38661
38405
  "kind": "field",
38662
- "name": "clearHideDelayTimer",
38663
- "privacy": "private",
38664
- "description": "clears the hide delay",
38406
+ "name": "$presentation",
38407
+ "type": {
38408
+ "text": "ComponentPresentation | null"
38409
+ },
38410
+ "privacy": "public",
38411
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
38665
38412
  "inheritedFrom": {
38666
- "name": "Tooltip",
38667
- "module": "src/tooltip/tooltip.ts"
38413
+ "name": "FoundationElement",
38414
+ "module": "src/foundation-element/foundation-element.ts"
38668
38415
  }
38669
38416
  },
38670
38417
  {
38671
38418
  "kind": "field",
38672
- "name": "startShowDelayTimer",
38673
- "privacy": "private",
38674
- "description": "starts the show timer if not currently running",
38419
+ "name": "template",
38420
+ "type": {
38421
+ "text": "ElementViewTemplate | void | null"
38422
+ },
38423
+ "privacy": "public",
38424
+ "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.",
38675
38425
  "inheritedFrom": {
38676
- "name": "Tooltip",
38677
- "module": "src/tooltip/tooltip.ts"
38426
+ "name": "FoundationElement",
38427
+ "module": "src/foundation-element/foundation-element.ts"
38678
38428
  }
38679
38429
  },
38680
38430
  {
38681
- "kind": "field",
38682
- "name": "startHover",
38683
- "privacy": "private",
38684
- "description": "start hover",
38431
+ "kind": "method",
38432
+ "name": "templateChanged",
38433
+ "privacy": "protected",
38434
+ "return": {
38435
+ "type": {
38436
+ "text": "void"
38437
+ }
38438
+ },
38685
38439
  "inheritedFrom": {
38686
- "name": "Tooltip",
38687
- "module": "src/tooltip/tooltip.ts"
38440
+ "name": "FoundationElement",
38441
+ "module": "src/foundation-element/foundation-element.ts"
38688
38442
  }
38689
38443
  },
38690
38444
  {
38691
38445
  "kind": "field",
38692
- "name": "clearShowDelayTimer",
38693
- "privacy": "private",
38694
- "description": "clears the show delay",
38446
+ "name": "styles",
38447
+ "type": {
38448
+ "text": "ElementStyles | void | null"
38449
+ },
38450
+ "privacy": "public",
38451
+ "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.",
38695
38452
  "inheritedFrom": {
38696
- "name": "Tooltip",
38697
- "module": "src/tooltip/tooltip.ts"
38453
+ "name": "FoundationElement",
38454
+ "module": "src/foundation-element/foundation-element.ts"
38698
38455
  }
38699
38456
  },
38700
38457
  {
38701
38458
  "kind": "method",
38702
- "name": "updateLayout",
38703
- "privacy": "private",
38459
+ "name": "stylesChanged",
38460
+ "privacy": "protected",
38704
38461
  "return": {
38705
38462
  "type": {
38706
38463
  "text": "void"
38707
38464
  }
38708
38465
  },
38709
- "description": "updated the properties being passed to the anchored region",
38710
38466
  "inheritedFrom": {
38711
- "name": "Tooltip",
38712
- "module": "src/tooltip/tooltip.ts"
38467
+ "name": "FoundationElement",
38468
+ "module": "src/foundation-element/foundation-element.ts"
38713
38469
  }
38714
38470
  },
38715
38471
  {
38716
- "kind": "field",
38717
- "name": "getAnchor",
38718
- "privacy": "private",
38719
- "description": "Gets the anchor element by id",
38720
- "inheritedFrom": {
38721
- "name": "Tooltip",
38722
- "module": "src/tooltip/tooltip.ts"
38472
+ "kind": "method",
38473
+ "name": "compose",
38474
+ "privacy": "public",
38475
+ "static": true,
38476
+ "return": {
38477
+ "type": {
38478
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
38479
+ }
38480
+ },
38481
+ "parameters": [
38482
+ {
38483
+ "name": "this",
38484
+ "type": {
38485
+ "text": "K"
38486
+ }
38487
+ },
38488
+ {
38489
+ "name": "elementDefinition",
38490
+ "type": {
38491
+ "text": "T"
38492
+ },
38493
+ "description": "The definition of the element to create the registry\nfunction for."
38494
+ }
38495
+ ],
38496
+ "description": "Defines an element registry function with a set of element definition defaults.",
38497
+ "inheritedFrom": {
38498
+ "name": "FoundationElement",
38499
+ "module": "src/foundation-element/foundation-element.ts"
38723
38500
  }
38724
- },
38501
+ }
38502
+ ],
38503
+ "events": [
38725
38504
  {
38726
- "kind": "field",
38727
- "name": "handleDocumentKeydown",
38728
- "privacy": "private",
38729
- "description": "handles key down events to check for dismiss",
38505
+ "description": "Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed",
38506
+ "name": "dismiss",
38730
38507
  "inheritedFrom": {
38731
38508
  "name": "Tooltip",
38732
38509
  "module": "src/tooltip/tooltip.ts"
38733
38510
  }
38511
+ }
38512
+ ]
38513
+ },
38514
+ {
38515
+ "kind": "variable",
38516
+ "name": "foundationTooltipShadowOptions",
38517
+ "type": {
38518
+ "text": "ShadowRootInit"
38519
+ },
38520
+ "default": "undefined"
38521
+ },
38522
+ {
38523
+ "kind": "variable",
38524
+ "name": "defaultTooltipConfig",
38525
+ "type": {
38526
+ "text": "object"
38527
+ },
38528
+ "default": "{}"
38529
+ },
38530
+ {
38531
+ "kind": "variable",
38532
+ "name": "foundationTooltip",
38533
+ "description": "The Foundation Tooltip",
38534
+ "privacy": "public"
38535
+ }
38536
+ ],
38537
+ "exports": [
38538
+ {
38539
+ "kind": "js",
38540
+ "name": "Tooltip",
38541
+ "declaration": {
38542
+ "name": "Tooltip",
38543
+ "module": "src/tooltip/tooltip.ts"
38544
+ }
38545
+ },
38546
+ {
38547
+ "kind": "js",
38548
+ "name": "foundationTooltipShadowOptions",
38549
+ "declaration": {
38550
+ "name": "foundationTooltipShadowOptions",
38551
+ "module": "src/tooltip/tooltip.ts"
38552
+ }
38553
+ },
38554
+ {
38555
+ "kind": "js",
38556
+ "name": "defaultTooltipConfig",
38557
+ "declaration": {
38558
+ "name": "defaultTooltipConfig",
38559
+ "module": "src/tooltip/tooltip.ts"
38560
+ }
38561
+ },
38562
+ {
38563
+ "kind": "js",
38564
+ "name": "foundationTooltip",
38565
+ "declaration": {
38566
+ "name": "foundationTooltip",
38567
+ "module": "src/tooltip/tooltip.ts"
38568
+ }
38569
+ }
38570
+ ]
38571
+ },
38572
+ {
38573
+ "kind": "javascript-module",
38574
+ "path": "src/tree-item/index.ts",
38575
+ "declarations": [],
38576
+ "exports": [
38577
+ {
38578
+ "kind": "js",
38579
+ "name": "*",
38580
+ "declaration": {
38581
+ "name": "*",
38582
+ "package": "./tree-item.template"
38583
+ }
38584
+ },
38585
+ {
38586
+ "kind": "js",
38587
+ "name": "*",
38588
+ "declaration": {
38589
+ "name": "*",
38590
+ "package": "./tree-item.styles"
38591
+ }
38592
+ },
38593
+ {
38594
+ "kind": "js",
38595
+ "name": "*",
38596
+ "declaration": {
38597
+ "name": "*",
38598
+ "package": "./tree-item"
38599
+ }
38600
+ }
38601
+ ]
38602
+ },
38603
+ {
38604
+ "kind": "javascript-module",
38605
+ "path": "src/tree-item/tree-item.styles.ts",
38606
+ "declarations": [
38607
+ {
38608
+ "kind": "function",
38609
+ "name": "foundationTreeItemStyles",
38610
+ "return": {
38611
+ "type": {
38612
+ "text": "ElementStyles"
38613
+ }
38614
+ },
38615
+ "parameters": [
38616
+ {
38617
+ "name": "context",
38618
+ "type": {
38619
+ "text": "ElementDefinitionContext"
38620
+ }
38621
+ },
38622
+ {
38623
+ "name": "definition",
38624
+ "type": {
38625
+ "text": "FoundationElementDefinition"
38626
+ }
38627
+ }
38628
+ ]
38629
+ }
38630
+ ],
38631
+ "exports": [
38632
+ {
38633
+ "kind": "js",
38634
+ "name": "foundationTreeItemStyles",
38635
+ "declaration": {
38636
+ "name": "foundationTreeItemStyles",
38637
+ "module": "src/tree-item/tree-item.styles.ts"
38638
+ }
38639
+ }
38640
+ ]
38641
+ },
38642
+ {
38643
+ "kind": "javascript-module",
38644
+ "path": "src/tree-item/tree-item.template.ts",
38645
+ "declarations": [
38646
+ {
38647
+ "kind": "function",
38648
+ "name": "foundationTreeItemTemplate",
38649
+ "return": {
38650
+ "type": {
38651
+ "text": "ViewTemplate<TreeItem>"
38652
+ }
38653
+ },
38654
+ "parameters": [
38655
+ {
38656
+ "name": "context",
38657
+ "type": {
38658
+ "text": "ElementDefinitionContext"
38659
+ }
38734
38660
  },
38661
+ {
38662
+ "name": "definition",
38663
+ "type": {
38664
+ "text": "FoundationElementDefinition"
38665
+ }
38666
+ }
38667
+ ]
38668
+ }
38669
+ ],
38670
+ "exports": [
38671
+ {
38672
+ "kind": "js",
38673
+ "name": "foundationTreeItemTemplate",
38674
+ "declaration": {
38675
+ "name": "foundationTreeItemTemplate",
38676
+ "module": "src/tree-item/tree-item.template.ts"
38677
+ }
38678
+ }
38679
+ ]
38680
+ },
38681
+ {
38682
+ "kind": "javascript-module",
38683
+ "path": "src/tree-item/tree-item.ts",
38684
+ "declarations": [
38685
+ {
38686
+ "kind": "class",
38687
+ "description": "%%prefix%%-tree-item",
38688
+ "name": "TreeItem",
38689
+ "superclass": {
38690
+ "name": "FASTTreeItem",
38691
+ "package": "@microsoft/fast-components"
38692
+ },
38693
+ "attributes": [
38694
+ {
38695
+ "type": {
38696
+ "text": "boolean"
38697
+ },
38698
+ "description": "When true, the control will be appear expanded by user interaction.",
38699
+ "fieldName": "expanded",
38700
+ "default": "false",
38701
+ "inheritedFrom": {
38702
+ "name": "TreeItem",
38703
+ "module": "src/tree-item/tree-item.ts"
38704
+ }
38705
+ }
38706
+ ],
38707
+ "members": [
38735
38708
  {
38736
38709
  "kind": "field",
38737
- "name": "updateTooltipVisibility",
38738
- "privacy": "private",
38739
- "description": "determines whether to show or hide the tooltip based on current state",
38710
+ "name": "expanded",
38711
+ "type": {
38712
+ "text": "boolean"
38713
+ },
38714
+ "privacy": "public",
38715
+ "default": "false",
38716
+ "description": "When true, the control will be appear expanded by user interaction.",
38740
38717
  "inheritedFrom": {
38741
- "name": "Tooltip",
38742
- "module": "src/tooltip/tooltip.ts"
38718
+ "name": "TreeItem",
38719
+ "module": "src/tree-item/tree-item.ts"
38743
38720
  }
38744
38721
  },
38745
38722
  {
38746
- "kind": "field",
38747
- "name": "showTooltip",
38723
+ "kind": "method",
38724
+ "name": "expandedChanged",
38748
38725
  "privacy": "private",
38749
- "description": "shows the tooltip",
38726
+ "return": {
38727
+ "type": {
38728
+ "text": "void"
38729
+ }
38730
+ },
38750
38731
  "inheritedFrom": {
38751
- "name": "Tooltip",
38752
- "module": "src/tooltip/tooltip.ts"
38732
+ "name": "TreeItem",
38733
+ "module": "src/tree-item/tree-item.ts"
38753
38734
  }
38754
38735
  },
38755
38736
  {
38756
38737
  "kind": "field",
38757
- "name": "hideTooltip",
38738
+ "name": "selected",
38739
+ "type": {
38740
+ "text": "boolean"
38741
+ },
38742
+ "privacy": "public",
38743
+ "description": "When true, the control will appear selected by user interaction.",
38744
+ "inheritedFrom": {
38745
+ "name": "TreeItem",
38746
+ "module": "src/tree-item/tree-item.ts"
38747
+ }
38748
+ },
38749
+ {
38750
+ "kind": "method",
38751
+ "name": "selectedChanged",
38758
38752
  "privacy": "private",
38759
- "description": "hides the tooltip",
38753
+ "return": {
38754
+ "type": {
38755
+ "text": "void"
38756
+ }
38757
+ },
38760
38758
  "inheritedFrom": {
38761
- "name": "Tooltip",
38762
- "module": "src/tooltip/tooltip.ts"
38759
+ "name": "TreeItem",
38760
+ "module": "src/tree-item/tree-item.ts"
38763
38761
  }
38764
38762
  },
38765
38763
  {
38766
38764
  "kind": "field",
38767
- "name": "setRegionProps",
38765
+ "name": "disabled",
38766
+ "type": {
38767
+ "text": "boolean"
38768
+ },
38769
+ "privacy": "public",
38770
+ "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.",
38771
+ "inheritedFrom": {
38772
+ "name": "TreeItem",
38773
+ "module": "src/tree-item/tree-item.ts"
38774
+ }
38775
+ },
38776
+ {
38777
+ "kind": "method",
38778
+ "name": "itemsChanged",
38768
38779
  "privacy": "private",
38769
- "description": "updates the tooltip anchored region props after it has been\nadded to the DOM",
38780
+ "return": {
38781
+ "type": {
38782
+ "text": "void"
38783
+ }
38784
+ },
38785
+ "parameters": [
38786
+ {
38787
+ "name": "oldValue",
38788
+ "type": {
38789
+ "text": "unknown"
38790
+ }
38791
+ },
38792
+ {
38793
+ "name": "newValue",
38794
+ "type": {
38795
+ "text": "HTMLElement[]"
38796
+ }
38797
+ }
38798
+ ],
38770
38799
  "inheritedFrom": {
38771
- "name": "Tooltip",
38772
- "module": "src/tooltip/tooltip.ts"
38800
+ "name": "TreeItem",
38801
+ "module": "src/tree-item/tree-item.ts"
38802
+ }
38803
+ },
38804
+ {
38805
+ "kind": "method",
38806
+ "name": "focusItem",
38807
+ "privacy": "public",
38808
+ "static": true,
38809
+ "parameters": [
38810
+ {
38811
+ "name": "el",
38812
+ "type": {
38813
+ "text": "HTMLElement"
38814
+ },
38815
+ "description": "the element to focus"
38816
+ }
38817
+ ],
38818
+ "description": "Places document focus on a tree item",
38819
+ "inheritedFrom": {
38820
+ "name": "TreeItem",
38821
+ "module": "src/tree-item/tree-item.ts"
38822
+ }
38823
+ },
38824
+ {
38825
+ "kind": "field",
38826
+ "name": "isNestedItem",
38827
+ "privacy": "public",
38828
+ "description": "Whether the tree is nested",
38829
+ "inheritedFrom": {
38830
+ "name": "TreeItem",
38831
+ "module": "src/tree-item/tree-item.ts"
38773
38832
  }
38774
38833
  },
38775
38834
  {
@@ -38886,18 +38945,26 @@
38886
38945
  ],
38887
38946
  "events": [
38888
38947
  {
38889
- "description": "Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed",
38890
- "name": "dismiss",
38948
+ "description": "Fires a custom 'expanded-change' event when the expanded state changes",
38949
+ "name": "expanded-change",
38891
38950
  "inheritedFrom": {
38892
- "name": "Tooltip",
38893
- "module": "src/tooltip/tooltip.ts"
38951
+ "name": "TreeItem",
38952
+ "module": "src/tree-item/tree-item.ts"
38953
+ }
38954
+ },
38955
+ {
38956
+ "description": "Fires a custom 'selected-change' event when the selected state changes",
38957
+ "name": "selected-change",
38958
+ "inheritedFrom": {
38959
+ "name": "TreeItem",
38960
+ "module": "src/tree-item/tree-item.ts"
38894
38961
  }
38895
38962
  }
38896
38963
  ]
38897
38964
  },
38898
38965
  {
38899
38966
  "kind": "variable",
38900
- "name": "foundationTooltipShadowOptions",
38967
+ "name": "foundationTreeItemShadowOptions",
38901
38968
  "type": {
38902
38969
  "text": "ShadowRootInit"
38903
38970
  },
@@ -38905,57 +38972,57 @@
38905
38972
  },
38906
38973
  {
38907
38974
  "kind": "variable",
38908
- "name": "defaultTooltipConfig",
38975
+ "name": "defaultTreeItemConfig",
38909
38976
  "type": {
38910
38977
  "text": "object"
38911
38978
  },
38912
- "default": "{}"
38979
+ "default": "{\n expandCollapseGlyph: `\n <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" class=\"expand-collapse-glyph\">\n <path d=\"M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z\"></path>\n </svg>`,\n}"
38913
38980
  },
38914
38981
  {
38915
38982
  "kind": "variable",
38916
- "name": "foundationTooltip",
38917
- "description": "The Foundation Tooltip",
38983
+ "name": "foundationTreeItem",
38984
+ "description": "The Foundation Tree item",
38918
38985
  "privacy": "public"
38919
38986
  }
38920
38987
  ],
38921
38988
  "exports": [
38922
38989
  {
38923
38990
  "kind": "js",
38924
- "name": "Tooltip",
38991
+ "name": "TreeItem",
38925
38992
  "declaration": {
38926
- "name": "Tooltip",
38927
- "module": "src/tooltip/tooltip.ts"
38993
+ "name": "TreeItem",
38994
+ "module": "src/tree-item/tree-item.ts"
38928
38995
  }
38929
38996
  },
38930
38997
  {
38931
38998
  "kind": "js",
38932
- "name": "foundationTooltipShadowOptions",
38999
+ "name": "foundationTreeItemShadowOptions",
38933
39000
  "declaration": {
38934
- "name": "foundationTooltipShadowOptions",
38935
- "module": "src/tooltip/tooltip.ts"
39001
+ "name": "foundationTreeItemShadowOptions",
39002
+ "module": "src/tree-item/tree-item.ts"
38936
39003
  }
38937
39004
  },
38938
39005
  {
38939
39006
  "kind": "js",
38940
- "name": "defaultTooltipConfig",
39007
+ "name": "defaultTreeItemConfig",
38941
39008
  "declaration": {
38942
- "name": "defaultTooltipConfig",
38943
- "module": "src/tooltip/tooltip.ts"
39009
+ "name": "defaultTreeItemConfig",
39010
+ "module": "src/tree-item/tree-item.ts"
38944
39011
  }
38945
39012
  },
38946
39013
  {
38947
39014
  "kind": "js",
38948
- "name": "foundationTooltip",
39015
+ "name": "foundationTreeItem",
38949
39016
  "declaration": {
38950
- "name": "foundationTooltip",
38951
- "module": "src/tooltip/tooltip.ts"
39017
+ "name": "foundationTreeItem",
39018
+ "module": "src/tree-item/tree-item.ts"
38952
39019
  }
38953
39020
  }
38954
39021
  ]
38955
39022
  },
38956
39023
  {
38957
39024
  "kind": "javascript-module",
38958
- "path": "src/tree-item/index.ts",
39025
+ "path": "src/toolbar/index.ts",
38959
39026
  "declarations": [],
38960
39027
  "exports": [
38961
39028
  {
@@ -38963,7 +39030,7 @@
38963
39030
  "name": "*",
38964
39031
  "declaration": {
38965
39032
  "name": "*",
38966
- "package": "./tree-item.template"
39033
+ "package": "./toolbar.template"
38967
39034
  }
38968
39035
  },
38969
39036
  {
@@ -38971,7 +39038,7 @@
38971
39038
  "name": "*",
38972
39039
  "declaration": {
38973
39040
  "name": "*",
38974
- "package": "./tree-item.styles"
39041
+ "package": "./toolbar.styles"
38975
39042
  }
38976
39043
  },
38977
39044
  {
@@ -38979,18 +39046,18 @@
38979
39046
  "name": "*",
38980
39047
  "declaration": {
38981
39048
  "name": "*",
38982
- "package": "./tree-item"
39049
+ "package": "./toolbar"
38983
39050
  }
38984
39051
  }
38985
39052
  ]
38986
39053
  },
38987
39054
  {
38988
39055
  "kind": "javascript-module",
38989
- "path": "src/tree-item/tree-item.styles.ts",
39056
+ "path": "src/toolbar/toolbar.styles.ts",
38990
39057
  "declarations": [
38991
39058
  {
38992
39059
  "kind": "function",
38993
- "name": "foundationTreeItemStyles",
39060
+ "name": "foundationToolbarStyles",
38994
39061
  "return": {
38995
39062
  "type": {
38996
39063
  "text": "ElementStyles"
@@ -39015,24 +39082,24 @@
39015
39082
  "exports": [
39016
39083
  {
39017
39084
  "kind": "js",
39018
- "name": "foundationTreeItemStyles",
39085
+ "name": "foundationToolbarStyles",
39019
39086
  "declaration": {
39020
- "name": "foundationTreeItemStyles",
39021
- "module": "src/tree-item/tree-item.styles.ts"
39087
+ "name": "foundationToolbarStyles",
39088
+ "module": "src/toolbar/toolbar.styles.ts"
39022
39089
  }
39023
39090
  }
39024
39091
  ]
39025
39092
  },
39026
39093
  {
39027
39094
  "kind": "javascript-module",
39028
- "path": "src/tree-item/tree-item.template.ts",
39095
+ "path": "src/toolbar/toolbar.template.ts",
39029
39096
  "declarations": [
39030
39097
  {
39031
39098
  "kind": "function",
39032
- "name": "foundationTreeItemTemplate",
39099
+ "name": "foundationToolbarTemplate",
39033
39100
  "return": {
39034
39101
  "type": {
39035
- "text": "ViewTemplate<TreeItem>"
39102
+ "text": "ViewTemplate<Toolbar>"
39036
39103
  }
39037
39104
  },
39038
39105
  "parameters": [
@@ -39054,113 +39121,94 @@
39054
39121
  "exports": [
39055
39122
  {
39056
39123
  "kind": "js",
39057
- "name": "foundationTreeItemTemplate",
39124
+ "name": "foundationToolbarTemplate",
39058
39125
  "declaration": {
39059
- "name": "foundationTreeItemTemplate",
39060
- "module": "src/tree-item/tree-item.template.ts"
39126
+ "name": "foundationToolbarTemplate",
39127
+ "module": "src/toolbar/toolbar.template.ts"
39061
39128
  }
39062
39129
  }
39063
39130
  ]
39064
39131
  },
39065
39132
  {
39066
39133
  "kind": "javascript-module",
39067
- "path": "src/tree-item/tree-item.ts",
39134
+ "path": "src/toolbar/toolbar.ts",
39068
39135
  "declarations": [
39069
39136
  {
39070
39137
  "kind": "class",
39071
- "description": "%%prefix%%-tree-item",
39072
- "name": "TreeItem",
39138
+ "description": "",
39139
+ "name": "Toolbar",
39073
39140
  "superclass": {
39074
- "name": "FASTTreeItem",
39141
+ "name": "FASTToolbar",
39075
39142
  "package": "@microsoft/fast-components"
39076
39143
  },
39144
+ "tagName": "%%prefix%%-toolbar",
39145
+ "customElement": true,
39077
39146
  "attributes": [
39078
39147
  {
39148
+ "name": "orientation",
39079
39149
  "type": {
39080
- "text": "boolean"
39150
+ "text": "Orientation"
39081
39151
  },
39082
- "description": "When true, the control will be appear expanded by user interaction.",
39083
- "fieldName": "expanded",
39084
- "default": "false",
39152
+ "description": "The orientation of the toolbar.",
39153
+ "fieldName": "orientation",
39085
39154
  "inheritedFrom": {
39086
- "name": "TreeItem",
39087
- "module": "src/tree-item/tree-item.ts"
39155
+ "name": "Toolbar",
39156
+ "module": "src/toolbar/toolbar.ts"
39088
39157
  }
39089
39158
  }
39090
39159
  ],
39091
39160
  "members": [
39092
39161
  {
39093
39162
  "kind": "field",
39094
- "name": "expanded",
39095
- "type": {
39096
- "text": "boolean"
39097
- },
39098
- "privacy": "public",
39099
- "default": "false",
39100
- "description": "When true, the control will be appear expanded by user interaction.",
39101
- "inheritedFrom": {
39102
- "name": "TreeItem",
39103
- "module": "src/tree-item/tree-item.ts"
39104
- }
39105
- },
39106
- {
39107
- "kind": "method",
39108
- "name": "expandedChanged",
39109
- "privacy": "private",
39110
- "return": {
39111
- "type": {
39112
- "text": "void"
39113
- }
39114
- },
39163
+ "name": "activeIndex",
39115
39164
  "inheritedFrom": {
39116
- "name": "TreeItem",
39117
- "module": "src/tree-item/tree-item.ts"
39165
+ "name": "Toolbar",
39166
+ "module": "src/toolbar/toolbar.ts"
39118
39167
  }
39119
39168
  },
39120
39169
  {
39121
39170
  "kind": "field",
39122
- "name": "selected",
39171
+ "name": "orientation",
39123
39172
  "type": {
39124
- "text": "boolean"
39173
+ "text": "Orientation"
39125
39174
  },
39126
39175
  "privacy": "public",
39127
- "description": "When true, the control will appear selected by user interaction.",
39176
+ "description": "The orientation of the toolbar.",
39128
39177
  "inheritedFrom": {
39129
- "name": "TreeItem",
39130
- "module": "src/tree-item/tree-item.ts"
39178
+ "name": "Toolbar",
39179
+ "module": "src/toolbar/toolbar.ts"
39131
39180
  }
39132
39181
  },
39133
39182
  {
39134
39183
  "kind": "method",
39135
- "name": "selectedChanged",
39136
- "privacy": "private",
39184
+ "name": "slottedItemsChanged",
39185
+ "privacy": "protected",
39137
39186
  "return": {
39138
39187
  "type": {
39139
39188
  "text": "void"
39140
39189
  }
39141
39190
  },
39142
39191
  "inheritedFrom": {
39143
- "name": "TreeItem",
39144
- "module": "src/tree-item/tree-item.ts"
39192
+ "name": "Toolbar",
39193
+ "module": "src/toolbar/toolbar.ts"
39145
39194
  }
39146
39195
  },
39147
39196
  {
39148
39197
  "kind": "field",
39149
- "name": "disabled",
39198
+ "name": "childItems",
39150
39199
  "type": {
39151
- "text": "boolean"
39200
+ "text": "Element[]"
39152
39201
  },
39153
39202
  "privacy": "public",
39154
- "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.",
39155
39203
  "inheritedFrom": {
39156
- "name": "TreeItem",
39157
- "module": "src/tree-item/tree-item.ts"
39204
+ "name": "Toolbar",
39205
+ "module": "src/toolbar/toolbar.ts"
39158
39206
  }
39159
39207
  },
39160
39208
  {
39161
39209
  "kind": "method",
39162
- "name": "itemsChanged",
39163
- "privacy": "private",
39210
+ "name": "childItemsChanged",
39211
+ "privacy": "protected",
39164
39212
  "return": {
39165
39213
  "type": {
39166
39214
  "text": "void"
@@ -39168,51 +39216,21 @@
39168
39216
  },
39169
39217
  "parameters": [
39170
39218
  {
39171
- "name": "oldValue",
39219
+ "name": "prev",
39172
39220
  "type": {
39173
- "text": "unknown"
39221
+ "text": "undefined | Element[]"
39174
39222
  }
39175
39223
  },
39176
39224
  {
39177
- "name": "newValue",
39225
+ "name": "next",
39178
39226
  "type": {
39179
- "text": "HTMLElement[]"
39227
+ "text": "Element[]"
39180
39228
  }
39181
39229
  }
39182
39230
  ],
39183
39231
  "inheritedFrom": {
39184
- "name": "TreeItem",
39185
- "module": "src/tree-item/tree-item.ts"
39186
- }
39187
- },
39188
- {
39189
- "kind": "method",
39190
- "name": "focusItem",
39191
- "privacy": "public",
39192
- "static": true,
39193
- "parameters": [
39194
- {
39195
- "name": "el",
39196
- "type": {
39197
- "text": "HTMLElement"
39198
- },
39199
- "description": "the element to focus"
39200
- }
39201
- ],
39202
- "description": "Places document focus on a tree item",
39203
- "inheritedFrom": {
39204
- "name": "TreeItem",
39205
- "module": "src/tree-item/tree-item.ts"
39206
- }
39207
- },
39208
- {
39209
- "kind": "field",
39210
- "name": "isNestedItem",
39211
- "privacy": "public",
39212
- "description": "Whether the tree is nested",
39213
- "inheritedFrom": {
39214
- "name": "TreeItem",
39215
- "module": "src/tree-item/tree-item.ts"
39232
+ "name": "Toolbar",
39233
+ "module": "src/toolbar/toolbar.ts"
39216
39234
  }
39217
39235
  },
39218
39236
  {
@@ -39326,29 +39344,11 @@
39326
39344
  "module": "src/foundation-element/foundation-element.ts"
39327
39345
  }
39328
39346
  }
39329
- ],
39330
- "events": [
39331
- {
39332
- "description": "Fires a custom 'expanded-change' event when the expanded state changes",
39333
- "name": "expanded-change",
39334
- "inheritedFrom": {
39335
- "name": "TreeItem",
39336
- "module": "src/tree-item/tree-item.ts"
39337
- }
39338
- },
39339
- {
39340
- "description": "Fires a custom 'selected-change' event when the selected state changes",
39341
- "name": "selected-change",
39342
- "inheritedFrom": {
39343
- "name": "TreeItem",
39344
- "module": "src/tree-item/tree-item.ts"
39345
- }
39346
- }
39347
39347
  ]
39348
39348
  },
39349
39349
  {
39350
39350
  "kind": "variable",
39351
- "name": "foundationTreeItemShadowOptions",
39351
+ "name": "foundationToolbarShadowOptions",
39352
39352
  "type": {
39353
39353
  "text": "ShadowRootInit"
39354
39354
  },
@@ -39356,50 +39356,50 @@
39356
39356
  },
39357
39357
  {
39358
39358
  "kind": "variable",
39359
- "name": "defaultTreeItemConfig",
39359
+ "name": "defaultToolbarConfig",
39360
39360
  "type": {
39361
39361
  "text": "object"
39362
39362
  },
39363
- "default": "{\n expandCollapseGlyph: `\n <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" class=\"expand-collapse-glyph\">\n <path d=\"M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z\"></path>\n </svg>`,\n}"
39363
+ "default": "{}"
39364
39364
  },
39365
39365
  {
39366
39366
  "kind": "variable",
39367
- "name": "foundationTreeItem",
39368
- "description": "The Foundation Tree item",
39367
+ "name": "foundationToolbar",
39368
+ "description": "The Foundation Toolbar",
39369
39369
  "privacy": "public"
39370
39370
  }
39371
39371
  ],
39372
39372
  "exports": [
39373
39373
  {
39374
39374
  "kind": "js",
39375
- "name": "TreeItem",
39375
+ "name": "Toolbar",
39376
39376
  "declaration": {
39377
- "name": "TreeItem",
39378
- "module": "src/tree-item/tree-item.ts"
39377
+ "name": "Toolbar",
39378
+ "module": "src/toolbar/toolbar.ts"
39379
39379
  }
39380
39380
  },
39381
39381
  {
39382
39382
  "kind": "js",
39383
- "name": "foundationTreeItemShadowOptions",
39383
+ "name": "foundationToolbarShadowOptions",
39384
39384
  "declaration": {
39385
- "name": "foundationTreeItemShadowOptions",
39386
- "module": "src/tree-item/tree-item.ts"
39385
+ "name": "foundationToolbarShadowOptions",
39386
+ "module": "src/toolbar/toolbar.ts"
39387
39387
  }
39388
39388
  },
39389
39389
  {
39390
39390
  "kind": "js",
39391
- "name": "defaultTreeItemConfig",
39391
+ "name": "defaultToolbarConfig",
39392
39392
  "declaration": {
39393
- "name": "defaultTreeItemConfig",
39394
- "module": "src/tree-item/tree-item.ts"
39393
+ "name": "defaultToolbarConfig",
39394
+ "module": "src/toolbar/toolbar.ts"
39395
39395
  }
39396
39396
  },
39397
39397
  {
39398
39398
  "kind": "js",
39399
- "name": "foundationTreeItem",
39399
+ "name": "foundationToolbar",
39400
39400
  "declaration": {
39401
- "name": "foundationTreeItem",
39402
- "module": "src/tree-item/tree-item.ts"
39401
+ "name": "foundationToolbar",
39402
+ "module": "src/toolbar/toolbar.ts"
39403
39403
  }
39404
39404
  }
39405
39405
  ]