@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.
- package/dist/expansion-panel/tests/expansion-panel-rtl.js +13 -13
- package/dist/expansion-panel/tests/expansion-panel-rtl.js.map +2 -2
- package/dist/expansion-panel/tests/expansion-panel.js +13 -13
- package/dist/expansion-panel/tests/expansion-panel.js.map +1 -1
- package/dist/floating-label/tests/floating-label-flat.js +53 -0
- package/dist/floating-label/tests/floating-label-flat.js.map +4 -4
- package/dist/floating-label/tests/floating-label-outline.js +53 -0
- package/dist/floating-label/tests/floating-label-outline.js.map +4 -4
- package/dist/floating-label/tests/floating-label.js +50 -1
- package/dist/floating-label/tests/floating-label.js.map +4 -4
- package/dist/panelbar/tests/panelbar-angular.js +25 -197
- package/dist/panelbar/tests/panelbar-angular.js.map +2 -2
- package/dist/panelbar/tests/panelbar-rtl-angular.js +263 -0
- package/dist/panelbar/tests/panelbar-rtl-angular.js.map +7 -0
- package/dist/panelbar/tests/{panelbar-universal.js → panelbar-rtl.js} +20 -283
- package/dist/panelbar/tests/panelbar-rtl.js.map +7 -0
- package/dist/panelbar/tests/panelbar.js +355 -0
- package/dist/panelbar/tests/panelbar.js.map +7 -0
- package/package.json +2 -2
- package/src/expansion-panel/tests/expansion-panel-rtl.tsx +13 -13
- package/src/expansion-panel/tests/expansion-panel.tsx +13 -13
- package/src/floating-label/tests/floating-label-flat.tsx +11 -0
- package/src/floating-label/tests/floating-label-outline.tsx +11 -0
- package/src/floating-label/tests/floating-label.tsx +11 -0
- package/src/panelbar/tests/panelbar-angular.tsx +23 -191
- package/src/panelbar/tests/panelbar-rtl-angular.tsx +190 -0
- package/src/panelbar/tests/panelbar-rtl.tsx +238 -0
- package/src/panelbar/tests/panelbar.tsx +238 -0
- package/dist/panelbar/tests/panelbar-jquery.js +0 -427
- package/dist/panelbar/tests/panelbar-jquery.js.map +0 -7
- package/dist/panelbar/tests/panelbar-react.js +0 -467
- package/dist/panelbar/tests/panelbar-react.js.map +0 -7
- package/dist/panelbar/tests/panelbar-universal.js.map +0 -7
- package/src/panelbar/tests/panelbar-jquery.tsx +0 -331
- package/src/panelbar/tests/panelbar-react.tsx +0 -362
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
187
|
+
className: "k-expander k-focus",
|
|
188
188
|
dir: "rtl"
|
|
189
189
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
190
|
-
className: "k-expander-header k-
|
|
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-
|
|
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
|
|
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-
|
|
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'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'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'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'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'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'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'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'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'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't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn'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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAkB;AAClB,sBAAqB;;;ACDrB,cAAuB;;;ACChB,MAAM,aAAa,IAAI,SAAiB;AAC3C,UAAM,SAAS,CAAC;AAEhB,UAAM,cAAc,CAAC,QAAQ;AACzB,MAAC,OAAO,QAAQ,WACV,OAAO,KAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ;AAChC,eAAO,OAAO,IAAI;AAAA,MACtB,CAAC,IACE,OAAO,OAAO;AAAA,IAEzB;AAEA,UAAM,UAAU,CAAC,SACb,KACK,OAAO,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,GAAG,CAAC,EAC5C;AAAA,MAAI,CAAC,QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,GAAG,IAAI,YAAY,GAAG;AAAA,IACxD;AAER,YAAQ,IAAI;AAEZ,WAAO,OAAO,KAAK,MAAM,EACpB,IAAI,CAAC,QAAS,OAAO,QAAQ,OAAQ,IAAI,EACzC,OAAO,CAAC,OAAO,OAAO,IAAI,EAC1B,KAAK,GAAG;AAAA,EACjB;;;ADjBO,MAAM,OAAN,cAAyB,gBAAqB;AAAA,IAEjD,SAAS;AACL,YAAM;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACJ,IAAI,KAAK;AAET,aACI,0DACM,QACE,oCAAC;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,YACI,CAAC,OAAO,SAAS;AAAA,UACrB;AAAA,QACJ;AAAA,QACA;AAAA,OACJ,CAER;AAAA,IAER;AAAA,EACJ;;;AD/BA,MAAM,OAAO,cAAAA,QAAS;AAAA,IAClB,SAAS,eAAe,KAAK;AAAA,EACjC;AAEA,OAAK;AAAA,IACD,6BAAAC,QAAA,2BAAAA,QAAA,gBACI,6BAAAA,QAAA,cAAC;AAAA,MAAI,IAAG;AAAA,OAEJ,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAa,KAAI;AAAA,OAC5B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,iBAAe,GACjD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAqB,CACrE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,MAAwB,KAAI;AAAA,OACvC,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAmB,gBAAc,GAChD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,KAAW,GAC3B,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAuB,eAAa,GACnD,6BAAAA,QAAA,cAAC;AAAA,MAAK,WAAU;AAAA,MAAuB,MAAK;AAAA,KAAmB,CACnE,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OACX,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,OAAqB,gkBACpC,CACJ,CACJ,GACA,6BAAAA,QAAA,cAAC;AAAA,MAAI,WAAU;AAAA,
|
|
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'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'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'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'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'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'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'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'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'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't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn'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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
181
|
+
className: "k-expander k-focus"
|
|
182
182
|
}, /* @__PURE__ */ import_react.default.createElement("div", {
|
|
183
|
-
className: "k-expander-header k-
|
|
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-
|
|
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
|
|
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-
|
|
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'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'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'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'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'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'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'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'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'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't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn'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'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'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'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'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'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'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'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'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'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't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn'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
|
})();
|