igniteui-webcomponents 4.0.0-alpha.2 → 4.0.0-alpha.3

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 (209) hide show
  1. package/CHANGELOG.md +19 -2
  2. package/README.md +17 -15
  3. package/components/avatar/themes/avatar.base.css.js +14 -6
  4. package/components/avatar/themes/avatar.base.css.js.map +1 -1
  5. package/components/badge/themes/light/badge.base.css.js +7 -0
  6. package/components/badge/themes/light/badge.base.css.js.map +1 -1
  7. package/components/button/icon-button.js +13 -10
  8. package/components/button/icon-button.js.map +1 -1
  9. package/components/button/themes/button/light/button.base.css.js +35 -31
  10. package/components/button/themes/button/light/button.base.css.js.map +1 -1
  11. package/components/button/themes/button/light/button.bootstrap.css.js +4 -12
  12. package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
  13. package/components/button/themes/button/light/button.fluent.css.js +5 -15
  14. package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
  15. package/components/button/themes/button/light/button.indigo.css.js +6 -18
  16. package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
  17. package/components/button/themes/button/light/button.material.css.js +35 -31
  18. package/components/button/themes/button/light/button.material.css.js.map +1 -1
  19. package/components/button/themes/icon-button/light/icon-button.base.css.js +16 -19
  20. package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
  21. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +7 -18
  22. package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
  23. package/components/button/themes/icon-button/light/icon-button.fluent.css.js +7 -17
  24. package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
  25. package/components/button/themes/icon-button/light/icon-button.indigo.css.js +7 -17
  26. package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
  27. package/components/button/themes/icon-button/light/icon-button.material.css.js +6 -13
  28. package/components/button/themes/icon-button/light/icon-button.material.css.js.map +1 -1
  29. package/components/calendar/days-view/days-view.d.ts +2 -0
  30. package/components/calendar/days-view/days-view.js +17 -5
  31. package/components/calendar/days-view/days-view.js.map +1 -1
  32. package/components/calendar/themes/calendar.base.css.js +66 -89
  33. package/components/calendar/themes/calendar.base.css.js.map +1 -1
  34. package/components/calendar/themes/days-view.base.css.js +0 -1
  35. package/components/calendar/themes/days-view.base.css.js.map +1 -1
  36. package/components/calendar/themes/fluent/calendar.fluent.css.js +66 -89
  37. package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
  38. package/components/card/themes/light/card.actions.bootstrap.css.js +7 -0
  39. package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
  40. package/components/card/themes/light/card.actions.material.css.js +7 -0
  41. package/components/card/themes/light/card.actions.material.css.js.map +1 -1
  42. package/components/card/themes/light/card.content.bootstrap.css.js +7 -0
  43. package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
  44. package/components/card/themes/light/card.content.indigo.css.js +7 -0
  45. package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
  46. package/components/card/themes/light/card.content.material.css.js +7 -0
  47. package/components/card/themes/light/card.content.material.css.js.map +1 -1
  48. package/components/card/themes/light/card.header.bootstrap.css.js +7 -0
  49. package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
  50. package/components/card/themes/light/card.header.fluent.css.js +7 -0
  51. package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
  52. package/components/card/themes/light/card.header.indigo.css.js +7 -0
  53. package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
  54. package/components/card/themes/light/card.header.material.css.js +7 -0
  55. package/components/card/themes/light/card.header.material.css.js.map +1 -1
  56. package/components/card/themes/light/card.material.css.js +7 -0
  57. package/components/card/themes/light/card.material.css.js.map +1 -1
  58. package/components/card/themes/light/card.media.material.css.js +7 -0
  59. package/components/card/themes/light/card.media.material.css.js.map +1 -1
  60. package/components/checkbox/themes/light/checkbox.base.css.js +10 -2
  61. package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
  62. package/components/checkbox/themes/light/checkbox.bootstrap.css.js +4 -3
  63. package/components/checkbox/themes/light/checkbox.bootstrap.css.js.map +1 -1
  64. package/components/checkbox/themes/light/switch.base.css.js +7 -0
  65. package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
  66. package/components/chip/themes/chip.base.css.js +47 -40
  67. package/components/chip/themes/chip.base.css.js.map +1 -1
  68. package/components/chip/themes/chip.bootstrap.css.js +47 -40
  69. package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
  70. package/components/chip/themes/chip.fluent.css.js +47 -40
  71. package/components/chip/themes/chip.fluent.css.js.map +1 -1
  72. package/components/chip/themes/chip.indigo.css.js +47 -40
  73. package/components/chip/themes/chip.indigo.css.js.map +1 -1
  74. package/components/chip/themes/chip.material.css.js +47 -40
  75. package/components/chip/themes/chip.material.css.js.map +1 -1
  76. package/components/dialog/dialog.d.ts +69 -0
  77. package/components/dialog/dialog.js +168 -0
  78. package/components/dialog/dialog.js.map +1 -0
  79. package/components/dialog/themes/light/dialog.base.css.d.ts +1 -0
  80. package/components/dialog/themes/light/dialog.base.css.js +127 -0
  81. package/components/dialog/themes/light/dialog.base.css.js.map +1 -0
  82. package/components/dialog/themes/light/dialog.bootstrap.css.d.ts +1 -0
  83. package/components/dialog/themes/light/dialog.bootstrap.css.js +42 -0
  84. package/components/dialog/themes/light/dialog.bootstrap.css.js.map +1 -0
  85. package/components/dialog/themes/light/dialog.fluent.css.d.ts +1 -0
  86. package/components/dialog/themes/light/dialog.fluent.css.js +24 -0
  87. package/components/dialog/themes/light/dialog.fluent.css.js.map +1 -0
  88. package/components/dialog/themes/light/dialog.indigo.css.d.ts +1 -0
  89. package/components/dialog/themes/light/dialog.indigo.css.js +17 -0
  90. package/components/dialog/themes/light/dialog.indigo.css.js.map +1 -0
  91. package/components/dialog/themes/light/dialog.material.css.d.ts +1 -0
  92. package/components/dialog/themes/light/dialog.material.css.js +18 -0
  93. package/components/dialog/themes/light/dialog.material.css.js.map +1 -0
  94. package/components/dropdown/dropdown-header.js +2 -1
  95. package/components/dropdown/dropdown-header.js.map +1 -1
  96. package/components/dropdown/dropdown.js +2 -0
  97. package/components/dropdown/dropdown.js.map +1 -1
  98. package/components/dropdown/themes/light/dropdown-group.base.css.js +9 -24
  99. package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
  100. package/components/dropdown/themes/light/dropdown-group.fluent.css.js +2 -16
  101. package/components/dropdown/themes/light/dropdown-group.fluent.css.js.map +1 -1
  102. package/components/dropdown/themes/light/dropdown-header.base.css.js +9 -0
  103. package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
  104. package/components/dropdown/themes/light/dropdown-header.fluent.css.d.ts +1 -0
  105. package/components/dropdown/themes/light/dropdown-header.fluent.css.js +6 -0
  106. package/components/dropdown/themes/light/dropdown-header.fluent.css.js.map +1 -0
  107. package/components/dropdown/themes/light/dropdown-item.base.css.js +13 -4
  108. package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
  109. package/components/dropdown/themes/light/dropdown-item.fluent.css.js +4 -0
  110. package/components/dropdown/themes/light/dropdown-item.fluent.css.js.map +1 -1
  111. package/components/dropdown/themes/light/dropdown.base.css.js +13 -18
  112. package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
  113. package/components/dropdown/themes/light/dropdown.fluent.css.js +0 -18
  114. package/components/dropdown/themes/light/dropdown.fluent.css.js.map +1 -1
  115. package/components/expansion-panel/themes/light/expansion-panel.base.css.js +8 -6
  116. package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map +1 -1
  117. package/components/form/form.js +3 -3
  118. package/components/form/form.js.map +1 -1
  119. package/components/icon/icon.material.css.js +13 -5
  120. package/components/icon/icon.material.css.js.map +1 -1
  121. package/components/input/themes/light/input.base.css.js +22 -16
  122. package/components/input/themes/light/input.base.css.js.map +1 -1
  123. package/components/input/themes/light/input.bootstrap.css.js +26 -45
  124. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  125. package/components/input/themes/light/input.fluent.css.js +20 -34
  126. package/components/input/themes/light/input.fluent.css.js.map +1 -1
  127. package/components/list/themes/light/list-header.base.css.js +9 -0
  128. package/components/list/themes/light/list-header.base.css.js.map +1 -1
  129. package/components/list/themes/light/list-item.base.css.js +13 -4
  130. package/components/list/themes/light/list-item.base.css.js.map +1 -1
  131. package/components/list/themes/light/list.base.css.js +13 -9
  132. package/components/list/themes/light/list.base.css.js.map +1 -1
  133. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +7 -0
  134. package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
  135. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +7 -0
  136. package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
  137. package/components/nav-drawer/themes/light/nav-drawer.base.css.js +7 -0
  138. package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
  139. package/components/navbar/themes/light/navbar.base.css.js +7 -0
  140. package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
  141. package/components/progress/themes/circular/circular.progress.base.css.js +7 -0
  142. package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
  143. package/components/progress/themes/linear/linear.progress.base.css.js +7 -0
  144. package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
  145. package/components/progress/themes/linear/linear.progress.bootstrap.css.js +7 -0
  146. package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
  147. package/components/progress/themes/linear/linear.progress.indigo.css.js +7 -0
  148. package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
  149. package/components/radio/themes/light/radio.base.css.js +7 -0
  150. package/components/radio/themes/light/radio.base.css.js.map +1 -1
  151. package/components/radio-group/radio-group.base.css.js +7 -0
  152. package/components/radio-group/radio-group.base.css.js.map +1 -1
  153. package/components/rating/rating-symbol.base.css.js +8 -0
  154. package/components/rating/rating-symbol.base.css.js.map +1 -1
  155. package/components/rating/rating.base.css.js +12 -5
  156. package/components/rating/rating.base.css.js.map +1 -1
  157. package/components/ripple/ripple.material.css.js +7 -0
  158. package/components/ripple/ripple.material.css.js.map +1 -1
  159. package/components/select/select.d.ts +2 -0
  160. package/components/select/select.js +8 -2
  161. package/components/select/select.js.map +1 -1
  162. package/components/select/themes/light/select.base.css.js +13 -18
  163. package/components/select/themes/light/select.base.css.js.map +1 -1
  164. package/components/select/themes/light/select.fluent.css.js +6 -8
  165. package/components/select/themes/light/select.fluent.css.js.map +1 -1
  166. package/components/slider/range-slider.d.ts +2 -0
  167. package/components/slider/range-slider.js +65 -0
  168. package/components/slider/range-slider.js.map +1 -1
  169. package/components/slider/slider-base.d.ts +9 -7
  170. package/components/slider/slider-base.js +16 -2
  171. package/components/slider/slider-base.js.map +1 -1
  172. package/components/slider/themes/light/slider.base.css.js +12 -5
  173. package/components/slider/themes/light/slider.base.css.js.map +1 -1
  174. package/components/slider/themes/light/slider.bootstrap.css.js +2 -2
  175. package/components/slider/themes/light/slider.bootstrap.css.js.map +1 -1
  176. package/components/slider/themes/light/slider.fluent.css.js +29 -11
  177. package/components/slider/themes/light/slider.fluent.css.js.map +1 -1
  178. package/components/slider/themes/light/slider.indigo.css.js +4 -4
  179. package/components/slider/themes/light/slider.indigo.css.js.map +1 -1
  180. package/components/slider/themes/light/slider.material.css.js +5 -5
  181. package/components/slider/themes/light/slider.material.css.js.map +1 -1
  182. package/components/snackbar/themes/light/snackbar.base.css.js +7 -0
  183. package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
  184. package/components/tabs/tabs.js +1 -0
  185. package/components/tabs/tabs.js.map +1 -1
  186. package/components/tabs/themes/light/tab-panel.base.css.js +7 -0
  187. package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
  188. package/components/tabs/themes/light/tab.base.css.js +7 -0
  189. package/components/tabs/themes/light/tab.base.css.js.map +1 -1
  190. package/components/tabs/themes/light/tabs.base.css.js +7 -0
  191. package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
  192. package/components/tree/themes/light/tree-item.base.css.js +11 -22
  193. package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
  194. package/components/tree/themes/light/tree.base.css.js +19 -0
  195. package/components/tree/themes/light/tree.base.css.js.map +1 -1
  196. package/custom-elements.json +129 -0
  197. package/index.d.ts +1 -0
  198. package/index.js +1 -0
  199. package/index.js.map +1 -1
  200. package/package.json +3 -3
  201. package/themes/dark/bootstrap.css +7 -4
  202. package/themes/dark/fluent.css +10 -7
  203. package/themes/dark/indigo.css +7 -4
  204. package/themes/dark/material.css +8 -5
  205. package/themes/light/bootstrap.css +6 -3
  206. package/themes/light/fluent.css +6 -3
  207. package/themes/light/indigo.css +6 -3
  208. package/themes/light/material.css +7 -4
  209. package/vscode-html-custom-data.json +39 -1
@@ -2069,6 +2069,135 @@
2069
2069
  }
2070
2070
  ]
2071
2071
  },
2072
+ {
2073
+ "name": "igc-dialog",
2074
+ "path": "./src/components/dialog/dialog.ts",
2075
+ "description": "Represents a Dialog component.",
2076
+ "attributes": [
2077
+ {
2078
+ "name": "close-on-escape",
2079
+ "description": "Whether the dialog should be closed when pressing the 'ESCAPE' button.",
2080
+ "type": "boolean",
2081
+ "default": "true"
2082
+ },
2083
+ {
2084
+ "name": "close-on-outside-click",
2085
+ "description": "Whether the dialog should be closed when clicking outside of it.",
2086
+ "type": "boolean",
2087
+ "default": "false"
2088
+ },
2089
+ {
2090
+ "name": "hide-default-action",
2091
+ "description": "Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.",
2092
+ "type": "boolean",
2093
+ "default": "false"
2094
+ },
2095
+ {
2096
+ "name": "open",
2097
+ "description": "Whether the dialog is opened.",
2098
+ "type": "boolean",
2099
+ "default": "false"
2100
+ },
2101
+ {
2102
+ "name": "title",
2103
+ "description": "Sets the title of the dialog.",
2104
+ "type": "string"
2105
+ }
2106
+ ],
2107
+ "properties": [
2108
+ {
2109
+ "name": "tagName",
2110
+ "type": "\"igc-dialog\"",
2111
+ "default": "\"igc-dialog\""
2112
+ },
2113
+ {
2114
+ "name": "styles",
2115
+ "type": "CSSResult[]",
2116
+ "default": "[\"styles\"]"
2117
+ },
2118
+ {
2119
+ "name": "closeOnEscape",
2120
+ "attribute": "close-on-escape",
2121
+ "description": "Whether the dialog should be closed when pressing the 'ESCAPE' button.",
2122
+ "type": "boolean",
2123
+ "default": "true"
2124
+ },
2125
+ {
2126
+ "name": "closeOnOutsideClick",
2127
+ "attribute": "close-on-outside-click",
2128
+ "description": "Whether the dialog should be closed when clicking outside of it.",
2129
+ "type": "boolean",
2130
+ "default": "false"
2131
+ },
2132
+ {
2133
+ "name": "hideDefaultAction",
2134
+ "attribute": "hide-default-action",
2135
+ "description": "Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.",
2136
+ "type": "boolean",
2137
+ "default": "false"
2138
+ },
2139
+ {
2140
+ "name": "open",
2141
+ "attribute": "open",
2142
+ "description": "Whether the dialog is opened.",
2143
+ "type": "boolean",
2144
+ "default": "false"
2145
+ },
2146
+ {
2147
+ "name": "title",
2148
+ "attribute": "title",
2149
+ "description": "Sets the title of the dialog.",
2150
+ "type": "string"
2151
+ },
2152
+ {
2153
+ "name": "returnValue",
2154
+ "description": "Sets the return value for the dialog.",
2155
+ "type": "string"
2156
+ }
2157
+ ],
2158
+ "events": [
2159
+ {
2160
+ "name": "igcClosing",
2161
+ "description": "Emitter just before the dialog is closed."
2162
+ },
2163
+ {
2164
+ "name": "igcClosed",
2165
+ "description": "Emitted after closing the dialog."
2166
+ }
2167
+ ],
2168
+ "slots": [
2169
+ {
2170
+ "name": "",
2171
+ "description": "Renders content inside the default slot."
2172
+ },
2173
+ {
2174
+ "name": "title",
2175
+ "description": "Renders the title of the dialog header."
2176
+ },
2177
+ {
2178
+ "name": "footer",
2179
+ "description": "Renders the dialog footer."
2180
+ }
2181
+ ],
2182
+ "cssParts": [
2183
+ {
2184
+ "name": "base",
2185
+ "description": "The base wrapper of the dialog."
2186
+ },
2187
+ {
2188
+ "name": "title",
2189
+ "description": "The title container."
2190
+ },
2191
+ {
2192
+ "name": "footer",
2193
+ "description": "The footer container."
2194
+ },
2195
+ {
2196
+ "name": "overlay",
2197
+ "description": "The overlay."
2198
+ }
2199
+ ]
2200
+ },
2072
2201
  {
2073
2202
  "name": "igc-dropdown-group",
2074
2203
  "path": "./src/components/dropdown/dropdown-group.ts",
package/index.d.ts CHANGED
@@ -13,6 +13,7 @@ export { default as IgcCircularProgressComponent } from './components/progress/c
13
13
  export { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';
14
14
  export { default as IgcChipComponent } from './components/chip/chip.js';
15
15
  export { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';
16
+ export { default as IgcDialogComponent } from './components/dialog/dialog.js';
16
17
  export { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';
17
18
  export { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';
18
19
  export { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';
package/index.js CHANGED
@@ -13,6 +13,7 @@ export { default as IgcCircularProgressComponent } from './components/progress/c
13
13
  export { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';
14
14
  export { default as IgcChipComponent } from './components/chip/chip.js';
15
15
  export { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';
16
+ export { default as IgcDialogComponent } from './components/dialog/dialog.js';
16
17
  export { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';
17
18
  export { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';
18
19
  export { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcFormComponent } from './components/form/form.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n registerIcon,\n registerIconFromText,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';\n\n// Types\nexport type {\n DateRangeDescriptor,\n DateRangeType,\n} from './components/calendar/common/calendar.model.js';\nexport type {\n DatePart,\n DatePartDeltas,\n} from './components/date-time-input/date-util.js';\nexport type { IgcRangeSliderValue } from './components/slider/range-slider.js';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDialogComponent } from './components/dialog/dialog.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcFormComponent } from './components/form/form.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n registerIcon,\n registerIconFromText,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';\n\n// Types\nexport type {\n DateRangeDescriptor,\n DateRangeType,\n} from './components/calendar/common/calendar.model.js';\nexport type {\n DatePart,\n DatePartDeltas,\n} from './components/date-time-input/date-util.js';\nexport type { IgcRangeSliderValue } from './components/slider/range-slider.js';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-webcomponents",
3
- "version": "4.0.0-alpha.2",
3
+ "version": "4.0.0-alpha.3",
4
4
  "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -56,7 +56,7 @@
56
56
  "tree"
57
57
  ],
58
58
  "dependencies": {
59
- "@floating-ui/dom": "^1.0.1",
60
- "lit": "^2.3.0"
59
+ "@floating-ui/dom": "^1.0.2",
60
+ "lit": "^2.3.1"
61
61
  }
62
62
  }
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: bootstrap;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
 
17
20
  :root {
@@ -682,7 +685,7 @@ igc-select::part(input) {
682
685
  --input-background: transparent;
683
686
  }
684
687
 
685
- igc-grid {
688
+ apx-grid {
686
689
  --header-border-color: hsla(var(--ig-gray-200), 0.28);
687
690
  --row-hover-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
688
691
  --row-hover-text-color: var(--ig-gray-100-contrast);
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: fluent;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
 
17
20
  :root {
@@ -686,11 +689,11 @@ igc-radio {
686
689
  }
687
690
 
688
691
  igc-slider {
689
- --inactive-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
690
- --fill-background: hsla(var(--ig-gray-400), var(--ig-gray-a));
692
+ --inactive-background: hsla(var(--ig-gray-300), var(--ig-gray-a));
693
+ --fill-background: hsla(var(--ig-gray-600), var(--ig-gray-a));
691
694
  --thumb-border: hsla(var(--ig-gray-400), var(--ig-gray-a));
692
695
  --fill-hover-background: hsla(var(--ig-primary-300), var(--ig-primary-a));
693
- --thumb-hover-border: hsla(var(--ig-primary-300), var(--ig-primary-a));
696
+ --thumb-hover-border: hsla(var(--ig-primary-100), var(--ig-primary-a));
694
697
  --inactive-disabled-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
695
698
  --fill-disabled-background: hsla(var(--ig-gray-300), var(--ig-gray-a));
696
699
  --thumb-disabled-border: hsla(var(--ig-gray-200), var(--ig-gray-a));
@@ -725,7 +728,7 @@ igc-nav-drawer-item {
725
728
  --active-text-color: hsla(var(--ig-primary-200), var(--ig-primary-a));
726
729
  }
727
730
 
728
- igc-grid {
731
+ apx-grid {
729
732
  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
730
733
  --header-text-color: var(--ig-gray-100-contrast);
731
734
  --header-border-color: hsla(var(--ig-gray-200), 0.24);
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: indigo;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
  :root {
17
20
  --ig-primary-50-contrast: black;
@@ -470,7 +473,7 @@ igc-snackbar {
470
473
  --text-color: var(--ig-gray-200-contrast);
471
474
  }
472
475
 
473
- igc-grid {
476
+ apx-grid {
474
477
  --content-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
475
478
  --content-text-color: var(--ig-gray-50-contrast);
476
479
  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: material;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
 
17
20
  :root {
@@ -211,7 +214,7 @@
211
214
  --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
212
215
  --ig-warn-h: 37deg;
213
216
  --ig-warn-s: 96%;
214
- --ig-warn-l: 61%;
217
+ --ig-warn-l: 54%;
215
218
  --ig-warn-a: 1;
216
219
  --ig-warn-500-contrast: black;
217
220
  --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
@@ -651,7 +654,7 @@ igc-nav-drawer-item {
651
654
  --hover-background: hsla(var(--ig-gray-100), 0.5);
652
655
  }
653
656
 
654
- igc-grid {
657
+ apx-grid {
655
658
  --content-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));
656
659
  --header-border-color: hsla(var(--ig-gray-200), 0.24);
657
660
  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: bootstrap;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
 
17
20
  :root {
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: fluent;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
 
17
20
  :root {
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: indigo;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
  :root {
17
20
  --ig-primary-50-contrast: black;
@@ -9,9 +9,12 @@
9
9
  :root {
10
10
  --igc-theme: material;
11
11
  --ig-radius-factor: 1;
12
- --igc-spacing-small: 0.125rem;
13
- --igc-spacing-medium: 0.25rem;
14
- --igc-spacing-large: 0.5rem;
12
+ --ig-spacing: 1;
13
+ --ig-spacing-inline: 1;
14
+ --ig-spacing-block: 1;
15
+ --ig-size-small: 1;
16
+ --ig-size-medium: 2;
17
+ --ig-size-large: 3;
15
18
  }
16
19
 
17
20
  :root {
@@ -211,7 +214,7 @@
211
214
  --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08);
212
215
  --ig-warn-h: 37deg;
213
216
  --ig-warn-s: 96%;
214
- --ig-warn-l: 61%;
217
+ --ig-warn-l: 54%;
215
218
  --ig-warn-a: 1;
216
219
  --ig-warn-500-contrast: black;
217
220
  --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1);
@@ -431,7 +431,7 @@
431
431
  },
432
432
  {
433
433
  "name": "igc-days-view",
434
- "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\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 * `active-date` {`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\nProperties:\n\n * `tagName` {`\"igc-days-view\"`} - \n\n * `styles` - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `dates` {`ICalendarDate[][]`} - \n\n * `activeDay` {`HTMLElement`} - \n\n * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `isSingleSelection` {`boolean`} - \n\n * `calendarModel` - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\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.",
434
+ "description": "Instantiate a days view as a separate component in the calendar.\n\nEvents:\n\n * `igcActiveDateChange` {} - Emitted when the active date changes.\n\n * `igcRangePreviewDateChange` {} - Emitted when the range preview date changes.\n\nAttributes:\n\n * `hide-leading-days` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hide-trailing-days` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `week-day-format` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\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 * `active-date` {`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\nProperties:\n\n * `tagName` {`\"igc-days-view\"`} - \n\n * `styles` - \n\n * `labelFormatter` {`DateTimeFormat`} - \n\n * `formatterWeekday` {`DateTimeFormat`} - \n\n * `dates` {`ICalendarDate[][]`} - \n\n * `activeDay` {`HTMLElement`} - \n\n * `hideLeadingDays` {`boolean`} - Controls the visibility of the leading dates that do not belong to the current month.\n\n * `hideTrailingDays` {`boolean`} - Controls the visibility of the trailing dates that do not belong to the current month.\n\n * `active` {`boolean`} - Gets/sets the active state of the days view.\n\n * `rangePreviewDate` {`Date | undefined`} - The range preview date.\n\n * `weekDayFormat` {`\"long\" | \"short\" | \"narrow\" | undefined`} - The format of the days. Defaults to narrow.\n\n * `resourceStrings` {`IgcCalendarResourceStrings`} - The resource strings.\n\n * `isSingleSelection` {`boolean`} - \n\n * `calendarModel` - \n\n * `value` {`Date | undefined`} - Тhe current value of the calendar.\nUsed when selection is set to single.\n\n * `values` {`Date[] | undefined`} - Тhe current values of the calendar.\nUsed when selection is set to multiple or range.\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.",
435
435
  "attributes": [
436
436
  {
437
437
  "name": "hide-leading-days",
@@ -925,6 +925,44 @@
925
925
  }
926
926
  ]
927
927
  },
928
+ {
929
+ "name": "igc-dialog",
930
+ "description": "Represents a Dialog component.\n\nEvents:\n\n * `igcClosing` {} - Emitter just before the dialog is closed.\n\n * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n * ` ` {} - Renders content inside the default slot.\n\n * `title` {} - Renders the title of the dialog header.\n\n * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n * `open` {`boolean`} - Whether the dialog is opened.\n\n * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n * `tagName` {`\"igc-dialog\"`} - \n\n * `styles` {`CSSResult[]`} - \n\n * `increment` - \n\n * `titleId` {`string`} - \n\n * `dialog` {`HTMLDialogElement`} - \n\n * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n * `open` {`boolean`} - Whether the dialog is opened.\n\n * `title` {`string`} - Sets the title of the dialog.\n\n * `returnValue` {`string`} - Sets the return value for the dialog.\n\n * `formSubmitHandler` - ",
931
+ "attributes": [
932
+ {
933
+ "name": "close-on-escape",
934
+ "description": "`close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\nProperty: closeOnEscape\n\nDefault: true",
935
+ "valueSet": "v"
936
+ },
937
+ {
938
+ "name": "close-on-outside-click",
939
+ "description": "`close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\nProperty: closeOnOutsideClick\n\nDefault: false",
940
+ "valueSet": "v"
941
+ },
942
+ {
943
+ "name": "hide-default-action",
944
+ "description": "`hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\nProperty: hideDefaultAction\n\nDefault: false",
945
+ "valueSet": "v"
946
+ },
947
+ {
948
+ "name": "open",
949
+ "description": "`open` {`boolean`} - Whether the dialog is opened.\n\nProperty: open\n\nDefault: false",
950
+ "valueSet": "v"
951
+ },
952
+ {
953
+ "name": "title",
954
+ "description": "`title` {`string`} - Sets the title of the dialog.\n\nProperty: title"
955
+ },
956
+ {
957
+ "name": "onigcClosing",
958
+ "description": "`igcClosing` {} - Emitter just before the dialog is closed."
959
+ },
960
+ {
961
+ "name": "onigcClosed",
962
+ "description": "`igcClosed` {} - Emitted after closing the dialog."
963
+ }
964
+ ]
965
+ },
928
966
  {
929
967
  "name": "igc-dropdown-group",
930
968
  "description": "Slots:\n\n * `label` {} - Contains the group's label.\n\n * ` ` {} - Intended to contain the items belonging to this group.\n\nProperties:\n\n * `tagName` {`string`} - \n\n * `styles` - \n\n * `parent` - \n\n * `items` {`IgcDropdownItemComponent[]`} - All child `igc-dropdown-item`s.",