@genesislcap/foundation-ui 14.138.1 → 14.139.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.
- package/dist/custom-elements.json +1417 -1
- package/dist/dts/base-components.d.ts +12 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/search-bar/index.d.ts +8 -0
- package/dist/dts/search-bar/index.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar-combobox.d.ts +27 -0
- package/dist/dts/search-bar/search-bar-combobox.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar-combobox.styles.d.ts +4 -0
- package/dist/dts/search-bar/search-bar-combobox.styles.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar-combobox.template.d.ts +6 -0
- package/dist/dts/search-bar/search-bar-combobox.template.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.d.ts +52 -0
- package/dist/dts/search-bar/search-bar.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.styles.d.ts +2 -0
- package/dist/dts/search-bar/search-bar.styles.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.template.d.ts +6 -0
- package/dist/dts/search-bar/search-bar.template.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.types.d.ts +19 -0
- package/dist/dts/search-bar/search-bar.types.d.ts.map +1 -0
- package/dist/esm/base-components.js +4 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/search-bar/index.js +7 -0
- package/dist/esm/search-bar/search-bar-combobox.js +140 -0
- package/dist/esm/search-bar/search-bar-combobox.styles.js +26 -0
- package/dist/esm/search-bar/search-bar-combobox.template.js +60 -0
- package/dist/esm/search-bar/search-bar.js +144 -0
- package/dist/esm/search-bar/search-bar.styles.js +96 -0
- package/dist/esm/search-bar/search-bar.template.js +100 -0
- package/dist/esm/search-bar/search-bar.types.js +13 -0
- package/package.json +10 -10
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"type": {
|
|
13
13
|
"text": "object"
|
|
14
14
|
},
|
|
15
|
-
"default": "{\n foundationAccordion,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumbItem,\n foundationBreadcrumb,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBoundary,\n foundationErrorBanner,\n foundationErrorDialog,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationProgress,\n foundationPopper,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStepper,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
|
|
15
|
+
"default": "{\n foundationAccordion,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumbItem,\n foundationBreadcrumb,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBoundary,\n foundationErrorBanner,\n foundationErrorDialog,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationProgress,\n foundationPopper,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStepper,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
|
|
16
16
|
}
|
|
17
17
|
],
|
|
18
18
|
"exports": [
|
|
@@ -530,6 +530,14 @@
|
|
|
530
530
|
"package": "./router"
|
|
531
531
|
}
|
|
532
532
|
},
|
|
533
|
+
{
|
|
534
|
+
"kind": "js",
|
|
535
|
+
"name": "*",
|
|
536
|
+
"declaration": {
|
|
537
|
+
"name": "*",
|
|
538
|
+
"package": "./search-bar"
|
|
539
|
+
}
|
|
540
|
+
},
|
|
533
541
|
{
|
|
534
542
|
"kind": "js",
|
|
535
543
|
"name": "*",
|
|
@@ -28599,6 +28607,1414 @@
|
|
|
28599
28607
|
}
|
|
28600
28608
|
]
|
|
28601
28609
|
},
|
|
28610
|
+
{
|
|
28611
|
+
"kind": "javascript-module",
|
|
28612
|
+
"path": "src/search-bar/index.ts",
|
|
28613
|
+
"declarations": [],
|
|
28614
|
+
"exports": [
|
|
28615
|
+
{
|
|
28616
|
+
"kind": "js",
|
|
28617
|
+
"name": "*",
|
|
28618
|
+
"declaration": {
|
|
28619
|
+
"name": "*",
|
|
28620
|
+
"package": "./search-bar"
|
|
28621
|
+
}
|
|
28622
|
+
},
|
|
28623
|
+
{
|
|
28624
|
+
"kind": "js",
|
|
28625
|
+
"name": "*",
|
|
28626
|
+
"declaration": {
|
|
28627
|
+
"name": "*",
|
|
28628
|
+
"package": "./search-bar.styles"
|
|
28629
|
+
}
|
|
28630
|
+
},
|
|
28631
|
+
{
|
|
28632
|
+
"kind": "js",
|
|
28633
|
+
"name": "*",
|
|
28634
|
+
"declaration": {
|
|
28635
|
+
"name": "*",
|
|
28636
|
+
"package": "./search-bar.template"
|
|
28637
|
+
}
|
|
28638
|
+
},
|
|
28639
|
+
{
|
|
28640
|
+
"kind": "js",
|
|
28641
|
+
"name": "*",
|
|
28642
|
+
"declaration": {
|
|
28643
|
+
"name": "*",
|
|
28644
|
+
"package": "./search-bar.types"
|
|
28645
|
+
}
|
|
28646
|
+
},
|
|
28647
|
+
{
|
|
28648
|
+
"kind": "js",
|
|
28649
|
+
"name": "*",
|
|
28650
|
+
"declaration": {
|
|
28651
|
+
"name": "*",
|
|
28652
|
+
"package": "./search-bar-combobox"
|
|
28653
|
+
}
|
|
28654
|
+
},
|
|
28655
|
+
{
|
|
28656
|
+
"kind": "js",
|
|
28657
|
+
"name": "*",
|
|
28658
|
+
"declaration": {
|
|
28659
|
+
"name": "*",
|
|
28660
|
+
"package": "./search-bar-combobox.styles"
|
|
28661
|
+
}
|
|
28662
|
+
},
|
|
28663
|
+
{
|
|
28664
|
+
"kind": "js",
|
|
28665
|
+
"name": "*",
|
|
28666
|
+
"declaration": {
|
|
28667
|
+
"name": "*",
|
|
28668
|
+
"package": "./search-bar-combobox.template"
|
|
28669
|
+
}
|
|
28670
|
+
}
|
|
28671
|
+
]
|
|
28672
|
+
},
|
|
28673
|
+
{
|
|
28674
|
+
"kind": "javascript-module",
|
|
28675
|
+
"path": "src/search-bar/search-bar-combobox.styles.ts",
|
|
28676
|
+
"declarations": [
|
|
28677
|
+
{
|
|
28678
|
+
"kind": "function",
|
|
28679
|
+
"name": "foundationSearchBarComboboxStyles",
|
|
28680
|
+
"return": {
|
|
28681
|
+
"type": {
|
|
28682
|
+
"text": "ElementStyles"
|
|
28683
|
+
}
|
|
28684
|
+
},
|
|
28685
|
+
"parameters": [
|
|
28686
|
+
{
|
|
28687
|
+
"name": "context",
|
|
28688
|
+
"type": {
|
|
28689
|
+
"text": "ElementDefinitionContext"
|
|
28690
|
+
}
|
|
28691
|
+
},
|
|
28692
|
+
{
|
|
28693
|
+
"name": "definition",
|
|
28694
|
+
"type": {
|
|
28695
|
+
"text": "FoundationElementDefinition"
|
|
28696
|
+
}
|
|
28697
|
+
}
|
|
28698
|
+
]
|
|
28699
|
+
}
|
|
28700
|
+
],
|
|
28701
|
+
"exports": [
|
|
28702
|
+
{
|
|
28703
|
+
"kind": "js",
|
|
28704
|
+
"name": "foundationSearchBarComboboxStyles",
|
|
28705
|
+
"declaration": {
|
|
28706
|
+
"name": "foundationSearchBarComboboxStyles",
|
|
28707
|
+
"module": "src/search-bar/search-bar-combobox.styles.ts"
|
|
28708
|
+
}
|
|
28709
|
+
}
|
|
28710
|
+
]
|
|
28711
|
+
},
|
|
28712
|
+
{
|
|
28713
|
+
"kind": "javascript-module",
|
|
28714
|
+
"path": "src/search-bar/search-bar-combobox.template.ts",
|
|
28715
|
+
"declarations": [
|
|
28716
|
+
{
|
|
28717
|
+
"kind": "function",
|
|
28718
|
+
"name": "foundationSearchBarComboboxTemplate",
|
|
28719
|
+
"return": {
|
|
28720
|
+
"type": {
|
|
28721
|
+
"text": "ViewTemplate<SearchBarCombobox>"
|
|
28722
|
+
}
|
|
28723
|
+
},
|
|
28724
|
+
"parameters": [
|
|
28725
|
+
{
|
|
28726
|
+
"name": "context",
|
|
28727
|
+
"type": {
|
|
28728
|
+
"text": "ElementDefinitionContext"
|
|
28729
|
+
}
|
|
28730
|
+
},
|
|
28731
|
+
{
|
|
28732
|
+
"name": "definition",
|
|
28733
|
+
"type": {
|
|
28734
|
+
"text": "ComboboxOptions"
|
|
28735
|
+
}
|
|
28736
|
+
}
|
|
28737
|
+
]
|
|
28738
|
+
}
|
|
28739
|
+
],
|
|
28740
|
+
"exports": [
|
|
28741
|
+
{
|
|
28742
|
+
"kind": "js",
|
|
28743
|
+
"name": "foundationSearchBarComboboxTemplate",
|
|
28744
|
+
"declaration": {
|
|
28745
|
+
"name": "foundationSearchBarComboboxTemplate",
|
|
28746
|
+
"module": "src/search-bar/search-bar-combobox.template.ts"
|
|
28747
|
+
}
|
|
28748
|
+
}
|
|
28749
|
+
]
|
|
28750
|
+
},
|
|
28751
|
+
{
|
|
28752
|
+
"kind": "javascript-module",
|
|
28753
|
+
"path": "src/search-bar/search-bar-combobox.ts",
|
|
28754
|
+
"declarations": [
|
|
28755
|
+
{
|
|
28756
|
+
"kind": "class",
|
|
28757
|
+
"description": "",
|
|
28758
|
+
"name": "SearchBarCombobox",
|
|
28759
|
+
"members": [
|
|
28760
|
+
{
|
|
28761
|
+
"kind": "field",
|
|
28762
|
+
"name": "minlength",
|
|
28763
|
+
"type": {
|
|
28764
|
+
"text": "number"
|
|
28765
|
+
},
|
|
28766
|
+
"default": "COMBO_INPUT_MIN_LENGTH"
|
|
28767
|
+
},
|
|
28768
|
+
{
|
|
28769
|
+
"kind": "field",
|
|
28770
|
+
"name": "previousLength",
|
|
28771
|
+
"type": {
|
|
28772
|
+
"text": "number"
|
|
28773
|
+
},
|
|
28774
|
+
"privacy": "private",
|
|
28775
|
+
"default": "-1"
|
|
28776
|
+
},
|
|
28777
|
+
{
|
|
28778
|
+
"kind": "field",
|
|
28779
|
+
"name": "changeListener",
|
|
28780
|
+
"privacy": "private"
|
|
28781
|
+
},
|
|
28782
|
+
{
|
|
28783
|
+
"kind": "method",
|
|
28784
|
+
"name": "clickHandler",
|
|
28785
|
+
"return": {
|
|
28786
|
+
"type": {
|
|
28787
|
+
"text": "boolean | void"
|
|
28788
|
+
}
|
|
28789
|
+
},
|
|
28790
|
+
"parameters": [
|
|
28791
|
+
{
|
|
28792
|
+
"name": "e",
|
|
28793
|
+
"type": {
|
|
28794
|
+
"text": "any"
|
|
28795
|
+
}
|
|
28796
|
+
}
|
|
28797
|
+
]
|
|
28798
|
+
},
|
|
28799
|
+
{
|
|
28800
|
+
"kind": "method",
|
|
28801
|
+
"name": "keyupHandler",
|
|
28802
|
+
"privacy": "public",
|
|
28803
|
+
"parameters": [
|
|
28804
|
+
{
|
|
28805
|
+
"name": "e",
|
|
28806
|
+
"type": {
|
|
28807
|
+
"text": "KeyboardEvent"
|
|
28808
|
+
}
|
|
28809
|
+
}
|
|
28810
|
+
]
|
|
28811
|
+
},
|
|
28812
|
+
{
|
|
28813
|
+
"kind": "method",
|
|
28814
|
+
"name": "keydownHandler",
|
|
28815
|
+
"privacy": "public",
|
|
28816
|
+
"return": {
|
|
28817
|
+
"type": {
|
|
28818
|
+
"text": "boolean | void"
|
|
28819
|
+
}
|
|
28820
|
+
},
|
|
28821
|
+
"parameters": [
|
|
28822
|
+
{
|
|
28823
|
+
"name": "e",
|
|
28824
|
+
"type": {
|
|
28825
|
+
"text": "Event & KeyboardEvent"
|
|
28826
|
+
}
|
|
28827
|
+
}
|
|
28828
|
+
]
|
|
28829
|
+
},
|
|
28830
|
+
{
|
|
28831
|
+
"kind": "method",
|
|
28832
|
+
"name": "inputHandler",
|
|
28833
|
+
"return": {
|
|
28834
|
+
"type": {
|
|
28835
|
+
"text": "boolean | void"
|
|
28836
|
+
}
|
|
28837
|
+
},
|
|
28838
|
+
"parameters": [
|
|
28839
|
+
{
|
|
28840
|
+
"name": "e",
|
|
28841
|
+
"type": {
|
|
28842
|
+
"text": "InputEvent"
|
|
28843
|
+
}
|
|
28844
|
+
}
|
|
28845
|
+
]
|
|
28846
|
+
},
|
|
28847
|
+
{
|
|
28848
|
+
"kind": "method",
|
|
28849
|
+
"name": "openChanged"
|
|
28850
|
+
},
|
|
28851
|
+
{
|
|
28852
|
+
"kind": "field",
|
|
28853
|
+
"name": "autocomplete",
|
|
28854
|
+
"type": {
|
|
28855
|
+
"text": "ComboboxAutocomplete | undefined"
|
|
28856
|
+
},
|
|
28857
|
+
"description": "The autocomplete attribute.",
|
|
28858
|
+
"privacy": "public",
|
|
28859
|
+
"inheritedFrom": {
|
|
28860
|
+
"name": "Combobox",
|
|
28861
|
+
"module": "src/combobox/combobox.ts"
|
|
28862
|
+
}
|
|
28863
|
+
},
|
|
28864
|
+
{
|
|
28865
|
+
"kind": "field",
|
|
28866
|
+
"name": "filteredOptions",
|
|
28867
|
+
"type": {
|
|
28868
|
+
"text": "ListboxOption[]"
|
|
28869
|
+
},
|
|
28870
|
+
"privacy": "public",
|
|
28871
|
+
"default": "[]",
|
|
28872
|
+
"description": "The collection of currently filtered options.",
|
|
28873
|
+
"inheritedFrom": {
|
|
28874
|
+
"name": "Combobox",
|
|
28875
|
+
"module": "src/combobox/combobox.ts"
|
|
28876
|
+
}
|
|
28877
|
+
},
|
|
28878
|
+
{
|
|
28879
|
+
"kind": "method",
|
|
28880
|
+
"name": "validate",
|
|
28881
|
+
"privacy": "public",
|
|
28882
|
+
"return": {
|
|
28883
|
+
"type": {
|
|
28884
|
+
"text": "void"
|
|
28885
|
+
}
|
|
28886
|
+
},
|
|
28887
|
+
"description": "{@inheritDoc (FormAssociated:interface).validate}",
|
|
28888
|
+
"inheritedFrom": {
|
|
28889
|
+
"name": "Combobox",
|
|
28890
|
+
"module": "src/combobox/combobox.ts"
|
|
28891
|
+
}
|
|
28892
|
+
},
|
|
28893
|
+
{
|
|
28894
|
+
"kind": "field",
|
|
28895
|
+
"name": "isAutocompleteInline",
|
|
28896
|
+
"type": {
|
|
28897
|
+
"text": "boolean"
|
|
28898
|
+
},
|
|
28899
|
+
"privacy": "private",
|
|
28900
|
+
"inheritedFrom": {
|
|
28901
|
+
"name": "Combobox",
|
|
28902
|
+
"module": "src/combobox/combobox.ts"
|
|
28903
|
+
}
|
|
28904
|
+
},
|
|
28905
|
+
{
|
|
28906
|
+
"kind": "field",
|
|
28907
|
+
"name": "isAutocompleteList",
|
|
28908
|
+
"type": {
|
|
28909
|
+
"text": "boolean"
|
|
28910
|
+
},
|
|
28911
|
+
"privacy": "private",
|
|
28912
|
+
"inheritedFrom": {
|
|
28913
|
+
"name": "Combobox",
|
|
28914
|
+
"module": "src/combobox/combobox.ts"
|
|
28915
|
+
}
|
|
28916
|
+
},
|
|
28917
|
+
{
|
|
28918
|
+
"kind": "field",
|
|
28919
|
+
"name": "isAutocompleteBoth",
|
|
28920
|
+
"type": {
|
|
28921
|
+
"text": "boolean"
|
|
28922
|
+
},
|
|
28923
|
+
"privacy": "private",
|
|
28924
|
+
"inheritedFrom": {
|
|
28925
|
+
"name": "Combobox",
|
|
28926
|
+
"module": "src/combobox/combobox.ts"
|
|
28927
|
+
}
|
|
28928
|
+
},
|
|
28929
|
+
{
|
|
28930
|
+
"kind": "field",
|
|
28931
|
+
"name": "open",
|
|
28932
|
+
"type": {
|
|
28933
|
+
"text": "boolean"
|
|
28934
|
+
},
|
|
28935
|
+
"privacy": "public",
|
|
28936
|
+
"default": "false",
|
|
28937
|
+
"description": "The open attribute.",
|
|
28938
|
+
"inheritedFrom": {
|
|
28939
|
+
"name": "Combobox",
|
|
28940
|
+
"module": "src/combobox/combobox.ts"
|
|
28941
|
+
}
|
|
28942
|
+
},
|
|
28943
|
+
{
|
|
28944
|
+
"kind": "field",
|
|
28945
|
+
"name": "options",
|
|
28946
|
+
"type": {
|
|
28947
|
+
"text": "ListboxOption[]"
|
|
28948
|
+
},
|
|
28949
|
+
"privacy": "public",
|
|
28950
|
+
"description": "The list of options.",
|
|
28951
|
+
"inheritedFrom": {
|
|
28952
|
+
"name": "Combobox",
|
|
28953
|
+
"module": "src/combobox/combobox.ts"
|
|
28954
|
+
}
|
|
28955
|
+
},
|
|
28956
|
+
{
|
|
28957
|
+
"kind": "field",
|
|
28958
|
+
"name": "placeholder",
|
|
28959
|
+
"type": {
|
|
28960
|
+
"text": "string"
|
|
28961
|
+
},
|
|
28962
|
+
"privacy": "public",
|
|
28963
|
+
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
|
|
28964
|
+
"inheritedFrom": {
|
|
28965
|
+
"name": "Combobox",
|
|
28966
|
+
"module": "src/combobox/combobox.ts"
|
|
28967
|
+
}
|
|
28968
|
+
},
|
|
28969
|
+
{
|
|
28970
|
+
"kind": "field",
|
|
28971
|
+
"name": "positionAttribute",
|
|
28972
|
+
"type": {
|
|
28973
|
+
"text": "SelectPosition | undefined"
|
|
28974
|
+
},
|
|
28975
|
+
"privacy": "public",
|
|
28976
|
+
"description": "The placement for the listbox when the combobox is open.",
|
|
28977
|
+
"inheritedFrom": {
|
|
28978
|
+
"name": "Combobox",
|
|
28979
|
+
"module": "src/combobox/combobox.ts"
|
|
28980
|
+
}
|
|
28981
|
+
},
|
|
28982
|
+
{
|
|
28983
|
+
"kind": "field",
|
|
28984
|
+
"name": "position",
|
|
28985
|
+
"type": {
|
|
28986
|
+
"text": "SelectPosition | undefined"
|
|
28987
|
+
},
|
|
28988
|
+
"privacy": "public",
|
|
28989
|
+
"description": "The current state of the calculated position of the listbox.",
|
|
28990
|
+
"inheritedFrom": {
|
|
28991
|
+
"name": "Combobox",
|
|
28992
|
+
"module": "src/combobox/combobox.ts"
|
|
28993
|
+
}
|
|
28994
|
+
},
|
|
28995
|
+
{
|
|
28996
|
+
"kind": "method",
|
|
28997
|
+
"name": "positionChanged",
|
|
28998
|
+
"privacy": "protected",
|
|
28999
|
+
"return": {
|
|
29000
|
+
"type": {
|
|
29001
|
+
"text": "void"
|
|
29002
|
+
}
|
|
29003
|
+
},
|
|
29004
|
+
"parameters": [
|
|
29005
|
+
{
|
|
29006
|
+
"name": "prev",
|
|
29007
|
+
"type": {
|
|
29008
|
+
"text": "SelectPosition | undefined"
|
|
29009
|
+
}
|
|
29010
|
+
},
|
|
29011
|
+
{
|
|
29012
|
+
"name": "next",
|
|
29013
|
+
"type": {
|
|
29014
|
+
"text": "SelectPosition | undefined"
|
|
29015
|
+
}
|
|
29016
|
+
}
|
|
29017
|
+
],
|
|
29018
|
+
"inheritedFrom": {
|
|
29019
|
+
"name": "Combobox",
|
|
29020
|
+
"module": "src/combobox/combobox.ts"
|
|
29021
|
+
}
|
|
29022
|
+
},
|
|
29023
|
+
{
|
|
29024
|
+
"kind": "field",
|
|
29025
|
+
"name": "value",
|
|
29026
|
+
"privacy": "public",
|
|
29027
|
+
"description": "The value property.",
|
|
29028
|
+
"inheritedFrom": {
|
|
29029
|
+
"name": "Combobox",
|
|
29030
|
+
"module": "src/combobox/combobox.ts"
|
|
29031
|
+
}
|
|
29032
|
+
},
|
|
29033
|
+
{
|
|
29034
|
+
"kind": "method",
|
|
29035
|
+
"name": "filterOptions",
|
|
29036
|
+
"privacy": "public",
|
|
29037
|
+
"return": {
|
|
29038
|
+
"type": {
|
|
29039
|
+
"text": "void"
|
|
29040
|
+
}
|
|
29041
|
+
},
|
|
29042
|
+
"description": "Filter available options by text value.",
|
|
29043
|
+
"inheritedFrom": {
|
|
29044
|
+
"name": "Combobox",
|
|
29045
|
+
"module": "src/combobox/combobox.ts"
|
|
29046
|
+
}
|
|
29047
|
+
},
|
|
29048
|
+
{
|
|
29049
|
+
"kind": "method",
|
|
29050
|
+
"name": "setPositioning",
|
|
29051
|
+
"privacy": "public",
|
|
29052
|
+
"return": {
|
|
29053
|
+
"type": {
|
|
29054
|
+
"text": "void"
|
|
29055
|
+
}
|
|
29056
|
+
},
|
|
29057
|
+
"description": "Calculate and apply listbox positioning based on available viewport space.",
|
|
29058
|
+
"parameters": [
|
|
29059
|
+
{
|
|
29060
|
+
"description": "direction to force the listbox to display",
|
|
29061
|
+
"name": "force"
|
|
29062
|
+
}
|
|
29063
|
+
],
|
|
29064
|
+
"inheritedFrom": {
|
|
29065
|
+
"name": "Combobox",
|
|
29066
|
+
"module": "src/combobox/combobox.ts"
|
|
29067
|
+
}
|
|
29068
|
+
},
|
|
29069
|
+
{
|
|
29070
|
+
"kind": "field",
|
|
29071
|
+
"name": "proxy",
|
|
29072
|
+
"inheritedFrom": {
|
|
29073
|
+
"name": "Combobox",
|
|
29074
|
+
"module": "src/combobox/combobox.ts"
|
|
29075
|
+
}
|
|
29076
|
+
},
|
|
29077
|
+
{
|
|
29078
|
+
"kind": "field",
|
|
29079
|
+
"name": "length",
|
|
29080
|
+
"type": {
|
|
29081
|
+
"text": "number"
|
|
29082
|
+
},
|
|
29083
|
+
"privacy": "public",
|
|
29084
|
+
"description": "The number of options.",
|
|
29085
|
+
"inheritedFrom": {
|
|
29086
|
+
"name": "Combobox",
|
|
29087
|
+
"module": "src/combobox/combobox.ts"
|
|
29088
|
+
}
|
|
29089
|
+
},
|
|
29090
|
+
{
|
|
29091
|
+
"kind": "field",
|
|
29092
|
+
"name": "typeAheadExpired",
|
|
29093
|
+
"privacy": "protected",
|
|
29094
|
+
"inheritedFrom": {
|
|
29095
|
+
"name": "Combobox",
|
|
29096
|
+
"module": "src/combobox/combobox.ts"
|
|
29097
|
+
}
|
|
29098
|
+
},
|
|
29099
|
+
{
|
|
29100
|
+
"kind": "field",
|
|
29101
|
+
"name": "disabled",
|
|
29102
|
+
"type": {
|
|
29103
|
+
"text": "boolean"
|
|
29104
|
+
},
|
|
29105
|
+
"privacy": "public",
|
|
29106
|
+
"description": "The disabled state of the listbox.",
|
|
29107
|
+
"inheritedFrom": {
|
|
29108
|
+
"name": "Combobox",
|
|
29109
|
+
"module": "src/combobox/combobox.ts"
|
|
29110
|
+
}
|
|
29111
|
+
},
|
|
29112
|
+
{
|
|
29113
|
+
"kind": "field",
|
|
29114
|
+
"name": "selectedIndex",
|
|
29115
|
+
"type": {
|
|
29116
|
+
"text": "number"
|
|
29117
|
+
},
|
|
29118
|
+
"privacy": "public",
|
|
29119
|
+
"default": "-1",
|
|
29120
|
+
"description": "The index of the selected option.",
|
|
29121
|
+
"inheritedFrom": {
|
|
29122
|
+
"name": "Combobox",
|
|
29123
|
+
"module": "src/combobox/combobox.ts"
|
|
29124
|
+
}
|
|
29125
|
+
},
|
|
29126
|
+
{
|
|
29127
|
+
"kind": "field",
|
|
29128
|
+
"name": "selectedOptions",
|
|
29129
|
+
"type": {
|
|
29130
|
+
"text": "ListboxOption[]"
|
|
29131
|
+
},
|
|
29132
|
+
"privacy": "public",
|
|
29133
|
+
"default": "[]",
|
|
29134
|
+
"description": "A collection of the selected options.",
|
|
29135
|
+
"inheritedFrom": {
|
|
29136
|
+
"name": "Combobox",
|
|
29137
|
+
"module": "src/combobox/combobox.ts"
|
|
29138
|
+
}
|
|
29139
|
+
},
|
|
29140
|
+
{
|
|
29141
|
+
"kind": "field",
|
|
29142
|
+
"name": "slottedOptionFilter",
|
|
29143
|
+
"privacy": "public",
|
|
29144
|
+
"static": true,
|
|
29145
|
+
"description": "A static filter to include only selectable options.",
|
|
29146
|
+
"parameters": [
|
|
29147
|
+
{
|
|
29148
|
+
"description": "element to filter",
|
|
29149
|
+
"name": "n"
|
|
29150
|
+
}
|
|
29151
|
+
],
|
|
29152
|
+
"inheritedFrom": {
|
|
29153
|
+
"name": "Combobox",
|
|
29154
|
+
"module": "src/combobox/combobox.ts"
|
|
29155
|
+
}
|
|
29156
|
+
},
|
|
29157
|
+
{
|
|
29158
|
+
"kind": "method",
|
|
29159
|
+
"name": "selectFirstOption",
|
|
29160
|
+
"privacy": "public",
|
|
29161
|
+
"return": {
|
|
29162
|
+
"type": {
|
|
29163
|
+
"text": "void"
|
|
29164
|
+
}
|
|
29165
|
+
},
|
|
29166
|
+
"description": "Moves focus to the first selectable option.",
|
|
29167
|
+
"inheritedFrom": {
|
|
29168
|
+
"name": "Combobox",
|
|
29169
|
+
"module": "src/combobox/combobox.ts"
|
|
29170
|
+
}
|
|
29171
|
+
},
|
|
29172
|
+
{
|
|
29173
|
+
"kind": "method",
|
|
29174
|
+
"name": "setSelectedOptions",
|
|
29175
|
+
"privacy": "public",
|
|
29176
|
+
"description": "Sets an option as selected and gives it focus.",
|
|
29177
|
+
"inheritedFrom": {
|
|
29178
|
+
"name": "Combobox",
|
|
29179
|
+
"module": "src/combobox/combobox.ts"
|
|
29180
|
+
}
|
|
29181
|
+
},
|
|
29182
|
+
{
|
|
29183
|
+
"kind": "field",
|
|
29184
|
+
"name": "_presentation",
|
|
29185
|
+
"type": {
|
|
29186
|
+
"text": "ComponentPresentation | null | undefined"
|
|
29187
|
+
},
|
|
29188
|
+
"privacy": "private",
|
|
29189
|
+
"default": "void 0",
|
|
29190
|
+
"inheritedFrom": {
|
|
29191
|
+
"name": "Combobox",
|
|
29192
|
+
"module": "src/combobox/combobox.ts"
|
|
29193
|
+
}
|
|
29194
|
+
},
|
|
29195
|
+
{
|
|
29196
|
+
"kind": "field",
|
|
29197
|
+
"name": "$presentation",
|
|
29198
|
+
"type": {
|
|
29199
|
+
"text": "ComponentPresentation | null"
|
|
29200
|
+
},
|
|
29201
|
+
"privacy": "public",
|
|
29202
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
29203
|
+
"inheritedFrom": {
|
|
29204
|
+
"name": "Combobox",
|
|
29205
|
+
"module": "src/combobox/combobox.ts"
|
|
29206
|
+
}
|
|
29207
|
+
},
|
|
29208
|
+
{
|
|
29209
|
+
"kind": "field",
|
|
29210
|
+
"name": "template",
|
|
29211
|
+
"type": {
|
|
29212
|
+
"text": "ElementViewTemplate | void | null"
|
|
29213
|
+
},
|
|
29214
|
+
"privacy": "public",
|
|
29215
|
+
"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.",
|
|
29216
|
+
"inheritedFrom": {
|
|
29217
|
+
"name": "Combobox",
|
|
29218
|
+
"module": "src/combobox/combobox.ts"
|
|
29219
|
+
}
|
|
29220
|
+
},
|
|
29221
|
+
{
|
|
29222
|
+
"kind": "method",
|
|
29223
|
+
"name": "templateChanged",
|
|
29224
|
+
"privacy": "protected",
|
|
29225
|
+
"return": {
|
|
29226
|
+
"type": {
|
|
29227
|
+
"text": "void"
|
|
29228
|
+
}
|
|
29229
|
+
},
|
|
29230
|
+
"inheritedFrom": {
|
|
29231
|
+
"name": "Combobox",
|
|
29232
|
+
"module": "src/combobox/combobox.ts"
|
|
29233
|
+
}
|
|
29234
|
+
},
|
|
29235
|
+
{
|
|
29236
|
+
"kind": "field",
|
|
29237
|
+
"name": "styles",
|
|
29238
|
+
"type": {
|
|
29239
|
+
"text": "ElementStyles | void | null"
|
|
29240
|
+
},
|
|
29241
|
+
"privacy": "public",
|
|
29242
|
+
"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.",
|
|
29243
|
+
"inheritedFrom": {
|
|
29244
|
+
"name": "Combobox",
|
|
29245
|
+
"module": "src/combobox/combobox.ts"
|
|
29246
|
+
}
|
|
29247
|
+
},
|
|
29248
|
+
{
|
|
29249
|
+
"kind": "method",
|
|
29250
|
+
"name": "stylesChanged",
|
|
29251
|
+
"privacy": "protected",
|
|
29252
|
+
"return": {
|
|
29253
|
+
"type": {
|
|
29254
|
+
"text": "void"
|
|
29255
|
+
}
|
|
29256
|
+
},
|
|
29257
|
+
"inheritedFrom": {
|
|
29258
|
+
"name": "Combobox",
|
|
29259
|
+
"module": "src/combobox/combobox.ts"
|
|
29260
|
+
}
|
|
29261
|
+
},
|
|
29262
|
+
{
|
|
29263
|
+
"kind": "method",
|
|
29264
|
+
"name": "compose",
|
|
29265
|
+
"privacy": "public",
|
|
29266
|
+
"static": true,
|
|
29267
|
+
"return": {
|
|
29268
|
+
"type": {
|
|
29269
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
29270
|
+
}
|
|
29271
|
+
},
|
|
29272
|
+
"parameters": [
|
|
29273
|
+
{
|
|
29274
|
+
"name": "this",
|
|
29275
|
+
"type": {
|
|
29276
|
+
"text": "K"
|
|
29277
|
+
}
|
|
29278
|
+
},
|
|
29279
|
+
{
|
|
29280
|
+
"name": "elementDefinition",
|
|
29281
|
+
"type": {
|
|
29282
|
+
"text": "T"
|
|
29283
|
+
},
|
|
29284
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
29285
|
+
}
|
|
29286
|
+
],
|
|
29287
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
29288
|
+
"inheritedFrom": {
|
|
29289
|
+
"name": "Combobox",
|
|
29290
|
+
"module": "src/combobox/combobox.ts"
|
|
29291
|
+
}
|
|
29292
|
+
}
|
|
29293
|
+
],
|
|
29294
|
+
"attributes": [
|
|
29295
|
+
{
|
|
29296
|
+
"name": "minlength",
|
|
29297
|
+
"type": {
|
|
29298
|
+
"text": "number"
|
|
29299
|
+
},
|
|
29300
|
+
"default": "COMBO_INPUT_MIN_LENGTH",
|
|
29301
|
+
"resolveInitializer": {
|
|
29302
|
+
"module": "/src/search-bar/search-bar.types"
|
|
29303
|
+
},
|
|
29304
|
+
"fieldName": "minlength"
|
|
29305
|
+
},
|
|
29306
|
+
{
|
|
29307
|
+
"name": "autocomplete",
|
|
29308
|
+
"type": {
|
|
29309
|
+
"text": "ComboboxAutocomplete | undefined"
|
|
29310
|
+
},
|
|
29311
|
+
"description": "The autocomplete attribute.",
|
|
29312
|
+
"fieldName": "autocomplete",
|
|
29313
|
+
"inheritedFrom": {
|
|
29314
|
+
"name": "Combobox",
|
|
29315
|
+
"module": "src/combobox/combobox.ts"
|
|
29316
|
+
}
|
|
29317
|
+
},
|
|
29318
|
+
{
|
|
29319
|
+
"name": "open",
|
|
29320
|
+
"type": {
|
|
29321
|
+
"text": "boolean"
|
|
29322
|
+
},
|
|
29323
|
+
"default": "false",
|
|
29324
|
+
"description": "The open attribute.",
|
|
29325
|
+
"fieldName": "open",
|
|
29326
|
+
"inheritedFrom": {
|
|
29327
|
+
"name": "Combobox",
|
|
29328
|
+
"module": "src/combobox/combobox.ts"
|
|
29329
|
+
}
|
|
29330
|
+
},
|
|
29331
|
+
{
|
|
29332
|
+
"name": "placeholder",
|
|
29333
|
+
"type": {
|
|
29334
|
+
"text": "string"
|
|
29335
|
+
},
|
|
29336
|
+
"description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
|
|
29337
|
+
"fieldName": "placeholder",
|
|
29338
|
+
"inheritedFrom": {
|
|
29339
|
+
"name": "Combobox",
|
|
29340
|
+
"module": "src/combobox/combobox.ts"
|
|
29341
|
+
}
|
|
29342
|
+
},
|
|
29343
|
+
{
|
|
29344
|
+
"name": "position",
|
|
29345
|
+
"type": {
|
|
29346
|
+
"text": "SelectPosition | undefined"
|
|
29347
|
+
},
|
|
29348
|
+
"description": "The placement for the listbox when the combobox is open.",
|
|
29349
|
+
"fieldName": "positionAttribute",
|
|
29350
|
+
"inheritedFrom": {
|
|
29351
|
+
"name": "Combobox",
|
|
29352
|
+
"module": "src/combobox/combobox.ts"
|
|
29353
|
+
}
|
|
29354
|
+
},
|
|
29355
|
+
{
|
|
29356
|
+
"type": {
|
|
29357
|
+
"text": "boolean"
|
|
29358
|
+
},
|
|
29359
|
+
"description": "The disabled state of the listbox.",
|
|
29360
|
+
"fieldName": "disabled",
|
|
29361
|
+
"inheritedFrom": {
|
|
29362
|
+
"name": "Combobox",
|
|
29363
|
+
"module": "src/combobox/combobox.ts"
|
|
29364
|
+
}
|
|
29365
|
+
}
|
|
29366
|
+
],
|
|
29367
|
+
"superclass": {
|
|
29368
|
+
"name": "Combobox",
|
|
29369
|
+
"package": "@microsoft/fast-components"
|
|
29370
|
+
},
|
|
29371
|
+
"tagName": "%%prefix%%-search-bar-combobox",
|
|
29372
|
+
"customElement": true,
|
|
29373
|
+
"events": [
|
|
29374
|
+
{
|
|
29375
|
+
"description": "Fires a custom 'change' event when the value updates",
|
|
29376
|
+
"name": "change",
|
|
29377
|
+
"inheritedFrom": {
|
|
29378
|
+
"name": "Combobox",
|
|
29379
|
+
"module": "src/combobox/combobox.ts"
|
|
29380
|
+
}
|
|
29381
|
+
}
|
|
29382
|
+
]
|
|
29383
|
+
},
|
|
29384
|
+
{
|
|
29385
|
+
"kind": "variable",
|
|
29386
|
+
"name": "foundationSearchBarComboboxShadowOptions",
|
|
29387
|
+
"type": {
|
|
29388
|
+
"text": "ShadowRootInit"
|
|
29389
|
+
},
|
|
29390
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
29391
|
+
},
|
|
29392
|
+
{
|
|
29393
|
+
"kind": "variable",
|
|
29394
|
+
"name": "defaultSearchBarComboboxConfig",
|
|
29395
|
+
"type": {
|
|
29396
|
+
"text": "object"
|
|
29397
|
+
},
|
|
29398
|
+
"default": "{}"
|
|
29399
|
+
},
|
|
29400
|
+
{
|
|
29401
|
+
"kind": "variable",
|
|
29402
|
+
"name": "foundationSearchBarCombobox",
|
|
29403
|
+
"description": "The Foundation Search Bar Combobox",
|
|
29404
|
+
"privacy": "public"
|
|
29405
|
+
}
|
|
29406
|
+
],
|
|
29407
|
+
"exports": [
|
|
29408
|
+
{
|
|
29409
|
+
"kind": "js",
|
|
29410
|
+
"name": "SearchBarCombobox",
|
|
29411
|
+
"declaration": {
|
|
29412
|
+
"name": "SearchBarCombobox",
|
|
29413
|
+
"module": "src/search-bar/search-bar-combobox.ts"
|
|
29414
|
+
}
|
|
29415
|
+
},
|
|
29416
|
+
{
|
|
29417
|
+
"kind": "js",
|
|
29418
|
+
"name": "foundationSearchBarComboboxShadowOptions",
|
|
29419
|
+
"declaration": {
|
|
29420
|
+
"name": "foundationSearchBarComboboxShadowOptions",
|
|
29421
|
+
"module": "src/search-bar/search-bar-combobox.ts"
|
|
29422
|
+
}
|
|
29423
|
+
},
|
|
29424
|
+
{
|
|
29425
|
+
"kind": "js",
|
|
29426
|
+
"name": "defaultSearchBarComboboxConfig",
|
|
29427
|
+
"declaration": {
|
|
29428
|
+
"name": "defaultSearchBarComboboxConfig",
|
|
29429
|
+
"module": "src/search-bar/search-bar-combobox.ts"
|
|
29430
|
+
}
|
|
29431
|
+
},
|
|
29432
|
+
{
|
|
29433
|
+
"kind": "js",
|
|
29434
|
+
"name": "foundationSearchBarCombobox",
|
|
29435
|
+
"declaration": {
|
|
29436
|
+
"name": "foundationSearchBarCombobox",
|
|
29437
|
+
"module": "src/search-bar/search-bar-combobox.ts"
|
|
29438
|
+
}
|
|
29439
|
+
}
|
|
29440
|
+
]
|
|
29441
|
+
},
|
|
29442
|
+
{
|
|
29443
|
+
"kind": "javascript-module",
|
|
29444
|
+
"path": "src/search-bar/search-bar.styles.ts",
|
|
29445
|
+
"declarations": [
|
|
29446
|
+
{
|
|
29447
|
+
"kind": "variable",
|
|
29448
|
+
"name": "foundationSearchBarStyles",
|
|
29449
|
+
"default": "css`\n .search-bar-combobox {\n width: 100%;\n min-width: auto;\n }\n\n .padding {\n padding-left: calc(${designUnit} * 1px);\n }\n\n .selected-options {\n display: flex;\n align-items: center;\n overflow: hidden;\n gap: calc(${designUnit} * 1px);\n padding-right: calc(${designUnit} * 1px);\n }\n\n .selected-options:hover {\n overflow-x: overlay;\n }\n\n .selected-options::-webkit-scrollbar {\n height: 7px;\n }\n\n .selected-options::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);\n background-color: #484848;\n border: 1px solid #7e7e7e;\n }\n\n .selected-options-divider {\n border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);\n }\n\n .options-button {\n height: fit-content;\n min-width: fit-content;\n }\n\n .label {\n display: block;\n font-size: var(--type-ramp-base-font-size);\n margin: calc(${designUnit} * 2px) 2px;\n }\n\n .label-hidden {\n display: none;\n }\n\n .search-clear-button {\n min-width: 28px;\n min-height: 28px;\n height: 28px;\n margin: 0;\n }\n\n .search-clear-button svg {\n rotate: 45deg;\n }\n\n .search-clear-button::part(control) {\n padding: 0;\n }\n\n .search-clear-button .svg-container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .tooltip {\n position: absolute;\n z-index: 999;\n }\n\n .tooltip::part(tooltip) {\n background-color: rgb(18 18 18 / 100%);\n border: 1px solid #2e3339;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 4px 10px rgb(0 0 0 / 25%);\n font-size: 10px;\n color: #f1f1f1;\n height: 26px;\n }\n\n .close-icon {\n color: var(--accent-fill-rest);\n }\n`"
|
|
29450
|
+
}
|
|
29451
|
+
],
|
|
29452
|
+
"exports": [
|
|
29453
|
+
{
|
|
29454
|
+
"kind": "js",
|
|
29455
|
+
"name": "foundationSearchBarStyles",
|
|
29456
|
+
"declaration": {
|
|
29457
|
+
"name": "foundationSearchBarStyles",
|
|
29458
|
+
"module": "src/search-bar/search-bar.styles.ts"
|
|
29459
|
+
}
|
|
29460
|
+
}
|
|
29461
|
+
]
|
|
29462
|
+
},
|
|
29463
|
+
{
|
|
29464
|
+
"kind": "javascript-module",
|
|
29465
|
+
"path": "src/search-bar/search-bar.template.ts",
|
|
29466
|
+
"declarations": [
|
|
29467
|
+
{
|
|
29468
|
+
"kind": "function",
|
|
29469
|
+
"name": "crossIcon",
|
|
29470
|
+
"parameters": [
|
|
29471
|
+
{
|
|
29472
|
+
"name": "slot",
|
|
29473
|
+
"default": "'start'"
|
|
29474
|
+
}
|
|
29475
|
+
]
|
|
29476
|
+
},
|
|
29477
|
+
{
|
|
29478
|
+
"kind": "function",
|
|
29479
|
+
"name": "plusIcon"
|
|
29480
|
+
},
|
|
29481
|
+
{
|
|
29482
|
+
"kind": "function",
|
|
29483
|
+
"name": "getPrefixedSearchBar",
|
|
29484
|
+
"parameters": [
|
|
29485
|
+
{
|
|
29486
|
+
"name": "prefix",
|
|
29487
|
+
"type": {
|
|
29488
|
+
"text": "string"
|
|
29489
|
+
}
|
|
29490
|
+
}
|
|
29491
|
+
]
|
|
29492
|
+
},
|
|
29493
|
+
{
|
|
29494
|
+
"kind": "variable",
|
|
29495
|
+
"name": "foundationSearchBarTemplate",
|
|
29496
|
+
"default": "html<SearchBar>`\n ${(x) => getPrefixedSearchBar(getPrefix(x))}\n`"
|
|
29497
|
+
}
|
|
29498
|
+
],
|
|
29499
|
+
"exports": [
|
|
29500
|
+
{
|
|
29501
|
+
"kind": "js",
|
|
29502
|
+
"name": "crossIcon",
|
|
29503
|
+
"declaration": {
|
|
29504
|
+
"name": "crossIcon",
|
|
29505
|
+
"module": "src/search-bar/search-bar.template.ts"
|
|
29506
|
+
}
|
|
29507
|
+
},
|
|
29508
|
+
{
|
|
29509
|
+
"kind": "js",
|
|
29510
|
+
"name": "plusIcon",
|
|
29511
|
+
"declaration": {
|
|
29512
|
+
"name": "plusIcon",
|
|
29513
|
+
"module": "src/search-bar/search-bar.template.ts"
|
|
29514
|
+
}
|
|
29515
|
+
},
|
|
29516
|
+
{
|
|
29517
|
+
"kind": "js",
|
|
29518
|
+
"name": "getPrefixedSearchBar",
|
|
29519
|
+
"declaration": {
|
|
29520
|
+
"name": "getPrefixedSearchBar",
|
|
29521
|
+
"module": "src/search-bar/search-bar.template.ts"
|
|
29522
|
+
}
|
|
29523
|
+
},
|
|
29524
|
+
{
|
|
29525
|
+
"kind": "js",
|
|
29526
|
+
"name": "foundationSearchBarTemplate",
|
|
29527
|
+
"declaration": {
|
|
29528
|
+
"name": "foundationSearchBarTemplate",
|
|
29529
|
+
"module": "src/search-bar/search-bar.template.ts"
|
|
29530
|
+
}
|
|
29531
|
+
}
|
|
29532
|
+
]
|
|
29533
|
+
},
|
|
29534
|
+
{
|
|
29535
|
+
"kind": "javascript-module",
|
|
29536
|
+
"path": "src/search-bar/search-bar.ts",
|
|
29537
|
+
"declarations": [
|
|
29538
|
+
{
|
|
29539
|
+
"kind": "class",
|
|
29540
|
+
"description": "",
|
|
29541
|
+
"name": "SearchBar",
|
|
29542
|
+
"members": [
|
|
29543
|
+
{
|
|
29544
|
+
"kind": "field",
|
|
29545
|
+
"name": "combobox",
|
|
29546
|
+
"type": {
|
|
29547
|
+
"text": "SearchBarCombobox"
|
|
29548
|
+
},
|
|
29549
|
+
"privacy": "public"
|
|
29550
|
+
},
|
|
29551
|
+
{
|
|
29552
|
+
"kind": "field",
|
|
29553
|
+
"name": "defaultSlottedNodes"
|
|
29554
|
+
},
|
|
29555
|
+
{
|
|
29556
|
+
"kind": "field",
|
|
29557
|
+
"name": "options",
|
|
29558
|
+
"type": {
|
|
29559
|
+
"text": "AvailableOption[]"
|
|
29560
|
+
}
|
|
29561
|
+
},
|
|
29562
|
+
{
|
|
29563
|
+
"kind": "field",
|
|
29564
|
+
"name": "searchTerm",
|
|
29565
|
+
"type": {
|
|
29566
|
+
"text": "string"
|
|
29567
|
+
},
|
|
29568
|
+
"default": "''"
|
|
29569
|
+
},
|
|
29570
|
+
{
|
|
29571
|
+
"kind": "field",
|
|
29572
|
+
"name": "appearance",
|
|
29573
|
+
"type": {
|
|
29574
|
+
"text": "string"
|
|
29575
|
+
},
|
|
29576
|
+
"default": "'neutral'"
|
|
29577
|
+
},
|
|
29578
|
+
{
|
|
29579
|
+
"kind": "field",
|
|
29580
|
+
"name": "minlength",
|
|
29581
|
+
"type": {
|
|
29582
|
+
"text": "number"
|
|
29583
|
+
},
|
|
29584
|
+
"default": "INPUT_MIN_LENGTH"
|
|
29585
|
+
},
|
|
29586
|
+
{
|
|
29587
|
+
"kind": "field",
|
|
29588
|
+
"name": "placeholder",
|
|
29589
|
+
"type": {
|
|
29590
|
+
"text": "string"
|
|
29591
|
+
},
|
|
29592
|
+
"default": "'Start typing to search'"
|
|
29593
|
+
},
|
|
29594
|
+
{
|
|
29595
|
+
"kind": "field",
|
|
29596
|
+
"name": "disabled",
|
|
29597
|
+
"type": {
|
|
29598
|
+
"text": "boolean"
|
|
29599
|
+
}
|
|
29600
|
+
},
|
|
29601
|
+
{
|
|
29602
|
+
"kind": "field",
|
|
29603
|
+
"name": "loading",
|
|
29604
|
+
"type": {
|
|
29605
|
+
"text": "boolean"
|
|
29606
|
+
}
|
|
29607
|
+
},
|
|
29608
|
+
{
|
|
29609
|
+
"kind": "field",
|
|
29610
|
+
"name": "selectedOptions",
|
|
29611
|
+
"type": {
|
|
29612
|
+
"text": "SelectedOption[]"
|
|
29613
|
+
},
|
|
29614
|
+
"default": "[]"
|
|
29615
|
+
},
|
|
29616
|
+
{
|
|
29617
|
+
"kind": "field",
|
|
29618
|
+
"name": "filteredOptions",
|
|
29619
|
+
"type": {
|
|
29620
|
+
"text": "AvailableOption[]"
|
|
29621
|
+
}
|
|
29622
|
+
},
|
|
29623
|
+
{
|
|
29624
|
+
"kind": "field",
|
|
29625
|
+
"name": "selectedOptionsDiv",
|
|
29626
|
+
"type": {
|
|
29627
|
+
"text": "HTMLDivElement"
|
|
29628
|
+
},
|
|
29629
|
+
"privacy": "public"
|
|
29630
|
+
},
|
|
29631
|
+
{
|
|
29632
|
+
"kind": "method",
|
|
29633
|
+
"name": "clear",
|
|
29634
|
+
"privacy": "public"
|
|
29635
|
+
},
|
|
29636
|
+
{
|
|
29637
|
+
"kind": "method",
|
|
29638
|
+
"name": "clearSearch",
|
|
29639
|
+
"privacy": "public",
|
|
29640
|
+
"return": {
|
|
29641
|
+
"type": {
|
|
29642
|
+
"text": "void"
|
|
29643
|
+
}
|
|
29644
|
+
}
|
|
29645
|
+
},
|
|
29646
|
+
{
|
|
29647
|
+
"kind": "method",
|
|
29648
|
+
"name": "inputdeleted",
|
|
29649
|
+
"privacy": "public"
|
|
29650
|
+
},
|
|
29651
|
+
{
|
|
29652
|
+
"kind": "method",
|
|
29653
|
+
"name": "changeHandler",
|
|
29654
|
+
"privacy": "public"
|
|
29655
|
+
},
|
|
29656
|
+
{
|
|
29657
|
+
"kind": "method",
|
|
29658
|
+
"name": "pasteHandler",
|
|
29659
|
+
"privacy": "public",
|
|
29660
|
+
"parameters": [
|
|
29661
|
+
{
|
|
29662
|
+
"name": "event",
|
|
29663
|
+
"type": {
|
|
29664
|
+
"text": "ClipboardEvent"
|
|
29665
|
+
}
|
|
29666
|
+
}
|
|
29667
|
+
]
|
|
29668
|
+
},
|
|
29669
|
+
{
|
|
29670
|
+
"kind": "method",
|
|
29671
|
+
"name": "hasSelectedOption",
|
|
29672
|
+
"privacy": "public",
|
|
29673
|
+
"parameters": [
|
|
29674
|
+
{
|
|
29675
|
+
"name": "term",
|
|
29676
|
+
"type": {
|
|
29677
|
+
"text": "string"
|
|
29678
|
+
}
|
|
29679
|
+
},
|
|
29680
|
+
{
|
|
29681
|
+
"name": "field",
|
|
29682
|
+
"type": {
|
|
29683
|
+
"text": "string"
|
|
29684
|
+
}
|
|
29685
|
+
}
|
|
29686
|
+
]
|
|
29687
|
+
},
|
|
29688
|
+
{
|
|
29689
|
+
"kind": "method",
|
|
29690
|
+
"name": "unselectOption",
|
|
29691
|
+
"privacy": "public",
|
|
29692
|
+
"parameters": [
|
|
29693
|
+
{
|
|
29694
|
+
"name": "option",
|
|
29695
|
+
"type": {
|
|
29696
|
+
"text": "any"
|
|
29697
|
+
}
|
|
29698
|
+
}
|
|
29699
|
+
]
|
|
29700
|
+
},
|
|
29701
|
+
{
|
|
29702
|
+
"kind": "method",
|
|
29703
|
+
"name": "inputHandler",
|
|
29704
|
+
"privacy": "public"
|
|
29705
|
+
},
|
|
29706
|
+
{
|
|
29707
|
+
"kind": "method",
|
|
29708
|
+
"name": "filterSelectedOptions",
|
|
29709
|
+
"privacy": "private",
|
|
29710
|
+
"parameters": [
|
|
29711
|
+
{
|
|
29712
|
+
"name": "term",
|
|
29713
|
+
"type": {
|
|
29714
|
+
"text": "string"
|
|
29715
|
+
}
|
|
29716
|
+
}
|
|
29717
|
+
]
|
|
29718
|
+
},
|
|
29719
|
+
{
|
|
29720
|
+
"kind": "field",
|
|
29721
|
+
"name": "normalizeDelimiter",
|
|
29722
|
+
"privacy": "private"
|
|
29723
|
+
},
|
|
29724
|
+
{
|
|
29725
|
+
"kind": "field",
|
|
29726
|
+
"name": "addOrReplaceSelectedText",
|
|
29727
|
+
"privacy": "private"
|
|
29728
|
+
},
|
|
29729
|
+
{
|
|
29730
|
+
"kind": "field",
|
|
29731
|
+
"name": "_presentation",
|
|
29732
|
+
"type": {
|
|
29733
|
+
"text": "ComponentPresentation | null | undefined"
|
|
29734
|
+
},
|
|
29735
|
+
"privacy": "private",
|
|
29736
|
+
"default": "void 0",
|
|
29737
|
+
"inheritedFrom": {
|
|
29738
|
+
"name": "FoundationElement",
|
|
29739
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29740
|
+
}
|
|
29741
|
+
},
|
|
29742
|
+
{
|
|
29743
|
+
"kind": "field",
|
|
29744
|
+
"name": "$presentation",
|
|
29745
|
+
"type": {
|
|
29746
|
+
"text": "ComponentPresentation | null"
|
|
29747
|
+
},
|
|
29748
|
+
"privacy": "public",
|
|
29749
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
29750
|
+
"inheritedFrom": {
|
|
29751
|
+
"name": "FoundationElement",
|
|
29752
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29753
|
+
}
|
|
29754
|
+
},
|
|
29755
|
+
{
|
|
29756
|
+
"kind": "field",
|
|
29757
|
+
"name": "template",
|
|
29758
|
+
"type": {
|
|
29759
|
+
"text": "ElementViewTemplate | void | null"
|
|
29760
|
+
},
|
|
29761
|
+
"privacy": "public",
|
|
29762
|
+
"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.",
|
|
29763
|
+
"inheritedFrom": {
|
|
29764
|
+
"name": "FoundationElement",
|
|
29765
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29766
|
+
}
|
|
29767
|
+
},
|
|
29768
|
+
{
|
|
29769
|
+
"kind": "method",
|
|
29770
|
+
"name": "templateChanged",
|
|
29771
|
+
"privacy": "protected",
|
|
29772
|
+
"return": {
|
|
29773
|
+
"type": {
|
|
29774
|
+
"text": "void"
|
|
29775
|
+
}
|
|
29776
|
+
},
|
|
29777
|
+
"inheritedFrom": {
|
|
29778
|
+
"name": "FoundationElement",
|
|
29779
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29780
|
+
}
|
|
29781
|
+
},
|
|
29782
|
+
{
|
|
29783
|
+
"kind": "field",
|
|
29784
|
+
"name": "styles",
|
|
29785
|
+
"type": {
|
|
29786
|
+
"text": "ElementStyles | void | null"
|
|
29787
|
+
},
|
|
29788
|
+
"privacy": "public",
|
|
29789
|
+
"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.",
|
|
29790
|
+
"inheritedFrom": {
|
|
29791
|
+
"name": "FoundationElement",
|
|
29792
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29793
|
+
}
|
|
29794
|
+
},
|
|
29795
|
+
{
|
|
29796
|
+
"kind": "method",
|
|
29797
|
+
"name": "stylesChanged",
|
|
29798
|
+
"privacy": "protected",
|
|
29799
|
+
"return": {
|
|
29800
|
+
"type": {
|
|
29801
|
+
"text": "void"
|
|
29802
|
+
}
|
|
29803
|
+
},
|
|
29804
|
+
"inheritedFrom": {
|
|
29805
|
+
"name": "FoundationElement",
|
|
29806
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29807
|
+
}
|
|
29808
|
+
},
|
|
29809
|
+
{
|
|
29810
|
+
"kind": "method",
|
|
29811
|
+
"name": "compose",
|
|
29812
|
+
"privacy": "public",
|
|
29813
|
+
"static": true,
|
|
29814
|
+
"return": {
|
|
29815
|
+
"type": {
|
|
29816
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
29817
|
+
}
|
|
29818
|
+
},
|
|
29819
|
+
"parameters": [
|
|
29820
|
+
{
|
|
29821
|
+
"name": "this",
|
|
29822
|
+
"type": {
|
|
29823
|
+
"text": "K"
|
|
29824
|
+
}
|
|
29825
|
+
},
|
|
29826
|
+
{
|
|
29827
|
+
"name": "elementDefinition",
|
|
29828
|
+
"type": {
|
|
29829
|
+
"text": "T"
|
|
29830
|
+
},
|
|
29831
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
29832
|
+
}
|
|
29833
|
+
],
|
|
29834
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
29835
|
+
"inheritedFrom": {
|
|
29836
|
+
"name": "FoundationElement",
|
|
29837
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
29838
|
+
}
|
|
29839
|
+
}
|
|
29840
|
+
],
|
|
29841
|
+
"attributes": [
|
|
29842
|
+
{
|
|
29843
|
+
"name": "appearance",
|
|
29844
|
+
"type": {
|
|
29845
|
+
"text": "string"
|
|
29846
|
+
},
|
|
29847
|
+
"default": "'neutral'",
|
|
29848
|
+
"fieldName": "appearance"
|
|
29849
|
+
},
|
|
29850
|
+
{
|
|
29851
|
+
"name": "minlength",
|
|
29852
|
+
"type": {
|
|
29853
|
+
"text": "number"
|
|
29854
|
+
},
|
|
29855
|
+
"default": "INPUT_MIN_LENGTH",
|
|
29856
|
+
"resolveInitializer": {
|
|
29857
|
+
"module": "/src/search-bar/search-bar.types"
|
|
29858
|
+
},
|
|
29859
|
+
"fieldName": "minlength"
|
|
29860
|
+
},
|
|
29861
|
+
{
|
|
29862
|
+
"name": "placeholder",
|
|
29863
|
+
"type": {
|
|
29864
|
+
"text": "string"
|
|
29865
|
+
},
|
|
29866
|
+
"default": "'Start typing to search'",
|
|
29867
|
+
"fieldName": "placeholder"
|
|
29868
|
+
},
|
|
29869
|
+
{
|
|
29870
|
+
"name": "disabled",
|
|
29871
|
+
"type": {
|
|
29872
|
+
"text": "boolean"
|
|
29873
|
+
},
|
|
29874
|
+
"fieldName": "disabled"
|
|
29875
|
+
}
|
|
29876
|
+
],
|
|
29877
|
+
"superclass": {
|
|
29878
|
+
"name": "FoundationElement",
|
|
29879
|
+
"package": "@microsoft/fast-foundation"
|
|
29880
|
+
},
|
|
29881
|
+
"tagName": "%%prefix%%-search-bar",
|
|
29882
|
+
"customElement": true
|
|
29883
|
+
},
|
|
29884
|
+
{
|
|
29885
|
+
"kind": "variable",
|
|
29886
|
+
"name": "foundationSearchBarShadowOptions",
|
|
29887
|
+
"type": {
|
|
29888
|
+
"text": "ShadowRootInit"
|
|
29889
|
+
},
|
|
29890
|
+
"default": "undefined"
|
|
29891
|
+
},
|
|
29892
|
+
{
|
|
29893
|
+
"kind": "variable",
|
|
29894
|
+
"name": "defaultSearchBarConfig",
|
|
29895
|
+
"type": {
|
|
29896
|
+
"text": "object"
|
|
29897
|
+
},
|
|
29898
|
+
"default": "{}"
|
|
29899
|
+
},
|
|
29900
|
+
{
|
|
29901
|
+
"kind": "variable",
|
|
29902
|
+
"name": "foundationSearchBar",
|
|
29903
|
+
"description": "The Foundation Search Bar",
|
|
29904
|
+
"privacy": "public"
|
|
29905
|
+
}
|
|
29906
|
+
],
|
|
29907
|
+
"exports": [
|
|
29908
|
+
{
|
|
29909
|
+
"kind": "js",
|
|
29910
|
+
"name": "SearchBar",
|
|
29911
|
+
"declaration": {
|
|
29912
|
+
"name": "SearchBar",
|
|
29913
|
+
"module": "src/search-bar/search-bar.ts"
|
|
29914
|
+
}
|
|
29915
|
+
},
|
|
29916
|
+
{
|
|
29917
|
+
"kind": "js",
|
|
29918
|
+
"name": "foundationSearchBarShadowOptions",
|
|
29919
|
+
"declaration": {
|
|
29920
|
+
"name": "foundationSearchBarShadowOptions",
|
|
29921
|
+
"module": "src/search-bar/search-bar.ts"
|
|
29922
|
+
}
|
|
29923
|
+
},
|
|
29924
|
+
{
|
|
29925
|
+
"kind": "js",
|
|
29926
|
+
"name": "defaultSearchBarConfig",
|
|
29927
|
+
"declaration": {
|
|
29928
|
+
"name": "defaultSearchBarConfig",
|
|
29929
|
+
"module": "src/search-bar/search-bar.ts"
|
|
29930
|
+
}
|
|
29931
|
+
},
|
|
29932
|
+
{
|
|
29933
|
+
"kind": "js",
|
|
29934
|
+
"name": "foundationSearchBar",
|
|
29935
|
+
"declaration": {
|
|
29936
|
+
"name": "foundationSearchBar",
|
|
29937
|
+
"module": "src/search-bar/search-bar.ts"
|
|
29938
|
+
}
|
|
29939
|
+
}
|
|
29940
|
+
]
|
|
29941
|
+
},
|
|
29942
|
+
{
|
|
29943
|
+
"kind": "javascript-module",
|
|
29944
|
+
"path": "src/search-bar/search-bar.types.ts",
|
|
29945
|
+
"declarations": [
|
|
29946
|
+
{
|
|
29947
|
+
"kind": "variable",
|
|
29948
|
+
"name": "SCROLL_TIMEOUT",
|
|
29949
|
+
"type": {
|
|
29950
|
+
"text": "number"
|
|
29951
|
+
},
|
|
29952
|
+
"default": "10"
|
|
29953
|
+
},
|
|
29954
|
+
{
|
|
29955
|
+
"kind": "variable",
|
|
29956
|
+
"name": "INPUT_MIN_LENGTH",
|
|
29957
|
+
"type": {
|
|
29958
|
+
"text": "number"
|
|
29959
|
+
},
|
|
29960
|
+
"default": "3"
|
|
29961
|
+
},
|
|
29962
|
+
{
|
|
29963
|
+
"kind": "variable",
|
|
29964
|
+
"name": "COMBO_INPUT_MIN_LENGTH",
|
|
29965
|
+
"type": {
|
|
29966
|
+
"text": "number"
|
|
29967
|
+
},
|
|
29968
|
+
"default": "1"
|
|
29969
|
+
},
|
|
29970
|
+
{
|
|
29971
|
+
"kind": "function",
|
|
29972
|
+
"name": "getCriteriaBuilder",
|
|
29973
|
+
"parameters": [
|
|
29974
|
+
{
|
|
29975
|
+
"name": "field"
|
|
29976
|
+
},
|
|
29977
|
+
{
|
|
29978
|
+
"name": "term"
|
|
29979
|
+
}
|
|
29980
|
+
]
|
|
29981
|
+
}
|
|
29982
|
+
],
|
|
29983
|
+
"exports": [
|
|
29984
|
+
{
|
|
29985
|
+
"kind": "js",
|
|
29986
|
+
"name": "SCROLL_TIMEOUT",
|
|
29987
|
+
"declaration": {
|
|
29988
|
+
"name": "SCROLL_TIMEOUT",
|
|
29989
|
+
"module": "src/search-bar/search-bar.types.ts"
|
|
29990
|
+
}
|
|
29991
|
+
},
|
|
29992
|
+
{
|
|
29993
|
+
"kind": "js",
|
|
29994
|
+
"name": "INPUT_MIN_LENGTH",
|
|
29995
|
+
"declaration": {
|
|
29996
|
+
"name": "INPUT_MIN_LENGTH",
|
|
29997
|
+
"module": "src/search-bar/search-bar.types.ts"
|
|
29998
|
+
}
|
|
29999
|
+
},
|
|
30000
|
+
{
|
|
30001
|
+
"kind": "js",
|
|
30002
|
+
"name": "COMBO_INPUT_MIN_LENGTH",
|
|
30003
|
+
"declaration": {
|
|
30004
|
+
"name": "COMBO_INPUT_MIN_LENGTH",
|
|
30005
|
+
"module": "src/search-bar/search-bar.types.ts"
|
|
30006
|
+
}
|
|
30007
|
+
},
|
|
30008
|
+
{
|
|
30009
|
+
"kind": "js",
|
|
30010
|
+
"name": "getCriteriaBuilder",
|
|
30011
|
+
"declaration": {
|
|
30012
|
+
"name": "getCriteriaBuilder",
|
|
30013
|
+
"module": "src/search-bar/search-bar.types.ts"
|
|
30014
|
+
}
|
|
30015
|
+
}
|
|
30016
|
+
]
|
|
30017
|
+
},
|
|
28602
30018
|
{
|
|
28603
30019
|
"kind": "javascript-module",
|
|
28604
30020
|
"path": "src/segmented-control/index.ts",
|