igniteui-webcomponents 1.0.0-beta.1 → 1.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 (156) hide show
  1. package/README.md +31 -2
  2. package/components/avatar/avatar.d.ts +2 -0
  3. package/components/avatar/avatar.d.ts.map +1 -1
  4. package/components/avatar/avatar.js +11 -7
  5. package/components/avatar/avatar.js.map +1 -1
  6. package/components/badge/badge.d.ts +1 -1
  7. package/components/badge/badge.d.ts.map +1 -1
  8. package/components/badge/badge.js +5 -27
  9. package/components/badge/badge.js.map +1 -1
  10. package/components/badge/badge.material.css.d.ts.map +1 -1
  11. package/components/badge/badge.material.css.js +1 -1
  12. package/components/badge/badge.material.css.js.map +1 -1
  13. package/components/button/button-base.d.ts +11 -15
  14. package/components/button/button-base.d.ts.map +1 -1
  15. package/components/button/button-base.js +53 -27
  16. package/components/button/button-base.js.map +1 -1
  17. package/components/button/button.d.ts +15 -2
  18. package/components/button/button.d.ts.map +1 -1
  19. package/components/button/button.js +34 -24
  20. package/components/button/button.js.map +1 -1
  21. package/components/button/button.material.css.d.ts.map +1 -1
  22. package/components/button/button.material.css.js +1 -1
  23. package/components/button/button.material.css.js.map +1 -1
  24. package/components/button/icon-button.d.ts +2 -6
  25. package/components/button/icon-button.d.ts.map +1 -1
  26. package/components/button/icon-button.js +8 -52
  27. package/components/button/icon-button.js.map +1 -1
  28. package/components/calendar/calendar.d.ts +1 -2
  29. package/components/calendar/calendar.d.ts.map +1 -1
  30. package/components/calendar/calendar.js +5 -10
  31. package/components/calendar/calendar.js.map +1 -1
  32. package/components/calendar/calendar.material.css.d.ts.map +1 -1
  33. package/components/calendar/calendar.material.css.js +1 -1
  34. package/components/calendar/calendar.material.css.js.map +1 -1
  35. package/components/calendar/common/calendar-base.d.ts +2 -0
  36. package/components/calendar/common/calendar-base.d.ts.map +1 -1
  37. package/components/calendar/common/calendar-base.js +2 -0
  38. package/components/calendar/common/calendar-base.js.map +1 -1
  39. package/components/calendar/days-view/days-view.js +1 -1
  40. package/components/calendar/days-view/days-view.js.map +1 -1
  41. package/components/calendar/days-view/days-view.material.css.d.ts.map +1 -1
  42. package/components/calendar/days-view/days-view.material.css.js +1 -1
  43. package/components/calendar/days-view/days-view.material.css.js.map +1 -1
  44. package/components/calendar/months-view/months-view.d.ts.map +1 -1
  45. package/components/calendar/months-view/months-view.js +1 -1
  46. package/components/calendar/months-view/months-view.js.map +1 -1
  47. package/components/calendar/years-view/years-view.d.ts.map +1 -1
  48. package/components/calendar/years-view/years-view.js +1 -1
  49. package/components/calendar/years-view/years-view.js.map +1 -1
  50. package/components/card/card.actions.d.ts +3 -2
  51. package/components/card/card.actions.d.ts.map +1 -1
  52. package/components/card/card.actions.js +4 -14
  53. package/components/card/card.actions.js.map +1 -1
  54. package/components/card/card.content.d.ts +3 -2
  55. package/components/card/card.content.d.ts.map +1 -1
  56. package/components/card/card.content.js +4 -14
  57. package/components/card/card.content.js.map +1 -1
  58. package/components/card/card.d.ts +1 -0
  59. package/components/card/card.d.ts.map +1 -1
  60. package/components/card/card.header.d.ts +3 -2
  61. package/components/card/card.header.d.ts.map +1 -1
  62. package/components/card/card.header.js +4 -14
  63. package/components/card/card.header.js.map +1 -1
  64. package/components/card/card.js +5 -8
  65. package/components/card/card.js.map +1 -1
  66. package/components/card/card.media.d.ts +3 -2
  67. package/components/card/card.media.d.ts.map +1 -1
  68. package/components/card/card.media.js +4 -14
  69. package/components/card/card.media.js.map +1 -1
  70. package/components/checkbox/checkbox.d.ts +1 -0
  71. package/components/checkbox/checkbox.d.ts.map +1 -1
  72. package/components/checkbox/checkbox.js +4 -7
  73. package/components/checkbox/checkbox.js.map +1 -1
  74. package/components/checkbox/switch.d.ts +1 -0
  75. package/components/checkbox/switch.d.ts.map +1 -1
  76. package/components/checkbox/switch.js +3 -7
  77. package/components/checkbox/switch.js.map +1 -1
  78. package/components/common/definitions/defineAllComponents.d.ts +2 -0
  79. package/components/common/definitions/defineAllComponents.d.ts.map +1 -0
  80. package/components/common/definitions/defineAllComponents.js +57 -0
  81. package/components/common/definitions/defineAllComponents.js.map +1 -0
  82. package/components/common/definitions/defineComponents.d.ts +2 -0
  83. package/components/common/definitions/defineComponents.d.ts.map +1 -0
  84. package/components/common/definitions/defineComponents.js +9 -0
  85. package/components/common/definitions/defineComponents.js.map +1 -0
  86. package/components/common/mixins/sizable.d.ts.map +1 -1
  87. package/components/common/mixins/sizable.js.map +1 -1
  88. package/components/form/form.d.ts +1 -0
  89. package/components/form/form.d.ts.map +1 -1
  90. package/components/form/form.js +10 -8
  91. package/components/form/form.js.map +1 -1
  92. package/components/icon/icon.d.ts +1 -0
  93. package/components/icon/icon.d.ts.map +1 -1
  94. package/components/icon/icon.js +1 -0
  95. package/components/icon/icon.js.map +1 -1
  96. package/components/input/input.d.ts +2 -0
  97. package/components/input/input.d.ts.map +1 -1
  98. package/components/input/input.js +6 -8
  99. package/components/input/input.js.map +1 -1
  100. package/components/list/list-header.d.ts +2 -0
  101. package/components/list/list-header.d.ts.map +1 -1
  102. package/components/list/list-header.js +6 -13
  103. package/components/list/list-header.js.map +1 -1
  104. package/components/list/list-item.d.ts +2 -0
  105. package/components/list/list-item.d.ts.map +1 -1
  106. package/components/list/list-item.js +6 -13
  107. package/components/list/list-item.js.map +1 -1
  108. package/components/list/list.d.ts +2 -0
  109. package/components/list/list.d.ts.map +1 -1
  110. package/components/list/list.js +6 -13
  111. package/components/list/list.js.map +1 -1
  112. package/components/nav-drawer/nav-drawer-header-item.d.ts +1 -0
  113. package/components/nav-drawer/nav-drawer-header-item.d.ts.map +1 -1
  114. package/components/nav-drawer/nav-drawer-header-item.js +3 -13
  115. package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
  116. package/components/nav-drawer/nav-drawer-item.d.ts +1 -3
  117. package/components/nav-drawer/nav-drawer-item.d.ts.map +1 -1
  118. package/components/nav-drawer/nav-drawer-item.js +5 -34
  119. package/components/nav-drawer/nav-drawer-item.js.map +1 -1
  120. package/components/nav-drawer/nav-drawer.d.ts +1 -0
  121. package/components/nav-drawer/nav-drawer.d.ts.map +1 -1
  122. package/components/nav-drawer/nav-drawer.js +4 -7
  123. package/components/nav-drawer/nav-drawer.js.map +1 -1
  124. package/components/navbar/navbar.d.ts +1 -0
  125. package/components/navbar/navbar.d.ts.map +1 -1
  126. package/components/navbar/navbar.js +3 -13
  127. package/components/navbar/navbar.js.map +1 -1
  128. package/components/navbar/navbar.material.css.d.ts.map +1 -1
  129. package/components/navbar/navbar.material.css.js +1 -1
  130. package/components/navbar/navbar.material.css.js.map +1 -1
  131. package/components/radio/radio.d.ts +1 -0
  132. package/components/radio/radio.d.ts.map +1 -1
  133. package/components/radio/radio.js +4 -7
  134. package/components/radio/radio.js.map +1 -1
  135. package/components/radio-group/radio-group.d.ts +1 -0
  136. package/components/radio-group/radio-group.d.ts.map +1 -1
  137. package/components/radio-group/radio-group.js +4 -7
  138. package/components/radio-group/radio-group.js.map +1 -1
  139. package/components/ripple/ripple.d.ts +1 -0
  140. package/components/ripple/ripple.d.ts.map +1 -1
  141. package/components/ripple/ripple.js +3 -13
  142. package/components/ripple/ripple.js.map +1 -1
  143. package/custom-elements.json +87 -167
  144. package/index.d.ts +12 -5
  145. package/index.d.ts.map +1 -1
  146. package/index.js +11 -5
  147. package/index.js.map +1 -1
  148. package/package.json +8 -2
  149. package/themes/bootstrap.css +1 -1
  150. package/themes/fluent.css +1 -1
  151. package/themes/indigo.css +1 -1
  152. package/vscode-html-custom-data.json +75 -134
  153. package/components/button/link-button.d.ts +0 -14
  154. package/components/button/link-button.d.ts.map +0 -1
  155. package/components/button/link-button.js +0 -48
  156. package/components/button/link-button.js.map +0 -1
@@ -3,7 +3,7 @@
3
3
  "tags": [
4
4
  {
5
5
  "name": "igc-avatar",
6
- "description": "An avatar component is used as a representation of a user identity\ntypically in a user profile.\n\nSlots:\n\n * ` ` {} - Renders an icon inside the default slot.\n\nAttributes:\n\n * `src` {`string`} - The image source to use.\n\n * `alt` {`string`} - Alternative text for the image.\n\n * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `src` {`string`} - The image source to use.\n\n * `hasError` {`boolean`} - \n\n * `alt` {`string`} - Alternative text for the image.\n\n * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n * `classes` {`{ circle: boolean; rounded: boolean; square: boolean; small: boolean; medium: boolean; large: boolean; }`} - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
6
+ "description": "An avatar component is used as a representation of a user identity\ntypically in a user profile.\n\nSlots:\n\n * ` ` {} - Renders an icon inside the default slot.\n\nAttributes:\n\n * `src` {`string`} - The image source to use.\n\n * `alt` {`string`} - Alternative text for the image.\n\n * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `src` {`string`} - The image source to use.\n\n * `hasError` {`boolean`} - \n\n * `alt` {`string`} - Alternative text for the image.\n\n * `initials` {`string`} - Initials to use as a fallback when no image is available.\n\n * `shape` {`\"circle\" | \"rounded\" | \"square\"`} - The shape of the avatar.\n\n * `classes` {`{ circle: boolean; rounded: boolean; square: boolean; small: boolean; medium: boolean; large: boolean; }`} - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
7
7
  "attributes": [
8
8
  {
9
9
  "name": "src",
@@ -40,7 +40,7 @@
40
40
  },
41
41
  {
42
42
  "name": "igc-badge",
43
- "description": "The badge is a component indicating a status on a related item or an area\nwhere some active indication is required.\n\nSlots:\n\n * ` ` {} - Default slot for the badge.\n\nAttributes:\n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined`} - The type of badge.\n\n * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n * `shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.\n\nProperties:\n\n * `styles` - \n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined`} - The type of badge.\n\n * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n * `shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.\n\n * `classes` {`{ primary: boolean; info: boolean; success: boolean; warning: boolean; danger: boolean; rounded: boolean; square: boolean; outlined: boolean; }`} - ",
43
+ "description": "The badge is a component indicating a status on a related item or an area\nwhere some active indication is required.\n\nSlots:\n\n * ` ` {} - Default slot for the badge.\n\nAttributes:\n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined`} - The type of badge.\n\n * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n * `shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | undefined`} - The type of badge.\n\n * `outlined` {`boolean`} - Sets whether to draw an outlined version of the badge.\n\n * `shape` {`\"rounded\" | \"square\" | undefined`} - The shape of the badge.",
44
44
  "attributes": [
45
45
  {
46
46
  "name": "variant",
@@ -84,31 +84,11 @@
84
84
  },
85
85
  {
86
86
  "name": "igc-button",
87
- "description": "Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n\nEvents:\n\n * `igcFocus` {} - Emitted when the button gains focus.\n\n * `igcBlur` {} - Emitted when the button loses focus.\n\nSlots:\n\n * ` ` {} - Renders the label of the button.\n\n * `prefix` {} - Renders content before the label of the button.\n\n * `suffix` {} - Renders content after the label of the button.\n\nAttributes:\n\n * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n * `styles` {`CSSResult[]`} - \n\n * `nativeElement` {`HTMLElement`} - \n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n * `classes` {`{ native: boolean; flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
87
+ "description": "Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n\nEvents:\n\n * `igcFocus` {} - Emitted when the button gains focus.\n\n * `igcBlur` {} - Emitted when the button loses focus.\n\nSlots:\n\n * ` ` {} - Renders the label of the button.\n\n * `prefix` {} - Renders content before the label of the button.\n\n * `suffix` {} - Renders content after the label of the button.\n\nAttributes:\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n * `href` {`string`} - The URL the button points to.\n\n * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n * `nativeElement` {`HTMLElement`} - \n\n * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n * `href` {`string`} - The URL the button points to.\n\n * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `classes` {`{ flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
88
88
  "attributes": [
89
- {
90
- "name": "type",
91
- "description": "`type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\nProperty: type",
92
- "values": [
93
- {
94
- "name": "button"
95
- },
96
- {
97
- "name": "reset"
98
- },
99
- {
100
- "name": "submit"
101
- }
102
- ]
103
- },
104
- {
105
- "name": "disabled",
106
- "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
107
- "valueSet": "v"
108
- },
109
89
  {
110
90
  "name": "variant",
111
- "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\nProperty: variant\n\nDefault: flat",
91
+ "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\nProperty: variant\n\nDefault: contained",
112
92
  "values": [
113
93
  {
114
94
  "name": "flat"
@@ -125,58 +105,31 @@
125
105
  ]
126
106
  },
127
107
  {
128
- "name": "size",
129
- "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
108
+ "name": "type",
109
+ "description": "`type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\nProperty: type",
130
110
  "values": [
131
111
  {
132
- "name": "small"
112
+ "name": "button"
133
113
  },
134
114
  {
135
- "name": "medium"
115
+ "name": "reset"
136
116
  },
137
117
  {
138
- "name": "large"
118
+ "name": "submit"
139
119
  }
140
120
  ]
141
121
  },
142
- {
143
- "name": "onigcFocus",
144
- "description": "`igcFocus` {} - Emitted when the button gains focus."
145
- },
146
- {
147
- "name": "onigcBlur",
148
- "description": "`igcBlur` {} - Emitted when the button loses focus."
149
- }
150
- ]
151
- },
152
- {
153
- "name": "igc-icon-button",
154
- "description": "Attributes:\n\n * `name` {`string`} - The name of the icon.\n\n * `collection` {`string`} - The name of the icon collection.\n\n * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n * `href` {`string`} - The href attribute of the icon.\n\n * `download` {`string`} - The download attribute of the icon.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - The target attribute of the icon button.\n\n * `rel` {`string`} - The rel attribute of the icon button.\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `name` {`string`} - The name of the icon.\n\n * `collection` {`string`} - The name of the icon collection.\n\n * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n * `href` {`string`} - The href attribute of the icon.\n\n * `download` {`string`} - The download attribute of the icon.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - The target attribute of the icon button.\n\n * `rel` {`string`} - The rel attribute of the icon button.\n\n * `styles` {`CSSResult[]`} - \n\n * `nativeElement` {`HTMLElement`} - \n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n * `classes` {`{ native: boolean; flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
155
- "attributes": [
156
- {
157
- "name": "name",
158
- "description": "`name` {`string`} - The name of the icon.\n\nProperty: name"
159
- },
160
- {
161
- "name": "collection",
162
- "description": "`collection` {`string`} - The name of the icon collection.\n\nProperty: collection"
163
- },
164
- {
165
- "name": "mirrored",
166
- "description": "`mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\nProperty: mirrored\n\nDefault: false",
167
- "valueSet": "v"
168
- },
169
122
  {
170
123
  "name": "href",
171
- "description": "`href` {`string`} - The href attribute of the icon.\n\nProperty: href"
124
+ "description": "`href` {`string`} - The URL the button points to.\n\nProperty: href"
172
125
  },
173
126
  {
174
127
  "name": "download",
175
- "description": "`download` {`string`} - The download attribute of the icon.\n\nProperty: download"
128
+ "description": "`download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\nProperty: download"
176
129
  },
177
130
  {
178
131
  "name": "target",
179
- "description": "`target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - The target attribute of the icon button.\n\nProperty: target",
132
+ "description": "`target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\nProperty: target",
180
133
  "values": [
181
134
  {
182
135
  "name": "_blank"
@@ -194,16 +147,47 @@
194
147
  },
195
148
  {
196
149
  "name": "rel",
197
- "description": "`rel` {`string`} - The rel attribute of the icon button.\n\nProperty: rel"
150
+ "description": "`rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\nProperty: rel"
198
151
  },
199
152
  {
200
153
  "name": "disabled",
201
154
  "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
202
155
  "valueSet": "v"
203
156
  },
157
+ {
158
+ "name": "size",
159
+ "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
160
+ },
161
+ {
162
+ "name": "onigcFocus",
163
+ "description": "`igcFocus` {} - Emitted when the button gains focus."
164
+ },
165
+ {
166
+ "name": "onigcBlur",
167
+ "description": "`igcBlur` {} - Emitted when the button loses focus."
168
+ }
169
+ ]
170
+ },
171
+ {
172
+ "name": "igc-icon-button",
173
+ "description": "Attributes:\n\n * `name` {`string`} - The name of the icon.\n\n * `collection` {`string`} - The name of the icon collection.\n\n * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n * `href` {`string`} - The URL the button points to.\n\n * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `name` {`string`} - The name of the icon.\n\n * `collection` {`string`} - The name of the icon collection.\n\n * `mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\n * `nativeElement` {`HTMLElement`} - \n\n * `type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\n * `href` {`string`} - The URL the button points to.\n\n * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `classes` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
174
+ "attributes": [
175
+ {
176
+ "name": "name",
177
+ "description": "`name` {`string`} - The name of the icon.\n\nProperty: name"
178
+ },
179
+ {
180
+ "name": "collection",
181
+ "description": "`collection` {`string`} - The name of the icon collection.\n\nProperty: collection"
182
+ },
183
+ {
184
+ "name": "mirrored",
185
+ "description": "`mirrored` {`boolean`} - Whether to flip the icon button. Useful for RTL layouts.\n\nProperty: mirrored\n\nDefault: false",
186
+ "valueSet": "v"
187
+ },
204
188
  {
205
189
  "name": "variant",
206
- "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\nProperty: variant\n\nDefault: flat",
190
+ "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\"`} - The visual variant of the icon button.\n\nProperty: variant\n\nDefault: contained",
207
191
  "values": [
208
192
  {
209
193
  "name": "flat"
@@ -217,29 +201,23 @@
217
201
  ]
218
202
  },
219
203
  {
220
- "name": "size",
221
- "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
204
+ "name": "type",
205
+ "description": "`type` {`\"button\" | \"reset\" | \"submit\"`} - The type of the button. Defaults to undefined.\n\nProperty: type",
222
206
  "values": [
223
207
  {
224
- "name": "small"
208
+ "name": "button"
225
209
  },
226
210
  {
227
- "name": "medium"
211
+ "name": "reset"
228
212
  },
229
213
  {
230
- "name": "large"
214
+ "name": "submit"
231
215
  }
232
216
  ]
233
- }
234
- ]
235
- },
236
- {
237
- "name": "igc-link-button",
238
- "description": "Represents a button component specifically useful for\ncreating hyperlinks to web pages, files, or anything else\na URL can address.\n\nEvents:\n\n * `igcFocus` {} - Emitted when the button gains focus.\n\n * `igcBlur` {} - Emitted when the button loses focus.\n\nSlots:\n\n * ` ` {} - Renders the label of the button.\n\n * `prefix` {} - Renders content before the label of the button.\n\n * `suffix` {} - Renders content after the label of the button.\n\nAttributes:\n\n * `href` {`string`} - The URL the link-button points to.\n\n * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `href` {`string`} - The URL the link-button points to.\n\n * `download` {`string`} - Prompts to save the linked URL instead of navigating to it.\n\n * `target` {`\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined`} - Where to display the linked URL, as the name for a browsing context.\n\n * `rel` {`string`} - The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n\n * `styles` {`CSSResult[]`} - \n\n * `nativeElement` {`HTMLElement`} - \n\n * `disabled` {`boolean`} - Determines whether the button is disabled.\n\n * `variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\n * `classes` {`{ native: boolean; flat: boolean; outlined: boolean; contained: boolean; fab: boolean; small: boolean; medium: boolean; large: boolean; disabled: boolean; }`} - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
239
- "attributes": [
217
+ },
240
218
  {
241
219
  "name": "href",
242
- "description": "`href` {`string`} - The URL the link-button points to.\n\nProperty: href"
220
+ "description": "`href` {`string`} - The URL the button points to.\n\nProperty: href"
243
221
  },
244
222
  {
245
223
  "name": "download",
@@ -272,24 +250,6 @@
272
250
  "description": "`disabled` {`boolean`} - Determines whether the button is disabled.\n\nProperty: disabled\n\nDefault: false",
273
251
  "valueSet": "v"
274
252
  },
275
- {
276
- "name": "variant",
277
- "description": "`variant` {`\"flat\" | \"contained\" | \"outlined\" | \"fab\"`} - Sets the variant of the button.\n\nProperty: variant\n\nDefault: flat",
278
- "values": [
279
- {
280
- "name": "flat"
281
- },
282
- {
283
- "name": "contained"
284
- },
285
- {
286
- "name": "outlined"
287
- },
288
- {
289
- "name": "fab"
290
- }
291
- ]
292
- },
293
253
  {
294
254
  "name": "size",
295
255
  "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
@@ -304,20 +264,12 @@
304
264
  "name": "large"
305
265
  }
306
266
  ]
307
- },
308
- {
309
- "name": "onigcFocus",
310
- "description": "`igcFocus` {} - Emitted when the button gains focus."
311
- },
312
- {
313
- "name": "onigcBlur",
314
- "description": "`igcBlur` {} - Emitted when the button loses focus."
315
267
  }
316
268
  ]
317
269
  },
318
270
  {
319
271
  "name": "igc-calendar",
320
- "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n * ` ` {} - The default slot for the calendar.\n\n * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `has-header` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\n * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visible-months` {`number`} - The number of months displayed in days view.\n\n * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `formatterMonth` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `formatterMonthDay` {`DateTimeFormat`} - \n\n * `rangePreviewDate` {`Date | undefined`} - \n\n * `activeDaysViewIndex` {`number`} - \n\n * `daysViews` {`NodeList`} - \n\n * `monthsView` - \n\n * `yearsView` - \n\n * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hasHeader` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\n * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `yearPerPage` {`18 | 15`} - \n\n * `previousButtonLabel` {`string`} - \n\n * `nextButtonLabel` {`string`} - \n\n * `handleKeyDown` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `calendarModel` - \n\n * `value` {`Date | Date[] | undefined`} - Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
272
+ "description": "Represents a calendar that lets users\nto select a date value in a variety of different ways.\n\nEvents:\n\n * `igcChange` {} - Emitted when calendar changes its value.\n\nSlots:\n\n * ` ` {} - The default slot for the calendar.\n\n * `title` {} - Renders the title of the calendar header.\n\nAttributes:\n\n * `hide-outside-days` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `has-header` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\n * `header-orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visible-months` {`number`} - The number of months displayed in days view.\n\n * `active-view` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `show-week-numbers` {`boolean`} - Show/hide the week numbers.\n\n * `week-start` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `formatterMonth` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `formatterMonthDay` {`DateTimeFormat`} - \n\n * `rangePreviewDate` {`Date | undefined`} - \n\n * `activeDaysViewIndex` {`number`} - \n\n * `daysViews` {`NodeList`} - \n\n * `monthsView` - \n\n * `yearsView` - \n\n * `hideOutsideDays` {`boolean`} - Controls the visibility of the dates that do not belong to the current month.\n\n * `hasHeader` {`boolean`} - Determines whether the calendar has header. Even if set to true, the header is not displayed for `multiple` selection.\n\n * `headerOrientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the header.\n\n * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the multiple months displayed in days view.\n\n * `visibleMonths` {`number`} - The number of months displayed in days view.\n\n * `activeView` {`\"days\" | \"months\" | \"years\"`} - The active view.\n\n * `formatOptions` {`Pick<DateTimeFormatOptions, \"month\" | \"weekday\">`} - The options used to format the months and the weekdays in the calendar views.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `yearPerPage` {`18 | 15`} - \n\n * `previousButtonLabel` {`string`} - \n\n * `nextButtonLabel` {`string`} - \n\n * `handleKeyDown` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\n * `calendarModel` - \n\n * `value` {`Date | Date[] | undefined`} - Тhe current value of the calendar.\nWhen selection is set to single, it accepts a single Date object.\nOtherwise, it is an array of Date objects.\n\n * `selection` {`\"single\" | \"multiple\" | \"range\"`} - Sets the type of date selection.\n\n * `showWeekNumbers` {`boolean`} - Show/hide the week numbers.\n\n * `weekStart` {`\"sunday\" | \"monday\" | \"tuesday\" | \"wednesday\" | \"thursday\" | \"friday\" | \"saturday\"`} - Sets the start day of the week.\n\n * `activeDate` {`Date`} - Sets the date which is shown in view and is highlighted. By default it is the current date.\n\n * `locale` {`string`} - Sets the locale used for formatting and displaying the dates in the calendar.\n\n * `disabledDates` {`DateRangeDescriptor[]`} - Gets/sets disabled dates.\n\n * `specialDates` {`DateRangeDescriptor[]`} - Gets/sets special dates.",
321
273
  "attributes": [
322
274
  {
323
275
  "name": "hide-outside-days",
@@ -582,38 +534,38 @@
582
534
  },
583
535
  {
584
536
  "name": "igc-card-actions",
585
- "description": "A container for card action items like buttons\n\nSlots:\n\n * `start` {} - Renders items at the beginning of actions area\n\n * ` ` {} - Renders items at the middle of actions area\n\n * `end` {} - Renders items at the end of actions area\n\nProperties:\n\n * `styles` - ",
537
+ "description": "A container for card action items like buttons\n\nSlots:\n\n * `start` {} - Renders items at the beginning of actions area\n\n * ` ` {} - Renders items at the middle of actions area\n\n * `end` {} - Renders items at the end of actions area\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - ",
586
538
  "attributes": []
587
539
  },
588
540
  {
589
541
  "name": "igc-card-content",
590
- "description": "A container for card's text content\n\nSlots:\n\n * ` ` {} - Renders the card text content\n\nProperties:\n\n * `styles` - ",
542
+ "description": "A container for card's text content\n\nSlots:\n\n * ` ` {} - Renders the card text content\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - ",
591
543
  "attributes": []
592
544
  },
593
545
  {
594
546
  "name": "igc-card-header",
595
- "description": "A container for card's header\n\nSlots:\n\n * `thumbnail` {} - Renders header media like icon\n\n * `title` {} - Renders the card title\n\n * `subtitle` {} - Renders the card subtitle\n\n * ` ` {} - Renders content next to the card title\n\nProperties:\n\n * `styles` - ",
547
+ "description": "A container for card's header\n\nSlots:\n\n * `thumbnail` {} - Renders header media like icon\n\n * `title` {} - Renders the card title\n\n * `subtitle` {} - Renders the card subtitle\n\n * ` ` {} - Renders content next to the card title\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - ",
596
548
  "attributes": []
597
549
  },
598
550
  {
599
551
  "name": "igc-card-media",
600
- "description": "A container for card's media - could be an image, gif, video\n\nSlots:\n\n * ` ` {} - Renders the card media content\n\nProperties:\n\n * `styles` - ",
552
+ "description": "A container for card's media - could be an image, gif, video\n\nSlots:\n\n * ` ` {} - Renders the card media content\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - ",
601
553
  "attributes": []
602
554
  },
603
555
  {
604
556
  "name": "igc-card",
605
- "description": "A container which wraps different elements related to a single subject\n\nSlots:\n\n * ` ` {} - Renders card content\n\nAttributes:\n\n * `outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated\n\nProperties:\n\n * `styles` - \n\n * `outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated",
557
+ "description": "A container which wraps different elements related to a single subject\n\nSlots:\n\n * ` ` {} - Renders card content\n\nAttributes:\n\n * `outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated",
606
558
  "attributes": [
607
559
  {
608
560
  "name": "outlined",
609
- "description": "`outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated\n\nProperty: outlined\n\nDefault: false",
561
+ "description": "`outlined` {`boolean`} - Sets card outline style, otherwise card looks elevated\n\nProperty: outlined\n\nDefault: true",
610
562
  "valueSet": "v"
611
563
  }
612
564
  ]
613
565
  },
614
566
  {
615
567
  "name": "igc-checkbox",
616
- "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The checkbox label.\n\nAttributes:\n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `styles` - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `input` {`HTMLInputElement`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
568
+ "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The checkbox label.\n\nAttributes:\n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n * `input` {`HTMLInputElement`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
617
569
  "attributes": [
618
570
  {
619
571
  "name": "indeterminate",
@@ -680,7 +632,7 @@
680
632
  },
681
633
  {
682
634
  "name": "igc-switch",
683
- "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The switch label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `styles` - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
635
+ "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The switch label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `disabled` {`boolean`} - Disables the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
684
636
  "attributes": [
685
637
  {
686
638
  "name": "name",
@@ -742,7 +694,7 @@
742
694
  },
743
695
  {
744
696
  "name": "igc-form",
745
- "description": "The form is a component used to collect user input from\ninteractive controls.\n\nEvents:\n\n * `igcSubmit` {} - Emitted when the form is submitted.\n\n * `igcReset` {} - Emitted when the form is reset.\n\nSlots:\n\n * ` ` {} - Default slot for the form.\n\nAttributes:\n\n * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperties:\n\n * `styles` - \n\n * `_controlsWithChecked` {`string[]`} - \n\n * `_controlsWithValue` {`string[]`} - \n\n * `_controlsThatSubmit` {`string[]`} - \n\n * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.",
697
+ "description": "The form is a component used to collect user input from\ninteractive controls.\n\nEvents:\n\n * `igcSubmit` {} - Emitted when the form is submitted.\n\n * `igcReset` {} - Emitted when the form is reset.\n\nSlots:\n\n * ` ` {} - Default slot for the form.\n\nAttributes:\n\n * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `_controlsWithChecked` {`string[]`} - \n\n * `_controlsWithValue` {`string[]`} - \n\n * `_controlsThatSubmit` {`string[]`} - \n\n * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.",
746
698
  "attributes": [
747
699
  {
748
700
  "name": "novalidate",
@@ -761,7 +713,7 @@
761
713
  },
762
714
  {
763
715
  "name": "igc-icon",
764
- "description": "Icon component\n\nAttributes:\n\n * `name` {`string`} - The name of the icon glyph to draw.\n\n * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `styles` - \n\n * `svg` {`string`} - \n\n * `_name` {`string`} - \n\n * `_collection` {`string`} - \n\n * `name` {`string`} - The name of the icon glyph to draw.\n\n * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n * `iconLoaded` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
716
+ "description": "Icon component\n\nAttributes:\n\n * `name` {`string`} - The name of the icon glyph to draw.\n\n * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `svg` {`string`} - \n\n * `_name` {`string`} - \n\n * `_collection` {`string`} - \n\n * `name` {`string`} - The name of the icon glyph to draw.\n\n * `collection` {`string`} - The name of the registered collection for look up of icons.\nDefaults to `default`.\n\n * `mirrored` {`boolean`} - Whether to flip the icon. Useful for RTL layouts.\n\n * `iconLoaded` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
765
717
  "attributes": [
766
718
  {
767
719
  "name": "name",
@@ -784,7 +736,7 @@
784
736
  },
785
737
  {
786
738
  "name": "igc-input",
787
- "description": "Events:\n\n * `igcInput` {} - Emitted when the control input receives user input.\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * `prefix` {} - Renders content before the input.\n\n * `suffix` {} - Renders content after input.\n\n * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `label` {`string`} - The label of the control.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `styles` - \n\n * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; }`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `_prefixLength` {`number`} - \n\n * `_suffixLength` {`number`} - \n\n * `theme` {`string | undefined`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `_prefix` {`NodeListOf<HTMLElement>`} - \n\n * `_suffix` {`NodeListOf<HTMLElement>`} - \n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `label` {`string`} - The label of the control.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
739
+ "description": "Events:\n\n * `igcInput` {} - Emitted when the control input receives user input.\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * `prefix` {} - Renders content before the input.\n\n * `suffix` {} - Renders content after input.\n\n * `helper-text` {} - Renders content below the input.\n\nAttributes:\n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `label` {`string`} - The label of the control.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `shadowRootOptions` {`{ delegatesFocus: boolean; mode: ShadowRootMode; }`} - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `_prefixLength` {`number`} - \n\n * `_suffixLength` {`number`} - \n\n * `theme` {`string | undefined`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `_prefix` {`NodeListOf<HTMLElement>`} - \n\n * `_suffix` {`NodeListOf<HTMLElement>`} - \n\n * `dir` {`Direction`} - The direction attribute of the control.\n\n * `type` {`\"number\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"`} - The type attribute of the control.\n\n * `inputmode` {`\"numeric\" | \"none\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"txt\" | \"decimal\"`} - The input mode attribute of the control.\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `pattern` {`string`} - The pattern attribute of the control.\n\n * `label` {`string`} - The label of the control.\n\n * `placeholder` {`string`} - The placeholder attribute of the control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `outlined` {`boolean`} - \n\n * `required` {`boolean`} - Makes the control a required field.\n\n * `disabled` {`boolean`} - Makes the control a disabled field.\n\n * `readonly` {`boolean`} - Makes the control a readonly field.\n\n * `minlength` {`number`} - The minlength attribute of the control.\n\n * `maxlength` {`number`} - The maxlength attribute of the control.\n\n * `min` {`string | number`} - The min attribute of the control.\n\n * `max` {`string | number`} - The max attribute of the control.\n\n * `step` {`number`} - The step attribute of the control.\n\n * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n * `autocomplete` {`string`} - The autocomplete attribute of the control.\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
788
740
  "attributes": [
789
741
  {
790
742
  "name": "dir",
@@ -936,18 +888,7 @@
936
888
  },
937
889
  {
938
890
  "name": "size",
939
- "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
940
- "values": [
941
- {
942
- "name": "small"
943
- },
944
- {
945
- "name": "medium"
946
- },
947
- {
948
- "name": "large"
949
- }
950
- ]
891
+ "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: medium"
951
892
  },
952
893
  {
953
894
  "name": "onigcInput",
@@ -969,17 +910,17 @@
969
910
  },
970
911
  {
971
912
  "name": "igc-list-header",
972
- "description": "Header list item.\n\nSlots:\n\n * ` ` {} - Renders header list item's content.\n\nProperties:\n\n * `styles` - ",
913
+ "description": "Header list item.\n\nSlots:\n\n * ` ` {} - Renders header list item's content.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - ",
973
914
  "attributes": []
974
915
  },
975
916
  {
976
917
  "name": "igc-list-item",
977
- "description": "The list-item component is a container\nintended for row items in the list component.\n\nSlots:\n\n * ` ` {} - Renders custom content.\n\n * `start` {} - Renders content before all other content.\n\n * `end` {} - Renders content after all other content.\n\n * `title` {} - Renders the title.\n\n * `subtitle` {} - Renders the subtitle.\n\nProperties:\n\n * `styles` - ",
918
+ "description": "The list-item component is a container\nintended for row items in the list component.\n\nSlots:\n\n * ` ` {} - Renders custom content.\n\n * `start` {} - Renders content before all other content.\n\n * `end` {} - Renders content after all other content.\n\n * `title` {} - Renders the title.\n\n * `subtitle` {} - Renders the subtitle.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - ",
978
919
  "attributes": []
979
920
  },
980
921
  {
981
922
  "name": "igc-list",
982
- "description": "Displays a collection of data items in a templatable list format.\n\nSlots:\n\n * ` ` {} - Renders the list items and list headers inside default slot.\n\nAttributes:\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `styles` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
923
+ "description": "Displays a collection of data items in a templatable list format.\n\nSlots:\n\n * ` ` {} - Renders the list items and list headers inside default slot.\n\nAttributes:\n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
983
924
  "attributes": [
984
925
  {
985
926
  "name": "size",
@@ -1000,12 +941,12 @@
1000
941
  },
1001
942
  {
1002
943
  "name": "igc-nav-drawer-header-item",
1003
- "description": "A wrapper for navigation drawer's header.\n\nSlots:\n\n * ` ` {} - Renders the header content\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
944
+ "description": "A wrapper for navigation drawer's header.\n\nSlots:\n\n * ` ` {} - Renders the header content\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - ",
1004
945
  "attributes": []
1005
946
  },
1006
947
  {
1007
948
  "name": "igc-nav-drawer-item",
1008
- "description": "Represents a navigation drawer item.\n\nSlots:\n\n * `content` {} - The content slot for the drawer item.\n\n * `icon` {} - The slot for the icon of the drawer item.\n\nAttributes:\n\n * `disabled` {`boolean`} - Determines whether the drawer is disabled.\n\n * `active` {`boolean`} - Determines whether the drawer is active.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {`boolean`} - Determines whether the drawer is disabled.\n\n * `active` {`boolean`} - Determines whether the drawer is active.\n\n * `_textLength` {`number`} - \n\n * `_text` {`NodeListOf<HTMLElement>`} - ",
949
+ "description": "Represents a navigation drawer item.\n\nSlots:\n\n * `content` {} - The content slot for the drawer item.\n\n * `icon` {} - The slot for the icon of the drawer item.\n\nAttributes:\n\n * `disabled` {`boolean`} - Determines whether the drawer is disabled.\n\n * `active` {`boolean`} - Determines whether the drawer is active.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `disabled` {`boolean`} - Determines whether the drawer is disabled.\n\n * `active` {`boolean`} - Determines whether the drawer is active.\n\n * `_textLength` {`number`} - \n\n * `_text` {`NodeListOf<HTMLElement>`} - ",
1009
950
  "attributes": [
1010
951
  {
1011
952
  "name": "disabled",
@@ -1021,7 +962,7 @@
1021
962
  },
1022
963
  {
1023
964
  "name": "igc-nav-drawer",
1024
- "description": "Represents a side navigation container that provides\nquick access between views.\n\nEvents:\n\n * `igcOpening` {} - Emitted when the navigation drawer is about to open.\n\n * `igcOpened` {} - Emitted when the navigation drawer is opened.\n\n * `igcClosing` {} - Emitted when the navigation drawer is about to close.\n\n * `igcClosed` {} - Emitted when the navigation drawer is closed.\n\nSlots:\n\n * ` ` {} - The default slot for the drawer.\n\n * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - \n\n * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.",
965
+ "description": "Represents a side navigation container that provides\nquick access between views.\n\nEvents:\n\n * `igcOpening` {} - Emitted when the navigation drawer is about to open.\n\n * `igcOpened` {} - Emitted when the navigation drawer is opened.\n\n * `igcClosing` {} - Emitted when the navigation drawer is about to close.\n\n * `igcClosed` {} - Emitted when the navigation drawer is closed.\n\nSlots:\n\n * ` ` {} - The default slot for the drawer.\n\n * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n * `open` {`boolean`} - Determines whether the drawer is opened.",
1025
966
  "attributes": [
1026
967
  {
1027
968
  "name": "position",
@@ -1066,12 +1007,12 @@
1066
1007
  },
1067
1008
  {
1068
1009
  "name": "igc-navbar",
1069
- "description": "A navigation bar component is used to facilitate navigation through\na series of hierarchical screens within an app.\n\nSlots:\n\n * ` ` {} - Renders a title inside the default slot.\n\n * `start` {} - Renders left aligned icons.\n\n * `end` {} - Renders right aligned action icons.\n\nProperties:\n\n * `styles` {`CSSResult[]`} - ",
1010
+ "description": "A navigation bar component is used to facilitate navigation through\na series of hierarchical screens within an app.\n\nSlots:\n\n * ` ` {} - Renders a title inside the default slot.\n\n * `start` {} - Renders left aligned icons.\n\n * `end` {} - Renders right aligned action icons.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` {`CSSResult[]`} - ",
1070
1011
  "attributes": []
1071
1012
  },
1072
1013
  {
1073
1014
  "name": "igc-radio-group",
1074
- "description": "Attributes:\n\n * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\nProperties:\n\n * `styles` - \n\n * `_slottedRadios` {`NodeListOf<IgcRadioComponent>`} - \n\n * `radios` {`IgcRadioComponent[]`} - \n\n * `isLTR` {`boolean`} - \n\n * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\n * `handleKeydown` - ",
1015
+ "description": "Attributes:\n\n * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `_slottedRadios` {`NodeListOf<IgcRadioComponent>`} - \n\n * `radios` {`IgcRadioComponent[]`} - \n\n * `isLTR` {`boolean`} - \n\n * `alignment` {`\"vertical\" | \"horizontal\"`} - \n\n * `handleKeydown` - ",
1075
1016
  "attributes": [
1076
1017
  {
1077
1018
  "name": "alignment",
@@ -1089,7 +1030,7 @@
1089
1030
  },
1090
1031
  {
1091
1032
  "name": "igc-radio",
1092
- "description": "Events:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The radio label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n * `styles` - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `_tabIndex` {`number`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
1033
+ "description": "Events:\n\n * `igcChange` {} - Emitted when the control's checked state changes.\n\n * `igcFocus` {} - Emitted when the control gains focus.\n\n * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n * ` ` {} - The radio label.\n\nAttributes:\n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `inputId` {`string`} - \n\n * `labelId` {`string`} - \n\n * `input` {`HTMLInputElement`} - \n\n * `_tabIndex` {`number`} - \n\n * `name` {`string`} - The name attribute of the control.\n\n * `value` {`string`} - The value attribute of the control.\n\n * `checked` {`boolean`} - The checked state of the control.\n\n * `disabled` {`boolean`} - Disables the radio control.\n\n * `invalid` {`boolean`} - Controls the validity of the control.\n\n * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
1093
1034
  "attributes": [
1094
1035
  {
1095
1036
  "name": "name",
@@ -1146,7 +1087,7 @@
1146
1087
  },
1147
1088
  {
1148
1089
  "name": "igc-ripple",
1149
- "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n * `styles` - \n\n * `handler` - ",
1090
+ "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `handler` - ",
1150
1091
  "attributes": []
1151
1092
  }
1152
1093
  ],
@@ -1,14 +0,0 @@
1
- import { IgcButtonBaseComponent } from './button-base.js';
2
- export default class IgcLinkButtonComponent extends IgcButtonBaseComponent {
3
- href: string;
4
- download: string;
5
- target: '_blank' | '_parent' | '_self' | '_top' | undefined;
6
- rel: string;
7
- protected render(): import("lit").TemplateResult<1>;
8
- }
9
- declare global {
10
- interface HTMLElementTagNameMap {
11
- 'igc-link-button': IgcLinkButtonComponent;
12
- }
13
- }
14
- //# sourceMappingURL=link-button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/link-button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAqB1D,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,sBAAsB;IAGjE,IAAI,EAAG,MAAM,CAAC;IAId,QAAQ,EAAG,MAAM,CAAC;IAIlB,MAAM,EAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAO7D,GAAG,EAAG,MAAM,CAAC;IAEpB,SAAS,CAAC,MAAM;CAkBjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF"}
@@ -1,48 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { html } from 'lit';
8
- import { customElement, property } from 'lit/decorators.js';
9
- import { classMap } from 'lit/directives/class-map.js';
10
- import { ifDefined } from 'lit/directives/if-defined.js';
11
- import { IgcButtonBaseComponent } from './button-base.js';
12
- let IgcLinkButtonComponent = class IgcLinkButtonComponent extends IgcButtonBaseComponent {
13
- render() {
14
- return html `
15
- <a
16
- part="base"
17
- role="button"
18
- href=${ifDefined(this.href)}
19
- target=${ifDefined(this.target)}
20
- download=${ifDefined(this.download)}
21
- rel=${ifDefined(this.rel)}
22
- aria-disabled=${this.disabled ? 'true' : 'false'}
23
- class=${classMap(this.classes)}
24
- @focus=${this.handleFocus}
25
- @blur=${this.handleBlur}
26
- >
27
- ${this.renderContent()}
28
- </a>
29
- `;
30
- }
31
- };
32
- __decorate([
33
- property()
34
- ], IgcLinkButtonComponent.prototype, "href", void 0);
35
- __decorate([
36
- property()
37
- ], IgcLinkButtonComponent.prototype, "download", void 0);
38
- __decorate([
39
- property()
40
- ], IgcLinkButtonComponent.prototype, "target", void 0);
41
- __decorate([
42
- property()
43
- ], IgcLinkButtonComponent.prototype, "rel", void 0);
44
- IgcLinkButtonComponent = __decorate([
45
- customElement('igc-link-button')
46
- ], IgcLinkButtonComponent);
47
- export default IgcLinkButtonComponent;
48
- //# sourceMappingURL=link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link-button.js","sourceRoot":"","sources":["../../../src/components/button/link-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAqB1D,IAAqB,sBAAsB,GAA3C,MAAqB,sBAAuB,SAAQ,sBAAsB;IAoB9D,MAAM;QACd,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;wBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACxC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;iBACrB,IAAI,CAAC,WAAW;gBACjB,IAAI,CAAC,UAAU;;UAErB,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;CACF,CAAA;AAnCC;IADC,QAAQ,EAAE;oDACU;AAIrB;IADC,QAAQ,EAAE;wDACc;AAIzB;IADC,QAAQ,EAAE;sDACyD;AAOpE;IADC,QAAQ,EAAE;mDACS;AAlBD,sBAAsB;IAD1C,aAAa,CAAC,iBAAiB,CAAC;GACZ,sBAAsB,CAsC1C;eAtCoB,sBAAsB","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\n\n/**\n * Represents a button component specifically useful for\n * creating hyperlinks to web pages, files, or anything else\n * a URL can address.\n *\n * @element igc-link-button\n *\n * @slot - Renders the label of the button.\n * @slot prefix - Renders content before the label of the button.\n * @slot suffix - Renders content after the label of the button.\n *\n * @fires igcFocus - Emitted when the button gains focus.\n * @fires igcBlur - Emitted when the button loses focus.\n *\n * @csspart base - The native anchor element.\n * @csspart prefix - The prefix container.\n * @csspart suffix - The suffix container.\n */\n@customElement('igc-link-button')\nexport default class IgcLinkButtonComponent extends IgcButtonBaseComponent {\n /** The URL the link-button points to. */\n @property()\n public href!: string;\n\n /** Prompts to save the linked URL instead of navigating to it. */\n @property()\n public download!: string;\n\n /** Where to display the linked URL, as the name for a browsing context. */\n @property()\n public target!: '_blank' | '_parent' | '_self' | '_top' | undefined;\n\n /**\n * The relationship of the linked URL.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n */\n @property()\n public rel!: string;\n\n protected render() {\n return html`\n <a\n part=\"base\"\n role=\"button\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n class=${classMap(this.classes)}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n >\n ${this.renderContent()}\n </a>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-link-button': IgcLinkButtonComponent;\n }\n}\n"]}