@progress/kendo-themes-html 5.6.1-dev.4 → 5.6.1-dev.5

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 (36) hide show
  1. package/dist/expansion-panel/tests/expansion-panel-rtl.js +13 -13
  2. package/dist/expansion-panel/tests/expansion-panel-rtl.js.map +2 -2
  3. package/dist/expansion-panel/tests/expansion-panel.js +13 -13
  4. package/dist/expansion-panel/tests/expansion-panel.js.map +1 -1
  5. package/dist/floating-label/tests/floating-label-flat.js +53 -0
  6. package/dist/floating-label/tests/floating-label-flat.js.map +4 -4
  7. package/dist/floating-label/tests/floating-label-outline.js +53 -0
  8. package/dist/floating-label/tests/floating-label-outline.js.map +4 -4
  9. package/dist/floating-label/tests/floating-label.js +50 -1
  10. package/dist/floating-label/tests/floating-label.js.map +4 -4
  11. package/dist/panelbar/tests/panelbar-angular.js +25 -197
  12. package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
  13. package/dist/panelbar/tests/panelbar-rtl-angular.js +263 -0
  14. package/dist/panelbar/tests/panelbar-rtl-angular.js.map +7 -0
  15. package/dist/panelbar/tests/{panelbar-universal.js → panelbar-rtl.js} +20 -283
  16. package/dist/panelbar/tests/panelbar-rtl.js.map +7 -0
  17. package/dist/panelbar/tests/panelbar.js +355 -0
  18. package/dist/panelbar/tests/panelbar.js.map +7 -0
  19. package/package.json +2 -2
  20. package/src/expansion-panel/tests/expansion-panel-rtl.tsx +13 -13
  21. package/src/expansion-panel/tests/expansion-panel.tsx +13 -13
  22. package/src/floating-label/tests/floating-label-flat.tsx +11 -0
  23. package/src/floating-label/tests/floating-label-outline.tsx +11 -0
  24. package/src/floating-label/tests/floating-label.tsx +11 -0
  25. package/src/panelbar/tests/panelbar-angular.tsx +23 -191
  26. package/src/panelbar/tests/panelbar-rtl-angular.tsx +190 -0
  27. package/src/panelbar/tests/panelbar-rtl.tsx +238 -0
  28. package/src/panelbar/tests/panelbar.tsx +238 -0
  29. package/dist/panelbar/tests/panelbar-jquery.js +0 -427
  30. package/dist/panelbar/tests/panelbar-jquery.js.map +0 -7
  31. package/dist/panelbar/tests/panelbar-react.js +0 -467
  32. package/dist/panelbar/tests/panelbar-react.js.map +0 -7
  33. package/dist/panelbar/tests/panelbar-universal.js.map +0 -7
  34. package/src/panelbar/tests/panelbar-jquery.tsx +0 -331
  35. package/src/panelbar/tests/panelbar-react.tsx +0 -362
  36. package/src/panelbar/tests/panelbar-universal.tsx +0 -452
@@ -90,7 +90,7 @@
90
90
  className: "k-expander-indicator",
91
91
  name: "arrow-chevron-down"
92
92
  })), /* @__PURE__ */ import_react.default.createElement("div", {
93
- className: "k-expander-content-wrapper k-display-none"
93
+ className: "k-expander-content-wrapper k-d-none"
94
94
  }, /* @__PURE__ */ import_react.default.createElement("div", {
95
95
  className: "k-expander-content"
96
96
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -112,7 +112,7 @@
112
112
  }, /* @__PURE__ */ import_react.default.createElement("div", {
113
113
  className: "k-expander-content"
114
114
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
115
- className: "k-expander k-expanded k-state-focus",
115
+ className: "k-expander k-expanded k-focus",
116
116
  dir: "rtl"
117
117
  }, /* @__PURE__ */ import_react.default.createElement("div", {
118
118
  className: "k-expander-header"
@@ -144,11 +144,11 @@
144
144
  className: "k-expander-indicator",
145
145
  name: "arrow-chevron-down"
146
146
  })), /* @__PURE__ */ import_react.default.createElement("div", {
147
- className: "k-expander-content-wrapper k-display-none"
147
+ className: "k-expander-content-wrapper k-d-none"
148
148
  }, /* @__PURE__ */ import_react.default.createElement("div", {
149
149
  className: "k-expander-content"
150
150
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
151
- className: "k-expander k-state-focus",
151
+ className: "k-expander k-focus",
152
152
  dir: "rtl"
153
153
  }, /* @__PURE__ */ import_react.default.createElement("div", {
154
154
  className: "k-expander-header"
@@ -162,14 +162,14 @@
162
162
  className: "k-expander-indicator",
163
163
  name: "arrow-chevron-down"
164
164
  })), /* @__PURE__ */ import_react.default.createElement("div", {
165
- className: "k-expander-content-wrapper k-display-none"
165
+ className: "k-expander-content-wrapper k-d-none"
166
166
  }, /* @__PURE__ */ import_react.default.createElement("div", {
167
167
  className: "k-expander-content"
168
168
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
169
169
  className: "k-expander",
170
170
  dir: "rtl"
171
171
  }, /* @__PURE__ */ import_react.default.createElement("div", {
172
- className: "k-expander-header k-state-hover"
172
+ className: "k-expander-header k-hover"
173
173
  }, /* @__PURE__ */ import_react.default.createElement("div", {
174
174
  className: "k-expander-title"
175
175
  }, "Hover state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -180,14 +180,14 @@
180
180
  className: "k-expander-indicator",
181
181
  name: "arrow-chevron-down"
182
182
  })), /* @__PURE__ */ import_react.default.createElement("div", {
183
- className: "k-expander-content-wrapper k-display-none"
183
+ className: "k-expander-content-wrapper k-d-none"
184
184
  }, /* @__PURE__ */ import_react.default.createElement("div", {
185
185
  className: "k-expander-content"
186
186
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
187
- className: "k-expander k-state-focus",
187
+ className: "k-expander k-focus",
188
188
  dir: "rtl"
189
189
  }, /* @__PURE__ */ import_react.default.createElement("div", {
190
- className: "k-expander-header k-state-hover"
190
+ className: "k-expander-header k-hover"
191
191
  }, /* @__PURE__ */ import_react.default.createElement("div", {
192
192
  className: "k-expander-title"
193
193
  }, "Hover & Focus state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -198,14 +198,14 @@
198
198
  className: "k-expander-indicator",
199
199
  name: "arrow-chevron-down"
200
200
  })), /* @__PURE__ */ import_react.default.createElement("div", {
201
- className: "k-expander-content-wrapper k-display-none"
201
+ className: "k-expander-content-wrapper k-d-none"
202
202
  }, /* @__PURE__ */ import_react.default.createElement("div", {
203
203
  className: "k-expander-content"
204
204
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
205
- className: "k-expander",
205
+ className: "k-expander k-disabled",
206
206
  dir: "rtl"
207
207
  }, /* @__PURE__ */ import_react.default.createElement("div", {
208
- className: "k-expander-header k-state-disabled"
208
+ className: "k-expander-header"
209
209
  }, /* @__PURE__ */ import_react.default.createElement("div", {
210
210
  className: "k-expander-title"
211
211
  }, "Disabled panel"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -216,7 +216,7 @@
216
216
  className: "k-expander-indicator",
217
217
  name: "arrow-chevron-down"
218
218
  })), /* @__PURE__ */ import_react.default.createElement("div", {
219
- className: "k-expander-content-wrapper k-display-none"
219
+ className: "k-expander-content-wrapper k-d-none"
220
220
  }, /* @__PURE__ */ import_react.default.createElement("div", {
221
221
  className: "k-expander-content"
222
222
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/expansion-panel/tests/expansion-panel-rtl.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\">\n\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded k-state-focus\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-state-focus\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header k-state-hover\">\n <div className=\"k-expander-title\">Hover state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-state-focus\" dir=\"rtl\">\n <div className=\"k-expander-header k-state-hover\">\n <div className=\"k-expander-title\">Hover & Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header k-state-disabled\">\n <div className=\"k-expander-title\">Disabled panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Content with fixed height</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n <div style={{ height: \"100%\", overflow: \"auto\" }}>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n </div>\n </div>\n </div>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\">\n\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded k-focus\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-focus\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\" dir=\"rtl\">\n <div className=\"k-expander-header k-hover\">\n <div className=\"k-expander-title\">Hover state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-focus\" dir=\"rtl\">\n <div className=\"k-expander-header k-hover\">\n <div className=\"k-expander-title\">Hover & Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-disabled\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Disabled panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\" dir=\"rtl\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Content with fixed height</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n <div style={{ height: \"100%\", overflow: \"auto\" }}>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n </div>\n </div>\n </div>\n </div>\n\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
5
+ "mappings": "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",
6
6
  "names": ["ReactDOM", "React"]
7
7
  }
@@ -89,7 +89,7 @@
89
89
  className: "k-expander-indicator",
90
90
  name: "arrow-chevron-down"
91
91
  })), /* @__PURE__ */ import_react.default.createElement("div", {
92
- className: "k-expander-content-wrapper k-display-none"
92
+ className: "k-expander-content-wrapper k-d-none"
93
93
  }, /* @__PURE__ */ import_react.default.createElement("div", {
94
94
  className: "k-expander-content"
95
95
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -110,7 +110,7 @@
110
110
  }, /* @__PURE__ */ import_react.default.createElement("div", {
111
111
  className: "k-expander-content"
112
112
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
113
- className: "k-expander k-expanded k-state-focus"
113
+ className: "k-expander k-expanded k-focus"
114
114
  }, /* @__PURE__ */ import_react.default.createElement("div", {
115
115
  className: "k-expander-header"
116
116
  }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -140,11 +140,11 @@
140
140
  className: "k-expander-indicator",
141
141
  name: "arrow-chevron-down"
142
142
  })), /* @__PURE__ */ import_react.default.createElement("div", {
143
- className: "k-expander-content-wrapper k-display-none"
143
+ className: "k-expander-content-wrapper k-d-none"
144
144
  }, /* @__PURE__ */ import_react.default.createElement("div", {
145
145
  className: "k-expander-content"
146
146
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
147
- className: "k-expander k-state-focus"
147
+ className: "k-expander k-focus"
148
148
  }, /* @__PURE__ */ import_react.default.createElement("div", {
149
149
  className: "k-expander-header"
150
150
  }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -157,13 +157,13 @@
157
157
  className: "k-expander-indicator",
158
158
  name: "arrow-chevron-down"
159
159
  })), /* @__PURE__ */ import_react.default.createElement("div", {
160
- className: "k-expander-content-wrapper k-display-none"
160
+ className: "k-expander-content-wrapper k-d-none"
161
161
  }, /* @__PURE__ */ import_react.default.createElement("div", {
162
162
  className: "k-expander-content"
163
163
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
164
164
  className: "k-expander"
165
165
  }, /* @__PURE__ */ import_react.default.createElement("div", {
166
- className: "k-expander-header k-state-hover"
166
+ className: "k-expander-header k-hover"
167
167
  }, /* @__PURE__ */ import_react.default.createElement("div", {
168
168
  className: "k-expander-title"
169
169
  }, "Hover state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -174,13 +174,13 @@
174
174
  className: "k-expander-indicator",
175
175
  name: "arrow-chevron-down"
176
176
  })), /* @__PURE__ */ import_react.default.createElement("div", {
177
- className: "k-expander-content-wrapper k-display-none"
177
+ className: "k-expander-content-wrapper k-d-none"
178
178
  }, /* @__PURE__ */ import_react.default.createElement("div", {
179
179
  className: "k-expander-content"
180
180
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
181
- className: "k-expander k-state-focus"
181
+ className: "k-expander k-focus"
182
182
  }, /* @__PURE__ */ import_react.default.createElement("div", {
183
- className: "k-expander-header k-state-hover"
183
+ className: "k-expander-header k-hover"
184
184
  }, /* @__PURE__ */ import_react.default.createElement("div", {
185
185
  className: "k-expander-title"
186
186
  }, "Hover & Focus state"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -191,13 +191,13 @@
191
191
  className: "k-expander-indicator",
192
192
  name: "arrow-chevron-down"
193
193
  })), /* @__PURE__ */ import_react.default.createElement("div", {
194
- className: "k-expander-content-wrapper k-display-none"
194
+ className: "k-expander-content-wrapper k-d-none"
195
195
  }, /* @__PURE__ */ import_react.default.createElement("div", {
196
196
  className: "k-expander-content"
197
197
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
198
- className: "k-expander"
198
+ className: "k-expander k-disabled"
199
199
  }, /* @__PURE__ */ import_react.default.createElement("div", {
200
- className: "k-expander-header k-state-disabled"
200
+ className: "k-expander-header"
201
201
  }, /* @__PURE__ */ import_react.default.createElement("div", {
202
202
  className: "k-expander-title"
203
203
  }, "Disabled panel"), /* @__PURE__ */ import_react.default.createElement("span", {
@@ -208,7 +208,7 @@
208
208
  className: "k-expander-indicator",
209
209
  name: "arrow-chevron-down"
210
210
  })), /* @__PURE__ */ import_react.default.createElement("div", {
211
- className: "k-expander-content-wrapper k-display-none"
211
+ className: "k-expander-content-wrapper k-d-none"
212
212
  }, /* @__PURE__ */ import_react.default.createElement("div", {
213
213
  className: "k-expander-content"
214
214
  }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."))), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/expansion-panel/tests/expansion-panel.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
4
- "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\">\n <div className=\"k-expander\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded k-state-focus\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded Focused panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-state-focus\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\">\n <div className=\"k-expander-header k-state-hover\">\n <div className=\"k-expander-title\">Hover state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-state-focus\">\n <div className=\"k-expander-header k-state-hover\">\n <div className=\"k-expander-title\">Hover & Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\">\n <div className=\"k-expander-header k-state-disabled\">\n <div className=\"k-expander-title\">Disabled panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-display-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Content with fixed height</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n <div style={{ height: \"100%\", overflow: \"auto\" }}>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n </div>\n </div>\n </div>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
4
+ "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n <>\n <div id=\"test-area\">\n <div className=\"k-expander\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded k-focus\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Expanded Focused panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Collapsed panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-focus\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander\">\n <div className=\"k-expander-header k-hover\">\n <div className=\"k-expander-title\">Hover state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-focus\">\n <div className=\"k-expander-header k-hover\">\n <div className=\"k-expander-title\">Hover & Focus state</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-disabled\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Disabled panel</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-down\" />\n </div>\n <div className=\"k-expander-content-wrapper k-d-none\">\n <div className=\"k-expander-content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\n </div>\n </div>\n </div>\n <div className=\"k-expander k-expanded\">\n <div className=\"k-expander-header\">\n <div className=\"k-expander-title\">Content with fixed height</div>\n <span className=\"k-spacer\"></span>\n <div className=\"k-expander-sub-title\">South America</div>\n <Icon className=\"k-expander-indicator\" name=\"arrow-chevron-up\" />\n </div>\n <div className=\"k-expander-content-wrapper\">\n <div className=\"k-expander-content\" style={{ height: \"100px\" }}>\n <div style={{ height: \"100%\", overflow: \"auto\" }}>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don&apos;t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn&apos;t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.\n </div>\n </div>\n </div>\n </div>\n </div>\n </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n className?: string;\n style?: React.CSSProperties;\n name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n render() {\n const {\n className,\n style,\n name\n } = this.props;\n\n return (\n <>\n { name &&\n <span\n className={classNames(\n className,\n 'k-icon',\n {\n [`k-i-${name}`]: name\n }\n )}\n style={style}>\n </span>\n }\n </>\n );\n }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n const result = {};\n\n const addLeafKeys = (arg) => {\n (typeof arg === 'object'\n ? Object.keys(arg).forEach((key) => {\n result[key] = arg[key];\n })\n : (result[arg] = true)\n );\n };\n\n const addKeys = (list) =>\n list\n .filter((arg) => arg !== true && Boolean(arg))\n .map((arg: any) =>\n (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n );\n\n addKeys(args);\n\n return Object.keys(result)\n .map((key) => (result[key] && key) || null)\n .filter((el) => el !== null)\n .join(' ');\n};\n"],
5
5
  "mappings": "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",
6
6
  "names": ["ReactDOM", "React"]
7
7
  }
@@ -544,6 +544,47 @@
544
544
  }
545
545
  };
546
546
 
547
+ // src/textarea/textarea.tsx
548
+ var React16 = __toESM(__require("react"));
549
+ var Textarea = class extends React16.Component {
550
+ render() {
551
+ const {
552
+ className,
553
+ placeholder,
554
+ value,
555
+ rows,
556
+ size,
557
+ rounded,
558
+ fillMode,
559
+ hover,
560
+ focus,
561
+ valid,
562
+ invalid,
563
+ required,
564
+ loading,
565
+ disabled
566
+ } = this.props;
567
+ return /* @__PURE__ */ React16.createElement(Input, {
568
+ size,
569
+ rounded,
570
+ fillMode,
571
+ hover,
572
+ focus,
573
+ valid,
574
+ invalid,
575
+ required,
576
+ loading,
577
+ disabled,
578
+ className: classNames(className, "k-textarea")
579
+ }, /* @__PURE__ */ React16.createElement(InputInnerTextarea, {
580
+ className: "!k-overflow-auto",
581
+ value,
582
+ placeholder,
583
+ rows
584
+ }));
585
+ }
586
+ };
587
+
547
588
  // src/floating-label/tests/floating-label-flat.tsx
548
589
  var root = import_client.default.createRoot(
549
590
  document.getElementById("app")
@@ -764,6 +805,18 @@
764
805
  fillMode: "flat",
765
806
  value: "Invalid value",
766
807
  invalid: true
808
+ }))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(FloatingLabel, {
809
+ label: "Textarea label",
810
+ empty: true
811
+ }, /* @__PURE__ */ import_react.default.createElement(Textarea, {
812
+ fillMode: "flat"
813
+ }))), /* @__PURE__ */ import_react.default.createElement("div", {
814
+ dir: "rtl"
815
+ }, /* @__PURE__ */ import_react.default.createElement(FloatingLabel, {
816
+ label: "Textarea label",
817
+ empty: true
818
+ }, /* @__PURE__ */ import_react.default.createElement(Textarea, {
819
+ fillMode: "flat"
767
820
  })))))
768
821
  );
769
822
  })();