igniteui-webcomponents 5.4.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +63 -0
  2. package/components/checkbox/checkbox-base.d.ts +0 -2
  3. package/components/checkbox/checkbox-base.js.map +1 -1
  4. package/components/common/controllers/resize-observer.d.ts +37 -0
  5. package/components/common/controllers/resize-observer.js +37 -0
  6. package/components/common/controllers/resize-observer.js.map +1 -0
  7. package/components/common/definitions/defineAllComponents.js +0 -2
  8. package/components/common/definitions/defineAllComponents.js.map +1 -1
  9. package/components/common/util.d.ts +1 -17
  10. package/components/common/util.js +13 -10
  11. package/components/common/util.js.map +1 -1
  12. package/components/popover/popover.js +1 -1
  13. package/components/popover/popover.js.map +1 -1
  14. package/components/popover/themes/light/popover.base.css.js +1 -1
  15. package/components/popover/themes/light/popover.base.css.js.map +1 -1
  16. package/components/radio/radio.d.ts +0 -2
  17. package/components/radio/radio.js.map +1 -1
  18. package/components/slider/range-slider.d.ts +0 -2
  19. package/components/slider/range-slider.js.map +1 -1
  20. package/components/stepper/step.d.ts +1 -1
  21. package/components/stepper/step.js +3 -2
  22. package/components/stepper/step.js.map +1 -1
  23. package/components/stepper/stepper.common.d.ts +0 -4
  24. package/components/stepper/stepper.common.js.map +1 -1
  25. package/components/stepper/stepper.d.ts +2 -2
  26. package/components/stepper/stepper.js +2 -9
  27. package/components/stepper/stepper.js.map +1 -1
  28. package/components/tabs/tab-dom.d.ts +66 -0
  29. package/components/tabs/tab-dom.js +93 -0
  30. package/components/tabs/tab-dom.js.map +1 -0
  31. package/components/tabs/tab.d.ts +14 -15
  32. package/components/tabs/tab.js +27 -22
  33. package/components/tabs/tab.js.map +1 -1
  34. package/components/tabs/tabs.d.ts +42 -49
  35. package/components/tabs/tabs.js +178 -231
  36. package/components/tabs/tabs.js.map +1 -1
  37. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js +1 -1
  38. package/components/tabs/themes/shared/tab/tab.bootstrap.css.js.map +1 -1
  39. package/components/tabs/themes/shared/tab/tab.common.css.js +1 -1
  40. package/components/tabs/themes/shared/tab/tab.common.css.js.map +1 -1
  41. package/components/tabs/themes/shared/tab/tab.fluent.css.js +1 -1
  42. package/components/tabs/themes/shared/tab/tab.fluent.css.js.map +1 -1
  43. package/components/tabs/themes/shared/tab/tab.indigo.css.js +1 -1
  44. package/components/tabs/themes/shared/tab/tab.indigo.css.js.map +1 -1
  45. package/components/tabs/themes/shared/tab/tab.material.css.js +3 -0
  46. package/components/tabs/themes/shared/tab/tab.material.css.js.map +1 -0
  47. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js +1 -1
  48. package/components/tabs/themes/shared/tabs/tabs.bootstrap.css.js.map +1 -1
  49. package/components/tabs/themes/shared/tabs/tabs.common.css.js +1 -1
  50. package/components/tabs/themes/shared/tabs/tabs.common.css.js.map +1 -1
  51. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js +1 -1
  52. package/components/tabs/themes/shared/tabs/tabs.fluent.css.js.map +1 -1
  53. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js +1 -1
  54. package/components/tabs/themes/shared/tabs/tabs.indigo.css.js.map +1 -1
  55. package/components/tabs/themes/shared/tabs/tabs.material.css.d.ts +1 -0
  56. package/components/tabs/themes/shared/tabs/tabs.material.css.js +3 -0
  57. package/components/tabs/themes/shared/tabs/tabs.material.css.js.map +1 -0
  58. package/components/tabs/themes/tab-themes.js +7 -0
  59. package/components/tabs/themes/tab-themes.js.map +1 -1
  60. package/components/tabs/themes/tab.base.css.js +1 -1
  61. package/components/tabs/themes/tab.base.css.js.map +1 -1
  62. package/components/tabs/themes/tabs-themes.js +3 -2
  63. package/components/tabs/themes/tabs-themes.js.map +1 -1
  64. package/components/tabs/themes/tabs.base.css.js +1 -1
  65. package/components/tabs/themes/tabs.base.css.js.map +1 -1
  66. package/components/tabs/themes/tabs.common.css.d.ts +1 -0
  67. package/components/tabs/themes/tabs.common.css.js +3 -0
  68. package/components/tabs/themes/tabs.common.css.js.map +1 -0
  69. package/components/textarea/textarea.d.ts +2 -2
  70. package/components/textarea/textarea.js.map +1 -1
  71. package/components/tooltip/tooltip.js +1 -1
  72. package/components/tooltip/tooltip.js.map +1 -1
  73. package/components/types.d.ts +1 -1
  74. package/components/types.js.map +1 -1
  75. package/custom-elements.json +390 -360
  76. package/igniteui-webcomponents.css-data.json +1 -1
  77. package/igniteui-webcomponents.html-data.json +1 -1
  78. package/index.d.ts +0 -5
  79. package/index.js +0 -1
  80. package/index.js.map +1 -1
  81. package/package.json +4 -3
  82. package/web-types.json +2 -2
  83. package/components/tabs/tab-panel.d.ts +0 -21
  84. package/components/tabs/tab-panel.js +0 -26
  85. package/components/tabs/tab-panel.js.map +0 -1
  86. package/components/tabs/themes/tab-panel.base.css.js +0 -3
  87. package/components/tabs/themes/tab-panel.base.css.js.map +0 -1
  88. /package/components/tabs/themes/{tab-panel.base.css.d.ts → shared/tab/tab.material.css.d.ts} +0 -0
@@ -126,25 +126,6 @@
126
126
  }
127
127
  ]
128
128
  },
129
- {
130
- "kind": "function",
131
- "name": "getOffset",
132
- "parameters": [
133
- {
134
- "name": "element",
135
- "type": {
136
- "text": "HTMLElement"
137
- }
138
- },
139
- {
140
- "name": "parent",
141
- "type": {
142
- "text": "HTMLElement"
143
- }
144
- }
145
- ],
146
- "description": "\nReturns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\nparent doesn't have to be positioned relative or absolute.\n\nWork around for the following issues in Chromium based browsers:\n\nhttps://bugs.chromium.org/p/chromium/issues/detail?id=1330819\nhttps://bugs.chromium.org/p/chromium/issues/detail?id=1334556"
147
- },
148
129
  {
149
130
  "kind": "function",
150
131
  "name": "createCounter"
@@ -680,6 +661,31 @@
680
661
  }
681
662
  ]
682
663
  },
664
+ {
665
+ "kind": "function",
666
+ "name": "scrollIntoView",
667
+ "return": {
668
+ "type": {
669
+ "text": "void"
670
+ }
671
+ },
672
+ "parameters": [
673
+ {
674
+ "name": "element",
675
+ "optional": true,
676
+ "type": {
677
+ "text": "HTMLElement"
678
+ }
679
+ },
680
+ {
681
+ "name": "config",
682
+ "optional": true,
683
+ "type": {
684
+ "text": "ScrollIntoViewOptions"
685
+ }
686
+ }
687
+ ]
688
+ },
683
689
  {
684
690
  "kind": "function",
685
691
  "name": "isRegExp",
@@ -782,14 +788,6 @@
782
788
  "module": "src/components/common/util.ts"
783
789
  }
784
790
  },
785
- {
786
- "kind": "js",
787
- "name": "getOffset",
788
- "declaration": {
789
- "name": "getOffset",
790
- "module": "src/components/common/util.ts"
791
- }
792
- },
793
791
  {
794
792
  "kind": "js",
795
793
  "name": "createCounter",
@@ -1030,6 +1028,14 @@
1030
1028
  "module": "src/components/common/util.ts"
1031
1029
  }
1032
1030
  },
1031
+ {
1032
+ "kind": "js",
1033
+ "name": "scrollIntoView",
1034
+ "declaration": {
1035
+ "name": "scrollIntoView",
1036
+ "module": "src/components/common/util.ts"
1037
+ }
1038
+ },
1033
1039
  {
1034
1040
  "kind": "js",
1035
1041
  "name": "isRegExp",
@@ -51797,59 +51803,40 @@
51797
51803
  },
51798
51804
  {
51799
51805
  "kind": "javascript-module",
51800
- "path": "src/components/tabs/tab-panel.ts",
51806
+ "path": "src/components/common/controllers/resize-observer.ts",
51801
51807
  "declarations": [
51802
51808
  {
51803
- "kind": "class",
51804
- "description": "Represents the content of a tab",
51805
- "name": "IgcTabPanelComponent",
51806
- "slots": [
51807
- {
51808
- "description": "Renders the content.",
51809
- "name": ""
51809
+ "kind": "function",
51810
+ "name": "createResizeController",
51811
+ "return": {
51812
+ "type": {
51813
+ "text": "ResizeController"
51810
51814
  }
51811
- ],
51812
- "members": [
51815
+ },
51816
+ "parameters": [
51813
51817
  {
51814
- "kind": "field",
51815
- "name": "tagName",
51818
+ "name": "host",
51816
51819
  "type": {
51817
- "text": "string"
51818
- },
51819
- "privacy": "public",
51820
- "static": true,
51821
- "readonly": true,
51822
- "default": "'igc-tab-panel'"
51823
- },
51824
- {
51825
- "kind": "method",
51826
- "name": "register",
51827
- "privacy": "public",
51828
- "static": true
51820
+ "text": "ReactiveControllerHost & Element"
51821
+ }
51829
51822
  },
51830
51823
  {
51831
- "kind": "field",
51832
- "name": "increment",
51833
- "privacy": "private",
51834
- "static": true,
51835
- "readonly": true
51824
+ "name": "config",
51825
+ "type": {
51826
+ "text": "ResizeControllerConfig"
51827
+ }
51836
51828
  }
51837
51829
  ],
51838
- "superclass": {
51839
- "name": "LitElement",
51840
- "package": "lit"
51841
- },
51842
- "tagName": "igc-tab-panel",
51843
- "customElement": true
51830
+ "description": "Creates a new resize controller bound to the given `host`\nwith ResizeControllerConfig| `config`."
51844
51831
  }
51845
51832
  ],
51846
51833
  "exports": [
51847
51834
  {
51848
51835
  "kind": "js",
51849
- "name": "default",
51836
+ "name": "createResizeController",
51850
51837
  "declaration": {
51851
- "name": "IgcTabPanelComponent",
51852
- "module": "src/components/tabs/tab-panel.ts"
51838
+ "name": "createResizeController",
51839
+ "module": "src/components/common/controllers/resize-observer.ts"
51853
51840
  }
51854
51841
  }
51855
51842
  ]
@@ -51860,33 +51847,45 @@
51860
51847
  "declarations": [
51861
51848
  {
51862
51849
  "kind": "class",
51863
- "description": "Represents the tab header.",
51850
+ "description": "A tab element slotted into an `igc-tabs` container.",
51864
51851
  "name": "IgcTabComponent",
51865
51852
  "cssParts": [
51866
51853
  {
51867
- "description": "The content wrapper.",
51868
- "name": "content"
51854
+ "description": "The header of a single tab.",
51855
+ "name": "tab-header"
51869
51856
  },
51870
51857
  {
51871
- "description": "The prefix wrapper.",
51858
+ "description": "Tab header's label prefix.",
51872
51859
  "name": "prefix"
51873
51860
  },
51874
51861
  {
51875
- "description": "The suffix wrapper.",
51862
+ "description": "Tab header's label slot container.",
51863
+ "name": "content"
51864
+ },
51865
+ {
51866
+ "description": "Tab header's label suffix.",
51876
51867
  "name": "suffix"
51868
+ },
51869
+ {
51870
+ "description": "Holds the body content of a single tab, only the body of the selected tab is visible.",
51871
+ "name": "tab-body"
51877
51872
  }
51878
51873
  ],
51879
51874
  "slots": [
51880
51875
  {
51881
- "description": "Renders before the tab header content.",
51882
- "name": "prefix"
51876
+ "description": "Renders the tab's content.",
51877
+ "name": ""
51883
51878
  },
51884
51879
  {
51885
- "description": "Renders the tab header content.",
51886
- "name": ""
51880
+ "description": "Renders the tab header's label.",
51881
+ "name": "label"
51887
51882
  },
51888
51883
  {
51889
- "description": "Renders after the tab header content.",
51884
+ "description": "Renders the tab header's prefix.",
51885
+ "name": "prefix"
51886
+ },
51887
+ {
51888
+ "description": "Renders the tab header's suffix.",
51890
51889
  "name": "suffix"
51891
51890
  }
51892
51891
  ],
@@ -51906,33 +51905,29 @@
51906
51905
  "kind": "method",
51907
51906
  "name": "register",
51908
51907
  "privacy": "public",
51909
- "static": true
51908
+ "static": true,
51909
+ "return": {
51910
+ "type": {
51911
+ "text": "void"
51912
+ }
51913
+ }
51910
51914
  },
51911
51915
  {
51912
51916
  "kind": "field",
51913
51917
  "name": "increment",
51914
51918
  "privacy": "private",
51915
- "static": true,
51916
- "readonly": true
51917
- },
51918
- {
51919
- "kind": "field",
51920
- "name": "tab",
51921
- "type": {
51922
- "text": "HTMLElement"
51923
- },
51924
- "privacy": "private"
51919
+ "static": true
51925
51920
  },
51926
51921
  {
51927
51922
  "kind": "field",
51928
- "name": "panel",
51923
+ "name": "label",
51929
51924
  "type": {
51930
51925
  "text": "string"
51931
51926
  },
51932
51927
  "privacy": "public",
51933
51928
  "default": "''",
51934
- "description": "The id of the tab panel which will be controlled by the tab.",
51935
- "attribute": "panel"
51929
+ "description": "The tab item label.",
51930
+ "attribute": "label"
51936
51931
  },
51937
51932
  {
51938
51933
  "kind": "field",
@@ -51957,39 +51952,18 @@
51957
51952
  "description": "Determines whether the tab is disabled.",
51958
51953
  "attribute": "disabled",
51959
51954
  "reflects": true
51960
- },
51961
- {
51962
- "kind": "method",
51963
- "name": "focus",
51964
- "privacy": "public",
51965
- "parameters": [
51966
- {
51967
- "name": "options",
51968
- "optional": true,
51969
- "type": {
51970
- "text": "FocusOptions"
51971
- }
51972
- }
51973
- ],
51974
- "description": "Sets focus to the tab."
51975
- },
51976
- {
51977
- "kind": "method",
51978
- "name": "blur",
51979
- "privacy": "public",
51980
- "description": "Removes focus from the tab."
51981
51955
  }
51982
51956
  ],
51983
51957
  "attributes": [
51984
51958
  {
51985
- "name": "panel",
51959
+ "name": "label",
51986
51960
  "type": {
51987
51961
  "text": "string"
51988
51962
  },
51989
51963
  "default": "''",
51990
- "description": "The id of the tab panel which will be controlled by the tab.",
51991
- "fieldName": "panel",
51992
- "attribute": "panel"
51964
+ "description": "The tab item label.",
51965
+ "fieldName": "label",
51966
+ "attribute": "label"
51993
51967
  },
51994
51968
  {
51995
51969
  "name": "selected",
@@ -52033,33 +52007,78 @@
52033
52007
  },
52034
52008
  {
52035
52009
  "kind": "javascript-module",
52036
- "path": "src/components/tabs/tabs.ts",
52010
+ "path": "src/components/tabs/tab-dom.ts",
52037
52011
  "declarations": [
52038
52012
  {
52039
- "kind": "class",
52040
- "description": "Represents tabs component",
52041
- "name": "IgcTabsComponent",
52042
- "cssParts": [
52043
- {
52044
- "description": "The wrapper of the tabs including the headers content and the scroll buttons.",
52045
- "name": "headers"
52046
- },
52013
+ "kind": "function",
52014
+ "name": "createTabHelpers",
52015
+ "parameters": [
52047
52016
  {
52048
- "description": "The container for the tab headers.",
52049
- "name": "headers-content"
52017
+ "name": "host",
52018
+ "type": {
52019
+ "text": "IgcTabsComponent"
52020
+ }
52050
52021
  },
52051
52022
  {
52052
- "description": "The wrapper for the tab headers and the selected indicator.",
52053
- "name": "headers-wrapper"
52023
+ "name": "container",
52024
+ "type": {
52025
+ "text": "Ref<HTMLElement>"
52026
+ }
52054
52027
  },
52055
52028
  {
52056
- "description": "The container for the headers.",
52057
- "name": "headers-scroll"
52058
- },
52029
+ "name": "indicator",
52030
+ "type": {
52031
+ "text": "Ref<HTMLElement>"
52032
+ }
52033
+ }
52034
+ ]
52035
+ },
52036
+ {
52037
+ "kind": "function",
52038
+ "name": "getTabHeader",
52039
+ "return": {
52040
+ "type": {
52041
+ "text": "HTMLElement"
52042
+ }
52043
+ },
52044
+ "parameters": [
52059
52045
  {
52060
- "description": "The selected indicator.",
52061
- "name": "selected-indicator"
52062
- },
52046
+ "name": "tab",
52047
+ "type": {
52048
+ "text": "IgcTabComponent"
52049
+ }
52050
+ }
52051
+ ]
52052
+ }
52053
+ ],
52054
+ "exports": [
52055
+ {
52056
+ "kind": "js",
52057
+ "name": "createTabHelpers",
52058
+ "declaration": {
52059
+ "name": "createTabHelpers",
52060
+ "module": "src/components/tabs/tab-dom.ts"
52061
+ }
52062
+ },
52063
+ {
52064
+ "kind": "js",
52065
+ "name": "getTabHeader",
52066
+ "declaration": {
52067
+ "name": "getTabHeader",
52068
+ "module": "src/components/tabs/tab-dom.ts"
52069
+ }
52070
+ }
52071
+ ]
52072
+ },
52073
+ {
52074
+ "kind": "javascript-module",
52075
+ "path": "src/components/tabs/tabs.ts",
52076
+ "declarations": [
52077
+ {
52078
+ "kind": "class",
52079
+ "description": "Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.\n\nThe `<igc-tabs>` component allows the user to navigate between multiple `<igc-tab>` elements.\nIt supports keyboard navigation and provides API methods to control the selected tab.",
52080
+ "name": "IgcTabsComponent",
52081
+ "cssParts": [
52063
52082
  {
52064
52083
  "description": "The start scroll button displayed when the tabs overflow.",
52065
52084
  "name": "start-scroll-button"
@@ -52069,18 +52088,14 @@
52069
52088
  "name": "end-scroll-button"
52070
52089
  },
52071
52090
  {
52072
- "description": "The container for the tabs content.",
52073
- "name": "content"
52091
+ "description": "The indicator that shows which tab is selected.",
52092
+ "name": "selected-indicator"
52074
52093
  }
52075
52094
  ],
52076
52095
  "slots": [
52077
52096
  {
52078
- "description": "Renders the tab header.",
52097
+ "description": "Renders the `IgcTabComponents` inside default slot.",
52079
52098
  "name": ""
52080
- },
52081
- {
52082
- "description": "Renders the tab content.",
52083
- "name": "panel"
52084
52099
  }
52085
52100
  ],
52086
52101
  "members": [
@@ -52099,140 +52114,63 @@
52099
52114
  "kind": "method",
52100
52115
  "name": "register",
52101
52116
  "privacy": "public",
52102
- "static": true
52117
+ "static": true,
52118
+ "return": {
52119
+ "type": {
52120
+ "text": "void"
52121
+ }
52122
+ }
52103
52123
  },
52104
52124
  {
52105
52125
  "kind": "field",
52106
- "name": "increment",
52126
+ "name": "_resizeController",
52107
52127
  "privacy": "private",
52108
- "static": true,
52109
52128
  "readonly": true
52110
52129
  },
52111
52130
  {
52112
52131
  "kind": "field",
52113
- "name": "headerRef",
52114
- "type": {
52115
- "text": "Ref<HTMLDivElement>"
52116
- },
52117
- "privacy": "protected"
52118
- },
52119
- {
52120
- "kind": "field",
52121
- "name": "tabs",
52122
- "type": {
52123
- "text": "Array<IgcTabComponent>"
52124
- },
52125
- "privacy": "protected"
52126
- },
52127
- {
52128
- "kind": "field",
52129
- "name": "panels",
52130
- "type": {
52131
- "text": "Array<IgcTabPanelComponent>"
52132
- },
52133
- "privacy": "protected"
52134
- },
52135
- {
52136
- "kind": "field",
52137
- "name": "wrapper",
52138
- "type": {
52139
- "text": "HTMLElement"
52140
- },
52141
- "privacy": "protected"
52142
- },
52143
- {
52144
- "kind": "field",
52145
- "name": "container",
52146
- "type": {
52147
- "text": "HTMLElement"
52148
- },
52149
- "privacy": "protected"
52150
- },
52151
- {
52152
- "kind": "field",
52153
- "name": "selectedIndicator",
52154
- "type": {
52155
- "text": "HTMLElement"
52156
- },
52157
- "privacy": "protected"
52158
- },
52159
- {
52160
- "kind": "field",
52161
- "name": "showScrollButtons",
52162
- "type": {
52163
- "text": "boolean"
52164
- },
52165
- "privacy": "protected",
52166
- "default": "false"
52132
+ "name": "_headerRef",
52133
+ "privacy": "private",
52134
+ "readonly": true,
52135
+ "description": "The tabs container reference holding the tab headers."
52167
52136
  },
52168
52137
  {
52169
52138
  "kind": "field",
52170
- "name": "disableStartScrollButton",
52171
- "type": {
52172
- "text": "boolean"
52173
- },
52174
- "privacy": "protected",
52175
- "default": "true"
52139
+ "name": "_indicatorRef",
52140
+ "privacy": "private",
52141
+ "readonly": true,
52142
+ "description": "The selected tab indicator reference."
52176
52143
  },
52177
52144
  {
52178
52145
  "kind": "field",
52179
- "name": "disableEndScrollButton",
52180
- "type": {
52181
- "text": "boolean"
52182
- },
52183
- "privacy": "protected",
52184
- "default": "false"
52146
+ "name": "_domHelpers",
52147
+ "privacy": "private",
52148
+ "readonly": true
52185
52149
  },
52186
52150
  {
52187
52151
  "kind": "field",
52188
- "name": "activeTab",
52152
+ "name": "_tabs",
52189
52153
  "type": {
52190
- "text": "IgcTabComponent | undefined"
52154
+ "text": "IgcTabComponent[]"
52191
52155
  },
52192
- "privacy": "protected"
52156
+ "privacy": "private"
52193
52157
  },
52194
52158
  {
52195
52159
  "kind": "field",
52196
- "name": "resizeObserver",
52160
+ "name": "_enabledTabs",
52197
52161
  "type": {
52198
- "text": "ResizeObserver"
52162
+ "text": "IgcTabComponent[]"
52199
52163
  },
52200
- "privacy": "protected"
52201
- },
52202
- {
52203
- "kind": "field",
52204
- "name": "_closestActiveTabIndex",
52205
- "privacy": "private",
52206
- "readonly": true
52207
- },
52208
- {
52209
- "kind": "method",
52210
- "name": "_mutationCallback",
52211
- "privacy": "private",
52212
- "parameters": [
52213
- {
52214
- "name": "{\n changes: { attributes, added, removed },\n }",
52215
- "type": {
52216
- "text": "MutationControllerParams<IgcTabComponent>"
52217
- }
52218
- }
52219
- ]
52220
- },
52221
- {
52222
- "kind": "field",
52223
- "name": "enabledTabs",
52224
52164
  "privacy": "protected",
52225
52165
  "readonly": true
52226
52166
  },
52227
52167
  {
52228
52168
  "kind": "field",
52229
- "name": "selected",
52169
+ "name": "_activeTab",
52230
52170
  "type": {
52231
- "text": "string"
52171
+ "text": "IgcTabComponent | undefined"
52232
52172
  },
52233
- "privacy": "public",
52234
- "description": "Returns the currently selected tab.",
52235
- "readonly": true
52173
+ "privacy": "private"
52236
52174
  },
52237
52175
  {
52238
52176
  "kind": "field",
@@ -52264,78 +52202,153 @@
52264
52202
  }
52265
52203
  },
52266
52204
  {
52267
- "kind": "method",
52268
- "name": "alignIndicator",
52269
- "privacy": "protected"
52205
+ "kind": "field",
52206
+ "name": "tabs",
52207
+ "type": {
52208
+ "text": "IgcTabComponent[]"
52209
+ },
52210
+ "privacy": "public",
52211
+ "description": "Returns the direct `igc-tab` elements that are children of this element.",
52212
+ "readonly": true
52270
52213
  },
52271
52214
  {
52272
- "kind": "method",
52273
- "name": "updateButtonsOnResize",
52274
- "privacy": "protected"
52215
+ "kind": "field",
52216
+ "name": "selected",
52217
+ "type": {
52218
+ "text": "string"
52219
+ },
52220
+ "privacy": "public",
52221
+ "description": "Returns the currently selected tab label or IDREF if no label property is set.",
52222
+ "readonly": true
52275
52223
  },
52276
52224
  {
52277
52225
  "kind": "method",
52278
- "name": "updateScrollButtons",
52279
- "privacy": "protected"
52226
+ "name": "_alignmentChanged",
52227
+ "privacy": "protected",
52228
+ "return": {
52229
+ "type": {
52230
+ "text": "void"
52231
+ }
52232
+ }
52280
52233
  },
52281
52234
  {
52282
52235
  "kind": "method",
52283
- "name": "setupObserver",
52284
- "privacy": "protected"
52236
+ "name": "_resizeCallback",
52237
+ "privacy": "private",
52238
+ "return": {
52239
+ "type": {
52240
+ "text": "void"
52241
+ }
52242
+ }
52285
52243
  },
52286
52244
  {
52287
52245
  "kind": "method",
52288
- "name": "updateSelectedTab",
52289
- "privacy": "protected"
52246
+ "name": "_mutationCallback",
52247
+ "privacy": "private",
52248
+ "return": {
52249
+ "type": {
52250
+ "text": "void"
52251
+ }
52252
+ },
52253
+ "parameters": [
52254
+ {
52255
+ "name": "parameters",
52256
+ "type": {
52257
+ "text": "MutationControllerParams<IgcTabComponent>"
52258
+ }
52259
+ }
52260
+ ]
52290
52261
  },
52291
52262
  {
52292
52263
  "kind": "method",
52293
- "name": "syncAttributes",
52294
- "privacy": "protected"
52264
+ "name": "_selectedAttributeChanged",
52265
+ "privacy": "private",
52266
+ "return": {
52267
+ "type": {
52268
+ "text": "void"
52269
+ }
52270
+ },
52271
+ "parameters": [
52272
+ {
52273
+ "name": "{\n changes,\n }",
52274
+ "type": {
52275
+ "text": "MutationControllerParams<IgcTabComponent>"
52276
+ }
52277
+ }
52278
+ ]
52295
52279
  },
52296
52280
  {
52297
52281
  "kind": "method",
52298
- "name": "setSelectedTab",
52282
+ "name": "_handleTabsAdded",
52299
52283
  "privacy": "private",
52284
+ "return": {
52285
+ "type": {
52286
+ "text": "void"
52287
+ }
52288
+ },
52300
52289
  "parameters": [
52301
52290
  {
52302
- "name": "tab",
52303
- "optional": true,
52291
+ "name": "{\n changes,\n }",
52304
52292
  "type": {
52305
- "text": "IgcTabComponent"
52293
+ "text": "MutationControllerParams<IgcTabComponent>"
52306
52294
  }
52307
52295
  }
52308
52296
  ]
52309
52297
  },
52310
52298
  {
52311
52299
  "kind": "method",
52312
- "name": "scrollByTabOffset",
52313
- "privacy": "protected",
52300
+ "name": "_handleTabsRemoved",
52301
+ "privacy": "private",
52302
+ "return": {
52303
+ "type": {
52304
+ "text": "void"
52305
+ }
52306
+ },
52314
52307
  "parameters": [
52315
52308
  {
52316
- "name": "direction",
52309
+ "name": "{\n changes,\n }",
52317
52310
  "type": {
52318
- "text": "'start' | 'end'"
52311
+ "text": "MutationControllerParams<IgcTabComponent>"
52319
52312
  }
52320
52313
  }
52321
52314
  ]
52322
52315
  },
52323
52316
  {
52324
52317
  "kind": "method",
52325
- "name": "handleClick",
52326
- "privacy": "protected",
52318
+ "name": "_getClosestActiveTabIndex",
52319
+ "privacy": "private",
52320
+ "return": {
52321
+ "type": {
52322
+ "text": "number"
52323
+ }
52324
+ }
52325
+ },
52326
+ {
52327
+ "kind": "method",
52328
+ "name": "_setSelectedTab",
52329
+ "privacy": "private",
52330
+ "return": {
52331
+ "type": {
52332
+ "text": "void"
52333
+ }
52334
+ },
52327
52335
  "parameters": [
52328
52336
  {
52329
- "name": "event",
52337
+ "name": "tab",
52338
+ "optional": true,
52330
52339
  "type": {
52331
- "text": "MouseEvent"
52340
+ "text": "IgcTabComponent"
52332
52341
  }
52342
+ },
52343
+ {
52344
+ "name": "shouldEmit",
52345
+ "default": "true"
52333
52346
  }
52334
52347
  ]
52335
52348
  },
52336
52349
  {
52337
52350
  "kind": "method",
52338
- "name": "_scrollToAndFocus",
52351
+ "name": "_keyboardActivateTab",
52339
52352
  "privacy": "private",
52340
52353
  "parameters": [
52341
52354
  {
@@ -52348,56 +52361,131 @@
52348
52361
  },
52349
52362
  {
52350
52363
  "kind": "method",
52351
- "name": "_kbActivateTab",
52364
+ "name": "_skipKeyboard",
52365
+ "privacy": "private",
52366
+ "return": {
52367
+ "type": {
52368
+ "text": "boolean"
52369
+ }
52370
+ },
52371
+ "parameters": [
52372
+ {
52373
+ "name": "node",
52374
+ "type": {
52375
+ "text": "Element"
52376
+ }
52377
+ },
52378
+ {
52379
+ "name": "event",
52380
+ "type": {
52381
+ "text": "KeyboardEvent"
52382
+ }
52383
+ }
52384
+ ]
52385
+ },
52386
+ {
52387
+ "kind": "method",
52388
+ "name": "_isEventFromTabHeader",
52352
52389
  "privacy": "private",
52353
52390
  "parameters": [
52354
52391
  {
52355
- "name": "tab",
52392
+ "name": "event",
52356
52393
  "type": {
52357
- "text": "IgcTabComponent"
52394
+ "text": "Event"
52358
52395
  }
52359
52396
  }
52360
52397
  ]
52361
52398
  },
52362
52399
  {
52363
52400
  "kind": "method",
52364
- "name": "onArrowLeft",
52365
- "privacy": "private"
52401
+ "name": "_handleArrowKeys",
52402
+ "privacy": "protected",
52403
+ "return": {
52404
+ "type": {
52405
+ "text": "void"
52406
+ }
52407
+ },
52408
+ "parameters": [
52409
+ {
52410
+ "name": "delta",
52411
+ "type": {
52412
+ "text": "-1 | 1"
52413
+ }
52414
+ }
52415
+ ]
52366
52416
  },
52367
52417
  {
52368
52418
  "kind": "method",
52369
- "name": "onArrowRight",
52370
- "privacy": "private"
52419
+ "name": "_handleHomeKey",
52420
+ "privacy": "protected",
52421
+ "return": {
52422
+ "type": {
52423
+ "text": "void"
52424
+ }
52425
+ }
52371
52426
  },
52372
52427
  {
52373
52428
  "kind": "method",
52374
- "name": "onHomeKey",
52375
- "privacy": "private"
52429
+ "name": "_handleEndKey",
52430
+ "privacy": "protected",
52431
+ "return": {
52432
+ "type": {
52433
+ "text": "void"
52434
+ }
52435
+ }
52376
52436
  },
52377
52437
  {
52378
52438
  "kind": "method",
52379
- "name": "onEndKey",
52380
- "privacy": "private"
52439
+ "name": "_handleActivationKeys",
52440
+ "privacy": "protected",
52441
+ "return": {
52442
+ "type": {
52443
+ "text": "void"
52444
+ }
52445
+ }
52381
52446
  },
52382
52447
  {
52383
52448
  "kind": "method",
52384
- "name": "onActivationKey",
52385
- "privacy": "private"
52449
+ "name": "_handleClick",
52450
+ "privacy": "protected",
52451
+ "return": {
52452
+ "type": {
52453
+ "text": "void"
52454
+ }
52455
+ },
52456
+ "parameters": [
52457
+ {
52458
+ "name": "event",
52459
+ "type": {
52460
+ "text": "PointerEvent"
52461
+ }
52462
+ }
52463
+ ]
52386
52464
  },
52387
52465
  {
52388
52466
  "kind": "method",
52389
- "name": "handleScroll",
52390
- "privacy": "protected"
52467
+ "name": "_handleScroll",
52468
+ "privacy": "protected",
52469
+ "return": {
52470
+ "type": {
52471
+ "text": "void"
52472
+ }
52473
+ }
52391
52474
  },
52392
52475
  {
52393
52476
  "kind": "method",
52394
52477
  "name": "select",
52395
52478
  "privacy": "public",
52479
+ "return": {
52480
+ "type": {
52481
+ "text": "void"
52482
+ }
52483
+ },
52396
52484
  "parameters": [
52397
52485
  {
52398
- "name": "name",
52486
+ "name": "ref",
52399
52487
  "type": {
52400
- "text": "string"
52488
+ "text": "IgcTabComponent | string"
52401
52489
  }
52402
52490
  }
52403
52491
  ],
@@ -52405,7 +52493,7 @@
52405
52493
  },
52406
52494
  {
52407
52495
  "kind": "method",
52408
- "name": "renderScrollButton",
52496
+ "name": "_renderScrollButton",
52409
52497
  "privacy": "protected",
52410
52498
  "parameters": [
52411
52499
  {
@@ -54144,27 +54232,21 @@
54144
54232
  "kind": "field",
54145
54233
  "name": "autocapitalize",
54146
54234
  "type": {
54147
- "text": "| 'off'\n | 'none'\n | 'on'\n | 'sentences'\n | 'words'\n | 'characters'"
54235
+ "text": "string"
54148
54236
  },
54149
54237
  "privacy": "public",
54150
54238
  "description": "Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).",
54151
- "attribute": "autocapitalize",
54152
- "expandedType": {
54153
- "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
54154
- }
54239
+ "attribute": "autocapitalize"
54155
54240
  },
54156
54241
  {
54157
54242
  "kind": "field",
54158
54243
  "name": "inputMode",
54159
54244
  "type": {
54160
- "text": "| 'none'\n | 'text'\n | 'decimal'\n | 'numeric'\n | 'tel'\n | 'search'\n | 'email'\n | 'url'"
54245
+ "text": "string"
54161
54246
  },
54162
54247
  "privacy": "public",
54163
54248
  "description": "Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
54164
- "attribute": "inputmode",
54165
- "expandedType": {
54166
- "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
54167
- }
54249
+ "attribute": "inputmode"
54168
54250
  },
54169
54251
  {
54170
54252
  "kind": "field",
@@ -55147,26 +55229,20 @@
55147
55229
  {
55148
55230
  "name": "autocapitalize",
55149
55231
  "type": {
55150
- "text": "| 'off'\n | 'none'\n | 'on'\n | 'sentences'\n | 'words'\n | 'characters'"
55232
+ "text": "string"
55151
55233
  },
55152
55234
  "description": "Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).",
55153
55235
  "fieldName": "autocapitalize",
55154
- "attribute": "autocapitalize",
55155
- "expandedType": {
55156
- "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
55157
- }
55236
+ "attribute": "autocapitalize"
55158
55237
  },
55159
55238
  {
55160
55239
  "name": "inputmode",
55161
55240
  "type": {
55162
- "text": "| 'none'\n | 'text'\n | 'decimal'\n | 'numeric'\n | 'tel'\n | 'search'\n | 'email'\n | 'url'"
55241
+ "text": "string"
55163
55242
  },
55164
55243
  "description": "Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
55165
55244
  "fieldName": "inputMode",
55166
- "attribute": "inputmode",
55167
- "expandedType": {
55168
- "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
55169
- }
55245
+ "attribute": "inputmode"
55170
55246
  },
55171
55247
  {
55172
55248
  "name": "label",
@@ -57991,13 +58067,14 @@
57991
58067
  "kind": "field",
57992
58068
  "name": "titlePosition",
57993
58069
  "type": {
57994
- "text": "StepperTitlePosition | undefined"
58070
+ "text": "StepperTitlePosition"
57995
58071
  },
57996
58072
  "privacy": "public",
58073
+ "default": "'auto'",
57997
58074
  "description": "Get/Set the position of the steps title.",
57998
58075
  "attribute": "title-position",
57999
58076
  "expandedType": {
58000
- "text": "'bottom' | 'top' | 'end' | 'start' | undefined"
58077
+ "text": "'auto' | 'bottom' | 'top' | 'end' | 'start'"
58001
58078
  }
58002
58079
  },
58003
58080
  {
@@ -58533,12 +58610,13 @@
58533
58610
  {
58534
58611
  "name": "title-position",
58535
58612
  "type": {
58536
- "text": "StepperTitlePosition | undefined"
58613
+ "text": "StepperTitlePosition"
58537
58614
  },
58615
+ "default": "'auto'",
58538
58616
  "description": "Get/Set the position of the steps title.",
58539
58617
  "fieldName": "titlePosition",
58540
58618
  "expandedType": {
58541
- "text": "'bottom' | 'top' | 'end' | 'start' | undefined"
58619
+ "text": "'auto' | 'bottom' | 'top' | 'end' | 'start'"
58542
58620
  }
58543
58621
  }
58544
58622
  ],
@@ -59893,14 +59971,6 @@
59893
59971
  "module": "./components/tabs/tab.js"
59894
59972
  }
59895
59973
  },
59896
- {
59897
- "kind": "js",
59898
- "name": "IgcTabPanelComponent",
59899
- "declaration": {
59900
- "name": "default",
59901
- "module": "./components/tabs/tab-panel.js"
59902
- }
59903
- },
59904
59974
  {
59905
59975
  "kind": "js",
59906
59976
  "name": "IgcTileComponent",
@@ -60460,46 +60530,6 @@
60460
60530
  "name": "IconMeta",
60461
60531
  "module": "./components/icon/registry/types.js"
60462
60532
  }
60463
- },
60464
- {
60465
- "kind": "js",
60466
- "name": "CheckboxChangeEventArgs",
60467
- "declaration": {
60468
- "name": "CheckboxChangeEventArgs",
60469
- "module": "./components/checkbox/checkbox-base.js"
60470
- }
60471
- },
60472
- {
60473
- "kind": "js",
60474
- "name": "RadioChangeEventArgs",
60475
- "declaration": {
60476
- "name": "RadioChangeEventArgs",
60477
- "module": "./components/radio/radio.js"
60478
- }
60479
- },
60480
- {
60481
- "kind": "js",
60482
- "name": "IgcRangeSliderValue",
60483
- "declaration": {
60484
- "name": "IgcRangeSliderValue",
60485
- "module": "./components/slider/range-slider.js"
60486
- }
60487
- },
60488
- {
60489
- "kind": "js",
60490
- "name": "IgcActiveStepChangingArgs",
60491
- "declaration": {
60492
- "name": "IgcActiveStepChangingArgs",
60493
- "module": "./components/stepper/stepper.common.js"
60494
- }
60495
- },
60496
- {
60497
- "kind": "js",
60498
- "name": "IgcActiveStepChangedArgs",
60499
- "declaration": {
60500
- "name": "IgcActiveStepChangedArgs",
60501
- "module": "./components/stepper/stepper.common.js"
60502
- }
60503
60533
  }
60504
60534
  ]
60505
60535
  },