@genesislcap/foundation-zero 14.154.2 → 14.154.3-alpha-39fd5f3.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 +703 -1
- package/dist/dts/base-components.d.ts +11 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/categorized-multiselect/categorized-multiselect.d.ts +20 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.stories.d.ts +5 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.stories.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.styles.d.ts +2 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.styles.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.template.d.ts +3 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.template.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/index.d.ts +4 -0
- package/dist/dts/categorized-multiselect/index.d.ts.map +1 -0
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/esm/base-components.js +2 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.js +12 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.stories.js +87 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.styles.js +17 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.template.js +5 -0
- package/dist/esm/categorized-multiselect/index.js +3 -0
- package/dist/esm/index.js +1 -0
- package/package.json +12 -12
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"type": {
|
|
13
13
|
"text": "object"
|
|
14
14
|
},
|
|
15
|
-
"default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\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 zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\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": [
|
|
@@ -186,6 +186,14 @@
|
|
|
186
186
|
"package": "./card"
|
|
187
187
|
}
|
|
188
188
|
},
|
|
189
|
+
{
|
|
190
|
+
"kind": "js",
|
|
191
|
+
"name": "*",
|
|
192
|
+
"declaration": {
|
|
193
|
+
"name": "*",
|
|
194
|
+
"package": "./categorized-multiselect"
|
|
195
|
+
}
|
|
196
|
+
},
|
|
189
197
|
{
|
|
190
198
|
"kind": "js",
|
|
191
199
|
"name": "*",
|
|
@@ -7567,6 +7575,700 @@
|
|
|
7567
7575
|
}
|
|
7568
7576
|
]
|
|
7569
7577
|
},
|
|
7578
|
+
{
|
|
7579
|
+
"kind": "javascript-module",
|
|
7580
|
+
"path": "src/categorized-multiselect/categorized-multiselect.stories.ts",
|
|
7581
|
+
"declarations": [
|
|
7582
|
+
{
|
|
7583
|
+
"kind": "variable",
|
|
7584
|
+
"name": "meta",
|
|
7585
|
+
"type": {
|
|
7586
|
+
"text": "Meta"
|
|
7587
|
+
},
|
|
7588
|
+
"default": "{\n title: 'Categorized Multiselect',\n component: 'zero-categorized-multiselect',\n}"
|
|
7589
|
+
},
|
|
7590
|
+
{
|
|
7591
|
+
"kind": "variable",
|
|
7592
|
+
"name": "Primary",
|
|
7593
|
+
"type": {
|
|
7594
|
+
"text": "StoryObj"
|
|
7595
|
+
},
|
|
7596
|
+
"default": "{\n render: ({ name, text, countries, search, autoPosition }) => html`\n <div style=\"min-height: 400px;\">\n <zero-categorized-multiselect\n name=\"${name}\"\n .options=\"${countries}\"\n auto-position=\"${autoPosition}\"\n search=\"${search}\"\n >\n ${text}\n </zero-categorized-multiselect>\n </div>\n `,\n args: {\n name: 'Countries',\n text: 'Add New Country',\n search: true,\n countries: disabledCountriesExample,\n autoPosition: false,\n },\n}"
|
|
7597
|
+
}
|
|
7598
|
+
],
|
|
7599
|
+
"exports": [
|
|
7600
|
+
{
|
|
7601
|
+
"kind": "js",
|
|
7602
|
+
"name": "default",
|
|
7603
|
+
"declaration": {
|
|
7604
|
+
"name": "meta",
|
|
7605
|
+
"module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
|
|
7606
|
+
}
|
|
7607
|
+
},
|
|
7608
|
+
{
|
|
7609
|
+
"kind": "js",
|
|
7610
|
+
"name": "Primary",
|
|
7611
|
+
"declaration": {
|
|
7612
|
+
"name": "Primary",
|
|
7613
|
+
"module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
|
|
7614
|
+
}
|
|
7615
|
+
}
|
|
7616
|
+
]
|
|
7617
|
+
},
|
|
7618
|
+
{
|
|
7619
|
+
"kind": "javascript-module",
|
|
7620
|
+
"path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
|
|
7621
|
+
"declarations": [
|
|
7622
|
+
{
|
|
7623
|
+
"kind": "variable",
|
|
7624
|
+
"name": "categorizedMultiselectStyles",
|
|
7625
|
+
"default": "css`\n ${foundationCategorizedMultiselectStyles}\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n`"
|
|
7626
|
+
}
|
|
7627
|
+
],
|
|
7628
|
+
"exports": [
|
|
7629
|
+
{
|
|
7630
|
+
"kind": "js",
|
|
7631
|
+
"name": "categorizedMultiselectStyles",
|
|
7632
|
+
"declaration": {
|
|
7633
|
+
"name": "categorizedMultiselectStyles",
|
|
7634
|
+
"module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
|
|
7635
|
+
}
|
|
7636
|
+
}
|
|
7637
|
+
]
|
|
7638
|
+
},
|
|
7639
|
+
{
|
|
7640
|
+
"kind": "javascript-module",
|
|
7641
|
+
"path": "src/categorized-multiselect/categorized-multiselect.template.ts",
|
|
7642
|
+
"declarations": [
|
|
7643
|
+
{
|
|
7644
|
+
"kind": "variable",
|
|
7645
|
+
"name": "categorizedMultiselectTemplate",
|
|
7646
|
+
"default": "html<CategorizedMultiselect>`\n ${getPrefixedCategorizedMultiselect('zero')}\n`"
|
|
7647
|
+
}
|
|
7648
|
+
],
|
|
7649
|
+
"exports": [
|
|
7650
|
+
{
|
|
7651
|
+
"kind": "js",
|
|
7652
|
+
"name": "categorizedMultiselectTemplate",
|
|
7653
|
+
"declaration": {
|
|
7654
|
+
"name": "categorizedMultiselectTemplate",
|
|
7655
|
+
"module": "src/categorized-multiselect/categorized-multiselect.template.ts"
|
|
7656
|
+
}
|
|
7657
|
+
}
|
|
7658
|
+
]
|
|
7659
|
+
},
|
|
7660
|
+
{
|
|
7661
|
+
"kind": "javascript-module",
|
|
7662
|
+
"path": "src/categorized-multiselect/categorized-multiselect.ts",
|
|
7663
|
+
"declarations": [
|
|
7664
|
+
{
|
|
7665
|
+
"kind": "class",
|
|
7666
|
+
"description": "",
|
|
7667
|
+
"name": "CategorizedMultiselect",
|
|
7668
|
+
"superclass": {
|
|
7669
|
+
"name": "FoundationCategorizedMultiselect",
|
|
7670
|
+
"package": "@genesislcap/foundation-ui"
|
|
7671
|
+
},
|
|
7672
|
+
"tagName": "%%prefix%%-categorized-multiselect",
|
|
7673
|
+
"customElement": true,
|
|
7674
|
+
"attributes": [
|
|
7675
|
+
{
|
|
7676
|
+
"name": "name",
|
|
7677
|
+
"type": {
|
|
7678
|
+
"text": "string"
|
|
7679
|
+
},
|
|
7680
|
+
"default": "''",
|
|
7681
|
+
"fieldName": "name",
|
|
7682
|
+
"inheritedFrom": {
|
|
7683
|
+
"name": "CategorizedMultiselect",
|
|
7684
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7685
|
+
}
|
|
7686
|
+
},
|
|
7687
|
+
{
|
|
7688
|
+
"name": "auto-position",
|
|
7689
|
+
"type": {
|
|
7690
|
+
"text": "boolean"
|
|
7691
|
+
},
|
|
7692
|
+
"default": "true",
|
|
7693
|
+
"fieldName": "autoPosition",
|
|
7694
|
+
"inheritedFrom": {
|
|
7695
|
+
"name": "CategorizedMultiselect",
|
|
7696
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7697
|
+
}
|
|
7698
|
+
},
|
|
7699
|
+
{
|
|
7700
|
+
"type": {
|
|
7701
|
+
"text": "boolean"
|
|
7702
|
+
},
|
|
7703
|
+
"default": "true",
|
|
7704
|
+
"fieldName": "search",
|
|
7705
|
+
"inheritedFrom": {
|
|
7706
|
+
"name": "CategorizedMultiselect",
|
|
7707
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7708
|
+
}
|
|
7709
|
+
}
|
|
7710
|
+
],
|
|
7711
|
+
"members": [
|
|
7712
|
+
{
|
|
7713
|
+
"kind": "field",
|
|
7714
|
+
"name": "name",
|
|
7715
|
+
"type": {
|
|
7716
|
+
"text": "string"
|
|
7717
|
+
},
|
|
7718
|
+
"default": "''",
|
|
7719
|
+
"inheritedFrom": {
|
|
7720
|
+
"name": "CategorizedMultiselect",
|
|
7721
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7722
|
+
}
|
|
7723
|
+
},
|
|
7724
|
+
{
|
|
7725
|
+
"kind": "field",
|
|
7726
|
+
"name": "autoPosition",
|
|
7727
|
+
"type": {
|
|
7728
|
+
"text": "boolean"
|
|
7729
|
+
},
|
|
7730
|
+
"default": "true",
|
|
7731
|
+
"inheritedFrom": {
|
|
7732
|
+
"name": "CategorizedMultiselect",
|
|
7733
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7734
|
+
}
|
|
7735
|
+
},
|
|
7736
|
+
{
|
|
7737
|
+
"kind": "field",
|
|
7738
|
+
"name": "search",
|
|
7739
|
+
"type": {
|
|
7740
|
+
"text": "boolean"
|
|
7741
|
+
},
|
|
7742
|
+
"default": "true",
|
|
7743
|
+
"inheritedFrom": {
|
|
7744
|
+
"name": "CategorizedMultiselect",
|
|
7745
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7746
|
+
}
|
|
7747
|
+
},
|
|
7748
|
+
{
|
|
7749
|
+
"kind": "field",
|
|
7750
|
+
"name": "disabled",
|
|
7751
|
+
"type": {
|
|
7752
|
+
"text": "boolean"
|
|
7753
|
+
},
|
|
7754
|
+
"default": "false",
|
|
7755
|
+
"inheritedFrom": {
|
|
7756
|
+
"name": "CategorizedMultiselect",
|
|
7757
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7758
|
+
}
|
|
7759
|
+
},
|
|
7760
|
+
{
|
|
7761
|
+
"kind": "field",
|
|
7762
|
+
"name": "defaultSlottedNodes",
|
|
7763
|
+
"type": {
|
|
7764
|
+
"text": "Node[]"
|
|
7765
|
+
},
|
|
7766
|
+
"inheritedFrom": {
|
|
7767
|
+
"name": "CategorizedMultiselect",
|
|
7768
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7769
|
+
}
|
|
7770
|
+
},
|
|
7771
|
+
{
|
|
7772
|
+
"kind": "field",
|
|
7773
|
+
"name": "valueFormatter",
|
|
7774
|
+
"inheritedFrom": {
|
|
7775
|
+
"name": "CategorizedMultiselect",
|
|
7776
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7777
|
+
}
|
|
7778
|
+
},
|
|
7779
|
+
{
|
|
7780
|
+
"kind": "field",
|
|
7781
|
+
"name": "filterSearchValue",
|
|
7782
|
+
"type": {
|
|
7783
|
+
"text": "string"
|
|
7784
|
+
},
|
|
7785
|
+
"inheritedFrom": {
|
|
7786
|
+
"name": "CategorizedMultiselect",
|
|
7787
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7788
|
+
}
|
|
7789
|
+
},
|
|
7790
|
+
{
|
|
7791
|
+
"kind": "field",
|
|
7792
|
+
"name": "clickOutside",
|
|
7793
|
+
"privacy": "private",
|
|
7794
|
+
"inheritedFrom": {
|
|
7795
|
+
"name": "CategorizedMultiselect",
|
|
7796
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7797
|
+
}
|
|
7798
|
+
},
|
|
7799
|
+
{
|
|
7800
|
+
"kind": "field",
|
|
7801
|
+
"name": "open",
|
|
7802
|
+
"type": {
|
|
7803
|
+
"text": "boolean"
|
|
7804
|
+
},
|
|
7805
|
+
"default": "false",
|
|
7806
|
+
"inheritedFrom": {
|
|
7807
|
+
"name": "CategorizedMultiselect",
|
|
7808
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7809
|
+
}
|
|
7810
|
+
},
|
|
7811
|
+
{
|
|
7812
|
+
"kind": "method",
|
|
7813
|
+
"name": "openChanged",
|
|
7814
|
+
"parameters": [
|
|
7815
|
+
{
|
|
7816
|
+
"name": "previous",
|
|
7817
|
+
"type": {
|
|
7818
|
+
"text": "boolean"
|
|
7819
|
+
}
|
|
7820
|
+
},
|
|
7821
|
+
{
|
|
7822
|
+
"name": "open",
|
|
7823
|
+
"type": {
|
|
7824
|
+
"text": "boolean"
|
|
7825
|
+
}
|
|
7826
|
+
}
|
|
7827
|
+
],
|
|
7828
|
+
"inheritedFrom": {
|
|
7829
|
+
"name": "CategorizedMultiselect",
|
|
7830
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7831
|
+
}
|
|
7832
|
+
},
|
|
7833
|
+
{
|
|
7834
|
+
"kind": "field",
|
|
7835
|
+
"name": "options",
|
|
7836
|
+
"type": {
|
|
7837
|
+
"text": "CategorizedMultiselectOption[]"
|
|
7838
|
+
},
|
|
7839
|
+
"default": "[]",
|
|
7840
|
+
"inheritedFrom": {
|
|
7841
|
+
"name": "CategorizedMultiselect",
|
|
7842
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7843
|
+
}
|
|
7844
|
+
},
|
|
7845
|
+
{
|
|
7846
|
+
"kind": "field",
|
|
7847
|
+
"name": "selectedOptions",
|
|
7848
|
+
"type": {
|
|
7849
|
+
"text": "string[]"
|
|
7850
|
+
},
|
|
7851
|
+
"default": "[]",
|
|
7852
|
+
"inheritedFrom": {
|
|
7853
|
+
"name": "CategorizedMultiselect",
|
|
7854
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7855
|
+
}
|
|
7856
|
+
},
|
|
7857
|
+
{
|
|
7858
|
+
"kind": "field",
|
|
7859
|
+
"name": "filteredAvailableOptions",
|
|
7860
|
+
"type": {
|
|
7861
|
+
"text": "CategorizedMultiselectOption[]"
|
|
7862
|
+
},
|
|
7863
|
+
"default": "[...this.options]",
|
|
7864
|
+
"inheritedFrom": {
|
|
7865
|
+
"name": "CategorizedMultiselect",
|
|
7866
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7867
|
+
}
|
|
7868
|
+
},
|
|
7869
|
+
{
|
|
7870
|
+
"kind": "field",
|
|
7871
|
+
"name": "scrollContainer",
|
|
7872
|
+
"type": {
|
|
7873
|
+
"text": "HTMLElement"
|
|
7874
|
+
},
|
|
7875
|
+
"inheritedFrom": {
|
|
7876
|
+
"name": "CategorizedMultiselect",
|
|
7877
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7878
|
+
}
|
|
7879
|
+
},
|
|
7880
|
+
{
|
|
7881
|
+
"kind": "field",
|
|
7882
|
+
"name": "position",
|
|
7883
|
+
"type": {
|
|
7884
|
+
"text": "Position"
|
|
7885
|
+
},
|
|
7886
|
+
"description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field.",
|
|
7887
|
+
"inheritedFrom": {
|
|
7888
|
+
"name": "CategorizedMultiselect",
|
|
7889
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7890
|
+
}
|
|
7891
|
+
},
|
|
7892
|
+
{
|
|
7893
|
+
"kind": "field",
|
|
7894
|
+
"name": "optionsElement",
|
|
7895
|
+
"type": {
|
|
7896
|
+
"text": "HTMLElement"
|
|
7897
|
+
},
|
|
7898
|
+
"inheritedFrom": {
|
|
7899
|
+
"name": "CategorizedMultiselect",
|
|
7900
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7901
|
+
}
|
|
7902
|
+
},
|
|
7903
|
+
{
|
|
7904
|
+
"kind": "method",
|
|
7905
|
+
"name": "toggle",
|
|
7906
|
+
"inheritedFrom": {
|
|
7907
|
+
"name": "CategorizedMultiselect",
|
|
7908
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7909
|
+
}
|
|
7910
|
+
},
|
|
7911
|
+
{
|
|
7912
|
+
"kind": "method",
|
|
7913
|
+
"name": "sortFilteredOptions",
|
|
7914
|
+
"parameters": [
|
|
7915
|
+
{
|
|
7916
|
+
"name": "options",
|
|
7917
|
+
"optional": true
|
|
7918
|
+
}
|
|
7919
|
+
],
|
|
7920
|
+
"inheritedFrom": {
|
|
7921
|
+
"name": "CategorizedMultiselect",
|
|
7922
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7923
|
+
}
|
|
7924
|
+
},
|
|
7925
|
+
{
|
|
7926
|
+
"kind": "method",
|
|
7927
|
+
"name": "optionsChanged",
|
|
7928
|
+
"inheritedFrom": {
|
|
7929
|
+
"name": "CategorizedMultiselect",
|
|
7930
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7931
|
+
}
|
|
7932
|
+
},
|
|
7933
|
+
{
|
|
7934
|
+
"kind": "method",
|
|
7935
|
+
"name": "setDropdownPosition",
|
|
7936
|
+
"privacy": "private",
|
|
7937
|
+
"description": "Sets the dropdown position based on the current configuration.",
|
|
7938
|
+
"inheritedFrom": {
|
|
7939
|
+
"name": "CategorizedMultiselect",
|
|
7940
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7941
|
+
}
|
|
7942
|
+
},
|
|
7943
|
+
{
|
|
7944
|
+
"kind": "method",
|
|
7945
|
+
"name": "optionGetter",
|
|
7946
|
+
"parameters": [
|
|
7947
|
+
{
|
|
7948
|
+
"name": "option",
|
|
7949
|
+
"type": {
|
|
7950
|
+
"text": "CategorizedMultiselectOption"
|
|
7951
|
+
}
|
|
7952
|
+
}
|
|
7953
|
+
],
|
|
7954
|
+
"inheritedFrom": {
|
|
7955
|
+
"name": "CategorizedMultiselect",
|
|
7956
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7957
|
+
}
|
|
7958
|
+
},
|
|
7959
|
+
{
|
|
7960
|
+
"kind": "method",
|
|
7961
|
+
"name": "getItemLabel",
|
|
7962
|
+
"parameters": [
|
|
7963
|
+
{
|
|
7964
|
+
"name": "option",
|
|
7965
|
+
"type": {
|
|
7966
|
+
"text": "CategorizedMultiselectOption"
|
|
7967
|
+
}
|
|
7968
|
+
}
|
|
7969
|
+
],
|
|
7970
|
+
"inheritedFrom": {
|
|
7971
|
+
"name": "CategorizedMultiselect",
|
|
7972
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7973
|
+
}
|
|
7974
|
+
},
|
|
7975
|
+
{
|
|
7976
|
+
"kind": "method",
|
|
7977
|
+
"name": "isOptionDisabled",
|
|
7978
|
+
"parameters": [
|
|
7979
|
+
{
|
|
7980
|
+
"name": "option",
|
|
7981
|
+
"type": {
|
|
7982
|
+
"text": "CategorizedMultiselectOption"
|
|
7983
|
+
}
|
|
7984
|
+
}
|
|
7985
|
+
],
|
|
7986
|
+
"inheritedFrom": {
|
|
7987
|
+
"name": "CategorizedMultiselect",
|
|
7988
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7989
|
+
}
|
|
7990
|
+
},
|
|
7991
|
+
{
|
|
7992
|
+
"kind": "field",
|
|
7993
|
+
"name": "getPlaceholder",
|
|
7994
|
+
"readonly": true,
|
|
7995
|
+
"inheritedFrom": {
|
|
7996
|
+
"name": "CategorizedMultiselect",
|
|
7997
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
7998
|
+
}
|
|
7999
|
+
},
|
|
8000
|
+
{
|
|
8001
|
+
"kind": "method",
|
|
8002
|
+
"name": "isOptionSelected",
|
|
8003
|
+
"return": {
|
|
8004
|
+
"type": {
|
|
8005
|
+
"text": "boolean"
|
|
8006
|
+
}
|
|
8007
|
+
},
|
|
8008
|
+
"parameters": [
|
|
8009
|
+
{
|
|
8010
|
+
"name": "normalizedOption",
|
|
8011
|
+
"type": {
|
|
8012
|
+
"text": "CategorizedMultiselectOption"
|
|
8013
|
+
}
|
|
8014
|
+
}
|
|
8015
|
+
],
|
|
8016
|
+
"inheritedFrom": {
|
|
8017
|
+
"name": "CategorizedMultiselect",
|
|
8018
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8019
|
+
}
|
|
8020
|
+
},
|
|
8021
|
+
{
|
|
8022
|
+
"kind": "method",
|
|
8023
|
+
"name": "selectCheckboxOne",
|
|
8024
|
+
"parameters": [
|
|
8025
|
+
{
|
|
8026
|
+
"name": "normalizedOption",
|
|
8027
|
+
"type": {
|
|
8028
|
+
"text": "CategorizedMultiselectOption"
|
|
8029
|
+
}
|
|
8030
|
+
}
|
|
8031
|
+
],
|
|
8032
|
+
"inheritedFrom": {
|
|
8033
|
+
"name": "CategorizedMultiselect",
|
|
8034
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8035
|
+
}
|
|
8036
|
+
},
|
|
8037
|
+
{
|
|
8038
|
+
"kind": "method",
|
|
8039
|
+
"name": "setFilter",
|
|
8040
|
+
"inheritedFrom": {
|
|
8041
|
+
"name": "CategorizedMultiselect",
|
|
8042
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8043
|
+
}
|
|
8044
|
+
},
|
|
8045
|
+
{
|
|
8046
|
+
"kind": "method",
|
|
8047
|
+
"name": "changeHandler",
|
|
8048
|
+
"parameters": [
|
|
8049
|
+
{
|
|
8050
|
+
"name": "event",
|
|
8051
|
+
"type": {
|
|
8052
|
+
"text": "Event"
|
|
8053
|
+
}
|
|
8054
|
+
}
|
|
8055
|
+
],
|
|
8056
|
+
"inheritedFrom": {
|
|
8057
|
+
"name": "CategorizedMultiselect",
|
|
8058
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8059
|
+
}
|
|
8060
|
+
},
|
|
8061
|
+
{
|
|
8062
|
+
"kind": "method",
|
|
8063
|
+
"name": "handleClickOutside",
|
|
8064
|
+
"privacy": "private",
|
|
8065
|
+
"parameters": [
|
|
8066
|
+
{
|
|
8067
|
+
"name": "event",
|
|
8068
|
+
"type": {
|
|
8069
|
+
"text": "MouseEvent"
|
|
8070
|
+
}
|
|
8071
|
+
}
|
|
8072
|
+
],
|
|
8073
|
+
"inheritedFrom": {
|
|
8074
|
+
"name": "CategorizedMultiselect",
|
|
8075
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8076
|
+
}
|
|
8077
|
+
},
|
|
8078
|
+
{
|
|
8079
|
+
"kind": "field",
|
|
8080
|
+
"name": "_presentation",
|
|
8081
|
+
"type": {
|
|
8082
|
+
"text": "ComponentPresentation | null | undefined"
|
|
8083
|
+
},
|
|
8084
|
+
"privacy": "private",
|
|
8085
|
+
"default": "void 0",
|
|
8086
|
+
"inheritedFrom": {
|
|
8087
|
+
"name": "FoundationElement",
|
|
8088
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8089
|
+
}
|
|
8090
|
+
},
|
|
8091
|
+
{
|
|
8092
|
+
"kind": "field",
|
|
8093
|
+
"name": "$presentation",
|
|
8094
|
+
"type": {
|
|
8095
|
+
"text": "ComponentPresentation | null"
|
|
8096
|
+
},
|
|
8097
|
+
"privacy": "public",
|
|
8098
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
8099
|
+
"inheritedFrom": {
|
|
8100
|
+
"name": "FoundationElement",
|
|
8101
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8102
|
+
}
|
|
8103
|
+
},
|
|
8104
|
+
{
|
|
8105
|
+
"kind": "field",
|
|
8106
|
+
"name": "template",
|
|
8107
|
+
"type": {
|
|
8108
|
+
"text": "ElementViewTemplate | void | null"
|
|
8109
|
+
},
|
|
8110
|
+
"privacy": "public",
|
|
8111
|
+
"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.",
|
|
8112
|
+
"inheritedFrom": {
|
|
8113
|
+
"name": "FoundationElement",
|
|
8114
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8115
|
+
}
|
|
8116
|
+
},
|
|
8117
|
+
{
|
|
8118
|
+
"kind": "method",
|
|
8119
|
+
"name": "templateChanged",
|
|
8120
|
+
"privacy": "protected",
|
|
8121
|
+
"return": {
|
|
8122
|
+
"type": {
|
|
8123
|
+
"text": "void"
|
|
8124
|
+
}
|
|
8125
|
+
},
|
|
8126
|
+
"inheritedFrom": {
|
|
8127
|
+
"name": "FoundationElement",
|
|
8128
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8129
|
+
}
|
|
8130
|
+
},
|
|
8131
|
+
{
|
|
8132
|
+
"kind": "field",
|
|
8133
|
+
"name": "styles",
|
|
8134
|
+
"type": {
|
|
8135
|
+
"text": "ElementStyles | void | null"
|
|
8136
|
+
},
|
|
8137
|
+
"privacy": "public",
|
|
8138
|
+
"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.",
|
|
8139
|
+
"inheritedFrom": {
|
|
8140
|
+
"name": "FoundationElement",
|
|
8141
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8142
|
+
}
|
|
8143
|
+
},
|
|
8144
|
+
{
|
|
8145
|
+
"kind": "method",
|
|
8146
|
+
"name": "stylesChanged",
|
|
8147
|
+
"privacy": "protected",
|
|
8148
|
+
"return": {
|
|
8149
|
+
"type": {
|
|
8150
|
+
"text": "void"
|
|
8151
|
+
}
|
|
8152
|
+
},
|
|
8153
|
+
"inheritedFrom": {
|
|
8154
|
+
"name": "FoundationElement",
|
|
8155
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8156
|
+
}
|
|
8157
|
+
},
|
|
8158
|
+
{
|
|
8159
|
+
"kind": "method",
|
|
8160
|
+
"name": "compose",
|
|
8161
|
+
"privacy": "public",
|
|
8162
|
+
"static": true,
|
|
8163
|
+
"return": {
|
|
8164
|
+
"type": {
|
|
8165
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
8166
|
+
}
|
|
8167
|
+
},
|
|
8168
|
+
"parameters": [
|
|
8169
|
+
{
|
|
8170
|
+
"name": "this",
|
|
8171
|
+
"type": {
|
|
8172
|
+
"text": "K"
|
|
8173
|
+
}
|
|
8174
|
+
},
|
|
8175
|
+
{
|
|
8176
|
+
"name": "elementDefinition",
|
|
8177
|
+
"type": {
|
|
8178
|
+
"text": "T"
|
|
8179
|
+
},
|
|
8180
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
8181
|
+
}
|
|
8182
|
+
],
|
|
8183
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
8184
|
+
"inheritedFrom": {
|
|
8185
|
+
"name": "FoundationElement",
|
|
8186
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
8187
|
+
}
|
|
8188
|
+
}
|
|
8189
|
+
]
|
|
8190
|
+
},
|
|
8191
|
+
{
|
|
8192
|
+
"kind": "variable",
|
|
8193
|
+
"name": "defaultCategorizedMultiselectConfig",
|
|
8194
|
+
"default": "foundationCategorizedMultiselectConfig"
|
|
8195
|
+
},
|
|
8196
|
+
{
|
|
8197
|
+
"kind": "variable",
|
|
8198
|
+
"name": "zeroCategorizedMultiselectShadowOptions",
|
|
8199
|
+
"default": "foundationCategorizedMultiselectShadowOptions"
|
|
8200
|
+
},
|
|
8201
|
+
{
|
|
8202
|
+
"kind": "variable",
|
|
8203
|
+
"name": "zeroCategorizedMultiselect"
|
|
8204
|
+
}
|
|
8205
|
+
],
|
|
8206
|
+
"exports": [
|
|
8207
|
+
{
|
|
8208
|
+
"kind": "js",
|
|
8209
|
+
"name": "CategorizedMultiselect",
|
|
8210
|
+
"declaration": {
|
|
8211
|
+
"name": "CategorizedMultiselect",
|
|
8212
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8213
|
+
}
|
|
8214
|
+
},
|
|
8215
|
+
{
|
|
8216
|
+
"kind": "js",
|
|
8217
|
+
"name": "defaultCategorizedMultiselectConfig",
|
|
8218
|
+
"declaration": {
|
|
8219
|
+
"name": "defaultCategorizedMultiselectConfig",
|
|
8220
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8221
|
+
}
|
|
8222
|
+
},
|
|
8223
|
+
{
|
|
8224
|
+
"kind": "js",
|
|
8225
|
+
"name": "zeroCategorizedMultiselectShadowOptions",
|
|
8226
|
+
"declaration": {
|
|
8227
|
+
"name": "zeroCategorizedMultiselectShadowOptions",
|
|
8228
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8229
|
+
}
|
|
8230
|
+
},
|
|
8231
|
+
{
|
|
8232
|
+
"kind": "js",
|
|
8233
|
+
"name": "zeroCategorizedMultiselect",
|
|
8234
|
+
"declaration": {
|
|
8235
|
+
"name": "zeroCategorizedMultiselect",
|
|
8236
|
+
"module": "src/categorized-multiselect/categorized-multiselect.ts"
|
|
8237
|
+
}
|
|
8238
|
+
}
|
|
8239
|
+
]
|
|
8240
|
+
},
|
|
8241
|
+
{
|
|
8242
|
+
"kind": "javascript-module",
|
|
8243
|
+
"path": "src/categorized-multiselect/index.ts",
|
|
8244
|
+
"declarations": [],
|
|
8245
|
+
"exports": [
|
|
8246
|
+
{
|
|
8247
|
+
"kind": "js",
|
|
8248
|
+
"name": "*",
|
|
8249
|
+
"declaration": {
|
|
8250
|
+
"name": "*",
|
|
8251
|
+
"package": "./categorized-multiselect"
|
|
8252
|
+
}
|
|
8253
|
+
},
|
|
8254
|
+
{
|
|
8255
|
+
"kind": "js",
|
|
8256
|
+
"name": "*",
|
|
8257
|
+
"declaration": {
|
|
8258
|
+
"name": "*",
|
|
8259
|
+
"package": "./categorized-multiselect.styles"
|
|
8260
|
+
}
|
|
8261
|
+
},
|
|
8262
|
+
{
|
|
8263
|
+
"kind": "js",
|
|
8264
|
+
"name": "*",
|
|
8265
|
+
"declaration": {
|
|
8266
|
+
"name": "*",
|
|
8267
|
+
"package": "./categorized-multiselect.template"
|
|
8268
|
+
}
|
|
8269
|
+
}
|
|
8270
|
+
]
|
|
8271
|
+
},
|
|
7570
8272
|
{
|
|
7571
8273
|
"kind": "javascript-module",
|
|
7572
8274
|
"path": "src/checkbox/checkbox.stories.ts",
|
|
@@ -23,6 +23,17 @@ export declare const baseComponents: {
|
|
|
23
23
|
zeroButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button").Button>;
|
|
24
24
|
zeroCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./calendar").Calendar>;
|
|
25
25
|
zeroCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card").Card>;
|
|
26
|
+
zeroCategorizedMultiselect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
27
|
+
baseName: string;
|
|
28
|
+
template: import("@microsoft/fast-element").ViewTemplate<import("./categorized-multiselect").CategorizedMultiselect, any>;
|
|
29
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
30
|
+
shadowOptions: ShadowRootInit;
|
|
31
|
+
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
32
|
+
baseName: string;
|
|
33
|
+
template: import("@microsoft/fast-element").ViewTemplate<import("./categorized-multiselect").CategorizedMultiselect, any>;
|
|
34
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
35
|
+
shadowOptions: ShadowRootInit;
|
|
36
|
+
}, typeof import("./categorized-multiselect").CategorizedMultiselect>;
|
|
26
37
|
zeroCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
27
38
|
zeroCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./combobox").Combobox>;
|
|
28
39
|
zeroConnectionIndicator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./connection-indicator").ConnectionIndicator>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA2E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA0EJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CategorizedMultiselect as FoundationCategorizedMultiselect } from '@genesislcap/foundation-ui';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname %%prefix%%-categorized-multiselect
|
|
4
|
+
*/
|
|
5
|
+
export declare class CategorizedMultiselect extends FoundationCategorizedMultiselect {
|
|
6
|
+
}
|
|
7
|
+
export declare const defaultCategorizedMultiselectConfig: {};
|
|
8
|
+
export declare const zeroCategorizedMultiselectShadowOptions: ShadowRootInit;
|
|
9
|
+
export declare const zeroCategorizedMultiselect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
10
|
+
baseName: string;
|
|
11
|
+
template: import("@microsoft/fast-element").ViewTemplate<CategorizedMultiselect, any>;
|
|
12
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
13
|
+
shadowOptions: ShadowRootInit;
|
|
14
|
+
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
15
|
+
baseName: string;
|
|
16
|
+
template: import("@microsoft/fast-element").ViewTemplate<CategorizedMultiselect, any>;
|
|
17
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
18
|
+
shadowOptions: ShadowRootInit;
|
|
19
|
+
}, typeof CategorizedMultiselect>;
|
|
20
|
+
//# sourceMappingURL=categorized-multiselect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,IAAI,gCAAgC,EAG3D,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,gCAAgC;CAAG;AAE/E,eAAO,MAAM,mCAAmC,IAAyC,CAAC;AAE1F,eAAO,MAAM,uCAAuC,gBACL,CAAC;AAEhD,eAAO,MAAM,0BAA0B;;;;;;;;;;iCAMrC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA+DpB,eAAO,MAAM,OAAO,EAAE,QAoBrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,iDAcxC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.template.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,8BAA8B,6EAE1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
@@ -12,6 +12,7 @@ import { zeroBreadcrumbItem } from './breadcrumb-item';
|
|
|
12
12
|
import { zeroButton } from './button';
|
|
13
13
|
import { zeroCalendar } from './calendar';
|
|
14
14
|
import { zeroCard } from './card';
|
|
15
|
+
import { zeroCategorizedMultiselect } from './categorized-multiselect';
|
|
15
16
|
import { zeroCheckbox } from './checkbox';
|
|
16
17
|
import { zeroCombobox } from './combobox';
|
|
17
18
|
import { zeroConnectionIndicator } from './connection-indicator';
|
|
@@ -85,6 +86,7 @@ export const baseComponents = {
|
|
|
85
86
|
zeroButton,
|
|
86
87
|
zeroCalendar,
|
|
87
88
|
zeroCard,
|
|
89
|
+
zeroCategorizedMultiselect,
|
|
88
90
|
zeroCheckbox,
|
|
89
91
|
zeroCombobox,
|
|
90
92
|
zeroConnectionIndicator,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CategorizedMultiselect as FoundationCategorizedMultiselect, defaultCategorizedMultiselectConfig as foundationCategorizedMultiselectConfig, foundationCategorizedMultiselectShadowOptions, } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { categorizedMultiselectStyles as styles } from './categorized-multiselect.styles';
|
|
3
|
+
import { categorizedMultiselectTemplate as template } from './categorized-multiselect.template';
|
|
4
|
+
/**
|
|
5
|
+
* @tagname %%prefix%%-categorized-multiselect
|
|
6
|
+
*/
|
|
7
|
+
export class CategorizedMultiselect extends FoundationCategorizedMultiselect {
|
|
8
|
+
}
|
|
9
|
+
export const defaultCategorizedMultiselectConfig = foundationCategorizedMultiselectConfig;
|
|
10
|
+
export const zeroCategorizedMultiselectShadowOptions = foundationCategorizedMultiselectShadowOptions;
|
|
11
|
+
export const zeroCategorizedMultiselect = CategorizedMultiselect.compose(Object.assign({ baseName: 'categorized-multiselect', template,
|
|
12
|
+
styles, shadowOptions: zeroCategorizedMultiselectShadowOptions }, defaultCategorizedMultiselectConfig));
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Categorized Multiselect',
|
|
4
|
+
component: 'zero-categorized-multiselect',
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
const disabledCountriesExample = [
|
|
8
|
+
{
|
|
9
|
+
type: 'Test Type 1',
|
|
10
|
+
value: 'AFG',
|
|
11
|
+
label: 'Afghanistan',
|
|
12
|
+
disabled: false,
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
type: 'Test Type 1',
|
|
16
|
+
value: 'ALA',
|
|
17
|
+
label: 'Aland Islands',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
type: 'Test Type 2',
|
|
21
|
+
value: 'ALB',
|
|
22
|
+
label: 'Albania',
|
|
23
|
+
disabled: false,
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
type: 'Test Type 1',
|
|
27
|
+
value: 'ALG',
|
|
28
|
+
label: 'Algeria',
|
|
29
|
+
disabled: false,
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
type: 'Test Type 3',
|
|
33
|
+
value: 'AND',
|
|
34
|
+
label: 'Andorra',
|
|
35
|
+
disabled: true,
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
type: 'Test Type 2',
|
|
39
|
+
value: 'ARG',
|
|
40
|
+
label: 'Argentina',
|
|
41
|
+
disabled: true,
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
type: 'Test Type 3',
|
|
45
|
+
value: 'ARM',
|
|
46
|
+
label: 'Armenia',
|
|
47
|
+
disabled: false,
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
type: 'Test Type 1',
|
|
51
|
+
value: 'AUS',
|
|
52
|
+
label: 'Australia',
|
|
53
|
+
disabled: false,
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
type: 'Test Type 1',
|
|
57
|
+
value: 'AUT',
|
|
58
|
+
label: 'Austria',
|
|
59
|
+
disabled: true,
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
value: 'AZE',
|
|
63
|
+
label: 'Azerbaijan',
|
|
64
|
+
disabled: false,
|
|
65
|
+
},
|
|
66
|
+
];
|
|
67
|
+
export const Primary = {
|
|
68
|
+
render: ({ name, text, countries, search, autoPosition }) => html `
|
|
69
|
+
<div style="min-height: 400px;">
|
|
70
|
+
<zero-categorized-multiselect
|
|
71
|
+
name="${name}"
|
|
72
|
+
.options="${countries}"
|
|
73
|
+
auto-position="${autoPosition}"
|
|
74
|
+
search="${search}"
|
|
75
|
+
>
|
|
76
|
+
${text}
|
|
77
|
+
</zero-categorized-multiselect>
|
|
78
|
+
</div>
|
|
79
|
+
`,
|
|
80
|
+
args: {
|
|
81
|
+
name: 'Countries',
|
|
82
|
+
text: 'Add New Country',
|
|
83
|
+
search: true,
|
|
84
|
+
countries: disabledCountriesExample,
|
|
85
|
+
autoPosition: false,
|
|
86
|
+
},
|
|
87
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { categorizedMultiselectStyles as foundationCategorizedMultiselectStyles } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { css } from '@microsoft/fast-element';
|
|
3
|
+
export const categorizedMultiselectStyles = css `
|
|
4
|
+
${foundationCategorizedMultiselectStyles}
|
|
5
|
+
|
|
6
|
+
.label {
|
|
7
|
+
color: var(--neutral-foreground-hint);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.options {
|
|
11
|
+
background: var(--neutral-layer-4);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
rapid-checkbox:hover:not([disabled]) {
|
|
15
|
+
background: var(--neutral-layer-4);
|
|
16
|
+
}
|
|
17
|
+
`;
|
package/dist/esm/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.154.
|
|
4
|
+
"version": "14.154.3-alpha-39fd5f3.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -67,12 +67,12 @@
|
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
70
|
-
"@genesislcap/genx": "14.154.
|
|
71
|
-
"@genesislcap/rollup-builder": "14.154.
|
|
72
|
-
"@genesislcap/ts-builder": "14.154.
|
|
73
|
-
"@genesislcap/uvu-playwright-builder": "14.154.
|
|
74
|
-
"@genesislcap/vite-builder": "14.154.
|
|
75
|
-
"@genesislcap/webpack-builder": "14.154.
|
|
70
|
+
"@genesislcap/genx": "14.154.3-alpha-39fd5f3.0",
|
|
71
|
+
"@genesislcap/rollup-builder": "14.154.3-alpha-39fd5f3.0",
|
|
72
|
+
"@genesislcap/ts-builder": "14.154.3-alpha-39fd5f3.0",
|
|
73
|
+
"@genesislcap/uvu-playwright-builder": "14.154.3-alpha-39fd5f3.0",
|
|
74
|
+
"@genesislcap/vite-builder": "14.154.3-alpha-39fd5f3.0",
|
|
75
|
+
"@genesislcap/webpack-builder": "14.154.3-alpha-39fd5f3.0",
|
|
76
76
|
"@storybook/addon-coverage": "^1.0.0",
|
|
77
77
|
"@storybook/addon-essentials": "^7.6.7",
|
|
78
78
|
"@storybook/addon-links": "^7.6.7",
|
|
@@ -89,10 +89,10 @@
|
|
|
89
89
|
"storybook": "^7.6.7"
|
|
90
90
|
},
|
|
91
91
|
"dependencies": {
|
|
92
|
-
"@genesislcap/foundation-comms": "14.154.
|
|
93
|
-
"@genesislcap/foundation-logger": "14.154.
|
|
94
|
-
"@genesislcap/foundation-ui": "14.154.
|
|
95
|
-
"@genesislcap/foundation-utils": "14.154.
|
|
92
|
+
"@genesislcap/foundation-comms": "14.154.3-alpha-39fd5f3.0",
|
|
93
|
+
"@genesislcap/foundation-logger": "14.154.3-alpha-39fd5f3.0",
|
|
94
|
+
"@genesislcap/foundation-ui": "14.154.3-alpha-39fd5f3.0",
|
|
95
|
+
"@genesislcap/foundation-utils": "14.154.3-alpha-39fd5f3.0",
|
|
96
96
|
"@microsoft/fast-colors": "^5.3.1",
|
|
97
97
|
"@microsoft/fast-components": "^2.30.6",
|
|
98
98
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"access": "public"
|
|
110
110
|
},
|
|
111
111
|
"customElements": "dist/custom-elements.json",
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "178da230d700b2b2efbc11d0468b77b445043658"
|
|
113
113
|
}
|