@genesislcap/foundation-zero 14.336.2 → 14.336.3-alpha-b3d768d.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.
@@ -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 zeroBreadcrumb,\n zeroBreadcrumbItem,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDatePicker,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroEnvironmentIndicator,\n zeroErrorBanner,\n zeroErrorBoundary,\n zeroErrorDialog,\n zeroFileReader,\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 zeroNotificationListener,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSchedulerCronBuilder,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroScheduler,\n zeroSchedulerTimezone,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStatusPill,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroSystemHealthOverlay,\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 zeroBreadcrumb,\n zeroBreadcrumbItem,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDatePicker,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroEnvironmentIndicator,\n zeroErrorBanner,\n zeroErrorBoundary,\n zeroErrorDialog,\n zeroFileReader,\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 zeroNotificationListener,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSchedulerCronBuilder,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroScheduler,\n zeroSchedulerTimezone,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStatusPill,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroSystemHealthOverlay,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n zeroSectionNavigator,\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": [
@@ -516,6 +516,14 @@
516
516
  "package": "./search-bar"
517
517
  }
518
518
  },
519
+ {
520
+ "kind": "js",
521
+ "name": "*",
522
+ "declaration": {
523
+ "name": "*",
524
+ "package": "./section-navigator"
525
+ }
526
+ },
519
527
  {
520
528
  "kind": "js",
521
529
  "name": "*",
@@ -28512,6 +28520,917 @@
28512
28520
  }
28513
28521
  ]
28514
28522
  },
28523
+ {
28524
+ "kind": "javascript-module",
28525
+ "path": "src/section-navigator/index.ts",
28526
+ "declarations": [],
28527
+ "exports": [
28528
+ {
28529
+ "kind": "js",
28530
+ "name": "*",
28531
+ "declaration": {
28532
+ "name": "*",
28533
+ "package": "./section-navigator"
28534
+ }
28535
+ },
28536
+ {
28537
+ "kind": "js",
28538
+ "name": "*",
28539
+ "declaration": {
28540
+ "name": "*",
28541
+ "package": "./section-navigator.styles"
28542
+ }
28543
+ },
28544
+ {
28545
+ "kind": "js",
28546
+ "name": "*",
28547
+ "declaration": {
28548
+ "name": "*",
28549
+ "package": "./section-navigator.template"
28550
+ }
28551
+ }
28552
+ ]
28553
+ },
28554
+ {
28555
+ "kind": "javascript-module",
28556
+ "path": "src/section-navigator/section-navigator.styles.ts",
28557
+ "declarations": [
28558
+ {
28559
+ "kind": "function",
28560
+ "name": "zeroSectionNavigatorStyles",
28561
+ "parameters": [
28562
+ {
28563
+ "name": "context",
28564
+ "type": {
28565
+ "text": "ElementDefinitionContext"
28566
+ }
28567
+ },
28568
+ {
28569
+ "name": "definition",
28570
+ "type": {
28571
+ "text": "FoundationElementDefinition"
28572
+ }
28573
+ }
28574
+ ]
28575
+ }
28576
+ ],
28577
+ "exports": [
28578
+ {
28579
+ "kind": "js",
28580
+ "name": "zeroSectionNavigatorStyles",
28581
+ "declaration": {
28582
+ "name": "zeroSectionNavigatorStyles",
28583
+ "module": "src/section-navigator/section-navigator.styles.ts"
28584
+ }
28585
+ }
28586
+ ]
28587
+ },
28588
+ {
28589
+ "kind": "javascript-module",
28590
+ "path": "src/section-navigator/section-navigator.template.ts",
28591
+ "declarations": [
28592
+ {
28593
+ "kind": "variable",
28594
+ "name": "zeroSectionNavigatorTemplate",
28595
+ "type": {
28596
+ "text": "ViewTemplate<SectionNavigator>"
28597
+ },
28598
+ "default": "html<SectionNavigator>`\n <template>\n <div\n class=\"section-navigator-container\"\n part=\"section-navigator-container\"\n ${ref('sectionNavigatorContainer')}\n >\n <nav class=\"section-navigation\" part=\"section-navigator-navigation\">\n ${repeat(\n (x) => x.sectionItems,\n html`\n <zero-button\n class=\"section-link ${(x, c) =>\n c.parent.activeSection === x.name ? 'active' : ''} ${(x, c) =>\n c.parent.getSectionStateClass(x)}\"\n part=\"section-navigator-section-link ${(x, c) => c.parent.getSectionStateClass(x)}\"\n @click=\"${(x, c) => c.parent.handleSectionClick(x.name)}\"\n >\n ${(x) => x.label}\n ${repeat(\n (x) => x.states || [],\n html`\n <zero-icon\n class=\"state-icon\"\n part=\"section-navigator-state-icon\"\n title=\"${(stateName, ctx: ExecutionContext<SectionNavigator>) =>\n ctx.parentContext.parent.getStateTooltip(stateName)}\"\n data-state=\"${(stateName) => stateName}\"\n name=\"${(stateName, ctx: ExecutionContext<SectionNavigator>) =>\n ctx.parentContext.parent.getStateIcon(stateName).name}\"\n variant=\"${(stateName, ctx: ExecutionContext<SectionNavigator>) =>\n ctx.parentContext.parent.getStateIcon(stateName).variant}\"\n ></zero-icon>\n `,\n )}\n </zero-button>\n `,\n )}\n </nav>\n <div class=\"section-content-wrapper\" part=\"section-navigator-content-wrapper\">\n <section class=\"section-content\" part=\"section-navigator-content\" ${ref('sectionContent')}>\n ${repeat(\n (x) => x.sectionItems,\n html`\n <div\n class=\"content-section\"\n part=\"section-navigator-content-section\"\n data-section=\"${(x) => x.name}\"\n >\n <slot name=\"${(x) => x.name}\"></slot>\n </div>\n `,\n )}\n </section>\n </div>\n </div>\n </template>\n`"
28599
+ }
28600
+ ],
28601
+ "exports": [
28602
+ {
28603
+ "kind": "js",
28604
+ "name": "zeroSectionNavigatorTemplate",
28605
+ "declaration": {
28606
+ "name": "zeroSectionNavigatorTemplate",
28607
+ "module": "src/section-navigator/section-navigator.template.ts"
28608
+ }
28609
+ }
28610
+ ]
28611
+ },
28612
+ {
28613
+ "kind": "javascript-module",
28614
+ "path": "src/section-navigator/section-navigator.ts",
28615
+ "declarations": [
28616
+ {
28617
+ "kind": "class",
28618
+ "description": "",
28619
+ "name": "SectionNavigator",
28620
+ "superclass": {
28621
+ "name": "FoundationSectionNavigator",
28622
+ "package": "@genesislcap/foundation-ui"
28623
+ },
28624
+ "tagName": "%%prefix%%-section-navigator",
28625
+ "customElement": true,
28626
+ "attributes": [
28627
+ {
28628
+ "description": "Array of section items to display",
28629
+ "name": "sections",
28630
+ "inheritedFrom": {
28631
+ "name": "SectionNavigator",
28632
+ "module": "src/section-navigator/section-navigator.ts"
28633
+ }
28634
+ },
28635
+ {
28636
+ "name": "scroll-behavior",
28637
+ "type": {
28638
+ "text": "'view' | 'top'"
28639
+ },
28640
+ "default": "'top'",
28641
+ "fieldName": "scrollBehavior",
28642
+ "description": "Scroll behavior: 'view' or 'top' (default: 'top')",
28643
+ "inheritedFrom": {
28644
+ "name": "SectionNavigator",
28645
+ "module": "src/section-navigator/section-navigator.ts"
28646
+ }
28647
+ },
28648
+ {
28649
+ "name": "state-tooltips",
28650
+ "type": {
28651
+ "text": "Record<SectionItemStateName, string>"
28652
+ },
28653
+ "default": "DEFAULT_SECTION_STATES_TOOLTIPS",
28654
+ "resolveInitializer": {
28655
+ "module": "src/section-navigator/section-navigator.ts"
28656
+ },
28657
+ "fieldName": "stateTooltips",
28658
+ "description": "Custom tooltips for state icons",
28659
+ "inheritedFrom": {
28660
+ "name": "SectionNavigator",
28661
+ "module": "src/section-navigator/section-navigator.ts"
28662
+ }
28663
+ },
28664
+ {
28665
+ "name": "state-icons",
28666
+ "type": {
28667
+ "text": "Record<SectionItemStateName, SectionItemStateIcon>"
28668
+ },
28669
+ "default": "DEFAULT_SECTION_STATES_ICONS",
28670
+ "resolveInitializer": {
28671
+ "module": "src/section-navigator/section-navigator.ts"
28672
+ },
28673
+ "fieldName": "stateIcons",
28674
+ "description": "Custom icons for state types",
28675
+ "inheritedFrom": {
28676
+ "name": "SectionNavigator",
28677
+ "module": "src/section-navigator/section-navigator.ts"
28678
+ }
28679
+ },
28680
+ {
28681
+ "name": "disable-auto-scroll-detection",
28682
+ "type": {
28683
+ "text": "boolean"
28684
+ },
28685
+ "default": "false",
28686
+ "fieldName": "disableAutoScrollDetection",
28687
+ "description": "Disable automatic active section detection during scrolling (default: false) When enabled, automatically updates active section based on scroll position. User clicks are prioritized - clicked section remains active until scroll ends.",
28688
+ "inheritedFrom": {
28689
+ "name": "SectionNavigator",
28690
+ "module": "src/section-navigator/section-navigator.ts"
28691
+ }
28692
+ }
28693
+ ],
28694
+ "members": [
28695
+ {
28696
+ "kind": "field",
28697
+ "name": "sections",
28698
+ "type": {
28699
+ "text": "SectionItem[]"
28700
+ },
28701
+ "default": "[]",
28702
+ "inheritedFrom": {
28703
+ "name": "SectionNavigator",
28704
+ "module": "src/section-navigator/section-navigator.ts"
28705
+ }
28706
+ },
28707
+ {
28708
+ "kind": "field",
28709
+ "name": "scrollBehavior",
28710
+ "type": {
28711
+ "text": "'view' | 'top'"
28712
+ },
28713
+ "default": "'top'",
28714
+ "inheritedFrom": {
28715
+ "name": "SectionNavigator",
28716
+ "module": "src/section-navigator/section-navigator.ts"
28717
+ }
28718
+ },
28719
+ {
28720
+ "kind": "field",
28721
+ "name": "stateTooltips",
28722
+ "type": {
28723
+ "text": "Record<SectionItemStateName, string>"
28724
+ },
28725
+ "default": "{\n active: 'Active',\n inactive: 'Inactive',\n pending: 'Pending',\n disabled: 'Disabled',\n error: 'Error',\n completed: 'Completed',\n}",
28726
+ "inheritedFrom": {
28727
+ "name": "SectionNavigator",
28728
+ "module": "src/section-navigator/section-navigator.ts"
28729
+ }
28730
+ },
28731
+ {
28732
+ "kind": "field",
28733
+ "name": "stateIcons",
28734
+ "type": {
28735
+ "text": "Record<SectionItemStateName, SectionItemStateIcon>"
28736
+ },
28737
+ "default": "{\n active: {\n name: 'circle-dot',\n variant: 'solid',\n },\n inactive: {\n name: 'times-circle',\n variant: 'regular',\n },\n pending: {\n name: 'clock',\n variant: 'solid',\n },\n disabled: {\n name: 'ban',\n variant: 'solid',\n },\n error: {\n name: 'times',\n variant: 'solid',\n },\n completed: {\n name: 'check',\n variant: 'solid',\n },\n}",
28738
+ "inheritedFrom": {
28739
+ "name": "SectionNavigator",
28740
+ "module": "src/section-navigator/section-navigator.ts"
28741
+ }
28742
+ },
28743
+ {
28744
+ "kind": "field",
28745
+ "name": "disableAutoScrollDetection",
28746
+ "type": {
28747
+ "text": "boolean"
28748
+ },
28749
+ "default": "false",
28750
+ "inheritedFrom": {
28751
+ "name": "SectionNavigator",
28752
+ "module": "src/section-navigator/section-navigator.ts"
28753
+ }
28754
+ },
28755
+ {
28756
+ "kind": "field",
28757
+ "name": "handleSetStateRef",
28758
+ "type": {
28759
+ "text": "(event: CustomEvent<SetStateEventDetail>) => void | undefined"
28760
+ },
28761
+ "privacy": "private",
28762
+ "inheritedFrom": {
28763
+ "name": "SectionNavigator",
28764
+ "module": "src/section-navigator/section-navigator.ts"
28765
+ }
28766
+ },
28767
+ {
28768
+ "kind": "field",
28769
+ "name": "handleSetStatesRef",
28770
+ "type": {
28771
+ "text": "(event: CustomEvent<SetStatesEventDetail>) => void | undefined"
28772
+ },
28773
+ "privacy": "private",
28774
+ "inheritedFrom": {
28775
+ "name": "SectionNavigator",
28776
+ "module": "src/section-navigator/section-navigator.ts"
28777
+ }
28778
+ },
28779
+ {
28780
+ "kind": "field",
28781
+ "name": "handleClearStateRef",
28782
+ "type": {
28783
+ "text": "(event: CustomEvent<ClearStateEventDetail>) => void | undefined"
28784
+ },
28785
+ "privacy": "private",
28786
+ "inheritedFrom": {
28787
+ "name": "SectionNavigator",
28788
+ "module": "src/section-navigator/section-navigator.ts"
28789
+ }
28790
+ },
28791
+ {
28792
+ "kind": "field",
28793
+ "name": "handleClearAllStatesRef",
28794
+ "type": {
28795
+ "text": "(event: CustomEvent<ClearAllStatesEventDetail>) => void | undefined"
28796
+ },
28797
+ "privacy": "private",
28798
+ "inheritedFrom": {
28799
+ "name": "SectionNavigator",
28800
+ "module": "src/section-navigator/section-navigator.ts"
28801
+ }
28802
+ },
28803
+ {
28804
+ "kind": "field",
28805
+ "name": "handleGenericStateEventRef",
28806
+ "type": {
28807
+ "text": "(event: CustomEvent<any>) => void | undefined"
28808
+ },
28809
+ "privacy": "private",
28810
+ "inheritedFrom": {
28811
+ "name": "SectionNavigator",
28812
+ "module": "src/section-navigator/section-navigator.ts"
28813
+ }
28814
+ },
28815
+ {
28816
+ "kind": "field",
28817
+ "name": "userClickedSection",
28818
+ "type": {
28819
+ "text": "boolean"
28820
+ },
28821
+ "privacy": "private",
28822
+ "default": "false",
28823
+ "inheritedFrom": {
28824
+ "name": "SectionNavigator",
28825
+ "module": "src/section-navigator/section-navigator.ts"
28826
+ }
28827
+ },
28828
+ {
28829
+ "kind": "field",
28830
+ "name": "scrollEndHandler",
28831
+ "type": {
28832
+ "text": "() => void | undefined"
28833
+ },
28834
+ "privacy": "private",
28835
+ "inheritedFrom": {
28836
+ "name": "SectionNavigator",
28837
+ "module": "src/section-navigator/section-navigator.ts"
28838
+ }
28839
+ },
28840
+ {
28841
+ "kind": "field",
28842
+ "name": "isUserScrolling",
28843
+ "type": {
28844
+ "text": "boolean"
28845
+ },
28846
+ "privacy": "private",
28847
+ "default": "false",
28848
+ "inheritedFrom": {
28849
+ "name": "SectionNavigator",
28850
+ "module": "src/section-navigator/section-navigator.ts"
28851
+ }
28852
+ },
28853
+ {
28854
+ "kind": "field",
28855
+ "name": "scrollCheckHandler",
28856
+ "type": {
28857
+ "text": "() => void | undefined"
28858
+ },
28859
+ "privacy": "private",
28860
+ "inheritedFrom": {
28861
+ "name": "SectionNavigator",
28862
+ "module": "src/section-navigator/section-navigator.ts"
28863
+ }
28864
+ },
28865
+ {
28866
+ "kind": "field",
28867
+ "name": "scrollDebounceTimeout",
28868
+ "type": {
28869
+ "text": "number | undefined"
28870
+ },
28871
+ "privacy": "private",
28872
+ "inheritedFrom": {
28873
+ "name": "SectionNavigator",
28874
+ "module": "src/section-navigator/section-navigator.ts"
28875
+ }
28876
+ },
28877
+ {
28878
+ "kind": "field",
28879
+ "name": "SCROLL_END_TIMEOUT",
28880
+ "type": {
28881
+ "text": "number"
28882
+ },
28883
+ "privacy": "private",
28884
+ "static": true,
28885
+ "readonly": true,
28886
+ "default": "150",
28887
+ "inheritedFrom": {
28888
+ "name": "SectionNavigator",
28889
+ "module": "src/section-navigator/section-navigator.ts"
28890
+ }
28891
+ },
28892
+ {
28893
+ "kind": "field",
28894
+ "name": "SCROLL_DEBOUNCE_TIMEOUT",
28895
+ "type": {
28896
+ "text": "number"
28897
+ },
28898
+ "privacy": "private",
28899
+ "static": true,
28900
+ "readonly": true,
28901
+ "default": "100",
28902
+ "inheritedFrom": {
28903
+ "name": "SectionNavigator",
28904
+ "module": "src/section-navigator/section-navigator.ts"
28905
+ }
28906
+ },
28907
+ {
28908
+ "kind": "method",
28909
+ "name": "sectionsChanged",
28910
+ "inheritedFrom": {
28911
+ "name": "SectionNavigator",
28912
+ "module": "src/section-navigator/section-navigator.ts"
28913
+ }
28914
+ },
28915
+ {
28916
+ "kind": "method",
28917
+ "name": "disableAutoScrollDetectionChanged",
28918
+ "inheritedFrom": {
28919
+ "name": "SectionNavigator",
28920
+ "module": "src/section-navigator/section-navigator.ts"
28921
+ }
28922
+ },
28923
+ {
28924
+ "kind": "method",
28925
+ "name": "scrollBehaviorChanged",
28926
+ "inheritedFrom": {
28927
+ "name": "SectionNavigator",
28928
+ "module": "src/section-navigator/section-navigator.ts"
28929
+ }
28930
+ },
28931
+ {
28932
+ "kind": "field",
28933
+ "name": "sectionItems",
28934
+ "type": {
28935
+ "text": "SectionItem[]"
28936
+ },
28937
+ "default": "[]",
28938
+ "inheritedFrom": {
28939
+ "name": "SectionNavigator",
28940
+ "module": "src/section-navigator/section-navigator.ts"
28941
+ }
28942
+ },
28943
+ {
28944
+ "kind": "field",
28945
+ "name": "activeSection",
28946
+ "type": {
28947
+ "text": "string"
28948
+ },
28949
+ "default": "''",
28950
+ "inheritedFrom": {
28951
+ "name": "SectionNavigator",
28952
+ "module": "src/section-navigator/section-navigator.ts"
28953
+ }
28954
+ },
28955
+ {
28956
+ "kind": "field",
28957
+ "name": "sectionNavigatorContainer",
28958
+ "type": {
28959
+ "text": "HTMLElement"
28960
+ },
28961
+ "inheritedFrom": {
28962
+ "name": "SectionNavigator",
28963
+ "module": "src/section-navigator/section-navigator.ts"
28964
+ }
28965
+ },
28966
+ {
28967
+ "kind": "field",
28968
+ "name": "sectionContent",
28969
+ "type": {
28970
+ "text": "HTMLElement"
28971
+ },
28972
+ "inheritedFrom": {
28973
+ "name": "SectionNavigator",
28974
+ "module": "src/section-navigator/section-navigator.ts"
28975
+ }
28976
+ },
28977
+ {
28978
+ "kind": "field",
28979
+ "name": "spacerElement",
28980
+ "type": {
28981
+ "text": "HTMLElement | undefined"
28982
+ },
28983
+ "privacy": "private",
28984
+ "inheritedFrom": {
28985
+ "name": "SectionNavigator",
28986
+ "module": "src/section-navigator/section-navigator.ts"
28987
+ }
28988
+ },
28989
+ {
28990
+ "kind": "method",
28991
+ "name": "setSectionItems",
28992
+ "privacy": "private",
28993
+ "inheritedFrom": {
28994
+ "name": "SectionNavigator",
28995
+ "module": "src/section-navigator/section-navigator.ts"
28996
+ }
28997
+ },
28998
+ {
28999
+ "kind": "method",
29000
+ "name": "setActiveSection",
29001
+ "privacy": "private",
29002
+ "inheritedFrom": {
29003
+ "name": "SectionNavigator",
29004
+ "module": "src/section-navigator/section-navigator.ts"
29005
+ }
29006
+ },
29007
+ {
29008
+ "kind": "method",
29009
+ "name": "handleSectionClick",
29010
+ "privacy": "public",
29011
+ "parameters": [
29012
+ {
29013
+ "name": "sectionName",
29014
+ "type": {
29015
+ "text": "string"
29016
+ }
29017
+ }
29018
+ ],
29019
+ "inheritedFrom": {
29020
+ "name": "SectionNavigator",
29021
+ "module": "src/section-navigator/section-navigator.ts"
29022
+ }
29023
+ },
29024
+ {
29025
+ "kind": "method",
29026
+ "name": "updateSpacer",
29027
+ "privacy": "private",
29028
+ "inheritedFrom": {
29029
+ "name": "SectionNavigator",
29030
+ "module": "src/section-navigator/section-navigator.ts"
29031
+ }
29032
+ },
29033
+ {
29034
+ "kind": "method",
29035
+ "name": "scrollToSection",
29036
+ "privacy": "private",
29037
+ "parameters": [
29038
+ {
29039
+ "name": "sectionName",
29040
+ "type": {
29041
+ "text": "string"
29042
+ }
29043
+ }
29044
+ ],
29045
+ "inheritedFrom": {
29046
+ "name": "SectionNavigator",
29047
+ "module": "src/section-navigator/section-navigator.ts"
29048
+ }
29049
+ },
29050
+ {
29051
+ "kind": "method",
29052
+ "name": "updateScrollDetection",
29053
+ "privacy": "private",
29054
+ "inheritedFrom": {
29055
+ "name": "SectionNavigator",
29056
+ "module": "src/section-navigator/section-navigator.ts"
29057
+ }
29058
+ },
29059
+ {
29060
+ "kind": "method",
29061
+ "name": "setupScrollDetection",
29062
+ "privacy": "private",
29063
+ "inheritedFrom": {
29064
+ "name": "SectionNavigator",
29065
+ "module": "src/section-navigator/section-navigator.ts"
29066
+ }
29067
+ },
29068
+ {
29069
+ "kind": "method",
29070
+ "name": "updateActiveSectionBasedOnScrollPosition",
29071
+ "privacy": "private",
29072
+ "inheritedFrom": {
29073
+ "name": "SectionNavigator",
29074
+ "module": "src/section-navigator/section-navigator.ts"
29075
+ }
29076
+ },
29077
+ {
29078
+ "kind": "method",
29079
+ "name": "setupScrollEndDetection",
29080
+ "privacy": "private",
29081
+ "inheritedFrom": {
29082
+ "name": "SectionNavigator",
29083
+ "module": "src/section-navigator/section-navigator.ts"
29084
+ }
29085
+ },
29086
+ {
29087
+ "kind": "method",
29088
+ "name": "cleanupScrollEndDetection",
29089
+ "privacy": "private",
29090
+ "inheritedFrom": {
29091
+ "name": "SectionNavigator",
29092
+ "module": "src/section-navigator/section-navigator.ts"
29093
+ }
29094
+ },
29095
+ {
29096
+ "kind": "method",
29097
+ "name": "cleanupScrollDetection",
29098
+ "privacy": "private",
29099
+ "inheritedFrom": {
29100
+ "name": "SectionNavigator",
29101
+ "module": "src/section-navigator/section-navigator.ts"
29102
+ }
29103
+ },
29104
+ {
29105
+ "kind": "method",
29106
+ "name": "setupStateEventListeners",
29107
+ "privacy": "private",
29108
+ "inheritedFrom": {
29109
+ "name": "SectionNavigator",
29110
+ "module": "src/section-navigator/section-navigator.ts"
29111
+ }
29112
+ },
29113
+ {
29114
+ "kind": "method",
29115
+ "name": "updateSectionStates",
29116
+ "privacy": "private",
29117
+ "parameters": [
29118
+ {
29119
+ "name": "sectionName",
29120
+ "type": {
29121
+ "text": "string"
29122
+ }
29123
+ },
29124
+ {
29125
+ "name": "newStates",
29126
+ "type": {
29127
+ "text": "SectionItemStateName[]"
29128
+ }
29129
+ }
29130
+ ],
29131
+ "inheritedFrom": {
29132
+ "name": "SectionNavigator",
29133
+ "module": "src/section-navigator/section-navigator.ts"
29134
+ }
29135
+ },
29136
+ {
29137
+ "kind": "method",
29138
+ "name": "addState",
29139
+ "privacy": "private",
29140
+ "parameters": [
29141
+ {
29142
+ "name": "sectionName",
29143
+ "type": {
29144
+ "text": "string"
29145
+ }
29146
+ },
29147
+ {
29148
+ "name": "stateName",
29149
+ "type": {
29150
+ "text": "SectionItemStateName"
29151
+ }
29152
+ }
29153
+ ],
29154
+ "inheritedFrom": {
29155
+ "name": "SectionNavigator",
29156
+ "module": "src/section-navigator/section-navigator.ts"
29157
+ }
29158
+ },
29159
+ {
29160
+ "kind": "method",
29161
+ "name": "addStates",
29162
+ "privacy": "private",
29163
+ "parameters": [
29164
+ {
29165
+ "name": "sectionName",
29166
+ "type": {
29167
+ "text": "string"
29168
+ }
29169
+ },
29170
+ {
29171
+ "name": "stateNames",
29172
+ "type": {
29173
+ "text": "SectionItemStateName[]"
29174
+ }
29175
+ }
29176
+ ],
29177
+ "inheritedFrom": {
29178
+ "name": "SectionNavigator",
29179
+ "module": "src/section-navigator/section-navigator.ts"
29180
+ }
29181
+ },
29182
+ {
29183
+ "kind": "method",
29184
+ "name": "clearState",
29185
+ "privacy": "private",
29186
+ "parameters": [
29187
+ {
29188
+ "name": "sectionName",
29189
+ "type": {
29190
+ "text": "string"
29191
+ }
29192
+ },
29193
+ {
29194
+ "name": "stateName",
29195
+ "type": {
29196
+ "text": "SectionItemStateName"
29197
+ }
29198
+ }
29199
+ ],
29200
+ "inheritedFrom": {
29201
+ "name": "SectionNavigator",
29202
+ "module": "src/section-navigator/section-navigator.ts"
29203
+ }
29204
+ },
29205
+ {
29206
+ "kind": "method",
29207
+ "name": "clearAllStates",
29208
+ "privacy": "private",
29209
+ "parameters": [
29210
+ {
29211
+ "name": "sectionName",
29212
+ "type": {
29213
+ "text": "string"
29214
+ }
29215
+ }
29216
+ ],
29217
+ "inheritedFrom": {
29218
+ "name": "SectionNavigator",
29219
+ "module": "src/section-navigator/section-navigator.ts"
29220
+ }
29221
+ },
29222
+ {
29223
+ "kind": "method",
29224
+ "name": "clearAllStatesInAllSections",
29225
+ "privacy": "private",
29226
+ "inheritedFrom": {
29227
+ "name": "SectionNavigator",
29228
+ "module": "src/section-navigator/section-navigator.ts"
29229
+ }
29230
+ },
29231
+ {
29232
+ "kind": "method",
29233
+ "name": "getStateTooltip",
29234
+ "privacy": "public",
29235
+ "return": {
29236
+ "type": {
29237
+ "text": "string"
29238
+ }
29239
+ },
29240
+ "parameters": [
29241
+ {
29242
+ "name": "stateName",
29243
+ "type": {
29244
+ "text": "SectionItemStateName"
29245
+ }
29246
+ }
29247
+ ],
29248
+ "inheritedFrom": {
29249
+ "name": "SectionNavigator",
29250
+ "module": "src/section-navigator/section-navigator.ts"
29251
+ }
29252
+ },
29253
+ {
29254
+ "kind": "method",
29255
+ "name": "getSectionStateClass",
29256
+ "privacy": "public",
29257
+ "return": {
29258
+ "type": {
29259
+ "text": "string"
29260
+ }
29261
+ },
29262
+ "parameters": [
29263
+ {
29264
+ "name": "section",
29265
+ "type": {
29266
+ "text": "SectionItem"
29267
+ }
29268
+ }
29269
+ ],
29270
+ "inheritedFrom": {
29271
+ "name": "SectionNavigator",
29272
+ "module": "src/section-navigator/section-navigator.ts"
29273
+ }
29274
+ },
29275
+ {
29276
+ "kind": "method",
29277
+ "name": "getStateIcon",
29278
+ "privacy": "public",
29279
+ "return": {
29280
+ "type": {
29281
+ "text": "SectionItemStateIcon"
29282
+ }
29283
+ },
29284
+ "parameters": [
29285
+ {
29286
+ "name": "stateName",
29287
+ "type": {
29288
+ "text": "SectionItemStateName"
29289
+ }
29290
+ }
29291
+ ],
29292
+ "inheritedFrom": {
29293
+ "name": "SectionNavigator",
29294
+ "module": "src/section-navigator/section-navigator.ts"
29295
+ }
29296
+ },
29297
+ {
29298
+ "kind": "field",
29299
+ "name": "_presentation",
29300
+ "type": {
29301
+ "text": "ComponentPresentation | null | undefined"
29302
+ },
29303
+ "privacy": "private",
29304
+ "default": "void 0",
29305
+ "inheritedFrom": {
29306
+ "name": "FoundationElement",
29307
+ "module": "src/foundation-element/foundation-element.ts"
29308
+ }
29309
+ },
29310
+ {
29311
+ "kind": "field",
29312
+ "name": "$presentation",
29313
+ "type": {
29314
+ "text": "ComponentPresentation | null"
29315
+ },
29316
+ "privacy": "public",
29317
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29318
+ "inheritedFrom": {
29319
+ "name": "FoundationElement",
29320
+ "module": "src/foundation-element/foundation-element.ts"
29321
+ }
29322
+ },
29323
+ {
29324
+ "kind": "field",
29325
+ "name": "template",
29326
+ "type": {
29327
+ "text": "ElementViewTemplate | void | null"
29328
+ },
29329
+ "privacy": "public",
29330
+ "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.",
29331
+ "inheritedFrom": {
29332
+ "name": "FoundationElement",
29333
+ "module": "src/foundation-element/foundation-element.ts"
29334
+ }
29335
+ },
29336
+ {
29337
+ "kind": "method",
29338
+ "name": "templateChanged",
29339
+ "privacy": "protected",
29340
+ "return": {
29341
+ "type": {
29342
+ "text": "void"
29343
+ }
29344
+ },
29345
+ "inheritedFrom": {
29346
+ "name": "FoundationElement",
29347
+ "module": "src/foundation-element/foundation-element.ts"
29348
+ }
29349
+ },
29350
+ {
29351
+ "kind": "field",
29352
+ "name": "styles",
29353
+ "type": {
29354
+ "text": "ElementStyles | void | null"
29355
+ },
29356
+ "privacy": "public",
29357
+ "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.",
29358
+ "inheritedFrom": {
29359
+ "name": "FoundationElement",
29360
+ "module": "src/foundation-element/foundation-element.ts"
29361
+ }
29362
+ },
29363
+ {
29364
+ "kind": "method",
29365
+ "name": "stylesChanged",
29366
+ "privacy": "protected",
29367
+ "return": {
29368
+ "type": {
29369
+ "text": "void"
29370
+ }
29371
+ },
29372
+ "inheritedFrom": {
29373
+ "name": "FoundationElement",
29374
+ "module": "src/foundation-element/foundation-element.ts"
29375
+ }
29376
+ },
29377
+ {
29378
+ "kind": "method",
29379
+ "name": "compose",
29380
+ "privacy": "public",
29381
+ "static": true,
29382
+ "return": {
29383
+ "type": {
29384
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
29385
+ }
29386
+ },
29387
+ "parameters": [
29388
+ {
29389
+ "name": "this",
29390
+ "type": {
29391
+ "text": "K"
29392
+ }
29393
+ },
29394
+ {
29395
+ "name": "elementDefinition",
29396
+ "type": {
29397
+ "text": "T"
29398
+ },
29399
+ "description": "The definition of the element to create the registry\nfunction for."
29400
+ }
29401
+ ],
29402
+ "description": "Defines an element registry function with a set of element definition defaults.",
29403
+ "inheritedFrom": {
29404
+ "name": "FoundationElement",
29405
+ "module": "src/foundation-element/foundation-element.ts"
29406
+ }
29407
+ }
29408
+ ]
29409
+ },
29410
+ {
29411
+ "kind": "variable",
29412
+ "name": "zeroSectionNavigator"
29413
+ }
29414
+ ],
29415
+ "exports": [
29416
+ {
29417
+ "kind": "js",
29418
+ "name": "SectionNavigator",
29419
+ "declaration": {
29420
+ "name": "SectionNavigator",
29421
+ "module": "src/section-navigator/section-navigator.ts"
29422
+ }
29423
+ },
29424
+ {
29425
+ "kind": "js",
29426
+ "name": "zeroSectionNavigator",
29427
+ "declaration": {
29428
+ "name": "zeroSectionNavigator",
29429
+ "module": "src/section-navigator/section-navigator.ts"
29430
+ }
29431
+ }
29432
+ ]
29433
+ },
28515
29434
  {
28516
29435
  "kind": "javascript-module",
28517
29436
  "path": "src/segmented-control/index.ts",
@@ -325,6 +325,7 @@ export declare const baseComponents: {
325
325
  zeroTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").TreeItemOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
326
326
  zeroTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tree-view").TreeView>;
327
327
  zeroUrlInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./url-input").UrlInput>;
328
+ zeroSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./section-navigator").SectionNavigator>;
328
329
  register(container?: Container, ...rest: any[]): void;
329
330
  };
330
331
  //# sourceMappingURL=base-components.d.ts.map
@@ -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;AAkF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAkFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,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;AAmF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
@@ -59,6 +59,7 @@ export * from './scheduler';
59
59
  export * from './scheduler-cron-builder';
60
60
  export * from './scheduler-timezone';
61
61
  export * from './search-bar';
62
+ export * from './section-navigator';
62
63
  export * from './segmented-control';
63
64
  export * from './segmented-item';
64
65
  export * from './select';
@@ -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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,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,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,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,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,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,kBAAkB,CAAC;AACjC,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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,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,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,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,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,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,kBAAkB,CAAC;AACjC,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"}
@@ -0,0 +1,4 @@
1
+ export * from './section-navigator';
2
+ export * from './section-navigator.styles';
3
+ export * from './section-navigator.template';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/section-navigator/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { SectionNavigator as FoundationSectionNavigator } from '@genesislcap/foundation-ui';
2
+ /**
3
+ * @tagname %%prefix%%-section-navigator
4
+ */
5
+ export declare class SectionNavigator extends FoundationSectionNavigator {
6
+ }
7
+ export declare const zeroSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof SectionNavigator>;
8
+ //# sourceMappingURL=section-navigator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"section-navigator.d.ts","sourceRoot":"","sources":["../../../src/section-navigator/section-navigator.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,IAAI,0BAA0B,EAE/C,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,0BAA0B;CAAG;AAEnE,eAAO,MAAM,oBAAoB,gUAM/B,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const zeroSectionNavigatorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
3
+ //# sourceMappingURL=section-navigator.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"section-navigator.styles.d.ts","sourceRoot":"","sources":["../../../src/section-navigator/section-navigator.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,0BAA0B,GACrC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,oDACJ,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { SectionNavigator } from './section-navigator';
3
+ export declare const zeroSectionNavigatorTemplate: ViewTemplate<SectionNavigator>;
4
+ //# sourceMappingURL=section-navigator.template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"section-navigator.template.d.ts","sourceRoot":"","sources":["../../../src/section-navigator/section-navigator.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,4BAA4B,EAAE,YAAY,CAAC,gBAAgB,CAyDvE,CAAC"}
@@ -55,6 +55,7 @@ import { zeroScheduler } from './scheduler';
55
55
  import { zeroSchedulerCronBuilder } from './scheduler-cron-builder';
56
56
  import { zeroSchedulerTimezone } from './scheduler-timezone';
57
57
  import { zeroSearchBar, zeroSearchBarCombobox } from './search-bar';
58
+ import { zeroSectionNavigator } from './section-navigator';
58
59
  import { zeroSegmentedControl } from './segmented-control';
59
60
  import { zeroSegmentedItem } from './segmented-item';
60
61
  import { zeroSelect } from './select';
@@ -161,6 +162,7 @@ export const baseComponents = {
161
162
  zeroTreeItem,
162
163
  zeroTreeView,
163
164
  zeroUrlInput,
165
+ zeroSectionNavigator,
164
166
  register(container, ...rest) {
165
167
  if (!container) {
166
168
  // preserve backward compatibility with code that loops through
package/dist/esm/index.js CHANGED
@@ -59,6 +59,7 @@ export * from './scheduler';
59
59
  export * from './scheduler-cron-builder';
60
60
  export * from './scheduler-timezone';
61
61
  export * from './search-bar';
62
+ export * from './section-navigator';
62
63
  export * from './segmented-control';
63
64
  export * from './segmented-item';
64
65
  export * from './select';
@@ -0,0 +1,3 @@
1
+ export * from './section-navigator';
2
+ export * from './section-navigator.styles';
3
+ export * from './section-navigator.template';
@@ -0,0 +1,10 @@
1
+ import { defaultSectionNavigatorConfig, SectionNavigator as FoundationSectionNavigator, foundationSectionNavigatorShadowOptions, } from '@genesislcap/foundation-ui';
2
+ import { zeroSectionNavigatorStyles as styles } from './section-navigator.styles';
3
+ import { zeroSectionNavigatorTemplate as template } from './section-navigator.template';
4
+ /**
5
+ * @tagname %%prefix%%-section-navigator
6
+ */
7
+ export class SectionNavigator extends FoundationSectionNavigator {
8
+ }
9
+ export const zeroSectionNavigator = SectionNavigator.compose(Object.assign({ baseName: 'section-navigator', template,
10
+ styles, shadowOptions: foundationSectionNavigatorShadowOptions }, defaultSectionNavigatorConfig));
@@ -0,0 +1,2 @@
1
+ import { foundationSectionNavigatorStyles } from '@genesislcap/foundation-ui';
2
+ export const zeroSectionNavigatorStyles = (context, definition) => foundationSectionNavigatorStyles;
@@ -0,0 +1,45 @@
1
+ import { html, ref, repeat } from '@microsoft/fast-element';
2
+ export const zeroSectionNavigatorTemplate = html `
3
+ <template>
4
+ <div
5
+ class="section-navigator-container"
6
+ part="section-navigator-container"
7
+ ${ref('sectionNavigatorContainer')}
8
+ >
9
+ <nav class="section-navigation" part="section-navigator-navigation">
10
+ ${repeat((x) => x.sectionItems, html `
11
+ <zero-button
12
+ class="section-link ${(x, c) => c.parent.activeSection === x.name ? 'active' : ''} ${(x, c) => c.parent.getSectionStateClass(x)}"
13
+ part="section-navigator-section-link ${(x, c) => c.parent.getSectionStateClass(x)}"
14
+ @click="${(x, c) => c.parent.handleSectionClick(x.name)}"
15
+ >
16
+ ${(x) => x.label}
17
+ ${repeat((x) => x.states || [], html `
18
+ <zero-icon
19
+ class="state-icon"
20
+ part="section-navigator-state-icon"
21
+ title="${(stateName, ctx) => ctx.parentContext.parent.getStateTooltip(stateName)}"
22
+ data-state="${(stateName) => stateName}"
23
+ name="${(stateName, ctx) => ctx.parentContext.parent.getStateIcon(stateName).name}"
24
+ variant="${(stateName, ctx) => ctx.parentContext.parent.getStateIcon(stateName).variant}"
25
+ ></zero-icon>
26
+ `)}
27
+ </zero-button>
28
+ `)}
29
+ </nav>
30
+ <div class="section-content-wrapper" part="section-navigator-content-wrapper">
31
+ <section class="section-content" part="section-navigator-content" ${ref('sectionContent')}>
32
+ ${repeat((x) => x.sectionItems, html `
33
+ <div
34
+ class="content-section"
35
+ part="section-navigator-content-section"
36
+ data-section="${(x) => x.name}"
37
+ >
38
+ <slot name="${(x) => x.name}"></slot>
39
+ </div>
40
+ `)}
41
+ </section>
42
+ </div>
43
+ </div>
44
+ </template>
45
+ `;
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.336.2",
4
+ "version": "14.336.3-alpha-b3d768d.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -71,18 +71,18 @@
71
71
  },
72
72
  "devDependencies": {
73
73
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
74
- "@genesislcap/genx": "14.336.2",
75
- "@genesislcap/rollup-builder": "14.336.2",
76
- "@genesislcap/ts-builder": "14.336.2",
77
- "@genesislcap/uvu-playwright-builder": "14.336.2",
78
- "@genesislcap/vite-builder": "14.336.2",
79
- "@genesislcap/webpack-builder": "14.336.2"
74
+ "@genesislcap/genx": "14.336.3-alpha-b3d768d.0",
75
+ "@genesislcap/rollup-builder": "14.336.3-alpha-b3d768d.0",
76
+ "@genesislcap/ts-builder": "14.336.3-alpha-b3d768d.0",
77
+ "@genesislcap/uvu-playwright-builder": "14.336.3-alpha-b3d768d.0",
78
+ "@genesislcap/vite-builder": "14.336.3-alpha-b3d768d.0",
79
+ "@genesislcap/webpack-builder": "14.336.3-alpha-b3d768d.0"
80
80
  },
81
81
  "dependencies": {
82
- "@genesislcap/foundation-comms": "14.336.2",
83
- "@genesislcap/foundation-logger": "14.336.2",
84
- "@genesislcap/foundation-ui": "14.336.2",
85
- "@genesislcap/foundation-utils": "14.336.2",
82
+ "@genesislcap/foundation-comms": "14.336.3-alpha-b3d768d.0",
83
+ "@genesislcap/foundation-logger": "14.336.3-alpha-b3d768d.0",
84
+ "@genesislcap/foundation-ui": "14.336.3-alpha-b3d768d.0",
85
+ "@genesislcap/foundation-utils": "14.336.3-alpha-b3d768d.0",
86
86
  "@microsoft/fast-colors": "5.3.1",
87
87
  "@microsoft/fast-components": "2.30.6",
88
88
  "@microsoft/fast-element": "1.14.0",
@@ -98,5 +98,5 @@
98
98
  "access": "public"
99
99
  },
100
100
  "customElements": "dist/custom-elements.json",
101
- "gitHead": "e897d950ef7e031c0a096f1eae036cda3040d017"
101
+ "gitHead": "871e13b131a5a9211f9682e71ffe9ea72ed81f59"
102
102
  }