@genesislcap/rapid-design-system 14.158.2-alpha-9dfdf28.0 → 14.158.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +575 -575
  2. package/package.json +10 -10
package/dist/custom-elements.json CHANGED
@@ -14655,7 +14655,7 @@
14655
14655
  },
14656
14656
  {
14657
14657
  "kind": "javascript-module",
14658
- "path": "src/horizontal-scroll/horizontal-scroll.stories.ts",
14658
+ "path": "src/icon/icon.stories.ts",
14659
14659
  "declarations": [
14660
14660
  {
14661
14661
  "kind": "variable",
@@ -14663,15 +14663,23 @@
14663
14663
  "type": {
14664
14664
  "text": "Meta"
14665
14665
  },
14666
- "default": "{\n title: 'Horizontal Scroll',\n component: 'rapid-horizontal-scroll',\n}"
14666
+ "default": "{\n title: 'Icon',\n component: 'rapid-icon',\n}"
14667
14667
  },
14668
14668
  {
14669
14669
  "kind": "variable",
14670
- "name": "Primary",
14670
+ "name": "Default",
14671
14671
  "type": {
14672
14672
  "text": "StoryObj"
14673
14673
  },
14674
- "default": "{\n render: () => html`\n <rapid-horizontal-scroll style=${horizontalScrollStyle}>\n ${repeat(\n cards,\n (item) => item,\n (item) => html`\n <rapid-card style=${cardStyle}>\n Card number ${item}\n <rapid-button>A button</rapid-button>\n </rapid-card>\n `,\n )}\n </rapid-horizontal-scroll>\n `,\n}"
14674
+ "default": "{\n argTypes: {\n size: {\n control: 'select',\n options: [\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n '1x',\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n ],\n },\n variant: {\n control: 'select',\n options: ['solid', 'regular', 'brand'],\n },\n },\n args: {\n name: 'glasses',\n size: 'lg',\n variant: 'solid',\n },\n render: ({ name, size, variant }) => html`\n <rapid-icon\n style=\"color: white;\"\n name=\"${name}\"\n size=\"${size}\"\n variant=\"${variant}\"\n ></rapid-icon>\n `,\n}"
14675
+ },
14676
+ {
14677
+ "kind": "variable",
14678
+ "name": "Multiple",
14679
+ "type": {
14680
+ "text": "StoryObj"
14681
+ },
14682
+ "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <rapid-icon name=\"glasses\" size=\"1x\"></rapid-icon>\n <rapid-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"apple\" size=\"4x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"ambulance\" size=\"xs\"></rapid-icon>\n <rapid-icon name=\"angry\" size=\"1x\"></rapid-icon>\n <rapid-icon variant=\"regular\" name=\"angry\" size=\"sm\"></rapid-icon>\n <rapid-icon name=\"address-book\" size=\"lg\"></rapid-icon>\n <rapid-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></rapid-icon>\n <rapid-icon name=\"bookmark\" size=\"2xl;\"></rapid-icon>\n <rapid-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></rapid-icon>\n </div>\n `,\n}"
14675
14683
  }
14676
14684
  ],
14677
14685
  "exports": [
@@ -14680,68 +14688,37 @@
14680
14688
  "name": "default",
14681
14689
  "declaration": {
14682
14690
  "name": "meta",
14683
- "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
14691
+ "module": "src/icon/icon.stories.ts"
14684
14692
  }
14685
14693
  },
14686
14694
  {
14687
14695
  "kind": "js",
14688
- "name": "Primary",
14696
+ "name": "Default",
14689
14697
  "declaration": {
14690
- "name": "Primary",
14691
- "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
14698
+ "name": "Default",
14699
+ "module": "src/icon/icon.stories.ts"
14692
14700
  }
14693
- }
14694
- ]
14695
- },
14696
- {
14697
- "kind": "javascript-module",
14698
- "path": "src/horizontal-scroll/horizontal-scroll.styles.ts",
14699
- "declarations": [
14700
- {
14701
- "kind": "function",
14702
- "name": "rapidHorizontalScrollStyles",
14703
- "return": {
14704
- "type": {
14705
- "text": "ElementStyles"
14706
- }
14707
- },
14708
- "parameters": [
14709
- {
14710
- "name": "context",
14711
- "type": {
14712
- "text": "ElementDefinitionContext"
14713
- }
14714
- },
14715
- {
14716
- "name": "definition",
14717
- "type": {
14718
- "text": "FoundationElementDefinition"
14719
- }
14720
- }
14721
- ]
14722
- }
14723
- ],
14724
- "exports": [
14701
+ },
14725
14702
  {
14726
14703
  "kind": "js",
14727
- "name": "rapidHorizontalScrollStyles",
14704
+ "name": "Multiple",
14728
14705
  "declaration": {
14729
- "name": "rapidHorizontalScrollStyles",
14730
- "module": "src/horizontal-scroll/horizontal-scroll.styles.ts"
14706
+ "name": "Multiple",
14707
+ "module": "src/icon/icon.stories.ts"
14731
14708
  }
14732
14709
  }
14733
14710
  ]
14734
14711
  },
14735
14712
  {
14736
14713
  "kind": "javascript-module",
14737
- "path": "src/horizontal-scroll/horizontal-scroll.template.ts",
14714
+ "path": "src/icon/icon.styles.ts",
14738
14715
  "declarations": [
14739
14716
  {
14740
14717
  "kind": "function",
14741
- "name": "rapidHorizontalScrollTemplate",
14718
+ "name": "rapidIconStyles",
14742
14719
  "return": {
14743
14720
  "type": {
14744
- "text": "ViewTemplate<HorizontalScroll>"
14721
+ "text": "ElementStyles"
14745
14722
  }
14746
14723
  },
14747
14724
  "parameters": [
@@ -14763,418 +14740,185 @@
14763
14740
  "exports": [
14764
14741
  {
14765
14742
  "kind": "js",
14766
- "name": "rapidHorizontalScrollTemplate",
14743
+ "name": "rapidIconStyles",
14767
14744
  "declaration": {
14768
- "name": "rapidHorizontalScrollTemplate",
14769
- "module": "src/horizontal-scroll/horizontal-scroll.template.ts"
14745
+ "name": "rapidIconStyles",
14746
+ "module": "src/icon/icon.styles.ts"
14770
14747
  }
14771
14748
  }
14772
14749
  ]
14773
14750
  },
14774
14751
  {
14775
14752
  "kind": "javascript-module",
14776
- "path": "src/horizontal-scroll/horizontal-scroll.ts",
14753
+ "path": "src/icon/icon.ts",
14777
14754
  "declarations": [
14778
14755
  {
14779
14756
  "kind": "class",
14780
14757
  "description": "",
14781
- "name": "HorizontalScroll",
14758
+ "name": "Icon",
14782
14759
  "superclass": {
14783
- "name": "FoundationHorizontalScroll",
14760
+ "name": "FoundationIcon",
14784
14761
  "package": "@genesislcap/foundation-ui"
14785
14762
  },
14786
- "tagName": "%%prefix%%-horizontal-scroll",
14763
+ "tagName": "%%prefix%%-icon",
14787
14764
  "customElement": true,
14788
14765
  "attributes": [
14789
14766
  {
14767
+ "name": "name",
14790
14768
  "type": {
14791
- "text": "number"
14792
- },
14793
- "default": "600",
14794
- "description": "Speed of scroll in pixels per second",
14795
- "fieldName": "speed",
14796
- "inheritedFrom": {
14797
- "name": "HorizontalScroll",
14798
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14799
- }
14800
- },
14801
- {
14802
- "name": "duration",
14803
- "type": {
14804
- "text": "string"
14805
- },
14806
- "description": "The CSS time value for the scroll transition duration. Overrides the `speed` attribute.",
14807
- "fieldName": "duration",
14808
- "inheritedFrom": {
14809
- "name": "HorizontalScroll",
14810
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14811
- }
14812
- },
14813
- {
14814
- "name": "easing",
14815
- "type": {
14816
- "text": "ScrollEasing"
14769
+ "text": "IconName"
14817
14770
  },
14818
- "default": "\"ease-in-out\"",
14819
- "description": "Attribute used for easing, defaults to ease-in-out",
14820
- "fieldName": "easing",
14771
+ "fieldName": "name",
14821
14772
  "inheritedFrom": {
14822
- "name": "HorizontalScroll",
14823
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14773
+ "name": "Icon",
14774
+ "module": "src/icon/icon.ts"
14824
14775
  }
14825
14776
  },
14826
14777
  {
14827
- "name": "flippers-hidden-from-at",
14778
+ "name": "size",
14828
14779
  "type": {
14829
- "text": "boolean"
14780
+ "text": "FaSize"
14830
14781
  },
14831
- "default": "false",
14832
- "description": "Attribute to hide flippers from assistive technology",
14833
- "fieldName": "flippersHiddenFromAT",
14782
+ "default": "'sm'",
14783
+ "fieldName": "size",
14834
14784
  "inheritedFrom": {
14835
- "name": "HorizontalScroll",
14836
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14785
+ "name": "Icon",
14786
+ "module": "src/icon/icon.ts"
14837
14787
  }
14838
14788
  },
14839
14789
  {
14840
- "name": "view",
14790
+ "name": "variant",
14841
14791
  "type": {
14842
- "text": "HorizontalScrollView"
14792
+ "text": "IconStyle"
14843
14793
  },
14844
- "description": "View: default | mobile",
14845
- "fieldName": "view",
14794
+ "default": "'solid'",
14795
+ "fieldName": "variant",
14846
14796
  "inheritedFrom": {
14847
- "name": "HorizontalScroll",
14848
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14797
+ "name": "Icon",
14798
+ "module": "src/icon/icon.ts"
14849
14799
  }
14850
14800
  }
14851
14801
  ],
14852
14802
  "members": [
14853
14803
  {
14854
14804
  "kind": "field",
14855
- "name": "scrollContainer",
14856
- "type": {
14857
- "text": "HTMLDivElement"
14858
- },
14859
- "privacy": "public",
14860
- "description": "Reference to DOM element that scrolls the content",
14861
- "inheritedFrom": {
14862
- "name": "HorizontalScroll",
14863
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14864
- }
14865
- },
14866
- {
14867
- "kind": "field",
14868
- "name": "content",
14805
+ "name": "iElement",
14869
14806
  "type": {
14870
- "text": "HTMLDivElement"
14807
+ "text": "HTMLElement"
14871
14808
  },
14872
- "privacy": "public",
14873
- "description": "Reference to DOM element that holds the slotted content",
14874
14809
  "inheritedFrom": {
14875
- "name": "HorizontalScroll",
14876
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14810
+ "name": "Icon",
14811
+ "module": "src/icon/icon.ts"
14877
14812
  }
14878
14813
  },
14879
14814
  {
14880
14815
  "kind": "field",
14881
- "name": "previousFlipperContainer",
14816
+ "name": "name",
14882
14817
  "type": {
14883
- "text": "HTMLDivElement"
14818
+ "text": "IconName"
14884
14819
  },
14885
- "privacy": "public",
14886
- "description": "Reference to flipper to scroll to previous content",
14887
14820
  "inheritedFrom": {
14888
- "name": "HorizontalScroll",
14889
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14821
+ "name": "Icon",
14822
+ "module": "src/icon/icon.ts"
14890
14823
  }
14891
14824
  },
14892
14825
  {
14893
- "kind": "field",
14894
- "name": "nextFlipperContainer",
14895
- "type": {
14896
- "text": "HTMLDivElement"
14897
- },
14898
- "privacy": "public",
14899
- "description": "Reference to flipper to scroll to the next content",
14826
+ "kind": "method",
14827
+ "name": "nameChanged",
14828
+ "parameters": [
14829
+ {
14830
+ "name": "oldValue",
14831
+ "type": {
14832
+ "text": "string"
14833
+ }
14834
+ },
14835
+ {
14836
+ "name": "newValue",
14837
+ "type": {
14838
+ "text": "string"
14839
+ }
14840
+ }
14841
+ ],
14900
14842
  "inheritedFrom": {
14901
- "name": "HorizontalScroll",
14902
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14843
+ "name": "Icon",
14844
+ "module": "src/icon/icon.ts"
14903
14845
  }
14904
14846
  },
14905
14847
  {
14906
14848
  "kind": "field",
14907
- "name": "speed",
14849
+ "name": "size",
14908
14850
  "type": {
14909
- "text": "number"
14851
+ "text": "FaSize"
14910
14852
  },
14911
- "privacy": "public",
14912
- "default": "600",
14913
- "description": "Speed of scroll in pixels per second",
14853
+ "default": "'sm'",
14914
14854
  "inheritedFrom": {
14915
- "name": "HorizontalScroll",
14916
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14855
+ "name": "Icon",
14856
+ "module": "src/icon/icon.ts"
14917
14857
  }
14918
14858
  },
14919
14859
  {
14920
- "kind": "field",
14921
- "name": "duration",
14922
- "type": {
14923
- "text": "string"
14924
- },
14925
- "privacy": "public",
14926
- "description": "The CSS time value for the scroll transition duration. Overrides the `speed` attribute.",
14860
+ "kind": "method",
14861
+ "name": "sizeChanged",
14862
+ "parameters": [
14863
+ {
14864
+ "name": "oldValue",
14865
+ "type": {
14866
+ "text": "string"
14867
+ }
14868
+ },
14869
+ {
14870
+ "name": "newValue",
14871
+ "type": {
14872
+ "text": "string"
14873
+ }
14874
+ }
14875
+ ],
14927
14876
  "inheritedFrom": {
14928
- "name": "HorizontalScroll",
14929
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14877
+ "name": "Icon",
14878
+ "module": "src/icon/icon.ts"
14930
14879
  }
14931
14880
  },
14932
14881
  {
14933
14882
  "kind": "field",
14934
- "name": "easing",
14883
+ "name": "variant",
14935
14884
  "type": {
14936
- "text": "ScrollEasing"
14885
+ "text": "IconStyle"
14937
14886
  },
14938
- "privacy": "public",
14939
- "default": "\"ease-in-out\"",
14940
- "description": "Attribute used for easing, defaults to ease-in-out",
14887
+ "default": "'solid'",
14941
14888
  "inheritedFrom": {
14942
- "name": "HorizontalScroll",
14943
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14944
- }
14945
- },
14946
- {
14947
- "kind": "field",
14948
- "name": "flippersHiddenFromAT",
14949
- "type": {
14950
- "text": "boolean"
14951
- },
14952
- "privacy": "public",
14953
- "default": "false",
14954
- "description": "Attribute to hide flippers from assistive technology",
14955
- "inheritedFrom": {
14956
- "name": "HorizontalScroll",
14957
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14958
- }
14959
- },
14960
- {
14961
- "kind": "field",
14962
- "name": "scrollItems",
14963
- "type": {
14964
- "text": "HTMLElement[]"
14965
- },
14966
- "privacy": "public",
14967
- "description": "The default slotted items placed in the scrolling container.",
14968
- "inheritedFrom": {
14969
- "name": "HorizontalScroll",
14970
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14971
- }
14972
- },
14973
- {
14974
- "kind": "field",
14975
- "name": "view",
14976
- "type": {
14977
- "text": "HorizontalScrollView"
14978
- },
14979
- "privacy": "public",
14980
- "description": "View: default | mobile",
14981
- "inheritedFrom": {
14982
- "name": "HorizontalScroll",
14983
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14984
- }
14985
- },
14986
- {
14987
- "kind": "method",
14988
- "name": "scrollItemsChanged",
14989
- "privacy": "public",
14990
- "parameters": [
14991
- {
14992
- "name": "previous",
14993
- "type": {
14994
- "text": "HTMLElement[]"
14995
- },
14996
- "description": "current scroll items"
14997
- },
14998
- {
14999
- "name": "next",
15000
- "type": {
15001
- "text": "HTMLElement[]"
15002
- },
15003
- "description": "new updated scroll items"
15004
- }
15005
- ],
15006
- "description": "Updates scroll stops and flippers when scroll items change",
15007
- "inheritedFrom": {
15008
- "name": "HorizontalScroll",
15009
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14889
+ "name": "Icon",
14890
+ "module": "src/icon/icon.ts"
15010
14891
  }
15011
14892
  },
15012
14893
  {
15013
14894
  "kind": "method",
15014
- "name": "fixScrollMisalign",
15015
- "privacy": "private",
14895
+ "name": "variantChanged",
15016
14896
  "parameters": [
15017
14897
  {
15018
- "name": "stops",
14898
+ "name": "oldValue",
15019
14899
  "type": {
15020
- "text": "number[]"
14900
+ "text": "string"
15021
14901
  }
15022
- }
15023
- ],
15024
- "inheritedFrom": {
15025
- "name": "HorizontalScroll",
15026
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15027
- }
15028
- },
15029
- {
15030
- "kind": "method",
15031
- "name": "scrollInView",
15032
- "privacy": "public",
15033
- "return": {
15034
- "type": {
15035
- "text": "void"
15036
- }
15037
- },
15038
- "parameters": [
15039
- {
15040
- "name": "item",
15041
- "type": {
15042
- "text": "HTMLElement | number"
15043
- },
15044
- "description": "An item index, a scroll item or a child of one of the scroll items"
15045
- },
15046
- {
15047
- "name": "padding",
15048
- "default": "0",
15049
- "type": {
15050
- "text": "number"
15051
- },
15052
- "description": "Padding of the viewport where the active item shouldn't be"
15053
- },
15054
- {
15055
- "name": "rightPadding",
15056
- "optional": true,
15057
- "type": {
15058
- "text": "number"
15059
- },
15060
- "description": "Optional right padding. Uses the padding if not defined"
15061
- }
15062
- ],
15063
- "description": "Function that can scroll an item into view.",
15064
- "inheritedFrom": {
15065
- "name": "HorizontalScroll",
15066
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15067
- }
15068
- },
15069
- {
15070
- "kind": "method",
15071
- "name": "keyupHandler",
15072
- "privacy": "public",
15073
- "parameters": [
15074
- {
15075
- "name": "e",
15076
- "type": {
15077
- "text": "Event & KeyboardEvent"
15078
- },
15079
- "description": "Keyboard event"
15080
- }
15081
- ],
15082
- "description": "Lets the user arrow left and right through the horizontal scroll",
15083
- "inheritedFrom": {
15084
- "name": "HorizontalScroll",
15085
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15086
- }
15087
- },
15088
- {
15089
- "kind": "method",
15090
- "name": "scrollToPrevious",
15091
- "privacy": "public",
15092
- "return": {
15093
- "type": {
15094
- "text": "void"
15095
- }
15096
- },
15097
- "description": "Scrolls items to the left",
15098
- "inheritedFrom": {
15099
- "name": "HorizontalScroll",
15100
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15101
- }
15102
- },
15103
- {
15104
- "kind": "method",
15105
- "name": "scrollToNext",
15106
- "privacy": "public",
15107
- "return": {
15108
- "type": {
15109
- "text": "void"
15110
- }
15111
- },
15112
- "description": "Scrolls items to the right",
15113
- "inheritedFrom": {
15114
- "name": "HorizontalScroll",
15115
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15116
- }
15117
- },
15118
- {
15119
- "kind": "method",
15120
- "name": "scrollToPosition",
15121
- "privacy": "public",
15122
- "return": {
15123
- "type": {
15124
- "text": "void"
15125
- }
15126
- },
15127
- "parameters": [
15128
- {
15129
- "name": "newPosition",
15130
- "type": {
15131
- "text": "number"
15132
- },
15133
- "description": "position to scroll to"
15134
14902
  },
15135
14903
  {
15136
- "name": "position",
15137
- "default": "this.scrollContainer.scrollLeft",
14904
+ "name": "newValue",
15138
14905
  "type": {
15139
- "text": "number"
15140
- },
15141
- "description": "starting position"
14906
+ "text": "string"
14907
+ }
15142
14908
  }
15143
14909
  ],
15144
- "description": "Handles scrolling with easing",
15145
- "inheritedFrom": {
15146
- "name": "HorizontalScroll",
15147
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15148
- }
15149
- },
15150
- {
15151
- "kind": "method",
15152
- "name": "resized",
15153
- "privacy": "public",
15154
- "return": {
15155
- "type": {
15156
- "text": "void"
15157
- }
15158
- },
15159
- "description": "Monitors resize event on the horizontal-scroll element",
15160
14910
  "inheritedFrom": {
15161
- "name": "HorizontalScroll",
15162
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14911
+ "name": "Icon",
14912
+ "module": "src/icon/icon.ts"
15163
14913
  }
15164
14914
  },
15165
14915
  {
15166
14916
  "kind": "method",
15167
- "name": "scrolled",
14917
+ "name": "loadIcon",
15168
14918
  "privacy": "public",
15169
- "return": {
15170
- "type": {
15171
- "text": "void"
15172
- }
15173
- },
15174
- "description": "Monitors scrolled event on the content container",
15175
14919
  "inheritedFrom": {
15176
- "name": "HorizontalScroll",
15177
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14920
+ "name": "Icon",
14921
+ "module": "src/icon/icon.ts"
15178
14922
  }
15179
14923
  },
15180
14924
  {
@@ -15186,8 +14930,8 @@
15186
14930
  "privacy": "private",
15187
14931
  "default": "void 0",
15188
14932
  "inheritedFrom": {
15189
- "name": "HorizontalScroll",
15190
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14933
+ "name": "FoundationElement",
14934
+ "module": "src/foundation-element/foundation-element.ts"
15191
14935
  }
15192
14936
  },
15193
14937
  {
@@ -15199,8 +14943,8 @@
15199
14943
  "privacy": "public",
15200
14944
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
15201
14945
  "inheritedFrom": {
15202
- "name": "HorizontalScroll",
15203
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14946
+ "name": "FoundationElement",
14947
+ "module": "src/foundation-element/foundation-element.ts"
15204
14948
  }
15205
14949
  },
15206
14950
  {
@@ -15212,8 +14956,8 @@
15212
14956
  "privacy": "public",
15213
14957
  "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.",
15214
14958
  "inheritedFrom": {
15215
- "name": "HorizontalScroll",
15216
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14959
+ "name": "FoundationElement",
14960
+ "module": "src/foundation-element/foundation-element.ts"
15217
14961
  }
15218
14962
  },
15219
14963
  {
@@ -15226,8 +14970,8 @@
15226
14970
  }
15227
14971
  },
15228
14972
  "inheritedFrom": {
15229
- "name": "HorizontalScroll",
15230
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14973
+ "name": "FoundationElement",
14974
+ "module": "src/foundation-element/foundation-element.ts"
15231
14975
  }
15232
14976
  },
15233
14977
  {
@@ -15239,8 +14983,8 @@
15239
14983
  "privacy": "public",
15240
14984
  "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.",
15241
14985
  "inheritedFrom": {
15242
- "name": "HorizontalScroll",
15243
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
14986
+ "name": "FoundationElement",
14987
+ "module": "src/foundation-element/foundation-element.ts"
15244
14988
  }
15245
14989
  },
15246
14990
  {
@@ -15253,8 +14997,8 @@
15253
14997
  }
15254
14998
  },
15255
14999
  "inheritedFrom": {
15256
- "name": "HorizontalScroll",
15257
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15000
+ "name": "FoundationElement",
15001
+ "module": "src/foundation-element/foundation-element.ts"
15258
15002
  }
15259
15003
  },
15260
15004
  {
@@ -15284,73 +15028,65 @@
15284
15028
  ],
15285
15029
  "description": "Defines an element registry function with a set of element definition defaults.",
15286
15030
  "inheritedFrom": {
15287
- "name": "HorizontalScroll",
15288
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15289
- }
15290
- }
15291
- ],
15292
- "events": [
15293
- {
15294
- "description": "Fires a custom 'scrollstart' event when scrolling",
15295
- "name": "scrollstart",
15296
- "inheritedFrom": {
15297
- "name": "HorizontalScroll",
15298
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15299
- }
15300
- },
15301
- {
15302
- "description": "Fires a custom 'scrollend' event when scrolling stops",
15303
- "name": "scrollend",
15304
- "inheritedFrom": {
15305
- "name": "HorizontalScroll",
15306
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15031
+ "name": "FoundationElement",
15032
+ "module": "src/foundation-element/foundation-element.ts"
15307
15033
  }
15308
15034
  }
15309
15035
  ]
15310
15036
  },
15311
15037
  {
15312
15038
  "kind": "variable",
15313
- "name": "defaultHorizontalScrollConfig",
15314
- "type": {
15315
- "text": "object"
15316
- },
15317
- "default": "{\n nextFlipper: html`\n <rapid-flipper\n @click=\"${(x) => x.scrollToNext()}\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></rapid-flipper>\n `,\n previousFlipper: html`\n <rapid-flipper\n @click=\"${(x) => x.scrollToPrevious()}\"\n direction=\"previous\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></rapid-flipper>\n `,\n}"
15039
+ "name": "defaultIconConfig",
15040
+ "default": "foundationIconConfig"
15318
15041
  },
15319
15042
  {
15320
15043
  "kind": "variable",
15321
- "name": "rapidHorizontalScroll"
15044
+ "name": "rapidIconShadowOptions",
15045
+ "default": "foundationIconShadowOptions"
15046
+ },
15047
+ {
15048
+ "kind": "variable",
15049
+ "name": "rapidIcon"
15322
15050
  }
15323
15051
  ],
15324
15052
  "exports": [
15325
15053
  {
15326
15054
  "kind": "js",
15327
- "name": "HorizontalScroll",
15055
+ "name": "Icon",
15328
15056
  "declaration": {
15329
- "name": "HorizontalScroll",
15330
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15057
+ "name": "Icon",
15058
+ "module": "src/icon/icon.ts"
15331
15059
  }
15332
15060
  },
15333
15061
  {
15334
15062
  "kind": "js",
15335
- "name": "defaultHorizontalScrollConfig",
15063
+ "name": "defaultIconConfig",
15336
15064
  "declaration": {
15337
- "name": "defaultHorizontalScrollConfig",
15338
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15065
+ "name": "defaultIconConfig",
15066
+ "module": "src/icon/icon.ts"
15339
15067
  }
15340
15068
  },
15341
15069
  {
15342
15070
  "kind": "js",
15343
- "name": "rapidHorizontalScroll",
15071
+ "name": "rapidIconShadowOptions",
15344
15072
  "declaration": {
15345
- "name": "rapidHorizontalScroll",
15346
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
15073
+ "name": "rapidIconShadowOptions",
15074
+ "module": "src/icon/icon.ts"
15075
+ }
15076
+ },
15077
+ {
15078
+ "kind": "js",
15079
+ "name": "rapidIcon",
15080
+ "declaration": {
15081
+ "name": "rapidIcon",
15082
+ "module": "src/icon/icon.ts"
15347
15083
  }
15348
15084
  }
15349
15085
  ]
15350
15086
  },
15351
15087
  {
15352
15088
  "kind": "javascript-module",
15353
- "path": "src/horizontal-scroll/index.ts",
15089
+ "path": "src/icon/index.ts",
15354
15090
  "declarations": [],
15355
15091
  "exports": [
15356
15092
  {
@@ -15358,15 +15094,7 @@
15358
15094
  "name": "*",
15359
15095
  "declaration": {
15360
15096
  "name": "*",
15361
- "package": "./horizontal-scroll"
15362
- }
15363
- },
15364
- {
15365
- "kind": "js",
15366
- "name": "*",
15367
- "declaration": {
15368
- "name": "*",
15369
- "package": "./horizontal-scroll.styles"
15097
+ "package": "./icon"
15370
15098
  }
15371
15099
  },
15372
15100
  {
@@ -15374,14 +15102,14 @@
15374
15102
  "name": "*",
15375
15103
  "declaration": {
15376
15104
  "name": "*",
15377
- "package": "./horizontal-scroll.template"
15105
+ "package": "./icon.styles"
15378
15106
  }
15379
15107
  }
15380
15108
  ]
15381
15109
  },
15382
15110
  {
15383
15111
  "kind": "javascript-module",
15384
- "path": "src/icon/icon.stories.ts",
15112
+ "path": "src/horizontal-scroll/horizontal-scroll.stories.ts",
15385
15113
  "declarations": [
15386
15114
  {
15387
15115
  "kind": "variable",
@@ -15389,23 +15117,15 @@
15389
15117
  "type": {
15390
15118
  "text": "Meta"
15391
15119
  },
15392
- "default": "{\n title: 'Icon',\n component: 'rapid-icon',\n}"
15393
- },
15394
- {
15395
- "kind": "variable",
15396
- "name": "Default",
15397
- "type": {
15398
- "text": "StoryObj"
15399
- },
15400
- "default": "{\n argTypes: {\n size: {\n control: 'select',\n options: [\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n '1x',\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n ],\n },\n variant: {\n control: 'select',\n options: ['solid', 'regular', 'brand'],\n },\n },\n args: {\n name: 'glasses',\n size: 'lg',\n variant: 'solid',\n },\n render: ({ name, size, variant }) => html`\n <rapid-icon\n style=\"color: white;\"\n name=\"${name}\"\n size=\"${size}\"\n variant=\"${variant}\"\n ></rapid-icon>\n `,\n}"
15120
+ "default": "{\n title: 'Horizontal Scroll',\n component: 'rapid-horizontal-scroll',\n}"
15401
15121
  },
15402
15122
  {
15403
15123
  "kind": "variable",
15404
- "name": "Multiple",
15124
+ "name": "Primary",
15405
15125
  "type": {
15406
15126
  "text": "StoryObj"
15407
15127
  },
15408
- "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <rapid-icon name=\"glasses\" size=\"1x\"></rapid-icon>\n <rapid-icon name=\"amazon\" size=\"2x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"amazon-pay\" size=\"3x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"apple\" size=\"4x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"chrome\" size=\"5x\" variant=\"brand\"></rapid-icon>\n <rapid-icon name=\"ambulance\" size=\"xs\"></rapid-icon>\n <rapid-icon name=\"angry\" size=\"1x\"></rapid-icon>\n <rapid-icon variant=\"regular\" name=\"angry\" size=\"sm\"></rapid-icon>\n <rapid-icon name=\"address-book\" size=\"lg\"></rapid-icon>\n <rapid-icon variant=\"regular\" name=\"address-book\" size=\"xl\"></rapid-icon>\n <rapid-icon name=\"bookmark\" size=\"2xl;\"></rapid-icon>\n <rapid-icon variant=\"regular\" name=\"bookmark\" size=\"2xs\"></rapid-icon>\n </div>\n `,\n}"
15128
+ "default": "{\n render: () => html`\n <rapid-horizontal-scroll style=${horizontalScrollStyle}>\n ${repeat(\n cards,\n (item) => item,\n (item) => html`\n <rapid-card style=${cardStyle}>\n Card number ${item}\n <rapid-button>A button</rapid-button>\n </rapid-card>\n `,\n )}\n </rapid-horizontal-scroll>\n `,\n}"
15409
15129
  }
15410
15130
  ],
15411
15131
  "exports": [
@@ -15414,37 +15134,68 @@
15414
15134
  "name": "default",
15415
15135
  "declaration": {
15416
15136
  "name": "meta",
15417
- "module": "src/icon/icon.stories.ts"
15137
+ "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
15418
15138
  }
15419
15139
  },
15420
15140
  {
15421
15141
  "kind": "js",
15422
- "name": "Default",
15142
+ "name": "Primary",
15423
15143
  "declaration": {
15424
- "name": "Default",
15425
- "module": "src/icon/icon.stories.ts"
15144
+ "name": "Primary",
15145
+ "module": "src/horizontal-scroll/horizontal-scroll.stories.ts"
15426
15146
  }
15427
- },
15147
+ }
15148
+ ]
15149
+ },
15150
+ {
15151
+ "kind": "javascript-module",
15152
+ "path": "src/horizontal-scroll/horizontal-scroll.styles.ts",
15153
+ "declarations": [
15154
+ {
15155
+ "kind": "function",
15156
+ "name": "rapidHorizontalScrollStyles",
15157
+ "return": {
15158
+ "type": {
15159
+ "text": "ElementStyles"
15160
+ }
15161
+ },
15162
+ "parameters": [
15163
+ {
15164
+ "name": "context",
15165
+ "type": {
15166
+ "text": "ElementDefinitionContext"
15167
+ }
15168
+ },
15169
+ {
15170
+ "name": "definition",
15171
+ "type": {
15172
+ "text": "FoundationElementDefinition"
15173
+ }
15174
+ }
15175
+ ]
15176
+ }
15177
+ ],
15178
+ "exports": [
15428
15179
  {
15429
15180
  "kind": "js",
15430
- "name": "Multiple",
15181
+ "name": "rapidHorizontalScrollStyles",
15431
15182
  "declaration": {
15432
- "name": "Multiple",
15433
- "module": "src/icon/icon.stories.ts"
15183
+ "name": "rapidHorizontalScrollStyles",
15184
+ "module": "src/horizontal-scroll/horizontal-scroll.styles.ts"
15434
15185
  }
15435
15186
  }
15436
15187
  ]
15437
15188
  },
15438
15189
  {
15439
15190
  "kind": "javascript-module",
15440
- "path": "src/icon/icon.styles.ts",
15191
+ "path": "src/horizontal-scroll/horizontal-scroll.template.ts",
15441
15192
  "declarations": [
15442
15193
  {
15443
15194
  "kind": "function",
15444
- "name": "rapidIconStyles",
15195
+ "name": "rapidHorizontalScrollTemplate",
15445
15196
  "return": {
15446
15197
  "type": {
15447
- "text": "ElementStyles"
15198
+ "text": "ViewTemplate<HorizontalScroll>"
15448
15199
  }
15449
15200
  },
15450
15201
  "parameters": [
@@ -15466,185 +15217,418 @@
15466
15217
  "exports": [
15467
15218
  {
15468
15219
  "kind": "js",
15469
- "name": "rapidIconStyles",
15220
+ "name": "rapidHorizontalScrollTemplate",
15470
15221
  "declaration": {
15471
- "name": "rapidIconStyles",
15472
- "module": "src/icon/icon.styles.ts"
15222
+ "name": "rapidHorizontalScrollTemplate",
15223
+ "module": "src/horizontal-scroll/horizontal-scroll.template.ts"
15473
15224
  }
15474
15225
  }
15475
15226
  ]
15476
15227
  },
15477
15228
  {
15478
15229
  "kind": "javascript-module",
15479
- "path": "src/icon/icon.ts",
15230
+ "path": "src/horizontal-scroll/horizontal-scroll.ts",
15480
15231
  "declarations": [
15481
15232
  {
15482
15233
  "kind": "class",
15483
15234
  "description": "",
15484
- "name": "Icon",
15235
+ "name": "HorizontalScroll",
15485
15236
  "superclass": {
15486
- "name": "FoundationIcon",
15237
+ "name": "FoundationHorizontalScroll",
15487
15238
  "package": "@genesislcap/foundation-ui"
15488
15239
  },
15489
- "tagName": "%%prefix%%-icon",
15240
+ "tagName": "%%prefix%%-horizontal-scroll",
15490
15241
  "customElement": true,
15491
15242
  "attributes": [
15492
15243
  {
15493
- "name": "name",
15494
15244
  "type": {
15495
- "text": "IconName"
15245
+ "text": "number"
15496
15246
  },
15497
- "fieldName": "name",
15247
+ "default": "600",
15248
+ "description": "Speed of scroll in pixels per second",
15249
+ "fieldName": "speed",
15498
15250
  "inheritedFrom": {
15499
- "name": "Icon",
15500
- "module": "src/icon/icon.ts"
15251
+ "name": "HorizontalScroll",
15252
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15501
15253
  }
15502
15254
  },
15503
15255
  {
15504
- "name": "size",
15256
+ "name": "duration",
15505
15257
  "type": {
15506
- "text": "FaSize"
15258
+ "text": "string"
15507
15259
  },
15508
- "default": "'sm'",
15509
- "fieldName": "size",
15260
+ "description": "The CSS time value for the scroll transition duration. Overrides the `speed` attribute.",
15261
+ "fieldName": "duration",
15510
15262
  "inheritedFrom": {
15511
- "name": "Icon",
15512
- "module": "src/icon/icon.ts"
15263
+ "name": "HorizontalScroll",
15264
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15513
15265
  }
15514
15266
  },
15515
15267
  {
15516
- "name": "variant",
15268
+ "name": "easing",
15517
15269
  "type": {
15518
- "text": "IconStyle"
15270
+ "text": "ScrollEasing"
15519
15271
  },
15520
- "default": "'solid'",
15521
- "fieldName": "variant",
15272
+ "default": "\"ease-in-out\"",
15273
+ "description": "Attribute used for easing, defaults to ease-in-out",
15274
+ "fieldName": "easing",
15522
15275
  "inheritedFrom": {
15523
- "name": "Icon",
15524
- "module": "src/icon/icon.ts"
15276
+ "name": "HorizontalScroll",
15277
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15278
+ }
15279
+ },
15280
+ {
15281
+ "name": "flippers-hidden-from-at",
15282
+ "type": {
15283
+ "text": "boolean"
15284
+ },
15285
+ "default": "false",
15286
+ "description": "Attribute to hide flippers from assistive technology",
15287
+ "fieldName": "flippersHiddenFromAT",
15288
+ "inheritedFrom": {
15289
+ "name": "HorizontalScroll",
15290
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15291
+ }
15292
+ },
15293
+ {
15294
+ "name": "view",
15295
+ "type": {
15296
+ "text": "HorizontalScrollView"
15297
+ },
15298
+ "description": "View: default | mobile",
15299
+ "fieldName": "view",
15300
+ "inheritedFrom": {
15301
+ "name": "HorizontalScroll",
15302
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15525
15303
  }
15526
15304
  }
15527
15305
  ],
15528
15306
  "members": [
15529
15307
  {
15530
15308
  "kind": "field",
15531
- "name": "iElement",
15309
+ "name": "scrollContainer",
15532
15310
  "type": {
15533
- "text": "HTMLElement"
15311
+ "text": "HTMLDivElement"
15534
15312
  },
15313
+ "privacy": "public",
15314
+ "description": "Reference to DOM element that scrolls the content",
15535
15315
  "inheritedFrom": {
15536
- "name": "Icon",
15537
- "module": "src/icon/icon.ts"
15316
+ "name": "HorizontalScroll",
15317
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15538
15318
  }
15539
15319
  },
15540
15320
  {
15541
15321
  "kind": "field",
15542
- "name": "name",
15322
+ "name": "content",
15543
15323
  "type": {
15544
- "text": "IconName"
15324
+ "text": "HTMLDivElement"
15545
15325
  },
15326
+ "privacy": "public",
15327
+ "description": "Reference to DOM element that holds the slotted content",
15546
15328
  "inheritedFrom": {
15547
- "name": "Icon",
15548
- "module": "src/icon/icon.ts"
15329
+ "name": "HorizontalScroll",
15330
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15331
+ }
15332
+ },
15333
+ {
15334
+ "kind": "field",
15335
+ "name": "previousFlipperContainer",
15336
+ "type": {
15337
+ "text": "HTMLDivElement"
15338
+ },
15339
+ "privacy": "public",
15340
+ "description": "Reference to flipper to scroll to previous content",
15341
+ "inheritedFrom": {
15342
+ "name": "HorizontalScroll",
15343
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15344
+ }
15345
+ },
15346
+ {
15347
+ "kind": "field",
15348
+ "name": "nextFlipperContainer",
15349
+ "type": {
15350
+ "text": "HTMLDivElement"
15351
+ },
15352
+ "privacy": "public",
15353
+ "description": "Reference to flipper to scroll to the next content",
15354
+ "inheritedFrom": {
15355
+ "name": "HorizontalScroll",
15356
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15357
+ }
15358
+ },
15359
+ {
15360
+ "kind": "field",
15361
+ "name": "speed",
15362
+ "type": {
15363
+ "text": "number"
15364
+ },
15365
+ "privacy": "public",
15366
+ "default": "600",
15367
+ "description": "Speed of scroll in pixels per second",
15368
+ "inheritedFrom": {
15369
+ "name": "HorizontalScroll",
15370
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15371
+ }
15372
+ },
15373
+ {
15374
+ "kind": "field",
15375
+ "name": "duration",
15376
+ "type": {
15377
+ "text": "string"
15378
+ },
15379
+ "privacy": "public",
15380
+ "description": "The CSS time value for the scroll transition duration. Overrides the `speed` attribute.",
15381
+ "inheritedFrom": {
15382
+ "name": "HorizontalScroll",
15383
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15384
+ }
15385
+ },
15386
+ {
15387
+ "kind": "field",
15388
+ "name": "easing",
15389
+ "type": {
15390
+ "text": "ScrollEasing"
15391
+ },
15392
+ "privacy": "public",
15393
+ "default": "\"ease-in-out\"",
15394
+ "description": "Attribute used for easing, defaults to ease-in-out",
15395
+ "inheritedFrom": {
15396
+ "name": "HorizontalScroll",
15397
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15398
+ }
15399
+ },
15400
+ {
15401
+ "kind": "field",
15402
+ "name": "flippersHiddenFromAT",
15403
+ "type": {
15404
+ "text": "boolean"
15405
+ },
15406
+ "privacy": "public",
15407
+ "default": "false",
15408
+ "description": "Attribute to hide flippers from assistive technology",
15409
+ "inheritedFrom": {
15410
+ "name": "HorizontalScroll",
15411
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15412
+ }
15413
+ },
15414
+ {
15415
+ "kind": "field",
15416
+ "name": "scrollItems",
15417
+ "type": {
15418
+ "text": "HTMLElement[]"
15419
+ },
15420
+ "privacy": "public",
15421
+ "description": "The default slotted items placed in the scrolling container.",
15422
+ "inheritedFrom": {
15423
+ "name": "HorizontalScroll",
15424
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15425
+ }
15426
+ },
15427
+ {
15428
+ "kind": "field",
15429
+ "name": "view",
15430
+ "type": {
15431
+ "text": "HorizontalScrollView"
15432
+ },
15433
+ "privacy": "public",
15434
+ "description": "View: default | mobile",
15435
+ "inheritedFrom": {
15436
+ "name": "HorizontalScroll",
15437
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15438
+ }
15439
+ },
15440
+ {
15441
+ "kind": "method",
15442
+ "name": "scrollItemsChanged",
15443
+ "privacy": "public",
15444
+ "parameters": [
15445
+ {
15446
+ "name": "previous",
15447
+ "type": {
15448
+ "text": "HTMLElement[]"
15449
+ },
15450
+ "description": "current scroll items"
15451
+ },
15452
+ {
15453
+ "name": "next",
15454
+ "type": {
15455
+ "text": "HTMLElement[]"
15456
+ },
15457
+ "description": "new updated scroll items"
15458
+ }
15459
+ ],
15460
+ "description": "Updates scroll stops and flippers when scroll items change",
15461
+ "inheritedFrom": {
15462
+ "name": "HorizontalScroll",
15463
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15464
+ }
15465
+ },
15466
+ {
15467
+ "kind": "method",
15468
+ "name": "fixScrollMisalign",
15469
+ "privacy": "private",
15470
+ "parameters": [
15471
+ {
15472
+ "name": "stops",
15473
+ "type": {
15474
+ "text": "number[]"
15475
+ }
15476
+ }
15477
+ ],
15478
+ "inheritedFrom": {
15479
+ "name": "HorizontalScroll",
15480
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15549
15481
  }
15550
15482
  },
15551
15483
  {
15552
15484
  "kind": "method",
15553
- "name": "nameChanged",
15485
+ "name": "scrollInView",
15486
+ "privacy": "public",
15487
+ "return": {
15488
+ "type": {
15489
+ "text": "void"
15490
+ }
15491
+ },
15554
15492
  "parameters": [
15555
15493
  {
15556
- "name": "oldValue",
15494
+ "name": "item",
15557
15495
  "type": {
15558
- "text": "string"
15559
- }
15496
+ "text": "HTMLElement | number"
15497
+ },
15498
+ "description": "An item index, a scroll item or a child of one of the scroll items"
15560
15499
  },
15561
15500
  {
15562
- "name": "newValue",
15501
+ "name": "padding",
15502
+ "default": "0",
15563
15503
  "type": {
15564
- "text": "string"
15565
- }
15504
+ "text": "number"
15505
+ },
15506
+ "description": "Padding of the viewport where the active item shouldn't be"
15507
+ },
15508
+ {
15509
+ "name": "rightPadding",
15510
+ "optional": true,
15511
+ "type": {
15512
+ "text": "number"
15513
+ },
15514
+ "description": "Optional right padding. Uses the padding if not defined"
15566
15515
  }
15567
15516
  ],
15517
+ "description": "Function that can scroll an item into view.",
15568
15518
  "inheritedFrom": {
15569
- "name": "Icon",
15570
- "module": "src/icon/icon.ts"
15571
- }
15572
- },
15573
- {
15574
- "kind": "field",
15575
- "name": "size",
15576
- "type": {
15577
- "text": "FaSize"
15578
- },
15579
- "default": "'sm'",
15580
- "inheritedFrom": {
15581
- "name": "Icon",
15582
- "module": "src/icon/icon.ts"
15519
+ "name": "HorizontalScroll",
15520
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15583
15521
  }
15584
15522
  },
15585
15523
  {
15586
15524
  "kind": "method",
15587
- "name": "sizeChanged",
15525
+ "name": "keyupHandler",
15526
+ "privacy": "public",
15588
15527
  "parameters": [
15589
15528
  {
15590
- "name": "oldValue",
15591
- "type": {
15592
- "text": "string"
15593
- }
15594
- },
15595
- {
15596
- "name": "newValue",
15529
+ "name": "e",
15597
15530
  "type": {
15598
- "text": "string"
15599
- }
15531
+ "text": "Event & KeyboardEvent"
15532
+ },
15533
+ "description": "Keyboard event"
15600
15534
  }
15601
15535
  ],
15536
+ "description": "Lets the user arrow left and right through the horizontal scroll",
15602
15537
  "inheritedFrom": {
15603
- "name": "Icon",
15604
- "module": "src/icon/icon.ts"
15538
+ "name": "HorizontalScroll",
15539
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15605
15540
  }
15606
15541
  },
15607
15542
  {
15608
- "kind": "field",
15609
- "name": "variant",
15610
- "type": {
15611
- "text": "IconStyle"
15543
+ "kind": "method",
15544
+ "name": "scrollToPrevious",
15545
+ "privacy": "public",
15546
+ "return": {
15547
+ "type": {
15548
+ "text": "void"
15549
+ }
15612
15550
  },
15613
- "default": "'solid'",
15551
+ "description": "Scrolls items to the left",
15614
15552
  "inheritedFrom": {
15615
- "name": "Icon",
15616
- "module": "src/icon/icon.ts"
15553
+ "name": "HorizontalScroll",
15554
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15617
15555
  }
15618
15556
  },
15619
15557
  {
15620
15558
  "kind": "method",
15621
- "name": "variantChanged",
15559
+ "name": "scrollToNext",
15560
+ "privacy": "public",
15561
+ "return": {
15562
+ "type": {
15563
+ "text": "void"
15564
+ }
15565
+ },
15566
+ "description": "Scrolls items to the right",
15567
+ "inheritedFrom": {
15568
+ "name": "HorizontalScroll",
15569
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15570
+ }
15571
+ },
15572
+ {
15573
+ "kind": "method",
15574
+ "name": "scrollToPosition",
15575
+ "privacy": "public",
15576
+ "return": {
15577
+ "type": {
15578
+ "text": "void"
15579
+ }
15580
+ },
15622
15581
  "parameters": [
15623
15582
  {
15624
- "name": "oldValue",
15583
+ "name": "newPosition",
15625
15584
  "type": {
15626
- "text": "string"
15627
- }
15585
+ "text": "number"
15586
+ },
15587
+ "description": "position to scroll to"
15628
15588
  },
15629
15589
  {
15630
- "name": "newValue",
15590
+ "name": "position",
15591
+ "default": "this.scrollContainer.scrollLeft",
15631
15592
  "type": {
15632
- "text": "string"
15633
- }
15593
+ "text": "number"
15594
+ },
15595
+ "description": "starting position"
15634
15596
  }
15635
15597
  ],
15598
+ "description": "Handles scrolling with easing",
15636
15599
  "inheritedFrom": {
15637
- "name": "Icon",
15638
- "module": "src/icon/icon.ts"
15600
+ "name": "HorizontalScroll",
15601
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15639
15602
  }
15640
15603
  },
15641
15604
  {
15642
15605
  "kind": "method",
15643
- "name": "loadIcon",
15606
+ "name": "resized",
15644
15607
  "privacy": "public",
15608
+ "return": {
15609
+ "type": {
15610
+ "text": "void"
15611
+ }
15612
+ },
15613
+ "description": "Monitors resize event on the horizontal-scroll element",
15645
15614
  "inheritedFrom": {
15646
- "name": "Icon",
15647
- "module": "src/icon/icon.ts"
15615
+ "name": "HorizontalScroll",
15616
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15617
+ }
15618
+ },
15619
+ {
15620
+ "kind": "method",
15621
+ "name": "scrolled",
15622
+ "privacy": "public",
15623
+ "return": {
15624
+ "type": {
15625
+ "text": "void"
15626
+ }
15627
+ },
15628
+ "description": "Monitors scrolled event on the content container",
15629
+ "inheritedFrom": {
15630
+ "name": "HorizontalScroll",
15631
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15648
15632
  }
15649
15633
  },
15650
15634
  {
@@ -15656,8 +15640,8 @@
15656
15640
  "privacy": "private",
15657
15641
  "default": "void 0",
15658
15642
  "inheritedFrom": {
15659
- "name": "FoundationElement",
15660
- "module": "src/foundation-element/foundation-element.ts"
15643
+ "name": "HorizontalScroll",
15644
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15661
15645
  }
15662
15646
  },
15663
15647
  {
@@ -15669,8 +15653,8 @@
15669
15653
  "privacy": "public",
15670
15654
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
15671
15655
  "inheritedFrom": {
15672
- "name": "FoundationElement",
15673
- "module": "src/foundation-element/foundation-element.ts"
15656
+ "name": "HorizontalScroll",
15657
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15674
15658
  }
15675
15659
  },
15676
15660
  {
@@ -15682,8 +15666,8 @@
15682
15666
  "privacy": "public",
15683
15667
  "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.",
15684
15668
  "inheritedFrom": {
15685
- "name": "FoundationElement",
15686
- "module": "src/foundation-element/foundation-element.ts"
15669
+ "name": "HorizontalScroll",
15670
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15687
15671
  }
15688
15672
  },
15689
15673
  {
@@ -15696,8 +15680,8 @@
15696
15680
  }
15697
15681
  },
15698
15682
  "inheritedFrom": {
15699
- "name": "FoundationElement",
15700
- "module": "src/foundation-element/foundation-element.ts"
15683
+ "name": "HorizontalScroll",
15684
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15701
15685
  }
15702
15686
  },
15703
15687
  {
@@ -15709,8 +15693,8 @@
15709
15693
  "privacy": "public",
15710
15694
  "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.",
15711
15695
  "inheritedFrom": {
15712
- "name": "FoundationElement",
15713
- "module": "src/foundation-element/foundation-element.ts"
15696
+ "name": "HorizontalScroll",
15697
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15714
15698
  }
15715
15699
  },
15716
15700
  {
@@ -15723,8 +15707,8 @@
15723
15707
  }
15724
15708
  },
15725
15709
  "inheritedFrom": {
15726
- "name": "FoundationElement",
15727
- "module": "src/foundation-element/foundation-element.ts"
15710
+ "name": "HorizontalScroll",
15711
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15728
15712
  }
15729
15713
  },
15730
15714
  {
@@ -15754,65 +15738,73 @@
15754
15738
  ],
15755
15739
  "description": "Defines an element registry function with a set of element definition defaults.",
15756
15740
  "inheritedFrom": {
15757
- "name": "FoundationElement",
15758
- "module": "src/foundation-element/foundation-element.ts"
15741
+ "name": "HorizontalScroll",
15742
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15743
+ }
15744
+ }
15745
+ ],
15746
+ "events": [
15747
+ {
15748
+ "description": "Fires a custom 'scrollstart' event when scrolling",
15749
+ "name": "scrollstart",
15750
+ "inheritedFrom": {
15751
+ "name": "HorizontalScroll",
15752
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15753
+ }
15754
+ },
15755
+ {
15756
+ "description": "Fires a custom 'scrollend' event when scrolling stops",
15757
+ "name": "scrollend",
15758
+ "inheritedFrom": {
15759
+ "name": "HorizontalScroll",
15760
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15759
15761
  }
15760
15762
  }
15761
15763
  ]
15762
15764
  },
15763
15765
  {
15764
15766
  "kind": "variable",
15765
- "name": "defaultIconConfig",
15766
- "default": "foundationIconConfig"
15767
- },
15768
- {
15769
- "kind": "variable",
15770
- "name": "rapidIconShadowOptions",
15771
- "default": "foundationIconShadowOptions"
15767
+ "name": "defaultHorizontalScrollConfig",
15768
+ "type": {
15769
+ "text": "object"
15770
+ },
15771
+ "default": "{\n nextFlipper: html`\n <rapid-flipper\n @click=\"${(x) => x.scrollToNext()}\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></rapid-flipper>\n `,\n previousFlipper: html`\n <rapid-flipper\n @click=\"${(x) => x.scrollToPrevious()}\"\n direction=\"previous\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></rapid-flipper>\n `,\n}"
15772
15772
  },
15773
15773
  {
15774
15774
  "kind": "variable",
15775
- "name": "rapidIcon"
15775
+ "name": "rapidHorizontalScroll"
15776
15776
  }
15777
15777
  ],
15778
15778
  "exports": [
15779
15779
  {
15780
15780
  "kind": "js",
15781
- "name": "Icon",
15782
- "declaration": {
15783
- "name": "Icon",
15784
- "module": "src/icon/icon.ts"
15785
- }
15786
- },
15787
- {
15788
- "kind": "js",
15789
- "name": "defaultIconConfig",
15781
+ "name": "HorizontalScroll",
15790
15782
  "declaration": {
15791
- "name": "defaultIconConfig",
15792
- "module": "src/icon/icon.ts"
15783
+ "name": "HorizontalScroll",
15784
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15793
15785
  }
15794
15786
  },
15795
15787
  {
15796
15788
  "kind": "js",
15797
- "name": "rapidIconShadowOptions",
15789
+ "name": "defaultHorizontalScrollConfig",
15798
15790
  "declaration": {
15799
- "name": "rapidIconShadowOptions",
15800
- "module": "src/icon/icon.ts"
15791
+ "name": "defaultHorizontalScrollConfig",
15792
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15801
15793
  }
15802
15794
  },
15803
15795
  {
15804
15796
  "kind": "js",
15805
- "name": "rapidIcon",
15797
+ "name": "rapidHorizontalScroll",
15806
15798
  "declaration": {
15807
- "name": "rapidIcon",
15808
- "module": "src/icon/icon.ts"
15799
+ "name": "rapidHorizontalScroll",
15800
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
15809
15801
  }
15810
15802
  }
15811
15803
  ]
15812
15804
  },
15813
15805
  {
15814
15806
  "kind": "javascript-module",
15815
- "path": "src/icon/index.ts",
15807
+ "path": "src/horizontal-scroll/index.ts",
15816
15808
  "declarations": [],
15817
15809
  "exports": [
15818
15810
  {
@@ -15820,7 +15812,7 @@
15820
15812
  "name": "*",
15821
15813
  "declaration": {
15822
15814
  "name": "*",
15823
- "package": "./icon"
15815
+ "package": "./horizontal-scroll"
15824
15816
  }
15825
15817
  },
15826
15818
  {
@@ -15828,7 +15820,15 @@
15828
15820
  "name": "*",
15829
15821
  "declaration": {
15830
15822
  "name": "*",
15831
- "package": "./icon.styles"
15823
+ "package": "./horizontal-scroll.styles"
15824
+ }
15825
+ },
15826
+ {
15827
+ "kind": "js",
15828
+ "name": "*",
15829
+ "declaration": {
15830
+ "name": "*",
15831
+ "package": "./horizontal-scroll.template"
15832
15832
  }
15833
15833
  }
15834
15834
  ]