@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.4

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 (138) hide show
  1. package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
  2. package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
  3. package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
  4. package/dist/cjs/components/button/buttonStandAlone.js +1 -1
  5. package/dist/cjs/components/calendar/selector/selector.js +1 -1
  6. package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
  7. package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  8. package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js +1 -1
  9. package/dist/cjs/components/carousel/hooks/utils/calc.utils.js +1 -1
  10. package/dist/cjs/components/carousel/hooks/utils/dom.utils.js +1 -1
  11. package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
  12. package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
  13. package/dist/cjs/components/chip/chipStandAlone.js +1 -1
  14. package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
  15. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
  16. package/dist/cjs/components/input/inputStandAlone.js +1 -1
  17. package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
  18. package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
  19. package/dist/cjs/components/label/labelStandAlone.js +1 -1
  20. package/dist/cjs/components/link/linkStandAlone.js +1 -1
  21. package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
  22. package/dist/cjs/components/message/messageStandAlone.js +1 -1
  23. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  24. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  25. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  26. package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -1
  27. package/dist/cjs/components/pageControl/components/controls.js +1 -1
  28. package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
  29. package/dist/cjs/components/pagination/fragments/paginationButtonControl.js +1 -1
  30. package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js +1 -1
  31. package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
  32. package/dist/cjs/components/popover/hooks/usePopoverPositioning.js +1 -1
  33. package/dist/cjs/components/popover/popover.js +1 -1
  34. package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
  35. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
  36. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
  37. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +1 -1
  38. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
  39. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
  40. package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
  41. package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
  42. package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
  43. package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
  44. package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
  45. package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
  46. package/dist/cjs/components/tag/tagStandAlone.js +1 -1
  47. package/dist/cjs/components/text/textStandAlone.js +1 -1
  48. package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
  49. package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
  50. package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
  51. package/dist/cjs/components/tooltip/hooks/useTooltip.js +1 -1
  52. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  53. package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
  54. package/dist/cjs/index.js +1 -1
  55. package/dist/cjs/lib/components/elementOrIcon/elementOrIcon.js +1 -0
  56. package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
  57. package/dist/cjs/lib/components/itemRove/itemRove.js +1 -0
  58. package/dist/cjs/lib/components/overlay/overlay.js +1 -0
  59. package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -0
  60. package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js +1 -1
  61. package/dist/esm/components/avatar/fragments/drawContent.js +4 -4
  62. package/dist/esm/components/badge/badgeStandAlone.js +7 -9
  63. package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +6 -6
  64. package/dist/esm/components/button/buttonStandAlone.js +3 -5
  65. package/dist/esm/components/calendar/selector/selector.js +7 -7
  66. package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
  67. package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
  68. package/dist/esm/components/carousel/hooks/useCarouselSwipe.js +1 -1
  69. package/dist/esm/components/carousel/hooks/utils/calc.utils.js +1 -1
  70. package/dist/esm/components/carousel/hooks/utils/dom.utils.js +1 -1
  71. package/dist/esm/components/checkbox/checkboxStandAlone.js +2 -2
  72. package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
  73. package/dist/esm/components/chip/chipStandAlone.js +7 -7
  74. package/dist/esm/components/dataTable/dataTableStandAlone.js +8 -8
  75. package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +6 -6
  76. package/dist/esm/components/input/inputStandAlone.js +2 -2
  77. package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
  78. package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -3
  79. package/dist/esm/components/label/labelStandAlone.js +3 -3
  80. package/dist/esm/components/link/linkStandAlone.js +3 -3
  81. package/dist/esm/components/listOptions/listOptionsStandAlone.js +3 -3
  82. package/dist/esm/components/message/messageStandAlone.js +10 -10
  83. package/dist/esm/components/modal/fragments/modalHeader.js +7 -7
  84. package/dist/esm/components/modal/modalStandAlone.js +5 -5
  85. package/dist/esm/components/option/optionStandAlone.js +9 -9
  86. package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
  87. package/dist/esm/components/pageControl/components/controls.js +1 -1
  88. package/dist/esm/components/pageControl/pageControlStandAlone.js +1 -1
  89. package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
  90. package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js +1 -1
  91. package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
  92. package/dist/esm/components/popover/hooks/usePopoverPositioning.js +1 -1
  93. package/dist/esm/components/popover/popover.js +1 -1
  94. package/dist/esm/components/radioButton/radioButtonStandAlone.js +6 -6
  95. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +6 -6
  96. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +9 -9
  97. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +3 -3
  98. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +7 -7
  99. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
  100. package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +7 -7
  101. package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +3 -3
  102. package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
  103. package/dist/esm/components/slider/sliderStandAlone.js +4 -4
  104. package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
  105. package/dist/esm/components/tabs/tabsStandAlone.js +4 -4
  106. package/dist/esm/components/tag/tagStandAlone.js +4 -4
  107. package/dist/esm/components/text/textStandAlone.js +1 -1
  108. package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
  109. package/dist/esm/components/textArea/textAreaStandAlone.js +1 -1
  110. package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
  111. package/dist/esm/components/tooltip/hooks/useTooltip.js +1 -1
  112. package/dist/esm/components/tooltip/tooltipStandAlone.js +7 -7
  113. package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
  114. package/dist/esm/index.js +1 -1
  115. package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
  116. package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +3 -3
  117. package/dist/esm/lib/components/itemRove/itemRove.js +2 -0
  118. package/dist/esm/lib/components/overlay/overlay.js +2 -0
  119. package/dist/esm/lib/components/overlay/overlayStandAlone.js +2 -0
  120. package/dist/esm/lib/provider/stylesProvider/stylesProvider.js +2 -2
  121. package/dist/types/index.d.ts +10 -2
  122. package/package.json +8 -9
  123. package/dist/cjs/components/elementOrIcon/elementOrIcon.js +0 -1
  124. package/dist/cjs/components/elementOrIcon/index.js +0 -2
  125. package/dist/cjs/components/itemRove/index.js +0 -2
  126. package/dist/cjs/components/itemRove/itemRove.js +0 -1
  127. package/dist/cjs/components/overlay/index.js +0 -1
  128. package/dist/cjs/components/overlay/overlay.js +0 -1
  129. package/dist/cjs/components/overlay/overlayStandAlone.js +0 -1
  130. package/dist/esm/components/elementOrIcon/elementOrIcon.js +0 -1
  131. package/dist/esm/components/elementOrIcon/index.js +0 -1
  132. package/dist/esm/components/itemRove/index.js +0 -1
  133. package/dist/esm/components/itemRove/itemRove.js +0 -2
  134. package/dist/esm/components/overlay/index.js +0 -1
  135. package/dist/esm/components/overlay/overlay.js +0 -2
  136. package/dist/esm/components/overlay/overlayStandAlone.js +0 -2
  137. /package/dist/cjs/{components → lib/components}/renderIf/renderIf.js +0 -0
  138. /package/dist/esm/{components → lib/components}/renderIf/renderIf.js +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),n=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../../lib/utils/process/processText/processText.js"),r=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:x,filename:a,focus:u,htmlFor:l,loader:m,state:p})=>{const d={"data-focus":u,"data-state":p};return t.jsxRuntimeExports.jsxs("label",{className:x?.containerboxcontainer,"data-focus":u,htmlFor:l,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsxs("span",{children:[m,t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon}),t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:x?.containerboxtextscontainer,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!a&&[n.STATES.LOADING,n.STATES.SUCCESS,n.STATES.ERROR].includes(p),children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxfilename},component:"span",customAttributes:d,children:a})}),t.jsxRuntimeExports.jsxs("span",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!o.processText(c[p]?.actionText).children,children:t.jsxRuntimeExports.jsxs("span",{className:x?.actioniconandactiontextcontainer,...i.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.actionicon,customAttributes:d,...c[p]?.actionIcon}),t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxactiontext},component:"span",customAttributes:d,...o.processText(c[p]?.actionText),children:o.processText(c[p]?.actionText).children})]})}),t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!c[p]?.description,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.containerboxdescription},component:"span",customAttributes:d,...o.processText(c[p]?.description),children:o.processText(c[p]?.description).children})})]})]}),t.jsxRuntimeExports.jsx(e.RenderIf,{condition:!!c[p]?.iconRight,children:t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.iconRight})})})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/components/renderIf/renderIf.js"),i=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:c,cssClasses:x,filename:a,focus:u,htmlFor:l,loader:m,state:p})=>{const d={"data-focus":u,"data-state":p};return t.jsxRuntimeExports.jsxs("label",{className:x?.containerboxcontainer,"data-focus":u,htmlFor:l,...o.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsxs("span",{children:[m,t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon}),t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:x?.containerboxtextscontainer,...o.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!a&&[i.STATES.LOADING,i.STATES.SUCCESS,i.STATES.ERROR].includes(p),children:t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:x?.containerboxfilename},component:"span",customAttributes:d,children:a})}),t.jsxRuntimeExports.jsxs("span",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!r.processText(c[p]?.actionText).children,children:t.jsxRuntimeExports.jsxs("span",{className:x?.actioniconandactiontextcontainer,...o.pickCustomAttributes(d),children:[t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.actionicon,customAttributes:d,...c[p]?.actionIcon}),t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:x?.containerboxactiontext},component:"span",customAttributes:d,...r.processText(c[p]?.actionText),children:r.processText(c[p]?.actionText).children})]})}),t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!c[p]?.description,children:t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:x?.containerboxdescription},component:"span",customAttributes:d,...r.processText(c[p]?.description),children:r.processText(c[p]?.description).children})})]})]}),t.jsxRuntimeExports.jsx(n.RenderIf,{condition:!!c[p]?.iconRight,children:t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:x?.containerboxicon,customAttributes:d,...c[p]?.iconRight})})})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/types/states/states.js"),t=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:x,errorMessageId:l,state:n})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:t.processText(a)&&n===r.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:i?.errormessageicon,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...t.processText(a)})]}):null});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:a,errorMessageIcon:l,errorMessageId:n,state:x})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:o.processText(a)&&x===t.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:n,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.errormessageicon,...l}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...o.processText(a)})]}):null});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js"),s=require("../../renderIf/renderIf.js"),i=require("../../text/text.js"),o=require("../../../lib/utils/process/processText/processText.js"),n=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:x,description:l,headerId:a,subtitle:d,title:c,tooltip:u,tooltipIcon:j})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:x?.titlesubtitlecontainer,id:a,children:[t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!c,children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.title},component:"h5",...o.processText(c)})}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!d,children:t.jsxRuntimeExports.jsxs("div",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.subtitle},...o.processText(d)}),t.jsxRuntimeExports.jsx(n.SelectorBoxFileTooltip,{cssClasses:x,tooltip:u,tooltipIcon:j})]})})]}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!l&&!r),children:t.jsxRuntimeExports.jsxs("div",{className:x?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.description},...o.processText(l)}),t.jsxRuntimeExports.jsx(s.RenderIf,{condition:!(!x?.button_variant&&!r?.size||!x?.button_size&&!r?.variant),children:t.jsxRuntimeExports.jsx(e.Button,{additionalSizeClasses:r?.variant?void 0:x?.button_size,additionalVariantClasses:r?.size?void 0:x?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../button/button.js"),s=require("../../text/text.js"),i=require("../../../lib/components/renderIf/renderIf.js"),o=require("../../../lib/utils/process/processText/processText.js"),n=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:x,description:l,headerId:a,subtitle:d,title:c,tooltip:u,tooltipIcon:j})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:x?.titlesubtitlecontainer,id:a,children:[t.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!c,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.title},component:"h5",...o.processText(c)})}),t.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!d,children:t.jsxRuntimeExports.jsxs("div",{className:x?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.subtitle},...o.processText(d)}),t.jsxRuntimeExports.jsx(n.SelectorBoxFileTooltip,{cssClasses:x,tooltip:u,tooltipIcon:j})]})})]}),t.jsxRuntimeExports.jsx(i.RenderIf,{condition:!(!l&&!r),children:t.jsxRuntimeExports.jsxs("div",{className:x?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:x?.description},...o.processText(l)}),t.jsxRuntimeExports.jsx(i.RenderIf,{condition:!(!x?.button_variant&&!r?.size||!x?.button_size&&!r?.variant),children:t.jsxRuntimeExports.jsx(e.Button,{additionalSizeClasses:r?.variant?void 0:x?.button_size,additionalVariantClasses:r?.size?void 0:x?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})})]})})]});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:s,tooltipIcon:n})=>{if(!n?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...n});return s?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...s,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js");exports.SelectorBoxFileTooltip=({cssClasses:i,tooltip:n,tooltipIcon:s})=>{if(!s?.icon)return null;const l=o.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:i?.tooltipicon,...s});return n?o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:o.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:i?.tooltip,...n,children:l})}):o.jsxRuntimeExports.jsx("div",{className:i?.tooltipiconcontainer,children:l})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../renderIf/renderIf.js"),o=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/types/states/states.js"),i=require("./components/selectorBoxFileAnimation.js"),n=require("./components/selectorBoxFileContainerBox.js"),l=require("./components/selectorBoxFileErrorMessage.js"),a=require("./components/selectorBoxFileHeader.js"),c=s.forwardRef(({accept:s,button:c,containerBoxStateContent:x,cssClasses:d,description:u,errorMessage:p,errorMessageIcon:m,filename:j,focus:B,id:E,multiple:f,name:C,onAnimationCompleted:I,onBlur:S,onChange:b,onClick:R,onFocus:g,percentage:F,state:h,subtitle:q,title:A,tooltip:M,tooltipIcon:v,...y},T)=>{const k=o.useId("selectorBoxFile"),$=E??k,H=`${$}HeaderId`,N=`${$}ErrorId`,_=y["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:T,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.selector_box_file,"data-testid":_,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.header,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!(!A&&!q),children:e.jsxRuntimeExports.jsx(a.SelectorBoxFileHeader,{button:c,cssClasses:d,description:u,headerId:H,subtitle:q,title:A,tooltip:M,tooltipIcon:v})}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileAnimation,{cssClasses:d,"data-testid":_,focus:B,percentage:F,state:h,onAnimationCompleted:I,children:e.jsxRuntimeExports.jsx(n.SelectorBoxFileContainerBox,{containerBoxStateContent:x,cssClasses:d,filename:j,focus:!1,htmlFor:$,state:h})})]}),e.jsxRuntimeExports.jsx(l.SelectorBoxFileErrorMessage,{cssClasses:d,errorMessage:p,errorMessageIcon:m,errorMessageId:N,state:h})]}),e.jsxRuntimeExports.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(A||q)&&(e+=` ${H}`),h===r.STATES.ERROR&&p&&(e+=` ${N}`),e||void 0})(),className:"kbt-sr-only",disabled:h===r.STATES.DISABLED,id:$,multiple:f,name:C,type:"file",onBlur:S,onChange:b,onClick:R,onFocus:g})]})});exports.SelectorBoxFileStandAlone=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/components/renderIf/renderIf.js"),o=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/types/states/states.js"),i=require("./components/selectorBoxFileAnimation.js"),n=require("./components/selectorBoxFileContainerBox.js"),l=require("./components/selectorBoxFileErrorMessage.js"),a=require("./components/selectorBoxFileHeader.js"),c=s.forwardRef(({accept:s,button:c,containerBoxStateContent:x,cssClasses:d,description:u,errorMessage:p,errorMessageIcon:m,filename:j,focus:B,id:E,multiple:b,name:f,onAnimationCompleted:C,onBlur:I,onChange:S,onClick:R,onFocus:g,percentage:F,state:h,subtitle:q,title:A,tooltip:M,tooltipIcon:v,...y},T)=>{const k=o.useId("selectorBoxFile"),$=E??k,H=`${$}HeaderId`,N=`${$}ErrorId`,_=y["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:T,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.selector_box_file,"data-testid":_,children:[e.jsxRuntimeExports.jsxs("div",{className:d?.header,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!(!A&&!q),children:e.jsxRuntimeExports.jsx(a.SelectorBoxFileHeader,{button:c,cssClasses:d,description:u,headerId:H,subtitle:q,title:A,tooltip:M,tooltipIcon:v})}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileAnimation,{cssClasses:d,"data-testid":_,focus:B,percentage:F,state:h,onAnimationCompleted:C,children:e.jsxRuntimeExports.jsx(n.SelectorBoxFileContainerBox,{containerBoxStateContent:x,cssClasses:d,filename:j,focus:!1,htmlFor:$,state:h})})]}),e.jsxRuntimeExports.jsx(l.SelectorBoxFileErrorMessage,{cssClasses:d,errorMessage:p,errorMessageIcon:m,errorMessageId:N,state:h})]}),e.jsxRuntimeExports.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(A||q)&&(e+=` ${H}`),h===r.STATES.ERROR&&p&&(e+=` ${N}`),e||void 0})(),className:"kbt-sr-only",disabled:h===r.STATES.DISABLED,id:$,multiple:b,name:f,type:"file",onBlur:I,onChange:S,onClick:R,onFocus:g})]})});exports.SelectorBoxFileStandAlone=c;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../renderIf/renderIf.js"),s=require("../../text/text.js");exports.SliderHelperTextStandAlone=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:x,rightHelperText:l,rightHelperTextId:o})=>n||l?e.jsxRuntimeExports.jsxs("div",{className:r?.helpertextcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!n,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextleftcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:x,children:n})})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!l,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextrightcontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:o,children:l})})})]}):null;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../text/text.js"),s=require("../../../lib/components/renderIf/renderIf.js");exports.SliderHelperTextStandAlone=({cssClasses:r,customAttributes:i,leftHelperText:n,leftHelperTextId:x,rightHelperText:l,rightHelperTextId:o})=>n||l?e.jsxRuntimeExports.jsxs("div",{className:r?.helpertextcontainer,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!n,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextleftcontainer,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:x,children:n})})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!!l,children:e.jsxRuntimeExports.jsx("div",{className:r?.helpertextrightcontainer,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:r?.helpertext},component:"span",customAttributes:i,id:o,children:l})})})]}):null;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),i=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../elementOrIcon/elementOrIcon.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=o.useMediaDevice(),S=i.pickCustomAttributes({...g,...d}),q=i.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:u?.thumbicon,...m})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=i.useMediaDevice(),S=a.pickCustomAttributes({...g,...d}),q=a.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:u?.thumbicon,...m})})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../renderIf/renderIf.js"),r=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processText/processText.js"),o=require("../text/text.js"),n=require("./components/sliderButtonStandAlone.js"),d=require("./components/sliderHelperTextStandAlone.js"),c=require("./components/sliderScaleStandAlone.js"),u=require("./components/sliderThumbStandAlone.js"),x=require("./utils/accessibility.utils.js"),m=require("./utils/state.utils.js"),h=require("./utils/ui.utils.js"),p=t.forwardRef(({activePointer:t,ariaLabel:p,ariaLabelBy:b,containerRef:j,cssClasses:v,decrementButton:T,disabled:f,hover:A,incrementButton:S,label:$,leftHelperText:R,max:g,min:y,offset:E,offsetLeft:k,offsetRight:I,onChange:N,onKeyPress:B,onMouseDown:q,onTouchStart:C,pressed:L,range:w,rightAriaLabel:D,rightAriaLabelBy:H,rightHelperText:M,rightThumbIcon:O,rightTooltip:F,scaleOffsets:K,setHover:P,showScale:_,step:z,thumbIcon:G,tooltip:J,value:Q,...U},V)=>{const W=r.useId("slider"),X=m.getState({disabled:f,hover:A,pressed:L}),Y={"data-state":X},Z=U["data-testid"]??"slider",ee=i.pickCustomAttributes(Y),te=l.processText($).children&&!w?`${W}Label`:void 0,se=`${W}LeftHelperText`,re=`${W}RightHelperText`,ae=b??te;return e.jsxRuntimeExports.jsxs("div",{ref:V,className:v?.slider,"data-disabled":f,"data-hover":A,"data-pressed":L,...ee,children:[e.jsxRuntimeExports.jsx("div",{className:v?.labelcontainer,...ee,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:v?.label},component:"label",customAttributes:Y,id:te,...l.processText($)})}),e.jsxRuntimeExports.jsx(c.SliderScaleStandAlone,{cssClasses:v,customAttributes:Y,scaleOffsets:K,showScale:_}),e.jsxRuntimeExports.jsxs("div",{className:v?.buttonstrackscontainer,children:[e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...T,cssClasses:v,customAttributes:Y}),e.jsxRuntimeExports.jsx("div",{className:v?.tracksthumbscontainer,children:e.jsxRuntimeExports.jsxs("div",{ref:j,className:v?.tracksthumbsinnercontainer,"data-testid":`${Z}-container`,role:"button",tabIndex:0,onMouseDown:q,onTouchMove:N,onTouchStart:C,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),...ee,"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-left-track`,style:{left:0,width:`${k}%`}}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{left:`${k}%`,right:`${I}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-right-track`,style:{right:0,width:`${I}%`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-left-thumb`,disabled:f,hover:h.isActive(A,t.current,"left"),icon:G,max:Q[1]-z,min:y,pressed:h.isActive(L,t.current,"left"),state:X,style:{left:`${k}%`},tooltip:J,value:Q[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:D,ariaLabelBy:H,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:f,hover:h.isActive(A,t.current,"right"),icon:O,max:g,min:Q[0]+z,pressed:h.isActive(L,t.current,"right"),rightThumb:!0,state:X,style:{right:`${I}%`},tooltip:F,value:Q[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{width:`${E}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-track`,style:{right:0,width:`calc(${100-E}%)`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-thumb`,disabled:f,hover:A,icon:G,max:g,min:y,pressed:L,state:X,style:{left:`${E}%`},tooltip:J,value:Q,onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>P(!0)})]})})]})}),e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...S,cssClasses:v,customAttributes:Y})]}),e.jsxRuntimeExports.jsx(d.SliderHelperTextStandAlone,{cssClasses:v,customAttributes:Y,leftHelperText:R,leftHelperTextId:se,rightHelperText:M,rightHelperTextId:re})]})});exports.SliderStandAlone=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../lib/components/renderIf/renderIf.js"),r=require("../../lib/hooks/useId/useId.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processText/processText.js"),o=require("../text/text.js"),n=require("./components/sliderButtonStandAlone.js"),d=require("./components/sliderHelperTextStandAlone.js"),c=require("./components/sliderScaleStandAlone.js"),u=require("./components/sliderThumbStandAlone.js"),x=require("./utils/accessibility.utils.js"),m=require("./utils/state.utils.js"),p=require("./utils/ui.utils.js"),h=t.forwardRef(({activePointer:t,ariaLabel:h,ariaLabelBy:b,containerRef:j,cssClasses:v,decrementButton:T,disabled:f,hover:A,incrementButton:S,label:$,leftHelperText:R,max:g,min:y,offset:E,offsetLeft:k,offsetRight:I,onChange:N,onKeyPress:B,onMouseDown:q,onTouchStart:C,pressed:L,range:w,rightAriaLabel:D,rightAriaLabelBy:H,rightHelperText:M,rightThumbIcon:O,rightTooltip:F,scaleOffsets:K,setHover:P,showScale:_,step:z,thumbIcon:G,tooltip:J,value:Q,...U},V)=>{const W=r.useId("slider"),X=m.getState({disabled:f,hover:A,pressed:L}),Y={"data-state":X},Z=U["data-testid"]??"slider",ee=i.pickCustomAttributes(Y),te=l.processText($).children&&!w?`${W}Label`:void 0,se=`${W}LeftHelperText`,re=`${W}RightHelperText`,ae=b??te;return e.jsxRuntimeExports.jsxs("div",{ref:V,className:v?.slider,"data-disabled":f,"data-hover":A,"data-pressed":L,...ee,children:[e.jsxRuntimeExports.jsx("div",{className:v?.labelcontainer,...ee,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:v?.label},component:"label",customAttributes:Y,id:te,...l.processText($)})}),e.jsxRuntimeExports.jsx(c.SliderScaleStandAlone,{cssClasses:v,customAttributes:Y,scaleOffsets:K,showScale:_}),e.jsxRuntimeExports.jsxs("div",{className:v?.buttonstrackscontainer,children:[e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...T,cssClasses:v,customAttributes:Y}),e.jsxRuntimeExports.jsx("div",{className:v?.tracksthumbscontainer,children:e.jsxRuntimeExports.jsxs("div",{ref:j,className:v?.tracksthumbsinnercontainer,"data-testid":`${Z}-container`,role:"button",tabIndex:0,onMouseDown:q,onTouchMove:N,onTouchStart:C,children:[e.jsxRuntimeExports.jsx(s.RenderIf,{condition:w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),...ee,"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-left-track`,style:{left:0,width:`${k}%`}}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{left:`${k}%`,right:`${I}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-right-track`,style:{right:0,width:`${I}%`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:h,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-left-thumb`,disabled:f,hover:p.isActive(A,t.current,"left"),icon:G,max:Q[1]-z,min:y,pressed:p.isActive(L,t.current,"left"),state:X,style:{left:`${k}%`},tooltip:J,value:Q[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:D,ariaLabelBy:H,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-right-thumb`,disabled:f,hover:p.isActive(A,t.current,"right"),icon:O,max:g,min:Q[0]+z,pressed:p.isActive(L,t.current,"right"),rightThumb:!0,state:X,style:{right:`${I}%`},tooltip:F,value:Q[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>{P(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]})}),e.jsxRuntimeExports.jsx(s.RenderIf,{condition:!w,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-active-track`,style:{width:`${E}%`},...ee}),e.jsxRuntimeExports.jsx("div",{className:a.classNames({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":f,"data-hover":A,"data-pressed":L,"data-testid":`${Z}-inactive-track`,style:{right:0,width:`calc(${100-E}%)`},...ee}),e.jsxRuntimeExports.jsx(u.SliderThumbStandAlone,{ariaDescribedBy:x.buildAriaDescribedBy([{helperText:R,helperTextId:se},{helperText:M,helperTextId:re}]),ariaLabel:h,ariaLabelBy:ae,cssClasses:v,customAttributes:Y,"data-testid":`${Z}-thumb`,disabled:f,hover:A,icon:G,max:g,min:y,pressed:L,state:X,style:{left:`${E}%`},tooltip:J,value:Q,onKeyDown:B,onMouseOut:()=>P(!1),onMouseOver:()=>P(!0)})]})})]})}),e.jsxRuntimeExports.jsx(n.SliderButtonStandAlone,{...S,cssClasses:v,customAttributes:Y})]}),e.jsxRuntimeExports.jsx(d.SliderHelperTextStandAlone,{cssClasses:v,customAttributes:Y,leftHelperText:R,leftHelperTextId:se,rightHelperText:M,rightHelperTextId:re})]})});exports.SliderStandAlone=h;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),n=require("../../lib/types/states/states.js"),r=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/components/customComponent/customComponent.js"),o=require("../elementOrIcon/elementOrIcon.js"),c=require("./helpers/aria.js"),l=require("./helpers/screnReader.js"),p=require("./helpers/stepState.js"),m=t.forwardRef(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:u=0,horizontalOrientationWidth:x,orientation:j,screenReaderCompletedStep:h,screenReaderTextBuilder:b,screenReaderTitle:E,stepMaxTruncatedLines:R,steps:N,...C},S)=>{const T=p.mapToStepState(N,u),q="vertical"===j,A=Boolean(E),y=C["data-testid"]||"stepper-number";return e.jsxRuntimeExports.jsxs("div",{ref:S,"aria-hidden":!q,"data-testid":y,children:[E?.content&&e.jsxRuntimeExports.jsx(i.CustomComponent,{className:"kbt-sr-only",component:E.component,children:E?.content}),e.jsxRuntimeExports.jsx("ol",{className:r.classNames(m?.stepper_number,d?.stepper_number),"data-testid":`${y}-steps-container`,children:T.map((p,E)=>{const N=E===T.length-1,C={"data-state":p.state},S=a.pickCustomAttributes(C);return e.jsxRuntimeExports.jsxs("li",{"aria-current":c.buildAriaCurrent(u,E,j),"data-testid":`${y}-li-${E}`,style:{display:q?"flex":"block",width:!q&&N?"auto":x},children:[A&&e.jsxRuntimeExports.jsx("screen-reader-only",{children:l.buildScreenReaderText(E,u,T.length,b,p.name,q)}),e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!(q&&!A)||void 0,className:r.classNames(m?.stepcontainer,d?.stepcontainer),...S,children:[e.jsxRuntimeExports.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${y}-step-${E}`,style:{flexDirection:"vertical"===j?"column":"row"},children:[e.jsxRuntimeExports.jsx("span",{className:r.classNames(m?.stepcircle,d?.stepcircle),...S,children:p.state===n.STATES.COMPLETED?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:r.classNames(m?.iconselected,d?.iconselected),customAttributes:C,...t}),e.jsxRuntimeExports.jsx("screen-reader-only",{children:E+1})]}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r.classNames(m?.stepindex,d?.stepindex)},component:"span",customAttributes:C,children:E+1})}),!N&&e.jsxRuntimeExports.jsx("span",{className:r.classNames(m?.stepbar,d?.stepbar),...a.pickCustomAttributes({"data-state":T[E+1].state})})]}),q&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!!A||void 0,className:r.classNames(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${y}-step-description-${E}`,...S,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:r.classNames(m?.stepname,d?.stepname)},component:"span",customAttributes:C,maxTruncatedLines:R,children:p.name}),!A&&p.state===n.STATES.COMPLETED&&h?.content&&e.jsxRuntimeExports.jsxs(i.CustomComponent,{className:"kbt-sr-only",component:h.component,"data-testid":h["data-testid"],children:[" ",h.content]})]})]})]},`stepContainer-${E.toString()}`)})})]})});exports.StepperNumberStandAlone=m;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),n=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/types/states/states.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),c=require("./helpers/aria.js"),l=require("./helpers/screnReader.js"),p=require("./helpers/stepState.js"),m=t.forwardRef(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:u=0,horizontalOrientationWidth:x,orientation:j,screenReaderCompletedStep:b,screenReaderTextBuilder:h,screenReaderTitle:E,stepMaxTruncatedLines:R,steps:N,...C},S)=>{const T=p.mapToStepState(N,u),q="vertical"===j,A=Boolean(E),y=C["data-testid"]||"stepper-number";return e.jsxRuntimeExports.jsxs("div",{ref:S,"aria-hidden":!q,"data-testid":y,children:[E?.content&&e.jsxRuntimeExports.jsx(o.CustomComponent,{className:"kbt-sr-only",component:E.component,children:E?.content}),e.jsxRuntimeExports.jsx("ol",{className:a.classNames(m?.stepper_number,d?.stepper_number),"data-testid":`${y}-steps-container`,children:T.map((p,E)=>{const N=E===T.length-1,C={"data-state":p.state},S=i.pickCustomAttributes(C);return e.jsxRuntimeExports.jsxs("li",{"aria-current":c.buildAriaCurrent(u,E,j),"data-testid":`${y}-li-${E}`,style:{display:q?"flex":"block",width:!q&&N?"auto":x},children:[A&&e.jsxRuntimeExports.jsx("screen-reader-only",{children:l.buildScreenReaderText(E,u,T.length,h,p.name,q)}),e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!(q&&!A)||void 0,className:a.classNames(m?.stepcontainer,d?.stepcontainer),...S,children:[e.jsxRuntimeExports.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${y}-step-${E}`,style:{flexDirection:"vertical"===j?"column":"row"},children:[e.jsxRuntimeExports.jsx("span",{className:a.classNames(m?.stepcircle,d?.stepcircle),...S,children:p.state===r.STATES.COMPLETED?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.ElementOrIcon,{className:a.classNames(m?.iconselected,d?.iconselected),customAttributes:C,...t}),e.jsxRuntimeExports.jsx("screen-reader-only",{children:E+1})]}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:a.classNames(m?.stepindex,d?.stepindex)},component:"span",customAttributes:C,children:E+1})}),!N&&e.jsxRuntimeExports.jsx("span",{className:a.classNames(m?.stepbar,d?.stepbar),...i.pickCustomAttributes({"data-state":T[E+1].state})})]}),q&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!!A||void 0,className:a.classNames(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${y}-step-description-${E}`,...S,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:a.classNames(m?.stepname,d?.stepname)},component:"span",customAttributes:C,maxTruncatedLines:R,children:p.name}),!A&&p.state===r.STATES.COMPLETED&&b?.content&&e.jsxRuntimeExports.jsxs(o.CustomComponent,{className:"kbt-sr-only",component:b.component,"data-testid":b["data-testid"],children:[" ",b.content]})]})]})]},`stepContainer-${E.toString()}`)})})]})});exports.StepperNumberStandAlone=m;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../itemRove/itemRove.js"),a=require("../renderIf/renderIf.js"),i=require("../text/text.js"),n=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),o=require("../../lib/types/states/states.js"),l=require("../../lib/utils/classNames/classNames.js"),c=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),d=require("../../lib/utils/process/processText/processText.js"),b=require("../elementOrIcon/elementOrIcon.js"),u=require("./hooks/useTabs/useTabs.js"),x=e.forwardRef(({allowFocusTabPanel:e=!0,autoWidth:x=!1,content:m,cssClasses:p,device:j,hideLabelForSingleTab:h,leftControlAriaLabel:T,leftIcon:$,maxTabsInView:E=3,onSelectTab:I,rightControlAriaLabel:R,rightIcon:f,selectedTab:v,tabs:S,unMountContent:C=!0,...N},k)=>{const{isMobile:A}=r.useActiveBreakpoints(),q=n.useId("Tabs"),g=`${q}-tab-list`,y=`${q}-tab-panel`,w=S?.length??0,L=Math.min(w,E),{focus:M,handleClickIcon:O,handleClickTab:D,listEl:F,position:B}=u.useTabs({numTabsInView:L,selectedTab:v,tabsLength:w}),P=0===B,V=B>=w-L,W=N["data-testid"]||"tabs",U=c.pickCustomAttributes(N),_=e=>{const s="left"===e,i=s?P:V;return t.jsxRuntimeExports.jsx(a.RenderIf,{condition:w>L,children:t.jsxRuntimeExports.jsx("button",{"aria-label":s?T:R,className:p?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${W}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||O(!s)},children:t.jsxRuntimeExports.jsx(b.ElementOrIcon,{className:p?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?$:f})})})};return t.jsxRuntimeExports.jsxs("div",{ref:k,className:p?.tabs,"data-testid":W,...U,children:[t.jsxRuntimeExports.jsxs("div",{className:p?.container,children:[_("left"),t.jsxRuntimeExports.jsx("div",{ref:F,className:p?.tabbuttonscontainer,id:g,role:"tablist",children:S?.map((e,a)=>{const n=v===a,r=n?o.STATES.SELECTED:o.STATES.UNSELECTED,b=a>=B&&a<B+L,u={"data-state":r};return t.jsxRuntimeExports.jsx("div",{className:p?.tabcontainer,"data-testid":`${W}-tab-${a}`,...c.pickCustomAttributes(u),style:{minWidth:A?`calc(100% / ${L})`:"auto",width:x?"auto":`calc(100% / ${w})`},children:w>1?t.jsxRuntimeExports.jsx(s.ItemRove,{ariaDisabled:A&&!b||e.disabled,ariaSelected:n,asElement:"button",checkIsFirstTime:!0,classNames:l.classNames(p?.tabbutton,{[`${p?.firsttabbutton}`]:0===a,[`${p?.lasttabbutton}`]:a===w-1}),customAttributes:u,disabled:A&&!b||e.disabled,focus:M===a,id:`${q}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{I?.(a),D(a)},children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:p?.label},component:"span",customAttributes:u,"data-hidden":!!h,...d.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:l.classNames(p?.onetabcontainer,{[`${p?.tabbutton}`]:!!h}),id:`${q}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:p?.label},"data-hidden":!!h,...d.processText(e),children:d.processText(e).children})})},`${W}-tab-${a.toString()}`)})}),_("right")]}),(()=>{const s={role:"tabpanel",tabIndex:e?0:-1};return C?null!=v&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${q}-tab-${v}`,className:p?.contentcontainer,...s,children:m?.[v]}):m?.map((e,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${q}-tab-${a}`,className:p?.contentcontainer,id:`${y}-${a}`,style:{display:v===a?"block":"none"},...s,children:e},`${q}-${a.toString()}-tab`))})()]})});exports.TabsStandAlone=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../text/text.js"),a=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/components/itemRove/itemRove.js"),n=require("../../lib/components/renderIf/renderIf.js"),r=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../lib/types/states/states.js"),c=require("../../lib/utils/classNames/classNames.js"),b=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),d=require("../../lib/utils/process/processText/processText.js"),u=require("./hooks/useTabs/useTabs.js"),x=e.forwardRef(({allowFocusTabPanel:e=!0,autoWidth:x=!1,content:m,cssClasses:p,device:j,hideLabelForSingleTab:h,leftControlAriaLabel:T,leftIcon:$,maxTabsInView:E=3,onSelectTab:I,rightControlAriaLabel:R,rightIcon:f,selectedTab:v,tabs:S,unMountContent:C=!0,...N},k)=>{const{isMobile:A}=o.useActiveBreakpoints(),q=r.useId("Tabs"),g=`${q}-tab-list`,y=`${q}-tab-panel`,w=S?.length??0,L=Math.min(w,E),{focus:M,handleClickIcon:O,handleClickTab:D,listEl:F,position:B}=u.useTabs({numTabsInView:L,selectedTab:v,tabsLength:w}),P=0===B,V=B>=w-L,W=N["data-testid"]||"tabs",U=b.pickCustomAttributes(N),_=e=>{const s="left"===e,i=s?P:V;return t.jsxRuntimeExports.jsx(n.RenderIf,{condition:w>L,children:t.jsxRuntimeExports.jsx("button",{"aria-label":s?T:R,className:p?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${W}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||O(!s)},children:t.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:p?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?$:f})})})};return t.jsxRuntimeExports.jsxs("div",{ref:k,className:p?.tabs,"data-testid":W,...U,children:[t.jsxRuntimeExports.jsxs("div",{className:p?.container,children:[_("left"),t.jsxRuntimeExports.jsx("div",{ref:F,className:p?.tabbuttonscontainer,id:g,role:"tablist",children:S?.map((e,a)=>{const n=v===a,r=n?l.STATES.SELECTED:l.STATES.UNSELECTED,o=a>=B&&a<B+L,u={"data-state":r};return t.jsxRuntimeExports.jsx("div",{className:p?.tabcontainer,"data-testid":`${W}-tab-${a}`,...b.pickCustomAttributes(u),style:{minWidth:A?`calc(100% / ${L})`:"auto",width:x?"auto":`calc(100% / ${w})`},children:w>1?t.jsxRuntimeExports.jsx(i.ItemRove,{ariaDisabled:A&&!o||e.disabled,ariaSelected:n,asElement:"button",checkIsFirstTime:!0,classNames:c.classNames(p?.tabbutton,{[`${p?.firsttabbutton}`]:0===a,[`${p?.lasttabbutton}`]:a===w-1}),customAttributes:u,disabled:A&&!o||e.disabled,focus:M===a,id:`${q}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{I?.(a),D(a)},children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:p?.label},component:"span",customAttributes:u,"data-hidden":!!h,...d.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:c.classNames(p?.onetabcontainer,{[`${p?.tabbutton}`]:!!h}),id:`${q}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:p?.label},"data-hidden":!!h,...d.processText(e),children:d.processText(e).children})})},`${W}-tab-${a.toString()}`)})}),_("right")]}),(()=>{const s={role:"tabpanel",tabIndex:e?0:-1};return C?null!=v&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${q}-tab-${v}`,className:p?.contentcontainer,...s,children:m?.[v]}):m?.map((e,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${q}-tab-${a}`,className:p?.contentcontainer,id:`${y}-${a}`,style:{display:v===a?"block":"none"},...s,children:e},`${q}-${a.toString()}-tab`))})()]})});exports.TabsStandAlone=x;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../text/text.js"),r=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),u=s.forwardRef(({component:s="div",cssClasses:u,icon:p,label:l,...m},x)=>{const a=n.pickCustomAttributes(m);return e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:u?.label},component:"span",...c.processText(l)})]})})});exports.TagStandAlone=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../text/text.js"),o=require("../../lib/components/customComponent/customComponent.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),u=s.forwardRef(({component:s="div",cssClasses:u,icon:p,label:l,...m},x)=>{const a=n.pickCustomAttributes(m);return e.jsxRuntimeExports.jsx(o.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:u?.label},component:"span",...c.processText(l)})]})})});exports.TagStandAlone=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js");;/* empty css */const e=require("react"),r=require("../../lib/utils/classNames/classNames.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({align:e,children:i,color:a,component:n,cssClasses:l,cursor:c,customAttributes:u,decoration:d,disabled:m,display:x,draggable:p,filter:b,htmlFor:g,id:j,maxTruncatedLines:k,onClick:C,role:f,target:A,textSizeAdjust:h,textWrap:q,transform:w,truncate:y,weight:S,wordBreak:W,wordWrap:N,...T},v)=>{const z=s.pickCustomAttributes({...T,...u}),B=r.classNames("kbt-text",l?.text,{"kbt-text--disabled":m??!1},{"kbt-text--truncate":y||!!k}),F={color:a,cursor:c,display:x,filter:b,fontWeight:S,textAlign:e,textDecoration:d,textTransform:w,textWrap:q,wordBreak:W,wordWrap:N,textSizeAdjust:h};return t.jsxRuntimeExports.jsx(o.CustomComponent,{ref:v,className:B,component:n,"data-testid":"text",draggable:p,htmlFor:g,id:j,role:f,style:F,target:A,onClick:C,...z,children:i})});exports.TextStandAlone=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js");;/* empty css */const e=require("react"),r=require("../../lib/utils/classNames/classNames.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),i=e.forwardRef(({align:e,children:i,color:a,component:n,cssClasses:l,cursor:c,customAttributes:u,decoration:d,disabled:m,display:x,draggable:p,filter:b,htmlFor:g,id:j,maxTruncatedLines:k,onClick:C,role:f,target:A,textSizeAdjust:h,textWrap:q,transform:w,truncate:y,weight:S,wordBreak:W,wordWrap:N,...T},v)=>{const z=s.pickCustomAttributes({...T,...u}),B=r.classNames("kbt-text",l?.text,{"kbt-text--disabled":m??!1},{"kbt-text--truncate":y||!!k}),F={color:a,cursor:c,display:x,filter:b,fontWeight:S,textAlign:e,textDecoration:d,textSizeAdjust:h,textTransform:w,textWrap:q,wordBreak:W,wordWrap:N};return t.jsxRuntimeExports.jsx(o.CustomComponent,{ref:v,className:B,component:n,"data-testid":"text",draggable:p,htmlFor:g,id:j,role:f,style:F,target:A,onClick:C,...z,children:i})});exports.TextStandAlone=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../renderIf/renderIf.js"),s=require("../../text/text.js"),t=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/process/processText/processText.js"),o=require("../../elementOrIcon/elementOrIcon.js");exports.ErrorStandAlone=({cssClasses:n,customAttributtes:c,errorAriaLiveType:x,errorIcon:u,errorMessage:l,id:a,state:j})=>e.jsxRuntimeExports.jsx("div",{"aria-live":x,className:n?.errorcontainer,id:a,...c,children:e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!i.processText(l).children&&j===t.STATES.ERROR,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:n?.erroricon,customAttributes:c,...u}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...i.processText(l),children:i.processText(l).children})]})})});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/components/renderIf/renderIf.js"),o=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/process/processText/processText.js");exports.ErrorStandAlone=({cssClasses:n,customAttributtes:c,errorAriaLiveType:x,errorIcon:l,errorMessage:u,id:a,state:m})=>e.jsxRuntimeExports.jsx("div",{"aria-live":x,className:n?.errorcontainer,id:a,...c,children:e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!i.processText(u).children&&m===o.STATES.ERROR,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:n?.erroricon,customAttributes:c,...l}),e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...i.processText(u),children:i.processText(u).children})]})})});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("../renderIf/renderIf.js"),i=require("../../lib/hooks/useId/useId.js"),n=require("../../lib/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processText/processText.js"),l=require("./components/errorStandAlone.js"),u=require("./components/helpMessageStandAlone.js"),d=require("./components/textCount/textCount.js"),c=require("./components/titleStandAlone.js"),x=require("./utils/aria.utils.js"),p=t.forwardRef(({additionalInfo:t,counterVariant:p,cssClasses:m,errorAriaLiveType:j="assertive",errorIcon:h,errorMessage:b,height:A,helpMessage:g,id:C,label:E,labelInsideTextArea:T,maxLength:I,onBlur:q,onChange:S,onFocus:R,placeholder:v,required:f,screenReaderTextCount:y,spellCheck:k,state:L,title:M,value:B,...D},N)=>{const _=i.useId("textArea"),F=C??_,H=`${F}HelpText`,$=`${F}Error`,w=`${F}TextCount`,P=a.pickCustomAttributes({"data-state":L}),K=[n.STATES.DISABLED_EMPTY,n.STATES.DISABLED_FILLED].includes(L);return e.jsxRuntimeExports.jsxs("div",{ref:N,className:m?.text_area,"data-testid":"text-area",...P,...a.pickCustomAttributes(D),children:[e.jsxRuntimeExports.jsx(c.TitleStandAlone,{cssClasses:m,customAttributtes:P,title:M}),e.jsxRuntimeExports.jsxs("div",{className:m?.labeltextareacontainer,role:"button",style:{height:T?A:void 0},tabIndex:0,onClick:()=>document.getElementById(F)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(F)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:m?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:m?.required,customAttributes:P,inputId:F,required:f,textCssClasses:m?.label,...o.processText(E),children:o.processText(E).children}),t]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":x.buildAriaDescribedBy({errorMessage:o.processText(b).children,helpMessage:o.processText(g).children,state:L,textAreaErrorId:$,textAreaHelpTextId:H}),className:m?.textarea,disabled:K,id:F,maxLength:I,placeholder:v,required:f,spellCheck:k,style:{height:A||void 0},value:B,onBlur:q,onChange:S,onFocus:R,...P,children:B})]}),e.jsxRuntimeExports.jsxs("div",{className:m?.bottomcontainer,...P,children:[e.jsxRuntimeExports.jsxs("div",{className:m?.helpmessageerrorcontainer,...P,children:[e.jsxRuntimeExports.jsx(l.ErrorStandAlone,{cssClasses:m,customAttributtes:P,errorAriaLiveType:j,errorIcon:h,errorMessage:b,id:$,state:L}),e.jsxRuntimeExports.jsx(u.HelpMessageStandAlone,{cssClasses:m,customAttributtes:P,helpMessage:g,id:H})]}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!p,children:e.jsxRuntimeExports.jsx(d.TextCount,{additionalClasses:{letftext:m?.counterleft,righttext:m?.counterright,text_count:m?.counter},currentCharacters:B?.length??0,id:w,maxLength:I,screenReaderText:y,variant:p})})]})]})});exports.TextAreaStandAlone=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("../../lib/components/renderIf/renderIf.js"),i=require("../../lib/hooks/useId/useId.js"),n=require("../../lib/types/states/states.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processText/processText.js"),l=require("./components/errorStandAlone.js"),u=require("./components/helpMessageStandAlone.js"),c=require("./components/textCount/textCount.js"),d=require("./components/titleStandAlone.js"),x=require("./utils/aria.utils.js"),p=t.forwardRef(({additionalInfo:t,counterVariant:p,cssClasses:m,errorAriaLiveType:j="assertive",errorIcon:h,errorMessage:b,height:A,helpMessage:g,id:C,label:E,labelInsideTextArea:T,maxLength:I,onBlur:q,onChange:S,onFocus:R,placeholder:v,required:f,screenReaderTextCount:y,spellCheck:k,state:L,title:M,value:B,...D},N)=>{const _=i.useId("textArea"),F=C??_,H=`${F}HelpText`,$=`${F}Error`,w=`${F}TextCount`,P=o.pickCustomAttributes({"data-state":L}),K=[n.STATES.DISABLED_EMPTY,n.STATES.DISABLED_FILLED].includes(L);return e.jsxRuntimeExports.jsxs("div",{ref:N,className:m?.text_area,"data-testid":"text-area",...P,...o.pickCustomAttributes(D),children:[e.jsxRuntimeExports.jsx(d.TitleStandAlone,{cssClasses:m,customAttributtes:P,title:M}),e.jsxRuntimeExports.jsxs("div",{className:m?.labeltextareacontainer,role:"button",style:{height:T?A:void 0},tabIndex:0,onClick:()=>document.getElementById(F)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(F)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:m?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:m?.required,customAttributes:P,inputId:F,required:f,textCssClasses:m?.label,...a.processText(E),children:a.processText(E).children}),t]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":x.buildAriaDescribedBy({errorMessage:a.processText(b).children,helpMessage:a.processText(g).children,state:L,textAreaErrorId:$,textAreaHelpTextId:H}),className:m?.textarea,disabled:K,id:F,maxLength:I,placeholder:v,required:f,spellCheck:k,style:{height:A||void 0},value:B,onBlur:q,onChange:S,onFocus:R,...P,children:B})]}),e.jsxRuntimeExports.jsxs("div",{className:m?.bottomcontainer,...P,children:[e.jsxRuntimeExports.jsxs("div",{className:m?.helpmessageerrorcontainer,...P,children:[e.jsxRuntimeExports.jsx(l.ErrorStandAlone,{cssClasses:m,customAttributtes:P,errorAriaLiveType:j,errorIcon:h,errorMessage:b,id:$,state:L}),e.jsxRuntimeExports.jsx(u.HelpMessageStandAlone,{cssClasses:m,customAttributtes:P,helpMessage:g,id:H})]}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!p,children:e.jsxRuntimeExports.jsx(c.TextCount,{additionalClasses:{letftext:m?.counterleft,righttext:m?.counterright,text_count:m?.counter},currentCharacters:B?.length??0,id:w,maxLength:I,screenReaderText:y,variant:p})})]})]})});exports.TextAreaStandAlone=p;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../lib/components/customComponent/customComponent.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),r=require("./utils/buildComponentProps.js"),i=require("./utils/thumbTransformCalculations.js"),c=({checked:c=!1,component:l="button",cssClasses:d,dataTestId:u="toggle",disabled:m=!1,id:p,leftIcon:b,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,rightIcon:C,tabIndex:g,value:k,...R},E)=>{const q=c&&!!C,N=!c&&!!b,T="button"!==l,w=s.useRef(null),M=s.useRef(null),{transform:O}=i.useToggleTransform({checked:c,thumbRef:M,trackRef:w});s.useImperativeHandle(E,()=>w.current,[]);const A=n.pickCustomAttributes(R),S=r.buildComponentProps({"aria-describedby":R["aria-describedby"],"aria-label":R["aria-label"],"aria-labelledby":R["aria-labelledby"],checked:c,decorative:T,disabled:m,id:p,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,tabIndex:g,value:k});return e.jsxRuntimeExports.jsx(o.CustomComponent,{...A,...S,ref:w,className:d?.track,component:l,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,"data-testid":u,children:e.jsxRuntimeExports.jsxs("span",{ref:M,className:d?.thumb,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,style:{transform:O},children:[e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:q?1:0},children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(C)})}),e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:N?1:0},children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(b)})})]})})};c.displayName="ToggleStandAlone";const l=s.forwardRef(c);exports.ToggleStandalone=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),r=require("./utils/buildComponentProps.js"),i=require("./utils/thumbTransformCalculations.js"),c=({checked:c=!1,component:l="button",cssClasses:d,dataTestId:u="toggle",disabled:m=!1,id:p,leftIcon:b,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,rightIcon:C,tabIndex:g,value:k,...R},E)=>{const q=c&&!!C,N=!c&&!!b,T="button"!==l,w=s.useRef(null),M=s.useRef(null),{transform:O}=i.useToggleTransform({checked:c,thumbRef:M,trackRef:w});s.useImperativeHandle(E,()=>w.current,[]);const A=n.pickCustomAttributes(R),S=r.buildComponentProps({"aria-describedby":R["aria-describedby"],"aria-label":R["aria-label"],"aria-labelledby":R["aria-labelledby"],checked:c,decorative:T,disabled:m,id:p,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,tabIndex:g,value:k});return e.jsxRuntimeExports.jsx(t.CustomComponent,{...A,...S,ref:w,className:d?.track,component:l,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,"data-testid":u,children:e.jsxRuntimeExports.jsxs("span",{ref:M,className:d?.thumb,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,style:{transform:O},children:[e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:q?1:0},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(C)})}),e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:N?1:0},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(b)})})]})})};c.displayName="ToggleStandAlone";const l=s.forwardRef(c);exports.ToggleStandalone=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@floating-ui/dom"),o=require("../../../lib/hooks/useClassName/useClassName.js"),r=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),s=require("../../../lib/hooks/useEscPressed/useEscPressed.js"),i=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../../lib/types/breakpoints/breakpoints.js"),n=require("../../../lib/types/positions/positions.js"),a=require("../../../lib/utils/focusHandlers/focusHandlers.js"),u=require("../positioning/computePosition.js");exports.useTooltip=({align:c=n.POSITIONS.TOP,...p})=>{const{device:d,isDesktop:f,isTablet:O}=i.useActiveBreakpoints(),m=f||O,b=e.useRef(null),P=e.useRef(!0),y=e.useRef(!1),[T,E]=e.useState(!1),[R,S]=e.useState(c),v=o.useClassName({additionalClassNames:p.additionalClasses,component:"TOOLTIP",variant:p.variant}),g=async()=>{if(!p.labelRef.current||!p.tooltipRef.current)return;const e=p.tooltipRef.current.lastElementChild;try{const o=await u.computePosition(p.labelRef.current,p.tooltipRef.current,{middleware:[t.flip(),t.shift({padding:4}),t.arrow({element:e})],placement:c,strategy:"absolute"}),{middlewareData:r,placement:s,x:i,y:a}=o;S(s),Object.assign(p.tooltipRef.current.style,{left:`${i}px`,top:`${a}px`});const{x:d,y:f}=r.arrow,O={bottom:n.POSITIONS.TOP,left:n.POSITIONS.RIGHT,right:n.POSITIONS.LEFT,top:n.POSITIONS.BOTTOM}[R.split("-")[0]],m={bottom:"",left:null!==d?`${d}px`:"",right:"",[O]:`calc(${v.tooltipexternalcontainer?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.padding??0} - ${v.arrowposition?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.top??"0px"} / 2)`,top:null!==f?`${f}px`:""};e&&e.style&&(e.style.removeProperty("left"),e.style.removeProperty("top"),e.style.removeProperty("right"),e.style.removeProperty("bottom"),Object.assign(e?.style,m))}catch(o){}},w=e=>{p.tooltipRef.current?.contains(e.target)||g()};e.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",w,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",w,!0),window.removeEventListener("resize",e)}},[]);const C=e.useCallback(()=>{if(y.current){if(y.current=!1,P.current=!1,p.tooltipAsModal&&b.current?.focus({preventScroll:!0}),P.current=!0,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style.display="none"}E(!1),p.onOpenClose?.(!1)}},[d,p.onOpenClose,p.tooltipAsModal]),I=e.useCallback(e=>{y.current&&(e.stopPropagation(),C())},[C]);return s.useEscPressed({disableStopPropagation:!0,onEscPress:I,ref:p.labelRef}),r.useClickOutside(p.tooltipRef,C,[p.labelRef.current]),{allowFocusOpenTooltip:P,hideTooltip:C,open:T,placement:R,showTooltip:()=>{if(!y.current){if(y.current=!0,b.current=document.activeElement,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style.display="flex",g(),a.focusElementOrFirstDescendant(p.tooltipRef.current,{preventScroll:!0})}E(!0),p.onOpenClose?.(!0)}}}};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@floating-ui/dom"),t=require("react"),o=require("../../../lib/hooks/useClassName/useClassName.js"),r=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),s=require("../../../lib/hooks/useEscPressed/useEscPressed.js"),i=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../../lib/types/breakpoints/breakpoints.js"),n=require("../../../lib/types/positions/positions.js"),a=require("../../../lib/utils/focusHandlers/focusHandlers.js"),u=require("../positioning/computePosition.js");exports.useTooltip=({align:c=n.POSITIONS.TOP,...p})=>{const{device:d,isDesktop:f,isTablet:O}=i.useActiveBreakpoints(),m=f||O,b=t.useRef(null),P=t.useRef(!0),y=t.useRef(!1),[T,E]=t.useState(!1),[R,S]=t.useState(c),v=o.useClassName({additionalClassNames:p.additionalClasses,component:"TOOLTIP",variant:p.variant}),g=async()=>{if(!p.labelRef.current||!p.tooltipRef.current)return;const t=p.tooltipRef.current.lastElementChild;try{const o=await u.computePosition(p.labelRef.current,p.tooltipRef.current,{middleware:[e.flip(),e.shift({padding:4}),e.arrow({element:t})],placement:c,strategy:"absolute"}),{middlewareData:r,placement:s,x:i,y:a}=o;S(s),Object.assign(p.tooltipRef.current.style,{left:`${i}px`,top:`${a}px`});const{x:d,y:f}=r.arrow,O={bottom:n.POSITIONS.TOP,left:n.POSITIONS.RIGHT,right:n.POSITIONS.LEFT,top:n.POSITIONS.BOTTOM}[R.split("-")[0]],m={bottom:"",left:null!==d?`${d}px`:"",right:"",[O]:`calc(${v.tooltipexternalcontainer?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.padding??0} - ${v.arrowposition?.[l.DEVICE_BREAKPOINTS.DESKTOP]?.top??"0px"} / 2)`,top:null!==f?`${f}px`:""};t&&t.style&&(t.style.removeProperty("left"),t.style.removeProperty("top"),t.style.removeProperty("right"),t.style.removeProperty("bottom"),Object.assign(t?.style,m))}catch(o){}},w=e=>{p.tooltipRef.current?.contains(e.target)||g()};t.useEffect(()=>{const e=()=>{g()};return window.addEventListener("scroll",w,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",w,!0),window.removeEventListener("resize",e)}},[]);const C=t.useCallback(()=>{if(y.current){if(y.current=!1,P.current=!1,p.tooltipAsModal&&b.current?.focus({preventScroll:!0}),P.current=!0,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style.display="none"}E(!1),p.onOpenClose?.(!1)}},[d,p.onOpenClose,p.tooltipAsModal]),I=t.useCallback(e=>{y.current&&(e.stopPropagation(),C())},[C]);return s.useEscPressed({disableStopPropagation:!0,onEscPress:I,ref:p.labelRef}),r.useClickOutside(p.tooltipRef,C,[p.labelRef.current]),{allowFocusOpenTooltip:P,hideTooltip:C,open:T,placement:R,showTooltip:()=>{if(!y.current){if(y.current=!0,b.current=document.activeElement,m){if(!p.tooltipRef.current)return;p.tooltipRef.current.style.display="flex",g(),a.focusElementOrFirstDescendant(p.tooltipRef.current,{preventScroll:!0})}E(!0),p.onOpenClose?.(!0)}}}};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("../renderIf/renderIf.js"),s=require("../text/text.js"),i=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/is/isString.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processIcon/processIcon.js"),d=require("../../lib/utils/process/processText/processText.js"),p=require("../elementOrIcon/elementOrIcon.js"),u=require("../icon/iconHost.js"),x=require("../popover/popover.js"),j=require("./components/tooltipTrigger.js"),m=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:b,children:h,childrenAsButton:v=!0,closeIcon:g,content:I,contentHasScroll:R,contentRef:T,contentScrollArias:E,cssClasses:y,disabled:C,dragIcon:f,dragIconRef:k,labelRef:N,mediaDevice:A,onCloseIconClick:q,onPopoverCloseInternally:D,onTooltipFocus:w,onTooltipKeyDown:B,onTriggerClick:_,onTriggerKeyDown:O,onTriggerMouseDown:S,onTriggerMouseUp:M,popover:F,popoverOpen:P,title:$,tooltipAriaLabel:K,tooltipAsModal:H,tooltipRef:U,triggerAsButton:z,...L})=>{const G=L["data-testid"]||"tooltip",J=a.pickCustomAttributes(L),Q=i.useId("tooltip"),V=`${Q}Title`,W=`${Q}Content`,X=d.processText(I),Y=d.processText($),Z=l.isString(X.children),{isDesktop:ee,isMobile:te,isTablet:se}=o.useActiveBreakpoints(),ie=ee||se;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":G,children:e.jsxRuntimeExports.jsx(j.TooltipTrigger,{childrenAsButton:v,disabled:!0,children:h})});const oe=m.getAriaDescriptorsBy({contentId:W,hasContent:!!I,hasTitle:!!Y.children,titleId:V}),re={"data-align":b||r.POSITIONS.TOP},ne=a.pickCustomAttributes(re),le=e.jsxRuntimeExports.jsxs("div",{ref:U,"aria-label":ie?K:void 0,"aria-labelledby":ie?m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}):void 0,"aria-modal":!(!ie||!H)||void 0,className:n.classNames("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${G}-content`,id:Q,role:ie?H?"dialog":"tooltip":void 0,...ie&&{onFocus:w,onKeyDown:B},...J,children:[e.jsxRuntimeExports.jsxs("div",{className:y?.tooltipinternalcontainer,children:[e.jsxRuntimeExports.jsx(t.RenderIf,{condition:(te||se)&&!!f,children:e.jsxRuntimeExports.jsx("div",{ref:k,className:y?.dragiconcontainer,"data-testid":`${G}-drag`,children:e.jsxRuntimeExports.jsx(p.ElementOrIcon,{className:y?.dragicon,...f})})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(y?.title,y?.headercontainer),style:(ae=!!Y.children,ce=!!g?.icon,ae&&ce?{justifyContent:"space-between"}:ae?{justifyContent:"flex-end"}:ce?{justifyContent:"flex-start"}:{display:"none"}),children:[c.processIcon(g).icon&&e.jsxRuntimeExports.jsx("div",{className:y?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(u.IconHost,{...c.processIcon(g),className:y?.closebuttonicon,icon:c.processIcon(g).icon,onClick:q})}),e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!Y.children,children:e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:V,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:y?.title},component:"h2",...Y,children:Y.children})})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":R?E?.["aria-label"]:void 0,"aria-labelledby":R?E?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:R?"region":void 0,...R&&{tabIndex:0},children:e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!I,children:e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!Y.children}),id:W,children:Z?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:y?.paragraph},...X}):X.children})})})]}),e.jsxRuntimeExports.jsx("div",{...ne,className:n.classNames("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:y?.arrow})})]});var ae,ce;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":G,children:[e.jsxRuntimeExports.jsx(j.TooltipTrigger,{ariaDescribedBy:H||!ie&&!P?void 0:oe,childrenAsButton:v,triggerAsButton:z,onClick:_,onKeyDown:O,onMouseDown:S,onMouseUp:M,children:h}),ie?le:e.jsxRuntimeExports.jsx(x.Popover,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}),"aria-modal":H||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:P,preventCloseOnClickElements:[N?.current],role:H?"dialog":"tooltip",strategy:"absolute",onClose:D,...F,children:le})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/components/renderIf/renderIf.js"),o=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),n=require("../../lib/types/positions/positions.js"),l=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/is/isString.js"),c=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),d=require("../../lib/utils/process/processIcon/processIcon.js"),p=require("../../lib/utils/process/processText/processText.js"),u=require("../icon/iconHost.js"),x=require("../popover/popover.js"),j=require("./components/tooltipTrigger.js"),m=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:b,children:h,childrenAsButton:v=!0,closeIcon:g,content:I,contentHasScroll:R,contentRef:T,contentScrollArias:E,cssClasses:y,disabled:C,dragIcon:f,dragIconRef:k,labelRef:N,mediaDevice:A,onCloseIconClick:q,onPopoverCloseInternally:D,onTooltipFocus:w,onTooltipKeyDown:B,onTriggerClick:_,onTriggerKeyDown:O,onTriggerMouseDown:S,onTriggerMouseUp:M,popover:F,popoverOpen:P,title:$,tooltipAriaLabel:K,tooltipAsModal:H,tooltipRef:U,triggerAsButton:z,...L})=>{const G=L["data-testid"]||"tooltip",J=c.pickCustomAttributes(L),Q=o.useId("tooltip"),V=`${Q}Title`,W=`${Q}Content`,X=p.processText(I),Y=p.processText($),Z=a.isString(X.children),{isDesktop:ee,isMobile:te,isTablet:se}=r.useActiveBreakpoints(),ie=ee||se;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":G,children:e.jsxRuntimeExports.jsx(j.TooltipTrigger,{childrenAsButton:v,disabled:!0,children:h})});const oe=m.getAriaDescriptorsBy({contentId:W,hasContent:!!I,hasTitle:!!Y.children,titleId:V}),re={"data-align":b||n.POSITIONS.TOP},ne=c.pickCustomAttributes(re),le=e.jsxRuntimeExports.jsxs("div",{ref:U,"aria-label":ie?K:void 0,"aria-labelledby":ie?m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}):void 0,"aria-modal":!(!ie||!H)||void 0,className:l.classNames("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${G}-content`,id:Q,role:ie?H?"dialog":"tooltip":void 0,...ie&&{onFocus:w,onKeyDown:B},...J,children:[e.jsxRuntimeExports.jsxs("div",{className:y?.tooltipinternalcontainer,children:[e.jsxRuntimeExports.jsx(i.RenderIf,{condition:(te||se)&&!!f,children:e.jsxRuntimeExports.jsx("div",{ref:k,className:y?.dragiconcontainer,"data-testid":`${G}-drag`,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:y?.dragicon,...f})})}),e.jsxRuntimeExports.jsxs("div",{className:l.classNames(y?.title,y?.headercontainer),style:(ae=!!Y.children,ce=!!g?.icon,ae&&ce?{justifyContent:"space-between"}:ae?{justifyContent:"flex-end"}:ce?{justifyContent:"flex-start"}:{display:"none"}),children:[d.processIcon(g).icon&&e.jsxRuntimeExports.jsx("div",{className:y?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(u.IconHost,{...d.processIcon(g),className:y?.closebuttonicon,icon:d.processIcon(g).icon,onClick:q})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!Y.children,children:e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:V,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:y?.title},component:"h2",...Y,children:Y.children})})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":R?E?.["aria-label"]:void 0,"aria-labelledby":R?E?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:R?"region":void 0,...R&&{tabIndex:0},children:e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!I,children:e.jsxRuntimeExports.jsx("div",{className:l.classNames("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!Y.children}),id:W,children:Z?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:y?.paragraph},...X}):X.children})})})]}),e.jsxRuntimeExports.jsx("div",{...ne,className:l.classNames("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:y?.arrow})})]});var ae,ce;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":G,children:[e.jsxRuntimeExports.jsx(j.TooltipTrigger,{ariaDescribedBy:H||!ie&&!P?void 0:oe,childrenAsButton:v,triggerAsButton:z,onClick:_,onKeyDown:O,onMouseDown:S,onMouseUp:M,children:h}),ie?le:e.jsxRuntimeExports.jsx(x.Popover,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}),"aria-modal":H||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:P,preventCloseOnClickElements:[N?.current],role:H?"dialog":"tooltip",strategy:"absolute",onClose:D,...F,children:le})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/hooks/useId/useId.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../elementOrIcon/elementOrIcon.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=s.useId("virtualKeyboard"),C=l??A,E={[i.STATES.ACTIVE]:p===i.STATES.ACTIVE,[i.STATES.INACTIVE]:p===i.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...r.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:e?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/types/states/states.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=i.useId("virtualKeyboard"),C=l??A,E={[r.STATES.ACTIVE]:p===r.STATES.ACTIVE,[r.STATES.INACTIVE]:p===r.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...o.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...o.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:e?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),b=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/message/messageControlled.js"),h=require("./components/message/messageUnControlled.js"),y=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),ge=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=b.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=v.IconHost,exports.Image=B.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.MessageControlled=_.MessageControlled,exports.Message=h.MessageUnControlled,exports.ModalControlled=y.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=ge.UtilsContext,exports.UtilsProvider=ge.UtilsProvider,exports.useUtilsProvider=ge.useUtilsProvider;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),b=require("./components/chip/chip.js"),m=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),B=require("./components/icon/iconHost.js"),v=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),y=require("./components/link/linkAsButton/linkAsButton.js"),D=require("./components/listOptions/listOptions.js"),I=require("./components/message/messageControlled.js"),_=require("./components/message/messageUnControlled.js"),h=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableBody/tableBody.js"),Z=require("./components/tableCaption/tableCaption.js"),$=require("./components/tableCell/tableCell.js"),ee=require("./components/tableDivider/tableDivider.js"),oe=require("./components/tableFoot/tableFoot.js"),re=require("./components/tableHead/tableHead.js"),te=require("./components/tableRow/tableRow.js"),ne=require("./components/tabs/tabsControlled.js"),se=require("./components/tabs/tabsUnControlled.js"),le=require("./components/tag/tag.js"),pe=require("./components/text/text.js"),ie=require("./components/textArea/textArea.js"),ae=require("./components/toggle/toggleControlled.js"),ce=require("./components/toggle/toggleStandAlone.js"),de=require("./components/toggle/toggleUnControlled.js"),ue=require("./components/tooltip/tooltipControlled.js"),xe=require("./components/tooltip/tooltipUnControlled.js"),be=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),Ce=require("./lib/provider/kubitProvider/kubitProvider.js"),ge=require("./lib/provider/stylesProvider/stylesProvider.js"),je=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=b.Chip,exports.Container=m.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=B.IconHost,exports.Image=v.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=y.LinkAsButton,exports.ListOptions=D.ListOptions,exports.MessageControlled=I.MessageControlled,exports.Message=_.MessageUnControlled,exports.ModalControlled=h.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableBody=X.TableBody,exports.TableCaption=Z.TableCaption,exports.TableCell=$.TableCell,exports.TableDivider=ee.TableDivider,exports.TableFoot=oe.TableFoot,exports.TableHead=re.TableHead,exports.TableRow=te.TableRow,exports.TabsControlled=ne.TabsControlled,exports.Tabs=se.TabsUnControlled,exports.Tag=le.Tag,exports.Text=pe.Text,exports.TextArea=ie.TextArea,exports.ToggleControlled=ae.ToggleControlled,exports.ToggleStandalone=ce.ToggleStandalone,exports.ToggleUncontrolled=de.ToggleUncontrolled,exports.TooltipControlled=ue.TooltipControlled,exports.Tooltip=xe.TooltipUnControlled,exports.VirtualKeyboard=be.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=Ce.KubitProvider,exports.StylesContext=ge.StylesContext,exports.StylesProvider=ge.StylesProvider,exports.useStylesContext=ge.useStylesContext,exports.UtilsContext=je.UtilsContext,exports.UtilsProvider=je.UtilsProvider,exports.useUtilsProvider=je.useUtilsProvider;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),o=require("react"),n=require("../../../components/icon/icon.js"),r=require("../../../components/icon/iconHost.js"),t=o.forwardRef(({basic:t=!1,icon:i,...s},c)=>i?"string"==typeof i?t?e.jsxRuntimeExports.jsx(n.IconBasic,{...s,ref:c,icon:i}):e.jsxRuntimeExports.jsx(r.IconHost,{...s,ref:c,icon:i}):o.isValidElement(i)?i:null:null);exports.ElementOrIcon=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/elementOrIcon/elementOrIcon.js"),t=require("../../../components/text/text.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},m)=>{if(!a)return null;const x=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:m,...x,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/text/text.js"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},x)=>{if(!a)return null;const m=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:x,...m,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../hooks/useClassName/useClassName.js"),r=require("../../utils/classNames/classNames.js"),o=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../customComponent/customComponent.js");exports.ItemRove=({ariaControls:i,ariaDisabled:u=!1,ariaHidden:l=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:p,classNames:b,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(a.CustomComponent,{ref:R,"aria-controls":i,"aria-disabled":u,"aria-hidden":l,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,b),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:p})};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../hooks/useClassName/useClassName.js"),r=require("./overlayStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const n=a.useClassName({additionalClassNames:s,component:"OVERLAY",variant:t});return e.jsxRuntimeExports.jsx(r.OverlayStandAlone,{...o,ref:l,cssClasses:n})});exports.Overlay=t;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({breakpoints:o=n,children:i,icons:l={},illustrations:a={},themeSelected:d,bernovaProvider:m,linkId:c="kb-styled-provider",jsInCss:u=!0})=>{const x=o,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(o),p=l,v=a,y=t.useMemo(()=>new(m||s.Provider)({jsInCss:u,linkId:c}),[]),[S,C]=t.useState(d||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:i})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../cssProvider/provider.js"),r=t.createContext(void 0),n={lg:992,md:768,sm:576,xl:1200};exports.StylesContext=r,exports.StylesProvider=({bernovaProvider:o,breakpoints:i=n,children:l,icons:a={},illustrations:d={},jsInCss:m=!0,linkId:c="kb-styled-provider",themeSelected:u})=>{const x=i,h=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(i),p=a,v=d,y=t.useMemo(()=>new(o||s.Provider)({jsInCss:m,linkId:c}),[]),[S,C]=t.useState(u||y.themeSelected);y.themeSelected=S||"";return e.jsxRuntimeExports.jsx(r.Provider,{value:{breakpoints:x,changeTheme:e=>{try{y.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:S,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return y.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:p,illustrations:v,mediaQueries:h,themeClassNames:y.classNames,themes:y.allThemes,themeVariables:y.variables},children:l})},exports.useStylesContext=()=>{const e=t.useContext(r);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e};
@@ -1,4 +1,4 @@
1
- import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{ElementOrIcon as o}from"../../elementOrIcon/elementOrIcon.js";import{RenderIf as i}from"../../renderIf/renderIf.js";import{Text as e}from"../../text/text.js";import{processIcon as r}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as n}from"../../../lib/utils/process/processText/processText.js";const c=({contentType:c,cssClasses:m,customAttributes:l,dot:a,icon:d,initials:p,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[
2
- /* @__PURE__ */s.jsx(i,{condition:!!a?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...a})})}),
3
- /* @__PURE__ */s.jsx(i,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(o,{className:m?.icon,customAttributes:l,...r(d)})}),
4
- /* @__PURE__ */s.jsx(i,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(e,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...n(p,j)})})]});export{c as DrawContent};
1
+ import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as e}from"../../../lib/components/renderIf/renderIf.js";import{processIcon as n}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as r}from"../../../lib/utils/process/processText/processText.js";const c=({contentType:c,cssClasses:m,customAttributes:l,dot:p,icon:a,initials:d,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[
2
+ /* @__PURE__ */s.jsx(e,{condition:!!p?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...p})})}),
3
+ /* @__PURE__ */s.jsx(e,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(i,{className:m?.icon,customAttributes:l,...n(a)})}),
4
+ /* @__PURE__ */s.jsx(e,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...r(d,j)})})]});export{c as DrawContent};
@@ -1,9 +1,7 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as o,useCallback as r}from"react";import{Dot as i}from"../dot/dot.js";import{RenderIf as a}from"../renderIf/renderIf.js";import{Text as n}from"../text/text.js";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as l}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as d}from"../../lib/utils/process/processText/processText.js";import{ElementOrIcon as m}from"../elementOrIcon/elementOrIcon.js";const u=s(({active:s,ariaLiveText:u,cssSizeClasses:p,cssVariantClasses:j,dot:b,hasDot:x,icon:f,label:h,labelIcon:C,onBadgeBlur:I,onClick:N,role:$,...g},v)=>{const A=e(null),k=e(null),B={"data-active":!!s},T=c({...g,customAttributes:B}),y=c(B),D=T["data-testid"]||"badge";o(v,()=>k.current,[]);const O=r(t=>{I?.(t)},[I]),z=r(t=>{N?.(t)},[N]);/* @__PURE__ */
2
- return t.jsx("div",{ref:k,className:`${j?.badge} ${p?.badge}`,"data-testid":`${D}-container`,...y,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:j?.button,"data-testid":D,role:$,type:"button",onBlur:O,onClick:z,...T,children:[
3
- /* @__PURE__ */t.jsxs("span",{className:j?.dotcontainer,children:[
4
- /* @__PURE__ */t.jsx(a,{condition:!!b&&!!x,children:/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:j?.dot,children:/* @__PURE__ */t.jsx(i,{...b})})}),
5
- /* @__PURE__ */t.jsx(m,{className:`${j?.icon} ${p?.icon}`,...l(f),customAttributes:B})]}),
6
- /* @__PURE__ */t.jsx(a,{condition:!!h,children:/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:j?.labelcontainer,children:[
7
- /* @__PURE__ */t.jsx(n,{additionalClasses:{text:`${p?.label} ${j?.label}`},component:"span",...d(h),customAttributes:B}),
8
- /* @__PURE__ */t.jsx(m,{className:j?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...l(C),customAttributes:B})]})}),
9
- /* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:u})]})})});export{u as BadgeStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as o,useCallback as a}from"react";import{Dot as r}from"../dot/dot.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as c}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as m}from"../../lib/utils/process/processText/processText.js";const d=s(({active:s,ariaLiveText:d,cssSizeClasses:u,cssVariantClasses:p,dot:b,hasDot:j,icon:x,label:f,labelIcon:h,onBadgeBlur:C,onClick:N,role:$,...g},v)=>{const A=e(null),I=e(null),k={"data-active":!!s},B=l({...g,customAttributes:k}),T=l(k),y=B["data-testid"]||"badge";o(v,()=>I.current,[]);const D=a(t=>{C?.(t)},[C]),O=a(t=>{N?.(t)},[N]);/* @__PURE__ */
2
+ return t.jsx("div",{ref:I,className:`${p?.badge} ${u?.badge}`,"data-testid":`${y}-container`,...T,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:p?.button,"data-testid":y,role:$,type:"button",onBlur:D,onClick:O,...B,children:[
3
+ /* @__PURE__ */t.jsxs("span",{className:p?.dotcontainer,children:[!!b&&!!j&&/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:p?.dot,children:/* @__PURE__ */t.jsx(r,{...b})}),
4
+ /* @__PURE__ */t.jsx(n,{className:`${p?.icon} ${u?.icon}`,...c(x),customAttributes:k})]}),!!f&&/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:p?.labelcontainer,children:[
5
+ /* @__PURE__ */t.jsx(i,{additionalClasses:{text:`${u?.label} ${p?.label}`},component:"span",...m(f),customAttributes:k}),
6
+ /* @__PURE__ */t.jsx(n,{className:p?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...c(h),customAttributes:k})]}),
7
+ /* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:d})]})})});export{d as BadgeStandAlone};
@@ -1,6 +1,6 @@
1
- import{j as t}from"../../../../_virtual/jsx-runtime.js";import{ElementOrIcon as e}from"../../../elementOrIcon/elementOrIcon.js";import{Link as i}from"../../../link/link.js";import{RenderIf as s}from"../../../renderIf/renderIf.js";import{Text as r}from"../../../text/text.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as n}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:d,dividerIcon:c,lastCrumb:m,lastOneCrumbComponent:u="span",link:j,...b})=>{const{setRef:x}=a({active:m,states:Object.values(n)}),p=o(b);/* @__PURE__ */
2
- return t.jsxs("li",{ref:x,"aria-current":m?"page":void 0,className:d?.crumb,"data-testid":b["data-testid"],children:[
3
- /* @__PURE__ */t.jsx(s,{condition:!!m,children:/* @__PURE__ */t.jsx(r,{additionalClasses:{text:d?.lastonecrumb},component:u,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),
4
- /* @__PURE__ */t.jsx(s,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
5
- /* @__PURE__ */t.jsx(s,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(i,{...p,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
6
- /* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(e,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
1
+ import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as i}from"../../../text/text.js";import{ElementOrIcon as s}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../../lib/components/renderIf/renderIf.js";import{useManageState as r}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as a}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:d,dividerIcon:c,lastCrumb:m,lastOneCrumbComponent:u="span",link:j,...b})=>{const{setRef:p}=r({active:m,states:Object.values(a)}),x=o(b);/* @__PURE__ */
2
+ return t.jsxs("li",{ref:p,"aria-current":m?"page":void 0,className:d?.crumb,"data-testid":b["data-testid"],children:[
3
+ /* @__PURE__ */t.jsx(n,{condition:!!m,children:/* @__PURE__ */t.jsx(i,{additionalClasses:{text:d?.lastonecrumb},component:u,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),
4
+ /* @__PURE__ */t.jsx(n,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
5
+ /* @__PURE__ */t.jsx(n,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...x,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
6
+ /* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(s,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
@@ -1,5 +1,3 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as i,Children as o}from"react";import{RenderIf as e}from"../renderIf/renderIf.js";import{POSITIONS as r}from"../../lib/types/positions/positions.js";import{classNames as n}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";import{ElementOrIcon as c}from"../elementOrIcon/elementOrIcon.js";const d=s(({alignText:s,children:d,cssSizeClasses:m,cssVariantClasses:p,disabled:u,form:b,fullWidth:f,icon:j,iconPosition:x,id:h,loader:I,loading:y,minWidth:C,onClick:g,role:N,tabIndex:k,title:A,type:T,...v},F)=>{const O=i(()=>m?.dynamic_values({$alignText:s||"left"}).object,[s]),W={"data-content":o.toArray(d)[0],"data-full-width":f,"data-loading":y,"data-position":x||r.LEFT},_=l({...v,customAttributes:W});/* @__PURE__ */
2
- return t.jsxs("button",{ref:F,className:n(m?.button,p?.button),"data-testid":"button",disabled:u,form:b,id:h,role:N,style:O,tabIndex:k,title:A,type:T,onClick:g,..._,...W,children:[
3
- /* @__PURE__ */t.jsx(e,{condition:!!I&&!!y,children:/* @__PURE__ */t.jsx("span",{className:n(m?.loader,p?.loader),children:I})}),
4
- /* @__PURE__ */t.jsx(e,{condition:!y,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
5
- /* @__PURE__ */t.jsx(c,{...a(j),className:n(m?.icon,p?.icon)}),d]})})]})});export{d as ButtonStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as o,Children as i}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as n}from"../../lib/utils/process/processIcon/processIcon.js";const c=s(({alignText:s,children:c,cssSizeClasses:m,cssVariantClasses:d,disabled:p,form:u,fullWidth:b,icon:f,iconPosition:j,id:x,loader:h,loading:y,minWidth:C,onClick:I,role:g,tabIndex:N,title:k,type:A,...T},v)=>{const F=o(()=>m?.dynamic_values({$alignText:s||"left"}).object,[s]),O={"data-content":i.toArray(c)[0],"data-full-width":b,"data-loading":y,"data-position":j||l.LEFT},W=a({...T,customAttributes:O});/* @__PURE__ */
2
+ return t.jsxs("button",{ref:v,className:r(m?.button,d?.button),"data-testid":"button",disabled:p,form:u,id:x,role:g,style:F,tabIndex:N,title:k,type:A,onClick:I,...W,...O,children:[!!h&&!!y&&/* @__PURE__ */t.jsx("span",{className:r(m?.loader,d?.loader),children:h}),!y&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[
3
+ /* @__PURE__ */t.jsx(e,{...n(f),className:r(m?.icon,d?.icon)}),c]})]})});export{c as ButtonStandAlone};
@@ -1,9 +1,9 @@
1
- import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{RenderIf as o}from"../../renderIf/renderIf.js";import{Text as r}from"../../text/text.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";import{ElementOrIcon as n}from"../../elementOrIcon/elementOrIcon.js";const s=({configAccesibility:s,configCalendar:i,cssClasses:l,currentDate:c,customBackText:d,maxDate:u,minDate:h,onDaySelectorClick:m,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:x,onYearSelectorClick:y,setCurrentDate:j,setShowDaySelector:p,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:f,showMonthSelector:v,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=a(),{leftArrowIcon:I,rightArrowIcon:M,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{j(e)},L=k,R=(v||w)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(o,a,n,s)=>{const i=()=>{switch(o){case"day":return c.getDate();case"month":return(e=A(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
2
- return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":n,disabled:a,role:s,size:Y,variant:N,onClick:e=>{p("day"===o),C("month"===o),g("year"===o),"day"===o?m?.(i()?.toString(),e):"month"===o?S?.(i()?.toString(),e):y?.(i()?.toString(),e)},children:/* @__PURE__ */e.jsx(r,{component:"span",children:i()})})},_={"data-state":B(h)};/* @__PURE__ */
1
+ import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../lib/components/renderIf/renderIf.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const s=({configAccesibility:s,configCalendar:i,cssClasses:l,currentDate:c,customBackText:d,maxDate:m,minDate:u,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:p,onYearSelectorClick:x,setCurrentDate:y,setShowDaySelector:j,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:f,showMonthSelector:v,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=a(),{leftArrowIcon:I,rightArrowIcon:M,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{y(e)},L=k,R=(v||w)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(r,n,a,s)=>{const i=()=>{switch(r){case"day":return c.getDate();case"month":return(e=A(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
2
+ return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":a,disabled:n,role:s,size:Y,variant:N,onClick:e=>{j("day"===r),C("month"===r),g("year"===r),"day"===r?h?.(i()?.toString(),e):"month"===r?S?.(i()?.toString(),e):x?.(i()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:i()})})},_={"data-state":B(u)};/* @__PURE__ */
3
3
  return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
4
- /* @__PURE__ */e.jsxs("button",{"aria-label":R?"":I["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?g(!1):z(D.getSubMonths(e,1)),C(!1),p(!0)})(),I.onClick?.(e),b?.(e)},children:[
5
- /* @__PURE__ */e.jsx(n,{className:l?.leftarrow,customAttributes:_,disabled:B(h),...I,"aria-label":void 0}),
6
- /* @__PURE__ */e.jsx(o,{condition:R,children:/* @__PURE__ */e.jsx(r,{additionalClasses:{text:l?.backtext},component:"span",children:d})})]}),
4
+ /* @__PURE__ */e.jsxs("button",{"aria-label":R?"":I["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?g(!1):z(D.getSubMonths(e,1)),C(!1),j(!0)})(),I.onClick?.(e),b?.(e)},children:[
5
+ /* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:_,disabled:B(u),...I,"aria-label":void 0}),
6
+ /* @__PURE__ */e.jsx(n,{condition:R,children:/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:d})})]}),
7
7
  /* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[
8
- /* @__PURE__ */e.jsx(o,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
9
- /* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(n,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(u),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),x?.(e)},...M})})]})};export{s as Selector};
8
+ /* @__PURE__ */e.jsx(n,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
9
+ /* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(m),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),p?.(e)},...M})})]})};export{s as Selector};
@@ -1 +1 @@
1
- import{useRef as e,useCallback as n,useEffect as t}from"react";import{ResizeObserver as r}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{useCarouselKeyNavigation as a}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as i}from"./useCarouselSwipe.js";import c from"./utils/calc.utils.js";import o from"./utils/constants.js";import s from"./utils/dom.utils.js";const u=({rootContainerRef:u,viewerContainerRef:l,contentContainerRef:d,circular:m=!0,centerMode:g=!1,extraPadding:P=0,elements:f,numElementsPerPage:C,numElementsToSlide:h,defaultPage:w=0,onePageAlign:E="center",allowModifySliceWidth:I=!1,centerExtremesWhenExtraPadding:x=!1,autoFitContainer:R=!1,disabled:p=!1,onNumPagesChange:v,onNumElementsPerPageChange:L,onPageChange:N})=>{const V=e(!0),S=e(w),y=e(w),T=e(C),A=e(0),b=n(e=>{const n=d.current;if(!n||!T.current||e.propertyName!==o.PROPERTY_TO_HANDLE_TRANSITION_END||A.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=s.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:y.current,numPages:A.current,numElementsPerPage:T.current,elementsLength:f.length,extraPadding:P});y.current=t,S.current!==y.current&&(S.current=y.current,N?.(y.current));const{firstIndexInView:r,lastIndexInView:a}=c.calcFirstAndLastIndexInCarouselView({elementsLength:f.length,numElementsPerPage:T.current,numElementsToSlide:h,currentPage:y.current,isCircular:m});s.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),g&&s.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:T.current}),V.current=!0},[f,P,h,m,g,N]),O=n(({newPage:e,animated:n=!0})=>{const t=l.current,r=d.current;if(!t||!r||!V.current||!T.current||!f.length||A.current<1||(m?e<-1:e<0)||(m?e>A.current:e>A.current-1))return;n&&r.setAttribute("data-shifting","true"),s.deleteCenterMode({contentContainer:r}),y.current=e;const{firstIndexInView:a,lastIndexInView:i}=c.calcFirstAndLastIndexInCarouselView({elementsLength:f.length,numElementsPerPage:T.current,numElementsToSlide:h,currentPage:y.current,isCircular:m});I||s.updateViewerWidth({viewerContainer:t,contentContainer:r,firstIndexInView:a,lastIndexInView:i,extraPadding:P});const u=r.style.left,g=c.calcContentContainerLeftPosition({contentContainer:r,numPages:A.current,currentPage:y.current,firstIndexInView:a,extraPadding:P,centerExtremesWhenExtraPadding:x,circular:m});r.style.left=g,n&&u!==g?V.current=!1:b({propertyName:o.PROPERTY_TO_HANDLE_TRANSITION_END})},[f,h,m,I,P,x,b]),M=n(()=>{const e=l.current,n=d.current;e&&n&&T.current&&(I&&(e.style.width="100%",s.updateSlicesWidth({viewerContainer:e,contentContainer:n,centerMode:g,numElementsPerPage:T.current,extraPadding:P})),s.manageCircularClones({contentContainer:n,elementsLength:f.length,numElementsPerPage:T.current,circular:m}),O({newPage:y.current,animated:!1}))},[I,g,m,f,P,O]),_=n(()=>{const e=u.current,n=l.current,t=d.current;if(!e||!n||!t)return;e.style.width="100%";const r=C||c.calcNumElementsPerPage({rootContainer:e,viewerContainer:n,contentContainer:t,elementsLength:f.length,extraPadding:P})||1;R&&(e.style.width="fit-content"),r!==T.current&&(T.current=r,L?.(r));const a=c.calcNumPages({elementsLength:f.length,numElementsPerPage:r,numElementsToSlide:h});A.current!==a&&(A.current=a,v?.(a),y.current=Math.min(Math.max(0,w),a-1)),a<=1&&s.alignOnePageCarousel({rootContainer:e,contentContainer:t,onePageAlign:E,allowModifySliceWidth:I})},[I,f,P,C,h,E,R,L,v,N]),W=n(()=>{_(),M()},[_,M]);return t(()=>{const e=d.current;if(!e)return;W(),window.addEventListener("resize",W);const n=new r(W);return n.observe(e),()=>{window.removeEventListener("resize",W),n.disconnect()}},[W]),t(()=>{const e=d.current;return e?.addEventListener("transitionend",b),()=>{e?.removeEventListener("transitionend",b)}},[b]),i({viewerContainerRef:l,contentContainerRef:d,allowShiftRef:V,circular:m,extraPadding:P,elements:f,numElementsPerPageRef:T,numPagesRef:A,currentPageRef:y,centerExtremesWhenExtraPadding:x,disabled:p,changePage:O}),a({rootContainerRef:u,allowShiftRef:V,circular:m,currentPageRef:y,numPagesRef:A,disabled:p,changePage:O}),{changePage:O,allowShiftRef:V,currentPageRef:y,numElementsPerPageRef:T,numPagesRef:A}};export{u as useCarousel};
1
+ import{useRef as e,useCallback as n,useEffect as t}from"react";import{ResizeObserver as r}from"../../../lib/utils/resizeObserver/resizeObserver.js";import{useCarouselKeyNavigation as a}from"./useCarouselKeyNavigation.js";import{useCarouselSwipe as i}from"./useCarouselSwipe.js";import c from"./utils/calc.utils.js";import o from"./utils/constants.js";import s from"./utils/dom.utils.js";const u=({allowModifySliceWidth:u=!1,autoFitContainer:l=!1,centerExtremesWhenExtraPadding:d=!1,centerMode:m=!1,circular:g=!0,contentContainerRef:P,defaultPage:f=0,disabled:C=!1,elements:h,extraPadding:w=0,numElementsPerPage:E,numElementsToSlide:I,onePageAlign:x="center",onNumElementsPerPageChange:R,onNumPagesChange:p,onPageChange:v,rootContainerRef:L,viewerContainerRef:N})=>{const V=e(!0),S=e(f),y=e(f),T=e(E),A=e(0),b=n(e=>{const n=P.current;if(!n||!T.current||e.propertyName!==o.PROPERTY_TO_HANDLE_TRANSITION_END||A.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=s.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:y.current,elementsLength:h.length,extraPadding:w,numElementsPerPage:T.current,numPages:A.current});y.current=t,S.current!==y.current&&(S.current=y.current,v?.(y.current));const{firstIndexInView:r,lastIndexInView:a}=c.calcFirstAndLastIndexInCarouselView({currentPage:y.current,elementsLength:h.length,isCircular:g,numElementsPerPage:T.current,numElementsToSlide:I});s.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:r,lastIndexInView:a}),m&&s.applyCenterMode({contentContainer:n,firstIndexInView:r,lastIndexInView:a,numElementsPerPage:T.current}),V.current=!0},[h,w,I,g,m,v]),O=n(({animated:e=!0,newPage:n})=>{const t=N.current,r=P.current;if(!t||!r||!V.current||!T.current||!h.length||A.current<1||(g?n<-1:n<0)||(g?n>A.current:n>A.current-1))return;e&&r.setAttribute("data-shifting","true"),s.deleteCenterMode({contentContainer:r}),y.current=n;const{firstIndexInView:a,lastIndexInView:i}=c.calcFirstAndLastIndexInCarouselView({currentPage:y.current,elementsLength:h.length,isCircular:g,numElementsPerPage:T.current,numElementsToSlide:I});u||s.updateViewerWidth({contentContainer:r,extraPadding:w,firstIndexInView:a,lastIndexInView:i,viewerContainer:t});const l=r.style.left,m=c.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:d,circular:g,contentContainer:r,currentPage:y.current,extraPadding:w,firstIndexInView:a,numPages:A.current});r.style.left=m,e&&l!==m?V.current=!1:b({propertyName:o.PROPERTY_TO_HANDLE_TRANSITION_END})},[h,I,g,u,w,d,b]),M=n(()=>{const e=N.current,n=P.current;e&&n&&T.current&&(u&&(e.style.width="100%",s.updateSlicesWidth({centerMode:m,contentContainer:n,extraPadding:w,numElementsPerPage:T.current,viewerContainer:e})),s.manageCircularClones({circular:g,contentContainer:n,elementsLength:h.length,numElementsPerPage:T.current}),O({animated:!1,newPage:y.current}))},[u,m,g,h,w,O]),_=n(()=>{const e=L.current,n=N.current,t=P.current;if(!e||!n||!t)return;e.style.width="100%";const r=E||c.calcNumElementsPerPage({contentContainer:t,elementsLength:h.length,extraPadding:w,rootContainer:e,viewerContainer:n})||1;l&&(e.style.width="fit-content"),r!==T.current&&(T.current=r,R?.(r));const a=c.calcNumPages({elementsLength:h.length,numElementsPerPage:r,numElementsToSlide:I});A.current!==a&&(A.current=a,p?.(a),y.current=Math.min(Math.max(0,f),a-1)),a<=1&&s.alignOnePageCarousel({allowModifySliceWidth:u,contentContainer:t,onePageAlign:x,rootContainer:e})},[u,h,w,E,I,x,l,R,p,v]),W=n(()=>{_(),M()},[_,M]);return t(()=>{const e=P.current;if(!e)return;W(),window.addEventListener("resize",W);const n=new r(W);return n.observe(e),()=>{window.removeEventListener("resize",W),n.disconnect()}},[W]),t(()=>{const e=P.current;return e?.addEventListener("transitionend",b),()=>{e?.removeEventListener("transitionend",b)}},[b]),i({allowShiftRef:V,centerExtremesWhenExtraPadding:d,changePage:O,circular:g,contentContainerRef:P,currentPageRef:y,disabled:C,elements:h,extraPadding:w,numElementsPerPageRef:T,numPagesRef:A,viewerContainerRef:N}),a({allowShiftRef:V,changePage:O,circular:g,currentPageRef:y,disabled:C,numPagesRef:A,rootContainerRef:L}),{allowShiftRef:V,changePage:O,currentPageRef:y,numElementsPerPageRef:T,numPagesRef:A}};export{u as useCarousel};
@@ -1 +1 @@
1
- import{useEffect as e}from"react";import{isArrowLeftPressed as r,isArrowRightPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const t=({rootContainerRef:t,allowShiftRef:c,circular:o,currentPageRef:u,numPagesRef:a,disabled:i=!1,changePage:d})=>{e(()=>{if(i)return;const e=e=>{!c.current||a.current<=1||(r(e.key)?c.current&&(o||0!==u.current)&&d({newPage:u.current-1}):n(e.key)&&c.current&&(o||u.current!==a.current-1)&&d({newPage:u.current+1}))},f=t.current;return f?.addEventListener("keydown",e),()=>{f?.removeEventListener("keydown",e)}},[o,d,i])};export{t as useCarouselKeyNavigation};
1
+ import{useEffect as e}from"react";import{isArrowLeftPressed as r,isArrowRightPressed as n}from"../../../lib/utils/keyboard/keyboard.js";const t=({allowShiftRef:t,changePage:c,circular:o,currentPageRef:u,disabled:a=!1,numPagesRef:i,rootContainerRef:d})=>{e(()=>{if(a)return;const e=e=>{!t.current||i.current<=1||(r(e.key)?t.current&&(o||0!==u.current)&&c({newPage:u.current-1}):n(e.key)&&t.current&&(o||u.current!==i.current-1)&&c({newPage:u.current+1}))},f=d.current;return f?.addEventListener("keydown",e),()=>{f?.removeEventListener("keydown",e)}},[o,c,a])};export{t as useCarouselKeyNavigation};