@progress/kendo-themes-html 7.1.0-dev.0 → 7.1.0-dev.2

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 (136) hide show
  1. package/dist/cjs/gantt/tests/gantt.js +1 -1
  2. package/dist/cjs/index.js +1930 -1409
  3. package/dist/cjs/multiselecttree/multiselecttree.spec.js +4 -2
  4. package/dist/cjs/multiselecttree/templates/multiselecttree-adaptive.js +4 -2
  5. package/dist/cjs/multiselecttree/templates/multiselecttree-arrow-button.js +4 -2
  6. package/dist/cjs/multiselecttree/templates/multiselecttree-filtering.js +4 -2
  7. package/dist/cjs/multiselecttree/templates/multiselecttree-normal.js +4 -2
  8. package/dist/cjs/multiselecttree/templates/multiselecttree-popup.js +4 -2
  9. package/dist/cjs/multiselecttree/templates/multiselecttree-value.js +4 -2
  10. package/dist/cjs/multiselecttree/tests/multiselecttree-adaptive.js +4 -2
  11. package/dist/cjs/multiselecttree/tests/multiselecttree-flat.js +4 -2
  12. package/dist/cjs/multiselecttree/tests/multiselecttree-opened.js +4 -2
  13. package/dist/cjs/multiselecttree/tests/multiselecttree-outline.js +4 -2
  14. package/dist/cjs/multiselecttree/tests/multiselecttree-size-rounded.js +4 -2
  15. package/dist/cjs/multiselecttree/tests/multiselecttree-solid.js +4 -2
  16. package/dist/cjs/notification/tests/{notification-jquery-colors.js → notification-colors.js} +7 -7
  17. package/dist/cjs/notification/tests/{notification-angular.js → notification-group.js} +60 -24
  18. package/dist/cjs/notification/tests/{notification-jquery.js → notification.js} +7 -7
  19. package/dist/cjs/timeline/horizontal-timeline-event.spec.js +5044 -0
  20. package/dist/cjs/timeline/templates/timeline-horizontal.js +5163 -0
  21. package/dist/cjs/timeline/templates/timeline-normal-alternating.js +5056 -0
  22. package/dist/cjs/timeline/templates/timeline-normal-collapsible.js +5054 -0
  23. package/dist/cjs/timeline/templates/timeline-normal.js +5053 -0
  24. package/dist/cjs/timeline/tests/timeline-horizontal.js +653 -264
  25. package/dist/cjs/timeline/tests/timeline-vertical-alternating.js +550 -290
  26. package/dist/cjs/timeline/tests/timeline-vertical.js +563 -287
  27. package/dist/cjs/{notification/tests/notification-custom-angular.js → timeline/timeline-card-callout.js} +341 -152
  28. package/dist/cjs/{notification/tests/notification-angular-colors.js → timeline/timeline-card-title.js} +145 -76
  29. package/dist/cjs/timeline/timeline-card.spec.js +5043 -0
  30. package/dist/cjs/timeline/timeline-circle.spec.js +53 -0
  31. package/dist/cjs/timeline/timeline-date-wrap.spec.js +64 -0
  32. package/dist/cjs/timeline/timeline-event-list.spec.js +54 -0
  33. package/dist/cjs/timeline/timeline-flag-wrap.spec.js +88 -0
  34. package/dist/cjs/timeline/timeline-flag.spec.js +55 -0
  35. package/dist/cjs/timeline/timeline-track-item.spec.js +58 -0
  36. package/dist/cjs/timeline/timeline-track-wrap.spec.js +5082 -0
  37. package/dist/cjs/timeline/timeline-track.spec.js +54 -0
  38. package/dist/cjs/timeline/timeline.spec.js +71 -0
  39. package/dist/cjs/timeline/vertical-timeline-event.spec.js +5044 -0
  40. package/dist/esm/gantt/tests/gantt.js +1 -1
  41. package/dist/esm/index.js +1832 -1311
  42. package/dist/esm/multiselecttree/multiselecttree.spec.js +4 -2
  43. package/dist/esm/multiselecttree/templates/multiselecttree-adaptive.js +4 -2
  44. package/dist/esm/multiselecttree/templates/multiselecttree-arrow-button.js +4 -2
  45. package/dist/esm/multiselecttree/templates/multiselecttree-filtering.js +4 -2
  46. package/dist/esm/multiselecttree/templates/multiselecttree-normal.js +4 -2
  47. package/dist/esm/multiselecttree/templates/multiselecttree-popup.js +4 -2
  48. package/dist/esm/multiselecttree/templates/multiselecttree-value.js +4 -2
  49. package/dist/esm/multiselecttree/tests/multiselecttree-adaptive.js +4 -2
  50. package/dist/esm/multiselecttree/tests/multiselecttree-flat.js +4 -2
  51. package/dist/esm/multiselecttree/tests/multiselecttree-opened.js +4 -2
  52. package/dist/esm/multiselecttree/tests/multiselecttree-outline.js +4 -2
  53. package/dist/esm/multiselecttree/tests/multiselecttree-size-rounded.js +4 -2
  54. package/dist/esm/multiselecttree/tests/multiselecttree-solid.js +4 -2
  55. package/dist/esm/notification/tests/{notification-jquery-colors.js → notification-colors.js} +3 -3
  56. package/dist/esm/notification/tests/{notification-angular.js → notification-group.js} +57 -21
  57. package/dist/esm/notification/tests/{notification-jquery.js → notification.js} +3 -3
  58. package/dist/esm/timeline/horizontal-timeline-event.spec.js +5028 -0
  59. package/dist/esm/timeline/templates/timeline-horizontal.js +5147 -0
  60. package/dist/esm/timeline/templates/timeline-normal-alternating.js +5040 -0
  61. package/dist/esm/timeline/templates/timeline-normal-collapsible.js +5038 -0
  62. package/dist/esm/timeline/templates/timeline-normal.js +5037 -0
  63. package/dist/esm/timeline/tests/timeline-horizontal.js +654 -265
  64. package/dist/esm/timeline/tests/timeline-vertical-alternating.js +551 -291
  65. package/dist/esm/timeline/tests/timeline-vertical.js +564 -288
  66. package/dist/esm/{notification/tests/notification-custom-angular.js → timeline/timeline-card-callout.js} +337 -148
  67. package/dist/esm/{notification/tests/notification-angular-colors.js → timeline/timeline-card-title.js} +142 -73
  68. package/dist/esm/timeline/timeline-card.spec.js +5027 -0
  69. package/dist/esm/timeline/timeline-circle.spec.js +31 -0
  70. package/dist/esm/timeline/timeline-date-wrap.spec.js +42 -0
  71. package/dist/esm/timeline/timeline-event-list.spec.js +32 -0
  72. package/dist/esm/timeline/timeline-flag-wrap.spec.js +66 -0
  73. package/dist/esm/timeline/timeline-flag.spec.js +33 -0
  74. package/dist/esm/timeline/timeline-track-item.spec.js +36 -0
  75. package/dist/esm/timeline/timeline-track-wrap.spec.js +5066 -0
  76. package/dist/esm/timeline/timeline-track.spec.js +32 -0
  77. package/dist/esm/timeline/timeline.spec.js +49 -0
  78. package/dist/esm/timeline/vertical-timeline-event.spec.js +5028 -0
  79. package/dist/types/index.d.ts +1 -0
  80. package/dist/types/timeline/horizontal-timeline-event.spec.d.ts +19 -0
  81. package/dist/types/timeline/index.d.ts +18 -0
  82. package/dist/types/timeline/templates/timeline-horizontal.d.ts +1 -0
  83. package/dist/types/timeline/templates/timeline-normal-alternating.d.ts +1 -0
  84. package/dist/types/timeline/templates/timeline-normal-collapsible.d.ts +1 -0
  85. package/dist/types/timeline/templates/timeline-normal.d.ts +1 -0
  86. package/dist/types/timeline/timeline-card-callout.d.ts +9 -0
  87. package/dist/types/timeline/timeline-card-title.d.ts +11 -0
  88. package/dist/types/timeline/timeline-card.spec.d.ts +7 -0
  89. package/dist/types/timeline/timeline-circle.spec.d.ts +3 -0
  90. package/dist/types/timeline/timeline-date-wrap.spec.d.ts +14 -0
  91. package/dist/types/timeline/timeline-event-list.spec.d.ts +3 -0
  92. package/dist/types/timeline/timeline-flag-wrap.spec.d.ts +14 -0
  93. package/dist/types/timeline/timeline-flag.spec.d.ts +6 -0
  94. package/dist/types/timeline/timeline-track-item.spec.d.ts +8 -0
  95. package/dist/types/timeline/timeline-track-wrap.spec.d.ts +3 -0
  96. package/dist/types/timeline/timeline-track.spec.d.ts +3 -0
  97. package/dist/types/timeline/timeline.spec.d.ts +18 -0
  98. package/dist/types/timeline/vertical-timeline-event.spec.d.ts +25 -0
  99. package/package.json +2 -2
  100. package/src/card/card-title.tsx +1 -1
  101. package/src/gantt/tests/gantt.tsx +1 -1
  102. package/src/index.ts +1 -1
  103. package/src/multiselecttree/multiselecttree.spec.tsx +9 -8
  104. package/src/notification/tests/{notification-jquery-colors.tsx → notification-colors.tsx} +1 -1
  105. package/src/notification/tests/notification-group.tsx +49 -0
  106. package/src/notification/tests/{notification-jquery.tsx → notification.tsx} +1 -1
  107. package/src/timeline/horizontal-timeline-event.spec.tsx +66 -0
  108. package/src/timeline/index.ts +18 -0
  109. package/src/timeline/templates/timeline-horizontal.tsx +35 -0
  110. package/src/timeline/templates/timeline-normal-alternating.tsx +18 -0
  111. package/src/timeline/templates/timeline-normal-collapsible.tsx +16 -0
  112. package/src/timeline/templates/timeline-normal.tsx +15 -0
  113. package/src/timeline/tests/timeline-horizontal.tsx +3 -62
  114. package/src/timeline/tests/timeline-vertical-alternating.tsx +4 -82
  115. package/src/timeline/tests/timeline-vertical.tsx +9 -80
  116. package/src/timeline/timeline-card-callout.tsx +35 -0
  117. package/src/timeline/timeline-card-title.tsx +42 -0
  118. package/src/timeline/timeline-card.spec.tsx +37 -0
  119. package/src/timeline/timeline-circle.spec.tsx +24 -0
  120. package/src/timeline/timeline-date-wrap.spec.tsx +44 -0
  121. package/src/timeline/timeline-event-list.spec.tsx +27 -0
  122. package/src/timeline/timeline-flag-wrap.spec.tsx +47 -0
  123. package/src/timeline/timeline-flag.spec.tsx +31 -0
  124. package/src/timeline/timeline-track-item.spec.tsx +33 -0
  125. package/src/timeline/timeline-track-wrap.spec.tsx +31 -0
  126. package/src/timeline/timeline-track.spec.tsx +27 -0
  127. package/src/timeline/timeline.spec.tsx +53 -0
  128. package/src/timeline/vertical-timeline-event.spec.tsx +79 -0
  129. package/dist/types/notification/tests/notification-jquery-colors.d.ts +0 -2
  130. package/dist/types/notification/tests/notification-jquery.d.ts +0 -2
  131. package/src/notification/tests/notification-angular-colors.tsx +0 -28
  132. package/src/notification/tests/notification-angular.tsx +0 -65
  133. package/src/notification/tests/notification-custom-angular.tsx +0 -77
  134. /package/dist/types/notification/tests/{notification-angular-colors.d.ts → notification-colors.d.ts} +0 -0
  135. /package/dist/types/notification/tests/{notification-angular.d.ts → notification-group.d.ts} +0 -0
  136. /package/dist/types/notification/tests/{notification-custom-angular.d.ts → notification.d.ts} +0 -0
package/dist/cjs/multiselecttree/multiselecttree.spec.js CHANGED
@@ -5754,8 +5754,10 @@ var MultiSelectTree = (props) => {
5754
5754
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5755
5755
  children: [
5756
5756
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5757
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5758
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5757
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5758
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5759
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5760
+ ] }),
5759
5761
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5760
5762
  InputValidationIcon,
5761
5763
  {
package/dist/cjs/multiselecttree/templates/multiselecttree-adaptive.js CHANGED
@@ -5752,8 +5752,10 @@ var MultiSelectTree = (props) => {
5752
5752
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5753
5753
  children: [
5754
5754
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5755
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5756
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5755
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5756
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5757
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5758
+ ] }),
5757
5759
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5758
5760
  InputValidationIcon,
5759
5761
  {
package/dist/cjs/multiselecttree/templates/multiselecttree-arrow-button.js CHANGED
@@ -5752,8 +5752,10 @@ var MultiSelectTree = (props) => {
5752
5752
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5753
5753
  children: [
5754
5754
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5755
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5756
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5755
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5756
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5757
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5758
+ ] }),
5757
5759
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5758
5760
  InputValidationIcon,
5759
5761
  {
package/dist/cjs/multiselecttree/templates/multiselecttree-filtering.js CHANGED
@@ -5859,8 +5859,10 @@ var MultiSelectTree = (props) => {
5859
5859
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5860
5860
  children: [
5861
5861
  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(InputPrefix, { children: prefix }),
5862
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: tags }) }),
5863
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5862
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "k-input-values", children: [
5863
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: tags }) }),
5864
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(InputInnerInput, { placeholder })
5865
+ ] }),
5864
5866
  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
5865
5867
  InputValidationIcon,
5866
5868
  {
package/dist/cjs/multiselecttree/templates/multiselecttree-normal.js CHANGED
@@ -5752,8 +5752,10 @@ var MultiSelectTree = (props) => {
5752
5752
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5753
5753
  children: [
5754
5754
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5755
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5756
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5755
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5756
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5757
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5758
+ ] }),
5757
5759
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5758
5760
  InputValidationIcon,
5759
5761
  {
package/dist/cjs/multiselecttree/templates/multiselecttree-popup.js CHANGED
@@ -5752,8 +5752,10 @@ var MultiSelectTree = (props) => {
5752
5752
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5753
5753
  children: [
5754
5754
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5755
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5756
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5755
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5756
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5757
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5758
+ ] }),
5757
5759
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5758
5760
  InputValidationIcon,
5759
5761
  {
package/dist/cjs/multiselecttree/templates/multiselecttree-value.js CHANGED
@@ -5782,8 +5782,10 @@ var MultiSelectTree = (props) => {
5782
5782
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5783
5783
  children: [
5784
5784
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5785
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5786
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5785
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5786
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5787
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5788
+ ] }),
5787
5789
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5788
5790
  InputValidationIcon,
5789
5791
  {
package/dist/cjs/multiselecttree/tests/multiselecttree-adaptive.js CHANGED
@@ -5752,8 +5752,10 @@ var MultiSelectTree = (props) => {
5752
5752
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5753
5753
  children: [
5754
5754
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5755
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5756
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5755
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5756
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5757
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5758
+ ] }),
5757
5759
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5758
5760
  InputValidationIcon,
5759
5761
  {
package/dist/cjs/multiselecttree/tests/multiselecttree-flat.js CHANGED
@@ -5782,8 +5782,10 @@ var MultiSelectTree = (props) => {
5782
5782
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5783
5783
  children: [
5784
5784
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5785
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5786
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5785
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5786
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5787
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5788
+ ] }),
5787
5789
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5788
5790
  InputValidationIcon,
5789
5791
  {
package/dist/cjs/multiselecttree/tests/multiselecttree-opened.js CHANGED
@@ -5782,8 +5782,10 @@ var MultiSelectTree = (props) => {
5782
5782
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5783
5783
  children: [
5784
5784
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5785
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5786
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5785
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5786
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5787
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5788
+ ] }),
5787
5789
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5788
5790
  InputValidationIcon,
5789
5791
  {
package/dist/cjs/multiselecttree/tests/multiselecttree-outline.js CHANGED
@@ -5782,8 +5782,10 @@ var MultiSelectTree = (props) => {
5782
5782
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5783
5783
  children: [
5784
5784
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5785
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5786
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5785
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5786
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5787
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5788
+ ] }),
5787
5789
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5788
5790
  InputValidationIcon,
5789
5791
  {
package/dist/cjs/multiselecttree/tests/multiselecttree-size-rounded.js CHANGED
@@ -5782,8 +5782,10 @@ var MultiSelectTree = (props) => {
5782
5782
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5783
5783
  children: [
5784
5784
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5785
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5786
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5785
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5786
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5787
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5788
+ ] }),
5787
5789
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5788
5790
  InputValidationIcon,
5789
5791
  {
package/dist/cjs/multiselecttree/tests/multiselecttree-solid.js CHANGED
@@ -5782,8 +5782,10 @@ var MultiSelectTree = (props) => {
5782
5782
  className: classNames(props.className, MULTISELECTTREE_CLASSNAME),
5783
5783
  children: [
5784
5784
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputPrefix, { children: prefix }),
5785
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, className: "k-input-values", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5786
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-inner", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "k-input-value-text", children: placeholder }) }),
5785
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "k-input-values", children: [
5786
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChipList, { size, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: tags }) }),
5787
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(InputInnerInput, { placeholder })
5788
+ ] }),
5787
5789
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5788
5790
  InputValidationIcon,
5789
5791
  {
package/dist/cjs/notification/tests/{notification-jquery-colors.js → notification-colors.js} RENAMED
@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
16
16
  };
17
17
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
18
 
19
- // src/notification/tests/notification-jquery-colors.tsx
20
- var notification_jquery_colors_exports = {};
21
- __export(notification_jquery_colors_exports, {
22
- default: () => notification_jquery_colors_default
19
+ // src/notification/tests/notification-colors.tsx
20
+ var notification_colors_exports = {};
21
+ __export(notification_colors_exports, {
22
+ default: () => notification_colors_default
23
23
  });
24
- module.exports = __toCommonJS(notification_jquery_colors_exports);
24
+ module.exports = __toCommonJS(notification_colors_exports);
25
25
 
26
26
  // src/misc/class-names.ts
27
27
  var classNames = (...args) => {
@@ -4423,7 +4423,7 @@ AnimationContainer.options = options5;
4423
4423
  AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
4424
4424
  AnimationContainer.defaultProps = defaultProps5;
4425
4425
 
4426
- // src/notification/tests/notification-jquery-colors.tsx
4426
+ // src/notification/tests/notification-colors.tsx
4427
4427
  var import_jsx_runtime11 = require("react/jsx-runtime");
4428
4428
  var styles = `
4429
4429
  #test-area {
@@ -4435,7 +4435,7 @@ var styles = `
4435
4435
  overflow: visible;
4436
4436
  }
4437
4437
  `;
4438
- var notification_jquery_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
4438
+ var notification_colors_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
4439
4439
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: styles }),
4440
4440
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: Notification.options.themeColor.map((color) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationClosable, { themeColor: color, text: `${color} notification` }) }) })) })
4441
4441
  ] });
package/dist/cjs/notification/tests/{notification-angular.js → notification-group.js} RENAMED
@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
16
16
  };
17
17
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
18
 
19
- // src/notification/tests/notification-angular.tsx
20
- var notification_angular_exports = {};
21
- __export(notification_angular_exports, {
22
- default: () => notification_angular_default
19
+ // src/notification/tests/notification-group.tsx
20
+ var notification_group_exports = {};
21
+ __export(notification_group_exports, {
22
+ default: () => notification_group_default
23
23
  });
24
- module.exports = __toCommonJS(notification_angular_exports);
24
+ module.exports = __toCommonJS(notification_group_exports);
25
25
 
26
26
  // src/misc/class-names.ts
27
27
  var classNames = (...args) => {
@@ -4412,29 +4412,65 @@ var NotificationNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)
4412
4412
  }
4413
4413
  );
4414
4414
 
4415
- // src/notification/tests/notification-angular.tsx
4415
+ // src/animation-container/animation-container.spec.tsx
4416
4416
  var import_jsx_runtime10 = require("react/jsx-runtime");
4417
- var styles = `
4418
- #test-area {
4419
- justify-items: start;
4417
+ var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
4418
+ var states5 = [];
4419
+ var options5 = {};
4420
+ var defaultProps5 = {
4421
+ positionMode: "absolute"
4422
+ };
4423
+ var AnimationContainer = (props) => {
4424
+ const {
4425
+ positionMode,
4426
+ animationStyle,
4427
+ offset,
4428
+ ...other
4429
+ } = props;
4430
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4431
+ "div",
4432
+ {
4433
+ ...other,
4434
+ style: { ...offset, ...props.style },
4435
+ className: classNames(
4436
+ ANIMATION_CONTAINER_CLASSNAME,
4437
+ "k-animation-container-shown",
4438
+ {
4439
+ ["k-animation-container-fixed"]: positionMode === "fixed"
4440
+ }
4441
+ ),
4442
+ children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
4420
4443
  }
4444
+ );
4445
+ };
4446
+ AnimationContainer.states = states5;
4447
+ AnimationContainer.options = options5;
4448
+ AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
4449
+ AnimationContainer.defaultProps = defaultProps5;
4421
4450
 
4422
- .k-notification-container {
4423
- margin: 0;
4451
+ // src/notification/tests/notification-group.tsx
4452
+ var import_jsx_runtime11 = require("react/jsx-runtime");
4453
+ var styles = `
4454
+ .k-notification-group, .k-animation-container {
4455
+ position: static;
4424
4456
  }
4425
4457
  `;
4426
- var notification_angular_default = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
4427
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("style", { children: styles }),
4428
- /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
4429
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "k-colspan-all k-col-span-full", children: "LTR" }),
4430
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NotificationNormal, { text: "Default notification" }) }) }),
4431
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconNotification, { text: "Icon notification" }) }) }),
4432
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NotificationClosable, { text: "Closable notification" }) }) }),
4433
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) }) }),
4434
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "k-colspan-all k-col-span-full", children: "RTL" }),
4435
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NotificationNormal, { text: "Default notification" }) }) }),
4436
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconNotification, { text: "Icon notification" }) }) }),
4437
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NotificationClosable, { text: "Closable notification" }) }) }),
4438
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { dir: "rtl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "k-notification-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) }) })
4458
+ var notification_group_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
4459
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: styles }),
4460
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
4461
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-col-span-1", children: "LTR" }),
4462
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-col-span-1", children: "RTL" }),
4463
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-notification-group", children: [
4464
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationNormal, { text: "Default notification" }) }),
4465
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotification, { text: "Icon notification" }) }),
4466
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationClosable, { text: "Closable notification" }) }),
4467
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) })
4468
+ ] }),
4469
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "k-notification-group k-rtl", children: [
4470
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationNormal, { text: "Default notification" }) }),
4471
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotification, { text: "Icon notification" }) }),
4472
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NotificationClosable, { text: "Closable notification" }) }),
4473
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconNotificationClosable, { text: "Closable notification with icon" }) })
4474
+ ] })
4439
4475
  ] })
4440
4476
  ] });
package/dist/cjs/notification/tests/{notification-jquery.js → notification.js} RENAMED
@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
16
16
  };
17
17
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
18
 
19
- // src/notification/tests/notification-jquery.tsx
20
- var notification_jquery_exports = {};
21
- __export(notification_jquery_exports, {
22
- default: () => notification_jquery_default
19
+ // src/notification/tests/notification.tsx
20
+ var notification_exports = {};
21
+ __export(notification_exports, {
22
+ default: () => notification_default
23
23
  });
24
- module.exports = __toCommonJS(notification_jquery_exports);
24
+ module.exports = __toCommonJS(notification_exports);
25
25
 
26
26
  // src/misc/class-names.ts
27
27
  var classNames = (...args) => {
@@ -4448,7 +4448,7 @@ AnimationContainer.options = options5;
4448
4448
  AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
4449
4449
  AnimationContainer.defaultProps = defaultProps5;
4450
4450
 
4451
- // src/notification/tests/notification-jquery.tsx
4451
+ // src/notification/tests/notification.tsx
4452
4452
  var import_jsx_runtime11 = require("react/jsx-runtime");
4453
4453
  var styles = `
4454
4454
  #test-area {
@@ -4460,7 +4460,7 @@ var styles = `
4460
4460
  overflow: visible;
4461
4461
  }
4462
4462
  `;
4463
- var notification_jquery_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
4463
+ var notification_default = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
4464
4464
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("style", { children: styles }),
4465
4465
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-4", children: [
4466
4466
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "k-colspan-all k-col-span-full", children: "LTR" }),