@codeandfunction/callaloo 1.13.1 → 1.13.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +10 -1
  2. package/dist/assets/index.css +1 -1
  3. package/dist/components/Assets/Icon.vue.d.ts +7 -3
  4. package/dist/components/Buttons/A11yButton.vue.d.ts +4 -0
  5. package/dist/components/Buttons/Button.vue.d.ts +61 -6
  6. package/dist/components/Containers/Card.vue.d.ts +2 -2
  7. package/dist/components/Containers/Carousel/Carousel.vue.d.ts +24 -1
  8. package/dist/components/Containers/Carousel/CarouselNavigation.vue.d.ts +15 -8
  9. package/dist/components/Containers/Carousel/CarouselSlide.vue.d.ts +16 -0
  10. package/dist/components/Containers/Disclosure.vue.d.ts +23 -4
  11. package/dist/components/Form/Checkbox.vue.d.ts +48 -3
  12. package/dist/components/Form/Input.vue.d.ts +72 -3
  13. package/dist/components/Form/RadioButton.vue.d.ts +48 -3
  14. package/dist/components/Form/Select.vue.d.ts +50 -3
  15. package/dist/components/Form/TextArea.vue.d.ts +68 -3
  16. package/dist/components/Indicators/Badge.vue.d.ts +8 -0
  17. package/dist/components/Indicators/Banner.vue.d.ts +3 -2
  18. package/dist/components/Indicators/Pill.vue.d.ts +13 -3
  19. package/dist/components/Loading/Skeleton.vue.d.ts +8 -1
  20. package/dist/components/Loading/Spinner.vue.d.ts +9 -2
  21. package/dist/components/Modals/CLModal.vue.d.ts +12 -3
  22. package/dist/components/Navigation/Link.vue.d.ts +12 -3
  23. package/dist/components/Navigation/NavLink.vue.d.ts +12 -3
  24. package/dist/components/Navigation/NavSection.vue.d.ts +5 -1
  25. package/dist/components/Popups/DropdownMenu.vue.d.ts +36 -11
  26. package/dist/components/Popups/Toast.vue.d.ts +3 -2
  27. package/dist/components/Table/Table.vue.d.ts +12 -0
  28. package/dist/components/Table/TableCell.vue.d.ts +14 -7
  29. package/dist/components/Table/TableRow.vue.d.ts +3 -1
  30. package/dist/components/Typography/Heading.vue.d.ts +36 -14
  31. package/dist/components/Typography/Text.vue.d.ts +40 -16
  32. package/dist/constants.d.ts +22 -0
  33. package/dist/index.d.ts +3 -2
  34. package/dist/index.js +996 -595
  35. package/dist/index.js.map +1 -1
  36. package/dist/types.d.ts +98 -54
  37. package/dist/{helper.d.ts → utils/helper.d.ts} +9 -2
  38. package/dist/utils/tests.d.ts +9 -0
  39. package/package.json +61 -33
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, withKeys, renderSlot, createElementVNode, toDisplayString, useCssVars, createBlock, unref, withCtx, createCommentVNode, createTextVNode, createVNode, Comment, watch, h, useSlots, onMounted, nextTick, onUpdated, Fragment, onUnmounted, renderList, withDirectives, vShow, vModelDynamic, computed, shallowRef, getCurrentScope, onScopeDispose, shallowReadonly, onBeforeUnmount, normalizeStyle } from 'vue';
1
+ import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, withKeys, renderSlot, createElementVNode, toDisplayString, useCssVars, createBlock, unref, withCtx, createCommentVNode, createTextVNode, createVNode, Comment, watch, h, useSlots, onMounted, nextTick, onUpdated, Fragment, renderList, onUnmounted, withDirectives, vShow, vModelDynamic, computed, shallowRef, getCurrentScope, onScopeDispose, shallowReadonly, onBeforeUnmount, normalizeStyle } from 'vue';
2
2
 
3
- import './assets/index.css';const __vite_glob_0_0 = "<svg xmlns=\"http://www.w3.org/2000/svg\"><symbol id=\"tabler:activity\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12h4l3 8l4-16l3 8h4\"/></symbol><symbol id=\"tabler:ai\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 16v-6a2 2 0 1 1 4 0v6m-4-3h4m4-5v8\"/></symbol><symbol id=\"tabler:alarm\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5 13a7 7 0 1 0 14 0a7 7 0 1 0-14 0\"/><path d=\"M12 10v3h2M7 4L4.25 6M17 4l2.75 2\"/></g></symbol><symbol id=\"tabler:apps\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6\"/></symbol><symbol id=\"tabler:archive\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8m-9 4h4\"/></symbol><symbol id=\"tabler:arrow-back-up\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m9 14l-4-4l4-4\"/><path d=\"M5 10h11a4 4 0 1 1 0 8h-1\"/></g></symbol><symbol id=\"tabler:arrow-forward-up\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m15 14l4-4l-4-4\"/><path d=\"M19 10H8a4 4 0 1 0 0 8h1\"/></g></symbol><symbol id=\"tabler:arrows-move\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m18 9l3 3l-3 3m-3-3h6M6 9l-3 3l3 3m-3-3h6m0 6l3 3l3-3m-3-3v6m3-15l-3-3l-3 3m3-3v6\"/></symbol><symbol id=\"tabler:arrow-big-up-line\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12H5.414a1 1 0 0 1-.707-1.707l6.586-6.586a1 1 0 0 1 1.414 0l6.586 6.586A1 1 0 0 1 18.586 12H15v6H9zm0 9h6\"/></symbol><symbol id=\"tabler:arrow-big-down-line\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 12h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1-1.414 0l-6.586-6.586A1 1 0 0 1 5.414 12H9V6h6zm0-9H9\"/></symbol><symbol id=\"tabler:arrow-back\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m9 11l-4 4l4 4m-4-4h11a4 4 0 0 0 0-8h-1\"/></symbol><symbol id=\"tabler:arrow-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m6-6l-6 6m-6-6l6 6\"/></symbol><symbol id=\"tabler:arrow-forward\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 11l4 4l-4 4m4-4H8a4 4 0 0 1 0-8h1\"/></symbol><symbol id=\"tabler:arrow-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14M5 12l6 6m-6-6l6-6\"/></symbol><symbol id=\"tabler:arrow-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14m-6 6l6-6m-6-6l6 6\"/></symbol><symbol id=\"tabler:arrow-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m6-8l-6-6m-6 6l6-6\"/></symbol><symbol id=\"tabler:arrow-narrow-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m4-4l-4 4m-4-4l4 4\"/></symbol><symbol id=\"tabler:arrow-narrow-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14M5 12l4 4m-4-4l4-4\"/></symbol><symbol id=\"tabler:arrow-narrow-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14m-4 4l4-4m-4-4l4 4\"/></symbol><symbol id=\"tabler:arrow-narrow-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m4-10l-4-4M8 9l4-4\"/></symbol><symbol id=\"tabler:arrows-maximize\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6m6 6h4v-4m-6-2l6 6M8 4H4v4m0-4l6 6\"/></symbol><symbol id=\"tabler:arrows-minimize\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 9h4V5M3 3l6 6m-4 6h4v4m-6 2l6-6m10-6h-4V5m0 4l6-6m-2 12h-4v4m0-4l6 6\"/></symbol><symbol id=\"tabler:at\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0\"/><path d=\"M16 12v1.5a2.5 2.5 0 0 0 5 0V12a9 9 0 1 0-5.5 8.28\"/></g></symbol><symbol id=\"tabler:auth-2fa\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 16H3l3.47-4.66A2 2 0 1 0 3 9.8m7 6.2V8h4m-4 4h3m4 4v-6a2 2 0 0 1 4 0v6m-4-3h4\"/></symbol><symbol id=\"tabler:backspace\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9l-5-5a1.5 1.5 0 0 1 0-2l5-5zm-8 4l4 4m0-4l-4 4\"/></symbol><symbol id=\"tabler:book\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13\"/></symbol><symbol id=\"tabler:brush\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 21v-4a4 4 0 1 1 4 4z\"/><path d=\"M21 3A16 16 0 0 0 8.2 13.2M21 3a16 16 0 0 1-10.2 12.8\"/><path d=\"M10.6 9a9 9 0 0 1 4.4 4.4\"/></g></symbol><symbol id=\"tabler:brand-apple\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.286 7.008C5.07 7.008 4 10.238 4 12.928C4 16.157 6.143 21 8.286 21c1.165-.05 1.799-.538 3.214-.538c1.406 0 1.607.538 3.214.538S19 17.771 19 15.619c-.03-.011-2.649-.434-2.679-3.23c-.02-2.335 2.589-3.179 2.679-3.228c-1.096-1.606-3.162-2.113-3.75-2.153c-1.535-.12-3.032 1.077-3.75 1.077c-.729 0-2.036-1.077-3.214-1.077M12 4a2 2 0 0 0 2-2a2 2 0 0 0-2 2\"/></symbol><symbol id=\"tabler:brand-aws\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 18.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75\"/></symbol><symbol id=\"tabler:brand-cloudflare\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13.031 7.007C15.5 7 16.326 8.3 17 10c4 0 4.994 3.825 5 6H2c-.001-1.64 1.36-2.954 3-3c0-1.5 1-3 3-3c.66-1.942 2.562-2.986 5.031-2.993M12 13h6m-1-3l-2.5 6\"/></symbol><symbol id=\"tabler:brand-facebook-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 2a1 1 0 0 1 .993.883L19 3v4a1 1 0 0 1-.883.993L18 8h-3v1h3a1 1 0 0 1 .991 1.131l-.02.112l-1 4a1 1 0 0 1-.858.75L17 15h-2v6a1 1 0 0 1-.883.993L14 22h-4a1 1 0 0 1-.993-.883L9 21v-6H7a1 1 0 0 1-.993-.883L6 14v-4a1 1 0 0 1 .883-.993L7 9h2V8a6 6 0 0 1 5.775-5.996L15 2z\"/></symbol><symbol id=\"tabler:brand-gitlab\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 14l-9 7l-9-7L6 3l3 7h6l3-7z\"/></symbol><symbol id=\"tabler:brand-github\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21\"/></symbol><symbol id=\"tabler:brand-google-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1-1.265.06a6 6 0 1 0 2.103 6.836l.001-.004h-3.66a1 1 0 0 1-.992-.883L13 13v-2a1 1 0 0 1 1-1h6.945a1 1 0 0 1 .994.89q.06.55.061 1.11c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2\"/></symbol><symbol id=\"tabler:brand-instagram\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0m7.5-4.5v.01\"/></g></symbol><symbol id=\"tabler:brand-linkedin\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 11v5m0-8v.01M12 16v-5m4 5v-3a2 2 0 1 0-4 0\"/><path d=\"M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z\"/></g></symbol><symbol id=\"tabler:brand-mastercard\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M11 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0\"/><path d=\"M12 9.765a3 3 0 1 0 0 4.47\"/><path d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></g></symbol><symbol id=\"tabler:brand-npm\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M1 8h22v7H11v2H7v-2H1zm6 0v7m7-7v7m3-4v4M4 11v4m7-4v1m9-1v4\"/></symbol><symbol id=\"tabler:brand-nuxt\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12.146 8.583l-1.3-2.09a1.046 1.046 0 0 0-1.786.017l-5.91 9.908A1.046 1.046 0 0 0 4.047 18H7.96m12.083 0c.743 0 1.201-.843.82-1.505l-4.044-7.013a.936.936 0 0 0-1.638 0l-4.043 7.013c-.382.662.076 1.505.819 1.505z\"/></symbol><symbol id=\"tabler:brand-react\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102\"/><path d=\"M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2\"/><path d=\"M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732\"/></g></symbol><symbol id=\"tabler:brand-react-native\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M6.357 9C3.72 9.68 2 10.845 2 12.175C2 14.282 6.405 16 11.85 16c.74 0 1.26-.039 1.95-.097\"/><path d=\"M9.837 15.9c-.413-.596-.806-1.133-1.18-1.8c-2.751-4.9-3.488-9.77-1.63-10.873c1.15-.697 3.047.253 4.974 2.254\"/><path d=\"M6.429 15.387c-.702 2.688-.56 4.716.56 5.395c1.783 1.08 5.387-1.958 8.043-6.804q.54-1.005.968-1.978\"/><path d=\"M12 18.52c1.928 2 3.817 2.95 4.978 2.253c1.85-1.102 1.121-5.972-1.633-10.873c-.384-.677-.777-1.204-1.18-1.8\"/><path d=\"M17.66 15c2.612-.687 4.34-1.85 4.34-3.176C22 9.714 17.592 8 12.155 8c-.747 0-1.266.029-1.955.087\"/><path d=\"M8 12c.285-.66.607-1.308.968-1.978c2.647-4.844 6.253-7.89 8.046-6.801c1.11.679 1.262 2.706.56 5.393m-5.314 3.401h-.01c-.01.13-.12.24-.26.24a.263.263 0 0 1-.25-.26c0-.14.11-.25.24-.25h-.01c.13-.01.25.11.25.24\"/></g></symbol><symbol id=\"tabler:brand-spotify\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M8 11.973c2.5-1.473 5.5-.973 7.5.527M9 15c1.5-1 4-1 5 .5M7 9c2-1 6-2 10 .5\"/></g></symbol><symbol id=\"tabler:brand-tidal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5.333 6l3.334 3.25L12 6l3.333 3.25L18.667 6L22 9.25l-3.333 3.25l-3.334-3.25L12 12.5l3.333 3.25L12 19l-3.333-3.25L12 12.5L8.667 9.25L5.333 12.5L2 9.25z\"/></symbol><symbol id=\"tabler:brand-tiktok\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 7.917v4.034A9.95 9.95 0 0 1 16 10v4.5a6.5 6.5 0 1 1-8-6.326V12.5a2.5 2.5 0 1 0 4 2V3h4.083A6.005 6.005 0 0 0 21 7.917\"/></symbol><symbol id=\"tabler:brand-twitter-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M14.058 3.41c-1.807.767-2.995 2.453-3.056 4.38L11 7.972l-.243-.023C8.365 7.68 6.259 6.437 4.813 4.418a1 1 0 0 0-1.685.092l-.097.186l-.049.099c-.719 1.485-1.19 3.29-1.017 5.203l.03.273c.283 2.263 1.5 4.215 3.779 5.679l.173.107l-.081.043c-1.315.663-2.518.952-3.827.9c-1.056-.04-1.446 1.372-.518 1.878c3.598 1.961 7.461 2.566 10.792 1.6c4.06-1.18 7.152-4.223 8.335-8.433l.127-.495c.238-.993.372-2.006.401-3.024l.003-.332l.393-.779l.44-.862l.214-.434l.118-.247c.265-.565.456-1.033.574-1.43l.014-.056l.008-.018c.22-.593-.166-1.358-.941-1.358l-.122.007a1 1 0 0 0-.231.057l-.086.038a8 8 0 0 1-.88.36l-.356.115l-.271.08l-.772.214c-1.336-1.118-3.144-1.254-5.012-.554l-.211.084z\"/></symbol><symbol id=\"tabler:brand-vercel\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 19h18L12 4z\"/></symbol><symbol id=\"tabler:brand-visa\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 15l-1-6l-2.5 6M9 15l1-6M3 9h1v6h.5L7 9m9 .5a.5.5 0 0 0-.5-.5h-.75c-.721 0-1.337.521-1.455 1.233l-.09.534A1.06 1.06 0 0 0 14.25 12a1.06 1.06 0 0 1 1.045 1.233l-.09.534A1.476 1.476 0 0 1 13.75 15H13a.5.5 0 0 1-.5-.5M18 14h2.7\"/></symbol><symbol id=\"tabler:brand-vue\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M16.5 4L12 12L7.5 4\"/><path d=\"m3 4l9 16l9-16\"/></g></symbol><symbol id=\"tabler:brand-whatsapp\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m3 21l1.65-3.8a9 9 0 1 1 3.4 2.9z\"/><path d=\"M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0za5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1\"/></g></symbol><symbol id=\"tabler:brand-x\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4\"/></symbol><symbol id=\"tabler:brand-youtube-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zM9 9v6a1 1 0 0 0 1.514.857l5-3a1 1 0 0 0 0-1.714l-5-3A1 1 0 0 0 9 9\"/></symbol><symbol id=\"tabler:broadcast\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M18.364 19.364a9 9 0 1 0-12.728 0\"/><path d=\"M15.536 16.536a5 5 0 1 0-7.072 0\"/><path d=\"M11 13a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></g></symbol><symbol id=\"tabler:calendar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3\"/></symbol><symbol id=\"tabler:caret-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 10l6 6l6-6z\"/></symbol><symbol id=\"tabler:caret-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m14 6l-6 6l6 6z\"/></symbol><symbol id=\"tabler:caret-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m10 18l6-6l-6-6z\"/></symbol><symbol id=\"tabler:caret-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m18 14l-6-6l-6 6z\"/></symbol><symbol id=\"tabler:carousel-horizontal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm15 11h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1M2 17h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2\"/></symbol><symbol id=\"tabler:check\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 12l5 5L20 7\"/></symbol><symbol id=\"tabler:chevron-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 6l-6 6l6 6\"/></symbol><symbol id=\"tabler:chevron-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m9 6l6 6l-6 6\"/></symbol><symbol id=\"tabler:chevron-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 15l6-6l6 6\"/></symbol><symbol id=\"tabler:chevron-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 9l6 6l6-6\"/></symbol><symbol id=\"tabler:circle-check\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"m9 12l2 2l4-4\"/></g></symbol><symbol id=\"tabler:click\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12h3m6-9v3M7.8 7.8L5.6 5.6m10.6 2.2l2.2-2.2M7.8 16.2l-2.2 2.2M12 12l9 3l-4 2l-2 4z\"/></symbol><symbol id=\"tabler:clipboard-copy\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3m9-9V7a2 2 0 0 0-2-2h-2m-2 12v-1a1 1 0 0 1 1-1h1m3 0h1a1 1 0 0 1 1 1v1m0 3v1a1 1 0 0 1-1 1h-1m-3 0h-1a1 1 0 0 1-1-1v-1\"/><path d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2\"/></g></symbol><symbol id=\"tabler:clipboard-text\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2\"/><path d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 7h6m-6 4h6\"/></g></symbol><symbol id=\"tabler:clock\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0\"/><path d=\"M12 7v5l3 3\"/></g></symbol><symbol id=\"tabler:clock-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/><path d=\"M12 7v5l3 3M4 12h1m14 0h1m-8 7v1\"/></g></symbol><symbol id=\"tabler:code\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m7 8l-4 4l4 4m10-8l4 4l-4 4M14 4l-4 16\"/></symbol><symbol id=\"tabler:columns-1\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"/></symbol><symbol id=\"tabler:columns-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm9-1v18\"/></symbol><symbol id=\"tabler:columns-3\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm6-1v18m6-18v18\"/></symbol><symbol id=\"tabler:command\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 9a2 2 0 1 1 2-2v10a2 2 0 1 1-2-2h10a2 2 0 1 1-2 2V7a2 2 0 1 1 2 2z\"/></symbol><symbol id=\"tabler:components\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m3 12l3 3l3-3l-3-3zm12 0l3 3l3-3l-3-3zM9 6l3 3l3-3l-3-3zm0 12l3 3l3-3l-3-3z\"/></symbol><symbol id=\"tabler:contrast\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M12 17a5 5 0 0 0 0-10z\"/></g></symbol><symbol id=\"tabler:copy\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z\"/><path d=\"M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1\"/></g></symbol><symbol id=\"tabler:credit-card\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2\"/></symbol><symbol id=\"tabler:dashboard\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10 13a2 2 0 1 0 4 0a2 2 0 1 0-4 0m3.45-1.45L15.5 9.5\"/><path d=\"M6.4 20a9 9 0 1 1 11.2 0z\"/></g></symbol><symbol id=\"tabler:database\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6\"/><path d=\"M4 6v6a8 3 0 0 0 16 0V6\"/><path d=\"M4 12v6a8 3 0 0 0 16 0v-6\"/></g></symbol><symbol id=\"tabler:x\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M18 6L6 18M6 6l12 12\"/></symbol><symbol id=\"tabler:devices\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M13 9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1z\"/><path d=\"M18 8V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h9m3-9h2\"/></g></symbol><symbol id=\"tabler:device-desktop\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4\"/></symbol><symbol id=\"tabler:device-gamepad\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 4h4m-2-2v4m7-3v.01M18 13v.01\"/></symbol><symbol id=\"tabler:device-mobile\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm5-1h2m-1 13v.01\"/></symbol><symbol id=\"tabler:device-tablet\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"/><path d=\"M11 17a1 1 0 1 0 2 0a1 1 0 0 0-2 0\"/></g></symbol><symbol id=\"tabler:device-tv\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm13-6l-4 4l-4-4\"/></symbol><symbol id=\"tabler:dialpad\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 3h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m14 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m-7 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m-7 7h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m14 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m-7 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m0 7h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1\"/></symbol><symbol id=\"tabler:download\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12\"/></symbol><symbol id=\"tabler:edit-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m12 15l8.385-8.415a2.1 2.1 0 0 0-2.97-2.97L9 12v3zm4-10l3 3\"/><path d=\"M9 7.07A7 7 0 0 0 10 21a7 7 0 0 0 6.929-6\"/></g></symbol><symbol id=\"tabler:edit\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1\"/><path d=\"M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3\"/></g></symbol><symbol id=\"tabler:mail\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m3 7l9 6l9-6\"/></g></symbol><symbol id=\"tabler:external-link\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5\"/></symbol><symbol id=\"tabler:eye\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0\"/><path d=\"M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6\"/></g></symbol><symbol id=\"tabler:eye-off\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10.585 10.587a2 2 0 0 0 2.829 2.828\"/><path d=\"M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18\"/></g></symbol><symbol id=\"tabler:file-text\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1m-1 4h6m-6 4h6\"/></g></symbol><symbol id=\"tabler:file-type-css\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M8 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H13a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3 4.5c0 .414.336.75.75.75H19a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75\"/></g></symbol><symbol id=\"tabler:file-type-csv\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M7 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6\"/></g></symbol><symbol id=\"tabler:file-type-html\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M2 21v-6m3 0v6m-3-3h3m15-3v6h2m-9 0v-6l2 3l2-3v6m-9.5-6h3M9 15v6\"/></g></symbol><symbol id=\"tabler:file-type-png\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4m1 3h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m6 0v-6l3 6v-6\"/></g></symbol><symbol id=\"tabler:file-type-jpg\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4m-8 6h1.5a1.5 1.5 0 0 0 0-3H11v6m9-6h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3M5 15h3v4.5a1.5 1.5 0 0 1-3 0\"/></g></symbol><symbol id=\"tabler:file-type-js\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4M3 15h3v4.5a1.5 1.5 0 0 1-3 0m6 .75c0 .414.336.75.75.75H11a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-1\"/></g></symbol><symbol id=\"tabler:file-type-jsx\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15h3v4.5a1.5 1.5 0 0 1-3 0m6 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l4 6m-4 0l4-6\"/></g></symbol><symbol id=\"tabler:file-type-svg\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 20.25c0 .414.336.75.75.75H6a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6m6 0h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3\"/></g></symbol><symbol id=\"tabler:file-type-ts\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-1\"/><path d=\"M14 3v4a1 1 0 0 0 1 1h4M9 20.25c0 .414.336.75.75.75H11a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75M3.5 15h3M5 15v6\"/></g></symbol><symbol id=\"tabler:file-type-vue\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15l2 6l2-6m3 0v4.5a1.5 1.5 0 0 0 3 0V15m6 0h-3v6h3m-3-3h2\"/></g></symbol><symbol id=\"tabler:folder\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"/></symbol><symbol id=\"tabler:forms\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01\"/></symbol><symbol id=\"tabler:hanger\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14 6a2 2 0 1 0-4 0c0 1.667.67 3 2 4h-.008l7.971 4.428a2 2 0 0 1 1.029 1.749V17a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-.823a2 2 0 0 1 1.029-1.749L11.992 10\"/></symbol><symbol id=\"tabler:heading\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 12h10M7 5v14M17 5v14m-2 0h4M15 5h4M5 19h4M5 5h4\"/></symbol><symbol id=\"tabler:help\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 5v.01\"/><path d=\"M12 13.5a1.5 1.5 0 0 1 1-1.5a2.6 2.6 0 1 0-3-4\"/></g></symbol><symbol id=\"tabler:help-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9 4v.01\"/><path d=\"M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483\"/></g></symbol><symbol id=\"tabler:help-small\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 16v.01M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483\"/></symbol><symbol id=\"tabler:html\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 16V8l2 5l2-5v8M1 16V8m4 0v8m-4-4h4m2-4h4M9 8v8m11-8v8h3\"/></symbol><symbol id=\"tabler:photo\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z\"/><path d=\"m3 16l5-5c.928-.893 2.072-.893 3 0l5 5\"/><path d=\"m14 14l1-1c.928-.893 2.072-.893 3 0l3 3\"/></g></symbol><symbol id=\"tabler:info-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01\"/><path d=\"M11 12h1v4h1\"/></g></symbol><symbol id=\"tabler:info-small\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 9h.01M11 12h1v4h1\"/></symbol><symbol id=\"tabler:grip-horizontal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 9a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7-6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7-6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:grip-vertical\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m6-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:keyboard\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 2v.01m4-.01v.01m4-.01v.01m4-.01v.01M6 14v.01M18 14v.01M10 14l4 .01\"/></symbol><symbol id=\"tabler:layers-subtract\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/><path d=\"M16 16v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2\"/></g></symbol><symbol id=\"tabler:layout\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:layout-bottombar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9h16\"/></symbol><symbol id=\"tabler:layout-dashboard\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 4h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 12h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m10-4h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1m0-8h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1\"/></symbol><symbol id=\"tabler:layout-grid\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"/></symbol><symbol id=\"tabler:layout-navbar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 3h16\"/></symbol><symbol id=\"tabler:layout-sidebar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5-2v16\"/></symbol><symbol id=\"tabler:layout-sidebar-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11-2v16\"/></symbol><symbol id=\"tabler:link\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11\"/></symbol><symbol id=\"tabler:list\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01\"/></symbol><symbol id=\"tabler:list-numbers\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 6h9m-9 6h9m-8 6h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6\"/></symbol><symbol id=\"tabler:list-tree\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 6h11m-8 6h8m-5 6h5M5 6v.01M8 12v.01M11 18v.01\"/></symbol><symbol id=\"tabler:login\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M15 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2\"/><path d=\"M21 12H8l3-3m0 6l-3-3\"/></g></symbol><symbol id=\"tabler:logout\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2\"/><path d=\"M9 12h12l-3-3m0 6l3-3\"/></g></symbol><symbol id=\"tabler:music\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/><path d=\"M9 17V4h10v13M9 8h10\"/></g></symbol><symbol id=\"tabler:palette\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 0 1 0-18c4.97 0 9 3.582 9 8c0 1.06-.474 2.078-1.318 2.828S17.693 15 16.5 15H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21\"/><path d=\"M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4-3a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4 3a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></g></symbol><symbol id=\"tabler:paint\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path d=\"M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1-5 5h-5v2m-2 1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z\"/></g></symbol><symbol id=\"tabler:marquee\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2m3 0h1.5m3 0H15m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3V15m0 3a2 2 0 0 1-2 2m-3 0h-1.5m-3 0H9m-3 0a2 2 0 0 1-2-2m0-3v-1.5m0-3V9m0-3\"/></symbol><symbol id=\"tabler:marquee-off\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6c0-.556.227-1.059.593-1.421M9 4h1.5m3 0H15m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3V15m-.598 4.426A2 2 0 0 1 18 20m-3 0h-1.5m-3 0H9m-3 0a2 2 0 0 1-2-2m0-3v-1.5m0-3V9M3 3l18 18\"/></symbol><symbol id=\"tabler:mail\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m3 7l9 6l9-6\"/></g></symbol><symbol id=\"tabler:maximize\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2\"/></symbol><symbol id=\"tabler:menu-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16M4 12h16M4 18h16\"/></symbol><symbol id=\"tabler:message\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z\"/></symbol><symbol id=\"tabler:message-dots\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 11v.01M8 11v.01m8-.01v.01M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z\"/></symbol><symbol id=\"tabler:mood-dollar\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M20.87 10.48a9 9 0 1 0-7.876 10.465M9 10h.01M15 10h.01\"/><path d=\"M9.5 15c.658.64 1.56 1 2.5 1c.357 0 .709-.052 1.043-.151M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H17m2 0v1m0-8v1\"/></g></symbol><symbol id=\"tabler:mood-heart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M21 12a9 9 0 1 0-8.012 8.946M9 10h.01M15 10h.01\"/><path d=\"M9.5 15a3.6 3.6 0 0 0 2.774.99m6.72 5.51l2.518-2.58a1.74 1.74 0 0 0 .004-2.413a1.627 1.627 0 0 0-2.346-.005l-.168.172l-.168-.172a1.627 1.627 0 0 0-2.346-.004a1.74 1.74 0 0 0-.004 2.412z\"/></g></symbol><symbol id=\"tabler:mood-puzzled\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14.986 3.51A9 9 0 1 0 16.5 19.794c2.489-1.437 4.181-3.978 4.5-6.794m-11-3h.01M14 8h.01\"/><path d=\"M12 15q1.5-2 3-2m5-4v.01M20 6a2.003 2.003 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483\"/></g></symbol><symbol id=\"tabler:mood-sad-squint\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M14.5 16.05a3.5 3.5 0 0 0-5 0m-1-4.55L10 10L8.5 8.5m7 3L14 10l1.5-1.5\"/></g></symbol><symbol id=\"tabler:mood-smile\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01\"/><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\"/></g></symbol><symbol id=\"tabler:mood-wink-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18M9 10h-.01\"/><path d=\"M14.5 15a3.5 3.5 0 0 1-5 0m6-6.5L14 10l1.5 1.5\"/></g></symbol><symbol id=\"tabler:mood-wrrr\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18\"/><path d=\"m8 16l1-1l1.5 1l1.5-1l1.5 1l1.5-1l1 1m-7.5-4.5L10 10L8.5 8.5m7 3L14 10l1.5-1.5\"/></g></symbol><symbol id=\"tabler:mouse\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 7a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4zm6 0v4\"/></symbol><symbol id=\"tabler:dots\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:dots-vertical\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:movie\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v16m8-16v16M4 8h4m-4 8h4m-4-4h16m-4-4h4m-4 8h4\"/></symbol><symbol id=\"tabler:new-section\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12h6m-3-3v6M4 6V5a1 1 0 0 1 1-1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1-1 1h-1m-5 0h-2m-5 0H5a1 1 0 0 1-1-1v-1m0-5v-2m0-5\"/></symbol><symbol id=\"tabler:circle-plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6\"/></symbol><symbol id=\"tabler:plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m-7-7h14\"/></symbol><symbol id=\"tabler:rectangle\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:refresh\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\"/></symbol><symbol id=\"tabler:rss\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9\"/></symbol><symbol id=\"tabler:shopping-cart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0\"/><path d=\"M17 17H6V3H4\"/><path d=\"m6 5l14 1l-1 7H6\"/></g></symbol><symbol id=\"tabler:search\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6\"/></symbol><symbol id=\"tabler:section\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 20h.01M4 20h.01M8 20h.01M12 20h.01M16 20h.01M20 4h.01M4 4h.01M8 4h.01M12 4h.01M16 4v.01M4 9a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></symbol><symbol id=\"tabler:select\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m9 11l3 3l3-3\"/></g></symbol><symbol id=\"tabler:settings\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></g></symbol><symbol id=\"tabler:share\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m12-6a3 3 0 1 0 6 0a3 3 0 1 0-6 0m0 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-6.3-7.3l6.6-3.4m-6.6 6l6.6 3.4\"/></symbol><symbol id=\"tabler:share-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 9H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1m-4 5V3M9 6l3-3l3 3\"/></symbol><symbol id=\"tabler:share-3\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 4v4C6.425 9.028 3.98 14.788 3 20c-.037.206 5.384-5.962 10-6v4l8-7z\"/></symbol><symbol id=\"tabler:adjustments\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 10a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-6v4m0 4v8m4-4a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-12v10m0 4v2m4-13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-3v1m0 4v11\"/></symbol><symbol id=\"tabler:square\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:square-check\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m9 12l2 2l4-4\"/></g></symbol><symbol id=\"tabler:square-plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12h6m-3-3v6M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:stack\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12 6l-8 4l8 4l8-4zm-8 8l8 4l8-4\"/></symbol><symbol id=\"tabler:stack-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 4L4 8l8 4l8-4zm-8 8l8 4l8-4M4 16l8 4l8-4\"/></symbol><symbol id=\"tabler:stack-3\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 2L4 6l8 4l8-4zm-8 8l8 4l8-4M4 18l8 4l8-4M4 14l8 4l8-4\"/></symbol><symbol id=\"tabler:sun\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7\"/></symbol><symbol id=\"tabler:ticket\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 5v2m0 4v2m0 4v2M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4V7a2 2 0 0 1 2-2\"/></symbol><symbol id=\"tabler:terminal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 7l5 5l-5 5m7 2h7\"/></symbol><symbol id=\"tabler:terminal-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m8 9l3 3l-3 3m5 0h3\"/><path d=\"M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></g></symbol><symbol id=\"tabler:text-size\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 7V5h13v2m-6-2v14m2 0H8m7-6v-1h6v1m-3-1v7m-1 0h2\"/></symbol><symbol id=\"tabler:trash\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></symbol><symbol id=\"tabler:typography\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 20h3m7 0h7M6.9 15h6.9m-3.6-8.7L16 20M5 20l6-16h2l7 16\"/></symbol><symbol id=\"tabler:upload\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12\"/></symbol><symbol id=\"tabler:user\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/></symbol><symbol id=\"tabler:user-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855\"/></g></symbol><symbol id=\"tabler:user-square-rounded\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6\"/><path d=\"M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9\"/><path d=\"M6 20.05V20a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v.05\"/></g></symbol><symbol id=\"tabler:video\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14zM3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:window-maximize\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm1-5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6\"/><path d=\"M12 8h4v4m0-4l-5 5\"/></g></symbol><symbol id=\"tabler:window-minimize\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm1-5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6\"/><path d=\"M15 13h-4V9m0 4l5-5\"/></g></symbol></svg>";
3
+ import './assets/index.css';const __vite_glob_0_0 = "<svg xmlns=\"http://www.w3.org/2000/svg\"><symbol id=\"tabler:activity\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12h4l3 8l4-16l3 8h4\"/></symbol><symbol id=\"tabler:ai\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 16v-6a2 2 0 1 1 4 0v6m-4-3h4m4-5v8\"/></symbol><symbol id=\"tabler:alarm\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5 13a7 7 0 1 0 14 0a7 7 0 1 0-14 0\"/><path d=\"M12 10v3h2M7 4L4.25 6M17 4l2.75 2\"/></g></symbol><symbol id=\"tabler:apps\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6\"/></symbol><symbol id=\"tabler:archive\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2m2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8m-9 4h4\"/></symbol><symbol id=\"tabler:arrow-back-up\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m9 14l-4-4l4-4\"/><path d=\"M5 10h11a4 4 0 1 1 0 8h-1\"/></g></symbol><symbol id=\"tabler:arrow-forward-up\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m15 14l4-4l-4-4\"/><path d=\"M19 10H8a4 4 0 1 0 0 8h1\"/></g></symbol><symbol id=\"tabler:arrows-move\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m18 9l3 3l-3 3m-3-3h6M6 9l-3 3l3 3m-3-3h6m0 6l3 3l3-3m-3-3v6m3-15l-3-3l-3 3m3-3v6\"/></symbol><symbol id=\"tabler:arrow-big-up-line\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12H5.414a1 1 0 0 1-.707-1.707l6.586-6.586a1 1 0 0 1 1.414 0l6.586 6.586A1 1 0 0 1 18.586 12H15v6H9zm0 9h6\"/></symbol><symbol id=\"tabler:arrow-big-down-line\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 12h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1-1.414 0l-6.586-6.586A1 1 0 0 1 5.414 12H9V6h6zm0-9H9\"/></symbol><symbol id=\"tabler:arrow-back\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m9 11l-4 4l4 4m-4-4h11a4 4 0 0 0 0-8h-1\"/></symbol><symbol id=\"tabler:arrow-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m6-6l-6 6m-6-6l6 6\"/></symbol><symbol id=\"tabler:arrow-forward\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 11l4 4l-4 4m4-4H8a4 4 0 0 1 0-8h1\"/></symbol><symbol id=\"tabler:arrow-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14M5 12l6 6m-6-6l6-6\"/></symbol><symbol id=\"tabler:arrow-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14m-6 6l6-6m-6-6l6 6\"/></symbol><symbol id=\"tabler:arrow-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m6-8l-6-6m-6 6l6-6\"/></symbol><symbol id=\"tabler:arrow-narrow-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m4-4l-4 4m-4-4l4 4\"/></symbol><symbol id=\"tabler:arrow-narrow-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14M5 12l4 4m-4-4l4-4\"/></symbol><symbol id=\"tabler:arrow-narrow-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 12h14m-4 4l4-4m-4-4l4 4\"/></symbol><symbol id=\"tabler:arrow-narrow-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m4-10l-4-4M8 9l4-4\"/></symbol><symbol id=\"tabler:arrows-maximize\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6m6 6h4v-4m-6-2l6 6M8 4H4v4m0-4l6 6\"/></symbol><symbol id=\"tabler:arrows-minimize\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 9h4V5M3 3l6 6m-4 6h4v4m-6 2l6-6m10-6h-4V5m0 4l6-6m-2 12h-4v4m0-4l6 6\"/></symbol><symbol id=\"tabler:at\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0\"/><path d=\"M16 12v1.5a2.5 2.5 0 0 0 5 0V12a9 9 0 1 0-5.5 8.28\"/></g></symbol><symbol id=\"tabler:auth-2fa\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 16H3l3.47-4.66A2 2 0 1 0 3 9.8m7 6.2V8h4m-4 4h3m4 4v-6a2 2 0 0 1 4 0v6m-4-3h4\"/></symbol><symbol id=\"tabler:backspace\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9l-5-5a1.5 1.5 0 0 1 0-2l5-5zm-8 4l4 4m0-4l-4 4\"/></symbol><symbol id=\"tabler:book\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13\"/></symbol><symbol id=\"tabler:brush\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 21v-4a4 4 0 1 1 4 4z\"/><path d=\"M21 3A16 16 0 0 0 8.2 13.2M21 3a16 16 0 0 1-10.2 12.8\"/><path d=\"M10.6 9a9 9 0 0 1 4.4 4.4\"/></g></symbol><symbol id=\"tabler:brand-apple\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.286 7.008C5.07 7.008 4 10.238 4 12.928C4 16.157 6.143 21 8.286 21c1.165-.05 1.799-.538 3.214-.538c1.406 0 1.607.538 3.214.538S19 17.771 19 15.619c-.03-.011-2.649-.434-2.679-3.23c-.02-2.335 2.589-3.179 2.679-3.228c-1.096-1.606-3.162-2.113-3.75-2.153c-1.535-.12-3.032 1.077-3.75 1.077c-.729 0-2.036-1.077-3.214-1.077M12 4a2 2 0 0 0 2-2a2 2 0 0 0-2 2\"/></symbol><symbol id=\"tabler:brand-aws\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 18.5a15.2 15.2 0 0 1-7.37 1.44A14.6 14.6 0 0 1 3 17m16.5 4c.907-1.411 1.451-3.323 1.5-5c-1.197-.773-2.577-.935-4-1M3 11V6.5a1.5 1.5 0 0 1 3 0V11M3 9h3m3-4l1.2 6L12 7l1.8 4L15 5m3 5.25c0 .414.336.75.75.75H20a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75\"/></symbol><symbol id=\"tabler:brand-cloudflare\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13.031 7.007C15.5 7 16.326 8.3 17 10c4 0 4.994 3.825 5 6H2c-.001-1.64 1.36-2.954 3-3c0-1.5 1-3 3-3c.66-1.942 2.562-2.986 5.031-2.993M12 13h6m-1-3l-2.5 6\"/></symbol><symbol id=\"tabler:brand-facebook-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 2a1 1 0 0 1 .993.883L19 3v4a1 1 0 0 1-.883.993L18 8h-3v1h3a1 1 0 0 1 .991 1.131l-.02.112l-1 4a1 1 0 0 1-.858.75L17 15h-2v6a1 1 0 0 1-.883.993L14 22h-4a1 1 0 0 1-.993-.883L9 21v-6H7a1 1 0 0 1-.993-.883L6 14v-4a1 1 0 0 1 .883-.993L7 9h2V8a6 6 0 0 1 5.775-5.996L15 2z\"/></symbol><symbol id=\"tabler:brand-gitlab\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 14l-9 7l-9-7L6 3l3 7h6l3-7z\"/></symbol><symbol id=\"tabler:brand-github\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 19c-4.3 1.4-4.3-2.5-6-3m12 5v-3.5c0-1 .1-1.4-.5-2c2.8-.3 5.5-1.4 5.5-6a4.6 4.6 0 0 0-1.3-3.2a4.2 4.2 0 0 0-.1-3.2s-1.1-.3-3.5 1.3a12.3 12.3 0 0 0-6.2 0C6.5 2.8 5.4 3.1 5.4 3.1a4.2 4.2 0 0 0-.1 3.2A4.6 4.6 0 0 0 4 9.5c0 4.6 2.7 5.7 5.5 6c-.6.6-.6 1.2-.5 2V21\"/></symbol><symbol id=\"tabler:brand-google-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1-1.265.06a6 6 0 1 0 2.103 6.836l.001-.004h-3.66a1 1 0 0 1-.992-.883L13 13v-2a1 1 0 0 1 1-1h6.945a1 1 0 0 1 .994.89q.06.55.061 1.11c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2\"/></symbol><symbol id=\"tabler:brand-instagram\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0m7.5-4.5v.01\"/></g></symbol><symbol id=\"tabler:brand-linkedin\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 11v5m0-8v.01M12 16v-5m4 5v-3a2 2 0 1 0-4 0\"/><path d=\"M3 7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z\"/></g></symbol><symbol id=\"tabler:brand-mastercard\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M11 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0\"/><path d=\"M12 9.765a3 3 0 1 0 0 4.47\"/><path d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></g></symbol><symbol id=\"tabler:brand-npm\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M1 8h22v7H11v2H7v-2H1zm6 0v7m7-7v7m3-4v4M4 11v4m7-4v1m9-1v4\"/></symbol><symbol id=\"tabler:brand-nuxt\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12.146 8.583l-1.3-2.09a1.046 1.046 0 0 0-1.786.017l-5.91 9.908A1.046 1.046 0 0 0 4.047 18H7.96m12.083 0c.743 0 1.201-.843.82-1.505l-4.044-7.013a.936.936 0 0 0-1.638 0l-4.043 7.013c-.382.662.076 1.505.819 1.505z\"/></symbol><symbol id=\"tabler:brand-react\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M6.306 8.711C3.704 9.434 2 10.637 2 12c0 2.21 4.477 4 10 4c.773 0 1.526-.035 2.248-.102m3.444-.609C20.295 14.567 22 13.363 22 12c0-2.21-4.477-4-10-4c-.773 0-1.526.035-2.25.102\"/><path d=\"M6.305 15.287C5.629 17.902 5.82 19.98 7 20.66c1.913 1.105 5.703-1.877 8.464-6.66q.581-1.007 1.036-2m1.194-3.284C18.371 6.1 18.181 4.02 17 3.34C15.087 2.235 11.297 5.217 8.536 10c-.387.67-.733 1.34-1.037 2\"/><path d=\"M12 5.424C10.075 3.532 8.18 2.658 7 3.34C5.087 4.444 5.774 9.217 8.536 14c.386.67.793 1.304 1.212 1.896M12 18.574c1.926 1.893 3.821 2.768 5 2.086c1.913-1.104 1.226-5.877-1.536-10.66q-.563-.976-1.212-1.897M11.5 12.866a1 1 0 1 0 1-1.732a1 1 0 0 0-1 1.732\"/></g></symbol><symbol id=\"tabler:brand-react-native\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M6.357 9C3.72 9.68 2 10.845 2 12.175C2 14.282 6.405 16 11.85 16c.74 0 1.26-.039 1.95-.097\"/><path d=\"M9.837 15.9c-.413-.596-.806-1.133-1.18-1.8c-2.751-4.9-3.488-9.77-1.63-10.873c1.15-.697 3.047.253 4.974 2.254\"/><path d=\"M6.429 15.387c-.702 2.688-.56 4.716.56 5.395c1.783 1.08 5.387-1.958 8.043-6.804q.54-1.005.968-1.978\"/><path d=\"M12 18.52c1.928 2 3.817 2.95 4.978 2.253c1.85-1.102 1.121-5.972-1.633-10.873c-.384-.677-.777-1.204-1.18-1.8\"/><path d=\"M17.66 15c2.612-.687 4.34-1.85 4.34-3.176C22 9.714 17.592 8 12.155 8c-.747 0-1.266.029-1.955.087\"/><path d=\"M8 12c.285-.66.607-1.308.968-1.978c2.647-4.844 6.253-7.89 8.046-6.801c1.11.679 1.262 2.706.56 5.393m-5.314 3.401h-.01c-.01.13-.12.24-.26.24a.263.263 0 0 1-.25-.26c0-.14.11-.25.24-.25h-.01c.13-.01.25.11.25.24\"/></g></symbol><symbol id=\"tabler:brand-spotify\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M8 11.973c2.5-1.473 5.5-.973 7.5.527M9 15c1.5-1 4-1 5 .5M7 9c2-1 6-2 10 .5\"/></g></symbol><symbol id=\"tabler:brand-tidal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5.333 6l3.334 3.25L12 6l3.333 3.25L18.667 6L22 9.25l-3.333 3.25l-3.334-3.25L12 12.5l3.333 3.25L12 19l-3.333-3.25L12 12.5L8.667 9.25L5.333 12.5L2 9.25z\"/></symbol><symbol id=\"tabler:brand-tiktok\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 7.917v4.034A9.95 9.95 0 0 1 16 10v4.5a6.5 6.5 0 1 1-8-6.326V12.5a2.5 2.5 0 1 0 4 2V3h4.083A6.005 6.005 0 0 0 21 7.917\"/></symbol><symbol id=\"tabler:brand-twitter-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M14.058 3.41c-1.807.767-2.995 2.453-3.056 4.38L11 7.972l-.243-.023C8.365 7.68 6.259 6.437 4.813 4.418a1 1 0 0 0-1.685.092l-.097.186l-.049.099c-.719 1.485-1.19 3.29-1.017 5.203l.03.273c.283 2.263 1.5 4.215 3.779 5.679l.173.107l-.081.043c-1.315.663-2.518.952-3.827.9c-1.056-.04-1.446 1.372-.518 1.878c3.598 1.961 7.461 2.566 10.792 1.6c4.06-1.18 7.152-4.223 8.335-8.433l.127-.495c.238-.993.372-2.006.401-3.024l.003-.332l.393-.779l.44-.862l.214-.434l.118-.247c.265-.565.456-1.033.574-1.43l.014-.056l.008-.018c.22-.593-.166-1.358-.941-1.358l-.122.007a1 1 0 0 0-.231.057l-.086.038a8 8 0 0 1-.88.36l-.356.115l-.271.08l-.772.214c-1.336-1.118-3.144-1.254-5.012-.554l-.211.084z\"/></symbol><symbol id=\"tabler:brand-vercel\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 19h18L12 4z\"/></symbol><symbol id=\"tabler:brand-visa\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m21 15l-1-6l-2.5 6M9 15l1-6M3 9h1v6h.5L7 9m9 .5a.5.5 0 0 0-.5-.5h-.75c-.721 0-1.337.521-1.455 1.233l-.09.534A1.06 1.06 0 0 0 14.25 12a1.06 1.06 0 0 1 1.045 1.233l-.09.534A1.476 1.476 0 0 1 13.75 15H13a.5.5 0 0 1-.5-.5M18 14h2.7\"/></symbol><symbol id=\"tabler:brand-vue\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M16.5 4L12 12L7.5 4\"/><path d=\"m3 4l9 16l9-16\"/></g></symbol><symbol id=\"tabler:brand-whatsapp\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m3 21l1.65-3.8a9 9 0 1 1 3.4 2.9z\"/><path d=\"M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0za5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1\"/></g></symbol><symbol id=\"tabler:brand-x\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4\"/></symbol><symbol id=\"tabler:brand-youtube-filled\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zM9 9v6a1 1 0 0 0 1.514.857l5-3a1 1 0 0 0 0-1.714l-5-3A1 1 0 0 0 9 9\"/></symbol><symbol id=\"tabler:broadcast\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M18.364 19.364a9 9 0 1 0-12.728 0\"/><path d=\"M15.536 16.536a5 5 0 1 0-7.072 0\"/><path d=\"M11 13a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></g></symbol><symbol id=\"tabler:calendar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16m-9 4h1m0 0v3\"/></symbol><symbol id=\"tabler:caret-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 10l6 6l6-6z\"/></symbol><symbol id=\"tabler:caret-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m14 6l-6 6l6 6z\"/></symbol><symbol id=\"tabler:caret-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m10 18l6-6l-6-6z\"/></symbol><symbol id=\"tabler:caret-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m18 14l-6-6l-6 6z\"/></symbol><symbol id=\"tabler:carousel-horizontal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm15 11h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1M2 17h1a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2\"/></symbol><symbol id=\"tabler:check\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 12l5 5L20 7\"/></symbol><symbol id=\"tabler:chevron-left\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 6l-6 6l6 6\"/></symbol><symbol id=\"tabler:chevron-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m9 6l6 6l-6 6\"/></symbol><symbol id=\"tabler:chevron-up\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 15l6-6l6 6\"/></symbol><symbol id=\"tabler:chevron-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 9l6 6l6-6\"/></symbol><symbol id=\"tabler:circle-check\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"m9 12l2 2l4-4\"/></g></symbol><symbol id=\"tabler:click\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12h3m6-9v3M7.8 7.8L5.6 5.6m10.6 2.2l2.2-2.2M7.8 16.2l-2.2 2.2M12 12l9 3l-4 2l-2 4z\"/></symbol><symbol id=\"tabler:clipboard-copy\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3m9-9V7a2 2 0 0 0-2-2h-2m-2 12v-1a1 1 0 0 1 1-1h1m3 0h1a1 1 0 0 1 1 1v1m0 3v1a1 1 0 0 1-1 1h-1m-3 0h-1a1 1 0 0 1-1-1v-1\"/><path d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2\"/></g></symbol><symbol id=\"tabler:clipboard-text\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2\"/><path d=\"M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 7h6m-6 4h6\"/></g></symbol><symbol id=\"tabler:clock\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0\"/><path d=\"M12 7v5l3 3\"/></g></symbol><symbol id=\"tabler:clock-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/><path d=\"M12 7v5l3 3M4 12h1m14 0h1m-8 7v1\"/></g></symbol><symbol id=\"tabler:code\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m7 8l-4 4l4 4m10-8l4 4l-4 4M14 4l-4 16\"/></symbol><symbol id=\"tabler:columns-1\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"/></symbol><symbol id=\"tabler:columns-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm9-1v18\"/></symbol><symbol id=\"tabler:columns-3\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm6-1v18m6-18v18\"/></symbol><symbol id=\"tabler:command\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 9a2 2 0 1 1 2-2v10a2 2 0 1 1-2-2h10a2 2 0 1 1-2 2V7a2 2 0 1 1 2 2z\"/></symbol><symbol id=\"tabler:components\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m3 12l3 3l3-3l-3-3zm12 0l3 3l3-3l-3-3zM9 6l3 3l3-3l-3-3zm0 12l3 3l3-3l-3-3z\"/></symbol><symbol id=\"tabler:contrast\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M12 17a5 5 0 0 0 0-10z\"/></g></symbol><symbol id=\"tabler:copy\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z\"/><path d=\"M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1\"/></g></symbol><symbol id=\"tabler:credit-card\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2\"/></symbol><symbol id=\"tabler:dashboard\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10 13a2 2 0 1 0 4 0a2 2 0 1 0-4 0m3.45-1.45L15.5 9.5\"/><path d=\"M6.4 20a9 9 0 1 1 11.2 0z\"/></g></symbol><symbol id=\"tabler:database\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6\"/><path d=\"M4 6v6a8 3 0 0 0 16 0V6\"/><path d=\"M4 12v6a8 3 0 0 0 16 0v-6\"/></g></symbol><symbol id=\"tabler:x\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M18 6L6 18M6 6l12 12\"/></symbol><symbol id=\"tabler:devices\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M13 9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1z\"/><path d=\"M18 8V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h9m3-9h2\"/></g></symbol><symbol id=\"tabler:device-desktop\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4\"/></symbol><symbol id=\"tabler:device-gamepad\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 4h4m-2-2v4m7-3v.01M18 13v.01\"/></symbol><symbol id=\"tabler:device-mobile\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm5-1h2m-1 13v.01\"/></symbol><symbol id=\"tabler:device-tablet\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"/><path d=\"M11 17a1 1 0 1 0 2 0a1 1 0 0 0-2 0\"/></g></symbol><symbol id=\"tabler:device-tv\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm13-6l-4 4l-4-4\"/></symbol><symbol id=\"tabler:dialpad\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 3h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m14 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m-7 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m-7 7h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m14 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m-7 0h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m0 7h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1\"/></symbol><symbol id=\"tabler:download\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5l5-5m-5-7v12\"/></symbol><symbol id=\"tabler:edit-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m12 15l8.385-8.415a2.1 2.1 0 0 0-2.97-2.97L9 12v3zm4-10l3 3\"/><path d=\"M9 7.07A7 7 0 0 0 10 21a7 7 0 0 0 6.929-6\"/></g></symbol><symbol id=\"tabler:edit\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1\"/><path d=\"M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3\"/></g></symbol><symbol id=\"tabler:mail\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m3 7l9 6l9-6\"/></g></symbol><symbol id=\"tabler:external-link\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5\"/></symbol><symbol id=\"tabler:eye\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0\"/><path d=\"M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6\"/></g></symbol><symbol id=\"tabler:eye-off\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10.585 10.587a2 2 0 0 0 2.829 2.828\"/><path d=\"M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18\"/></g></symbol><symbol id=\"tabler:file-text\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1m-1 4h6m-6 4h6\"/></g></symbol><symbol id=\"tabler:file-type-css\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M8 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H13a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3 4.5c0 .414.336.75.75.75H19a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75\"/></g></symbol><symbol id=\"tabler:file-type-csv\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M7 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6\"/></g></symbol><symbol id=\"tabler:file-type-html\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M2 21v-6m3 0v6m-3-3h3m15-3v6h2m-9 0v-6l2 3l2-3v6m-9.5-6h3M9 15v6\"/></g></symbol><symbol id=\"tabler:file-type-png\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4m1 3h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m6 0v-6l3 6v-6\"/></g></symbol><symbol id=\"tabler:file-type-jpg\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4m-8 6h1.5a1.5 1.5 0 0 0 0-3H11v6m9-6h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3M5 15h3v4.5a1.5 1.5 0 0 1-3 0\"/></g></symbol><symbol id=\"tabler:file-type-js\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4M3 15h3v4.5a1.5 1.5 0 0 1-3 0m6 .75c0 .414.336.75.75.75H11a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-1\"/></g></symbol><symbol id=\"tabler:file-type-jsx\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15h3v4.5a1.5 1.5 0 0 1-3 0m6 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l4 6m-4 0l4-6\"/></g></symbol><symbol id=\"tabler:file-type-svg\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 20.25c0 .414.336.75.75.75H6a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6m6 0h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3\"/></g></symbol><symbol id=\"tabler:file-type-ts\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2h-1\"/><path d=\"M14 3v4a1 1 0 0 0 1 1h4M9 20.25c0 .414.336.75.75.75H11a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75M3.5 15h3M5 15v6\"/></g></symbol><symbol id=\"tabler:file-type-vue\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M5 12V5a2 2 0 0 1 2-2h7l5 5v4M4 15l2 6l2-6m3 0v4.5a1.5 1.5 0 0 0 3 0V15m6 0h-3v6h3m-3-3h2\"/></g></symbol><symbol id=\"tabler:folder\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"/></symbol><symbol id=\"tabler:forms\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01\"/></symbol><symbol id=\"tabler:hanger\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14 6a2 2 0 1 0-4 0c0 1.667.67 3 2 4h-.008l7.971 4.428a2 2 0 0 1 1.029 1.749V17a2 2 0 0 1-2 2h-14a2 2 0 0 1-2-2v-.823a2 2 0 0 1 1.029-1.749L11.992 10\"/></symbol><symbol id=\"tabler:heading\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7 12h10M7 5v14M17 5v14m-2 0h4M15 5h4M5 19h4M5 5h4\"/></symbol><symbol id=\"tabler:help\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m9 5v.01\"/><path d=\"M12 13.5a1.5 1.5 0 0 1 1-1.5a2.6 2.6 0 1 0-3-4\"/></g></symbol><symbol id=\"tabler:help-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9 4v.01\"/><path d=\"M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483\"/></g></symbol><symbol id=\"tabler:help-small\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 16v.01M12 13a2 2 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483\"/></symbol><symbol id=\"tabler:html\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 16V8l2 5l2-5v8M1 16V8m4 0v8m-4-4h4m2-4h4M9 8v8m11-8v8h3\"/></symbol><symbol id=\"tabler:photo\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M15 8h.01M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z\"/><path d=\"m3 16l5-5c.928-.893 2.072-.893 3 0l5 5\"/><path d=\"m14 14l1-1c.928-.893 2.072-.893 3 0l3 3\"/></g></symbol><symbol id=\"tabler:info-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01\"/><path d=\"M11 12h1v4h1\"/></g></symbol><symbol id=\"tabler:info-small\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 9h.01M11 12h1v4h1\"/></symbol><symbol id=\"tabler:grip-horizontal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 9a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7-6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7-6a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 6a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:grip-vertical\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m6-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:keyboard\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 2v.01m4-.01v.01m4-.01v.01m4-.01v.01M6 14v.01M18 14v.01M10 14l4 .01\"/></symbol><symbol id=\"tabler:layers-subtract\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2z\"/><path d=\"M16 16v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2\"/></g></symbol><symbol id=\"tabler:layout\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm10-9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:layout-bottombar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 9h16\"/></symbol><symbol id=\"tabler:layout-dashboard\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 4h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 12h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1m10-4h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1m0-8h4a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1\"/></symbol><symbol id=\"tabler:layout-grid\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"/></symbol><symbol id=\"tabler:layout-navbar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 3h16\"/></symbol><symbol id=\"tabler:layout-sidebar\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm5-2v16\"/></symbol><symbol id=\"tabler:layout-sidebar-right\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11-2v16\"/></symbol><symbol id=\"tabler:link\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m9 15l6-6m-4-3l.463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5l-.397.534a5.07 5.07 0 0 1-7.127 0a4.97 4.97 0 0 1 0-7.071L6 11\"/></symbol><symbol id=\"tabler:list\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01\"/></symbol><symbol id=\"tabler:list-numbers\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 6h9m-9 6h9m-8 6h8M4 16a2 2 0 1 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6\"/></symbol><symbol id=\"tabler:list-tree\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 6h11m-8 6h8m-5 6h5M5 6v.01M8 12v.01M11 18v.01\"/></symbol><symbol id=\"tabler:login\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M15 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2\"/><path d=\"M21 12H8l3-3m0 6l-3-3\"/></g></symbol><symbol id=\"tabler:logout\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2\"/><path d=\"M9 12h12l-3-3m0 6l3-3\"/></g></symbol><symbol id=\"tabler:palette\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 0 1 0-18c4.97 0 9 3.582 9 8c0 1.06-.474 2.078-1.318 2.828S17.693 15 16.5 15H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21\"/><path d=\"M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4-3a1 1 0 1 0 2 0a1 1 0 1 0-2 0m4 3a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></g></symbol><symbol id=\"tabler:paint\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z\"/><path d=\"M19 6h1a2 2 0 0 1 2 2a5 5 0 0 1-5 5h-5v2m-2 1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z\"/></g></symbol><symbol id=\"tabler:marquee\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2m3 0h1.5m3 0H15m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3V15m0 3a2 2 0 0 1-2 2m-3 0h-1.5m-3 0H9m-3 0a2 2 0 0 1-2-2m0-3v-1.5m0-3V9m0-3\"/></symbol><symbol id=\"tabler:marquee-off\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6c0-.556.227-1.059.593-1.421M9 4h1.5m3 0H15m3 0a2 2 0 0 1 2 2m0 3v1.5m0 3V15m-.598 4.426A2 2 0 0 1 18 20m-3 0h-1.5m-3 0H9m-3 0a2 2 0 0 1-2-2m0-3v-1.5m0-3V9M3 3l18 18\"/></symbol><symbol id=\"tabler:mail\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m3 7l9 6l9-6\"/></g></symbol><symbol id=\"tabler:maximize\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2\"/></symbol><symbol id=\"tabler:menu-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6h16M4 12h16M4 18h16\"/></symbol><symbol id=\"tabler:message\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 9h8m-8 4h6m4-9a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z\"/></symbol><symbol id=\"tabler:message-dots\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 11v.01M8 11v.01m8-.01v.01M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z\"/></symbol><symbol id=\"tabler:mood-dollar\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M20.87 10.48a9 9 0 1 0-7.876 10.465M9 10h.01M15 10h.01\"/><path d=\"M9.5 15c.658.64 1.56 1 2.5 1c.357 0 .709-.052 1.043-.151M21 15h-2.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 1 0 3H17m2 0v1m0-8v1\"/></g></symbol><symbol id=\"tabler:mood-heart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M21 12a9 9 0 1 0-8.012 8.946M9 10h.01M15 10h.01\"/><path d=\"M9.5 15a3.6 3.6 0 0 0 2.774.99m6.72 5.51l2.518-2.58a1.74 1.74 0 0 0 .004-2.413a1.627 1.627 0 0 0-2.346-.005l-.168.172l-.168-.172a1.627 1.627 0 0 0-2.346-.004a1.74 1.74 0 0 0-.004 2.412z\"/></g></symbol><symbol id=\"tabler:mood-kid\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01\"/><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0M12 3a2 2 0 0 0 0 4\"/></g></symbol><symbol id=\"tabler:mood-nerd\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M6 10a2 2 0 1 0 4 0a2 2 0 1 0-4 0m8 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0m-4.5 5a3.5 3.5 0 0 0 5 0m-11-6H6m12 0h2.5M10 9.5q2-2 4 0\"/></g></symbol><symbol id=\"tabler:mood-neutral\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01\"/></symbol><symbol id=\"tabler:mood-puzzled\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M14.986 3.51A9 9 0 1 0 16.5 19.794c2.489-1.437 4.181-3.978 4.5-6.794m-11-3h.01M14 8h.01\"/><path d=\"M12 15q1.5-2 3-2m5-4v.01M20 6a2.003 2.003 0 0 0 .914-3.782a1.98 1.98 0 0 0-2.414.483\"/></g></symbol><symbol id=\"tabler:mood-sad-squint\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M14.5 16.05a3.5 3.5 0 0 0-5 0m-1-4.55L10 10L8.5 8.5m7 3L14 10l1.5-1.5\"/></g></symbol><symbol id=\"tabler:mood-smile\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01\"/><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\"/></g></symbol><symbol id=\"tabler:mood-tongue\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01M15 10h.01\"/><path d=\"M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7\"/></g></symbol><symbol id=\"tabler:mood-tongue-wink\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18\"/><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m6-2h.01\"/><path d=\"M10 14v2a2 2 0 0 0 4 0v-2m1.5 0h-7m8.5-4c-.5-1-2.5-1-3 0\"/></g></symbol><symbol id=\"tabler:mood-tongue-wink-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18m3-11h-.01\"/><path d=\"M10 14v2a2 2 0 1 0 4 0v-2m1.5 0h-7M7 10c.5-1 2.5-1 3 0\"/></g></symbol><symbol id=\"tabler:mood-wink-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18M9 10h-.01\"/><path d=\"M14.5 15a3.5 3.5 0 0 1-5 0m6-6.5L14 10l1.5 1.5\"/></g></symbol><symbol id=\"tabler:mood-wrrr\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18\"/><path d=\"m8 16l1-1l1.5 1l1.5-1l1.5 1l1.5-1l1 1m-7.5-4.5L10 10L8.5 8.5m7 3L14 10l1.5-1.5\"/></g></symbol><symbol id=\"tabler:moon\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z\"/></symbol><symbol id=\"tabler:mouse\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M6 7a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4zm6 0v4\"/></symbol><symbol id=\"tabler:dots\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:dots-vertical\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0a1 1 0 1 0-2 0\"/></symbol><symbol id=\"tabler:movie\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v16m8-16v16M4 8h4m-4 8h4m-4-4h16m-4-4h4m-4 8h4\"/></symbol><symbol id=\"tabler:music\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/><path d=\"M9 17V4h10v13M9 8h10\"/></g></symbol><symbol id=\"tabler:new-section\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12h6m-3-3v6M4 6V5a1 1 0 0 1 1-1h1m5 0h2m5 0h1a1 1 0 0 1 1 1v1m0 5v2m0 5v1a1 1 0 0 1-1 1h-1m-5 0h-2m-5 0H5a1 1 0 0 1-1-1v-1m0-5v-2m0-5\"/></symbol><symbol id=\"tabler:circle-plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m6 0h6m-3-3v6\"/></symbol><symbol id=\"tabler:plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 5v14m-7-7h14\"/></symbol><symbol id=\"tabler:rectangle\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:refresh\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\"/></symbol><symbol id=\"tabler:rss\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9\"/></symbol><symbol id=\"tabler:shopping-cart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0\"/><path d=\"M17 17H6V3H4\"/><path d=\"m6 5l14 1l-1 7H6\"/></g></symbol><symbol id=\"tabler:search\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6\"/></symbol><symbol id=\"tabler:section\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 20h.01M4 20h.01M8 20h.01M12 20h.01M16 20h.01M20 4h.01M4 4h.01M8 4h.01M12 4h.01M16 4v.01M4 9a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z\"/></symbol><symbol id=\"tabler:select\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m9 11l3 3l3-3\"/></g></symbol><symbol id=\"tabler:settings\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></g></symbol><symbol id=\"tabler:share\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m12-6a3 3 0 1 0 6 0a3 3 0 1 0-6 0m0 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-6.3-7.3l6.6-3.4m-6.6 6l6.6 3.4\"/></symbol><symbol id=\"tabler:share-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 9H7a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1m-4 5V3M9 6l3-3l3 3\"/></symbol><symbol id=\"tabler:share-3\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 4v4C6.425 9.028 3.98 14.788 3 20c-.037.206 5.384-5.962 10-6v4l8-7z\"/></symbol><symbol id=\"tabler:adjustments\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 10a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-6v4m0 4v8m4-4a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-12v10m0 4v2m4-13a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-3v1m0 4v11\"/></symbol><symbol id=\"tabler:square\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:square-check\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><path d=\"m9 12l2 2l4-4\"/></g></symbol><symbol id=\"tabler:square-plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12h6m-3-3v6M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:stack\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m12 6l-8 4l8 4l8-4zm-8 8l8 4l8-4\"/></symbol><symbol id=\"tabler:stack-2\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 4L4 8l8 4l8-4zm-8 8l8 4l8-4M4 16l8 4l8-4\"/></symbol><symbol id=\"tabler:stack-3\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 2L4 6l8 4l8-4zm-8 8l8 4l8-4M4 18l8 4l8-4M4 14l8 4l8-4\"/></symbol><symbol id=\"tabler:sun\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7\"/></symbol><symbol id=\"tabler:ticket\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 5v2m0 4v2m0 4v2M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4V7a2 2 0 0 1 2-2\"/></symbol><symbol id=\"tabler:terminal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5 7l5 5l-5 5m7 2h7\"/></symbol><symbol id=\"tabler:terminal-2\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m8 9l3 3l-3 3m5 0h3\"/><path d=\"M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></g></symbol><symbol id=\"tabler:text-size\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 7V5h13v2m-6-2v14m2 0H8m7-6v-1h6v1m-3-1v7m-1 0h2\"/></symbol><symbol id=\"tabler:trash\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></symbol><symbol id=\"tabler:typography\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 20h3m7 0h7M6.9 15h6.9m-3.6-8.7L16 20M5 20l6-16h2l7 16\"/></symbol><symbol id=\"tabler:upload\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 9l5-5l5 5m-5-5v12\"/></symbol><symbol id=\"tabler:user\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/></symbol><symbol id=\"tabler:user-circle\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0\"/><path d=\"M9 10a3 3 0 1 0 6 0a3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855\"/></g></symbol><symbol id=\"tabler:user-square-rounded\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 13a3 3 0 1 0 0-6a3 3 0 0 0 0 6\"/><path d=\"M12 3c7.2 0 9 1.8 9 9s-1.8 9-9 9s-9-1.8-9-9s1.8-9 9-9\"/><path d=\"M6 20.05V20a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v.05\"/></g></symbol><symbol id=\"tabler:video\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m15 10l4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14zM3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/></symbol><symbol id=\"tabler:window-maximize\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm1-5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6\"/><path d=\"M12 8h4v4m0-4l-5 5\"/></g></symbol><symbol id=\"tabler:window-minimize\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M3 17a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm1-5V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6\"/><path d=\"M15 13h-4V9m0 4l5-5\"/></g></symbol></svg>";
4
4
 
5
5
  var Align = /* @__PURE__ */ ((Align2) => {
6
6
  Align2["Left"] = "left";
@@ -60,6 +60,17 @@ var HeadingTypes = /* @__PURE__ */ ((HeadingTypes2) => {
60
60
  HeadingTypes2["XLarge"] = "xlarge";
61
61
  return HeadingTypes2;
62
62
  })(HeadingTypes || {});
63
+ var IconSizes = /* @__PURE__ */ ((IconSizes2) => {
64
+ IconSizes2["Tiny"] = "tiny";
65
+ IconSizes2["Small"] = "small";
66
+ IconSizes2["Medium"] = "medium";
67
+ IconSizes2["Large"] = "large";
68
+ IconSizes2["XLarge"] = "xlarge";
69
+ IconSizes2["XXLarge"] = "xxlarge";
70
+ IconSizes2["XXXLarge"] = "xxxlarge";
71
+ IconSizes2["XXXXLarge"] = "xxxxlarge";
72
+ return IconSizes2;
73
+ })(IconSizes || {});
63
74
  var IconNames = /* @__PURE__ */ ((IconNames2) => {
64
75
  IconNames2["Activity"] = "tabler:activity";
65
76
  IconNames2["Ai"] = "tabler:ai";
@@ -195,7 +206,6 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
195
206
  IconNames2["ListTree"] = "tabler:list-tree";
196
207
  IconNames2["LogIn"] = "tabler:login";
197
208
  IconNames2["LogOut"] = "tabler:logout";
198
- IconNames2["Music"] = "tabler:music";
199
209
  IconNames2["Palette"] = "tabler:palette";
200
210
  IconNames2["Paint"] = "tabler:paint";
201
211
  IconNames2["Marquee"] = "tabler:marquee";
@@ -207,15 +217,23 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
207
217
  IconNames2["MessageDots"] = "tabler:message-dots";
208
218
  IconNames2["MoodDollar"] = "tabler:mood-dollar";
209
219
  IconNames2["MoodHeart"] = "tabler:mood-heart";
220
+ IconNames2["MoodKid"] = "tabler:mood-kid";
221
+ IconNames2["MoodNerd"] = "tabler:mood-nerd";
222
+ IconNames2["MoodNeutral"] = "tabler:mood-neutral";
210
223
  IconNames2["MoodPuzzled"] = "tabler:mood-puzzled";
211
224
  IconNames2["MoodSadSquint"] = "tabler:mood-sad-squint";
212
225
  IconNames2["MoodSmile"] = "tabler:mood-smile";
226
+ IconNames2["MoodTongue"] = "tabler:mood-tongue";
227
+ IconNames2["MoodTongueWink"] = "tabler:mood-tongue-wink";
228
+ IconNames2["MoodTongueWink2"] = "tabler:mood-tongue-wink-2";
213
229
  IconNames2["MoodWink2"] = "tabler:mood-wink-2";
214
230
  IconNames2["MoodWrrr"] = "tabler:mood-wrrr";
231
+ IconNames2["Moon"] = "tabler:moon";
215
232
  IconNames2["Mouse"] = "tabler:mouse";
216
233
  IconNames2["MoreHorizontal"] = "tabler:dots";
217
234
  IconNames2["MoreVertical"] = "tabler:dots-vertical";
218
235
  IconNames2["Movie"] = "tabler:movie";
236
+ IconNames2["Music"] = "tabler:music";
219
237
  IconNames2["NewSection"] = "tabler:new-section";
220
238
  IconNames2["PlusCircle"] = "tabler:circle-plus";
221
239
  IconNames2["Plus"] = "tabler:plus";
@@ -293,6 +311,12 @@ var Orientation = /* @__PURE__ */ ((Orientation2) => {
293
311
  Orientation2["Vertical"] = "vertical";
294
312
  return Orientation2;
295
313
  })(Orientation || {});
314
+ var PaginationType = /* @__PURE__ */ ((PaginationType2) => {
315
+ PaginationType2["Dots"] = "dots";
316
+ PaginationType2["Hidden"] = "hidden";
317
+ PaginationType2["Numbered"] = "numbered";
318
+ return PaginationType2;
319
+ })(PaginationType || {});
296
320
  var Placement = /* @__PURE__ */ ((Placement2) => {
297
321
  Placement2["Bottom"] = "bottom";
298
322
  Placement2["BottomEnd"] = "bottom-end";
@@ -319,9 +343,6 @@ var Sizes = /* @__PURE__ */ ((Sizes2) => {
319
343
  Sizes2["Medium"] = "medium";
320
344
  Sizes2["Large"] = "large";
321
345
  Sizes2["XLarge"] = "xlarge";
322
- Sizes2["XXLarge"] = "xlarge";
323
- Sizes2["XXXLarge"] = "xlarge";
324
- Sizes2["XXXXLarge"] = "xlarge";
325
346
  return Sizes2;
326
347
  })(Sizes || {});
327
348
  var TableTypes = /* @__PURE__ */ ((TableTypes2) => {
@@ -361,8 +382,11 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
361
382
  return Themes2;
362
383
  })(Themes || {});
363
384
 
364
- const _hoisted_1$f = ["data-testid", "data-cy", "tabindex"];
365
- const _sfc_main$v = /* @__PURE__ */ defineComponent({
385
+ const _hoisted_1$m = ["data-testid", "data-cy", "tabindex"];
386
+ const _sfc_main$w = /* @__PURE__ */ defineComponent({
387
+ ...{
388
+ name: "CLA11yButton"
389
+ },
366
390
  __name: "A11yButton",
367
391
  props: {
368
392
  enabled: { type: Boolean, default: false },
@@ -408,19 +432,24 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
408
432
  onKeyup: withKeys(clickHandler, ["enter"])
409
433
  }, [
410
434
  renderSlot(_ctx.$slots, "default")
411
- ], 42, _hoisted_1$f);
435
+ ], 42, _hoisted_1$m);
412
436
  };
413
437
  }
414
438
  });
415
439
 
440
+ const _hoisted_1$l = ["data-testid", "data-cy"];
416
441
  const prefix$n = "clll-badge";
417
- const _sfc_main$u = /* @__PURE__ */ defineComponent({
442
+ const _sfc_main$v = /* @__PURE__ */ defineComponent({
443
+ ...{
444
+ name: "CLBadge"
445
+ },
418
446
  __name: "Badge",
419
447
  props: {
420
448
  borderRadius: {},
421
449
  count: {},
422
450
  elevated: { type: Boolean, default: false },
423
451
  limit: {},
452
+ testId: { default: "clll-badge" },
424
453
  theme: { default: Themes.Default }
425
454
  },
426
455
  setup(__props) {
@@ -437,41 +466,48 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
437
466
  return (_ctx, _cache) => {
438
467
  return openBlock(), createElementBlock("div", {
439
468
  class: normalizeClass([
469
+ prefix$n,
440
470
  _ctx.borderRadius ? `${prefix$n}--${_ctx.borderRadius}` : "",
441
471
  _ctx.elevated ? `${prefix$n}--elevated` : "",
442
- prefix$n,
443
472
  `${prefix$n}--${_ctx.theme}`
444
- ])
473
+ ]),
474
+ "data-testid": _ctx.testId,
475
+ "data-cy": _ctx.testId
445
476
  }, [
446
477
  createElementVNode("span", {
447
478
  class: normalizeClass(`${prefix$n}__count`)
448
479
  }, toDisplayString(getCount()), 3)
449
- ], 2);
480
+ ], 10, _hoisted_1$l);
450
481
  };
451
482
  }
452
483
  });
453
484
 
485
+ const _hoisted_1$k = ["data-testid", "data-cy"];
454
486
  const prefix$m = "clll-banner";
455
- const _sfc_main$t = /* @__PURE__ */ defineComponent({
487
+ const _sfc_main$u = /* @__PURE__ */ defineComponent({
488
+ ...{
489
+ name: "CLBanner"
490
+ },
456
491
  __name: "Banner",
457
492
  props: {
493
+ align: { default: Align.Left },
458
494
  ariaLabel: {},
459
495
  borderRadius: {},
460
496
  busy: { type: Boolean, default: false },
461
- title: {},
462
- message: {},
463
- theme: { default: Themes.Default },
464
- width: { default: "100%" },
465
497
  height: { default: "auto" },
466
- rounded: { type: Boolean, default: true },
467
- align: { default: Align.Left },
498
+ message: {},
499
+ onClick: {},
468
500
  onDismiss: {},
469
- onClick: {}
501
+ rounded: { type: Boolean, default: true },
502
+ testId: { default: "clll-banner" },
503
+ theme: { default: Themes.Default },
504
+ title: {},
505
+ width: { default: "100%" }
470
506
  },
471
507
  setup(__props) {
472
508
  useCssVars((_ctx) => ({
473
- "2bf3aebb": _ctx.width,
474
- "38b32ed2": _ctx.height
509
+ "15c7fd74": _ctx.width,
510
+ "ed2e918e": _ctx.height
475
511
  }));
476
512
  const props = __props;
477
513
  const getTextTheme = () => {
@@ -495,39 +531,41 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
495
531
  case Themes.Success:
496
532
  case Themes.Warning:
497
533
  return Themes.Dark;
498
- default:
499
- return Themes.Light;
500
534
  }
501
535
  };
502
536
  return (_ctx, _cache) => {
503
- return openBlock(), createBlock(unref(_sfc_main$v), {
537
+ return openBlock(), createBlock(unref(_sfc_main$w), {
504
538
  enabled: _ctx.onClick && _ctx.ariaLabel ? true : false,
505
539
  rounded: _ctx.rounded
506
540
  }, {
507
541
  default: withCtx(() => [
508
542
  createElementVNode("div", {
509
543
  class: normalizeClass([
544
+ prefix$m,
510
545
  _ctx.busy ? `${prefix$m}--busy` : `${prefix$m}--ready`,
511
546
  _ctx.borderRadius ? `${prefix$m}--${_ctx.borderRadius}` : "",
512
- prefix$m,
547
+ _ctx.onDismiss ? `${prefix$m}--dismissable` : "",
513
548
  `${prefix$m}--${_ctx.theme}`,
514
549
  `${prefix$m}--align-${_ctx.align}`,
515
- _ctx.rounded ? `${prefix$m}--rounded` : `${prefix$m}--box`,
516
- _ctx.onDismiss ? `${prefix$m}--dismissable` : ""
517
- ])
550
+ _ctx.rounded ? `${prefix$m}--rounded` : `${prefix$m}--box`
551
+ ]),
552
+ "data-testid": _ctx.testId,
553
+ "data-cy": _ctx.testId
518
554
  }, [
519
555
  createElementVNode("div", {
520
556
  class: normalizeClass(`${prefix$m}__content`)
521
557
  }, [
522
558
  _ctx.busy ? (openBlock(), createBlock(unref(_sfc_main$b), {
523
559
  key: 0,
524
- height: "28px"
525
- })) : createCommentVNode("", true),
560
+ height: "28px",
561
+ "test-id": `${prefix$m}__skeleton-title`
562
+ }, null, 8, ["test-id"])) : createCommentVNode("", true),
526
563
  _ctx.busy ? (openBlock(), createBlock(unref(_sfc_main$b), {
527
564
  key: 1,
528
565
  width: "70%",
529
- height: "20px"
530
- })) : createCommentVNode("", true),
566
+ height: "20px",
567
+ "test-id": `${prefix$m}__skeleton-message`
568
+ }, null, 8, ["test-id"])) : createCommentVNode("", true),
531
569
  _ctx.title && !_ctx.busy ? (openBlock(), createBlock(unref(_sfc_main$m), {
532
570
  key: 2,
533
571
  type: unref(HeadingTypes).Section,
@@ -557,11 +595,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
557
595
  createVNode(unref(__default__), {
558
596
  "aria-label": "Dismiss banner",
559
597
  "icon-before": unref(IconNames).Delete,
560
- "icon-size": unref(Sizes).Tiny,
561
- size: unref(Sizes).Tiny,
598
+ "icon-size": unref(IconSizes).Tiny,
562
599
  "on-click": _ctx.onDismiss,
600
+ size: unref(Sizes).Tiny,
601
+ "test-id": `${prefix$m}__dismiss-button`,
563
602
  theme: unref(Themes).Transparent
564
- }, null, 8, ["icon-before", "icon-size", "size", "on-click", "theme"])
603
+ }, null, 8, ["icon-before", "icon-size", "on-click", "size", "test-id", "theme"])
565
604
  ], 2)) : createCommentVNode("", true),
566
605
  _ctx.onClick && _ctx.ariaLabel ? (openBlock(), createElementBlock("button", {
567
606
  key: 1,
@@ -570,7 +609,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
570
609
  onClick: _cache[0] || (_cache[0] = //@ts-ignore
571
610
  (...args) => _ctx.onClick && _ctx.onClick(...args))
572
611
  }, toDisplayString(_ctx.ariaLabel), 1)) : createCommentVNode("", true)
573
- ], 2)
612
+ ], 10, _hoisted_1$k)
574
613
  ]),
575
614
  _: 1
576
615
  }, 8, ["enabled", "rounded"]);
@@ -617,14 +656,36 @@ const animate = () => {
617
656
  }
618
657
  };
619
658
  };
620
- const getMaxZIndex = () => {
621
- return Math.max(
622
- ...Array.from(
623
- document.querySelectorAll("body *"),
624
- (el) => parseFloat(window.getComputedStyle(el).zIndex)
625
- ).filter((zIndex) => !Number.isNaN(zIndex)),
626
- 0
627
- );
659
+ const childIsVisible = ({
660
+ parent,
661
+ child,
662
+ threshold = 0.1
663
+ }) => {
664
+ const {
665
+ top: parentTop,
666
+ left: parentLeft,
667
+ bottom: parentBottom,
668
+ right: parentRight,
669
+ width: parentWidth,
670
+ height: parentHeight
671
+ } = parent?.getBoundingClientRect() || {};
672
+ const {
673
+ top: childTop,
674
+ left: childLeft,
675
+ bottom: childBottom,
676
+ right: childRight
677
+ } = child.getBoundingClientRect() || {};
678
+ let xCoverage = 0;
679
+ let yCoverage = 0;
680
+ if (childLeft <= parentRight) {
681
+ const xDiff = childRight - parentLeft;
682
+ xCoverage = xDiff / parentWidth * 100 / 100;
683
+ }
684
+ if (childTop <= parentBottom) {
685
+ const yDiff = childBottom - parentTop;
686
+ yCoverage = yDiff / parentHeight * 100 / 100;
687
+ }
688
+ return xCoverage > threshold && yCoverage > threshold;
628
689
  };
629
690
  const hasSlotContent = (slots, slotName, component) => {
630
691
  let foundContent = false;
@@ -639,6 +700,15 @@ const hasSlotContent = (slots, slotName, component) => {
639
700
  });
640
701
  return foundContent;
641
702
  };
703
+ const getMaxZIndex = () => {
704
+ return Math.max(
705
+ ...Array.from(
706
+ document.querySelectorAll("body *"),
707
+ (el) => parseFloat(window.getComputedStyle(el).zIndex)
708
+ ).filter((zIndex) => !Number.isNaN(zIndex)),
709
+ 0
710
+ );
711
+ };
642
712
  const nodeHasContent = (vnode, slotType, component) => {
643
713
  const vnodeType = typeof vnode?.type;
644
714
  if (vnode?.type === Comment) return false;
@@ -660,92 +730,111 @@ const nodeHasContent = (vnode, slotType, component) => {
660
730
  return false;
661
731
  }
662
732
  };
663
- const debounce = (fn, ms = 300) => {
664
- let timeoutId;
665
- return function(...args) {
666
- clearTimeout(timeoutId);
667
- timeoutId = setTimeout(() => fn.apply(this, args), ms);
668
- };
669
- };
670
733
 
671
734
  const prefix$l = "clll-button";
672
735
  const __default__ = {
736
+ name: "CLButton",
673
737
  props: {
738
+ /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
674
739
  alignContent: {
675
740
  type: String,
676
741
  default: Align.Left
677
742
  },
743
+ /** Sets the aria-label on the button. It should be used when there is no discernable text present, or if this is an icon only button. */
678
744
  ariaLabel: {
679
745
  type: String
680
746
  },
747
+ /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
681
748
  borderRadius: {
682
749
  type: String
683
750
  },
751
+ /** A `boolean` value which dictates the busy state of the button. */
684
752
  busy: {
685
753
  type: Boolean
686
754
  },
755
+ /** The `elevated` property displays a shadow to indicate elevation. */
687
756
  elevated: {
688
757
  type: Boolean,
689
758
  default: false
690
759
  },
760
+ /** The form whom the button belongs to. Useful for when buttons are not within a `form` element. */
691
761
  form: {
692
762
  type: String
693
763
  },
764
+ /** A callback function which provides a reference to the button. */
694
765
  forwardRef: {
695
766
  type: Function
696
767
  },
768
+ /** Sets the height of the button, it's default value is `auto`. */
697
769
  height: {
698
770
  type: String,
699
771
  default: "auto"
700
772
  },
773
+ /** Sets the icon which is positioned after the button's slot content. */
701
774
  iconAfter: {
702
775
  type: String
703
776
  },
777
+ /** Sets the icon which is positioned before the button's slot content. */
704
778
  iconBefore: {
705
779
  type: String
706
780
  },
781
+ /** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
707
782
  iconSize: {
708
- type: String
783
+ type: String,
784
+ default: IconSizes.Small
709
785
  },
786
+ /** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
710
787
  iconAfterSize: {
711
- type: String
788
+ type: String,
789
+ default: IconSizes.Small
712
790
  },
791
+ /** When set to `true` it will display the button as a `CLLink`. */
713
792
  link: {
714
793
  type: Boolean
715
794
  },
795
+ /** A callback function to handle click events. */
716
796
  onClick: {
717
797
  type: Function
718
798
  },
799
+ /** When set to `true` it will display the button as a `CLPill`. */
719
800
  pill: {
720
801
  type: Boolean
721
802
  },
803
+ /** When set to `false` it will not render with rounded corners. */
722
804
  rounded: {
723
805
  type: Boolean,
724
806
  default: true
725
807
  },
808
+ /** Sets the button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
726
809
  size: {
727
810
  type: String,
728
811
  default: Sizes.Small
729
812
  },
813
+ /** Sets the title attribute. */
730
814
  title: {
731
815
  type: String
732
816
  },
817
+ /** Sets a custom ID used for unit tests. */
733
818
  testId: {
734
819
  type: String,
735
- default: prefix$l
820
+ default: "clll-button"
736
821
  },
822
+ /** Sets the button type. The property can be one of `CLButtonTypes`, e.g. `CLButtonTypes.Submit`. */
737
823
  type: {
738
824
  type: String,
739
825
  default: ButtonTypes.Button
740
826
  },
827
+ /** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
741
828
  theme: {
742
829
  type: String,
743
830
  default: Themes.Secondary
744
831
  },
832
+ /** Sets the width of the button, it's default value is `auto`. */
745
833
  width: {
746
834
  type: String,
747
835
  default: "auto"
748
836
  },
837
+ /** When set to `true`, it will remove any horizontal and vertical padding of the slot content. */
749
838
  wrap: {
750
839
  type: Boolean,
751
840
  default: false
@@ -794,6 +883,7 @@ const __default__ = {
794
883
  form: props?.form,
795
884
  onClick: (event) => props?.onClick?.(event),
796
885
  ref: buttonEl,
886
+ role: props?.link ? "link" : "button",
797
887
  title: props?.title,
798
888
  type: props?.type
799
889
  },
@@ -805,7 +895,8 @@ const __default__ = {
805
895
  }) : null,
806
896
  props.iconBefore ? h(_sfc_main$l, {
807
897
  name: props.iconBefore,
808
- size: props.iconSize
898
+ size: props.iconSize,
899
+ testId: `${props.testId}-icon-before`
809
900
  }) : null,
810
901
  h(
811
902
  "span",
@@ -821,7 +912,8 @@ const __default__ = {
821
912
  ),
822
913
  props.iconAfter ? h(_sfc_main$l, {
823
914
  name: props.iconAfter,
824
- size: props.iconAfterSize
915
+ size: props.iconAfterSize,
916
+ testId: `${props.testId}-icon-after`
825
917
  }) : null
826
918
  ]
827
919
  );
@@ -829,8 +921,8 @@ const __default__ = {
829
921
  };
830
922
  const __injectCSSVars__ = () => {
831
923
  useCssVars((_ctx) => ({
832
- "811c557e": _ctx.width,
833
- "14f9d90c": _ctx.height
924
+ "a75d9dd0": _ctx.width,
925
+ "77f40fd6": _ctx.height
834
926
  }));
835
927
  };
836
928
  const __setup__ = __default__.setup;
@@ -839,11 +931,14 @@ __default__.setup = __setup__ ? (props, ctx) => {
839
931
  return __setup__(props, ctx);
840
932
  } : __injectCSSVars__;
841
933
 
842
- const _hoisted_1$e = ["data-cy", "data-testid", "tabindex"];
843
- const _hoisted_2$9 = ["src", "alt"];
844
- const _hoisted_3$2 = ["src", "alt"];
934
+ const _hoisted_1$j = ["data-cy", "data-testid", "tabindex"];
935
+ const _hoisted_2$a = ["src", "alt"];
936
+ const _hoisted_3$7 = ["src", "alt"];
845
937
  const prefix$k = "clll-card";
846
- const _sfc_main$s = /* @__PURE__ */ defineComponent({
938
+ const _sfc_main$t = /* @__PURE__ */ defineComponent({
939
+ ...{
940
+ name: "CLCard"
941
+ },
847
942
  __name: "Card",
848
943
  props: {
849
944
  active: { type: Boolean, default: false },
@@ -864,7 +959,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
864
959
  padded: { type: Boolean, default: true },
865
960
  rounded: { type: Boolean, default: true },
866
961
  target: { default: LinkTarget.Self },
867
- testId: { default: prefix$k },
962
+ testId: { default: "clll-card" },
868
963
  title: {},
869
964
  titleType: { default: HeadingTypes.SubSection },
870
965
  titleHLevel: { default: HeadingLevels.H2 },
@@ -874,10 +969,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
874
969
  },
875
970
  setup(__props) {
876
971
  useCssVars((_ctx) => ({
877
- "c36db694": _ctx.width,
878
- "110c7837": _ctx.height,
879
- "cc15d78a": _ctx.imageWidth,
880
- "ea430d5c": _ctx.imageHeight
972
+ "3b7caaf9": _ctx.width,
973
+ "1a49ba54": _ctx.height,
974
+ "6059ffd8": _ctx.imageWidth,
975
+ "ddd1fd56": _ctx.imageHeight
881
976
  }));
882
977
  const slots = useSlots();
883
978
  const props = __props;
@@ -978,7 +1073,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
978
1073
  class: normalizeClass(`${prefix$k}__image__elem`),
979
1074
  src: _ctx.image,
980
1075
  alt: _ctx.imageAltText
981
- }, null, 10, _hoisted_2$9)) : createCommentVNode("", true)
1076
+ }, null, 10, _hoisted_2$a)) : createCommentVNode("", true)
982
1077
  ], 2)) : createCommentVNode("", true),
983
1078
  createElementVNode("div", {
984
1079
  class: normalizeClass(`${prefix$k}__content`)
@@ -996,7 +1091,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
996
1091
  width: "70%",
997
1092
  height: "16px"
998
1093
  })) : createCommentVNode("", true),
999
- !_ctx.onClick ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
1094
+ !_ctx.onClick && !_ctx.href ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
1000
1095
  _ctx.title && !_ctx.busy ? (openBlock(), createBlock(unref(_sfc_main$m), {
1001
1096
  key: 0,
1002
1097
  type: _ctx.titleType,
@@ -1076,176 +1171,312 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
1076
1171
  class: normalizeClass(`${prefix$k}__image__elem`),
1077
1172
  src: _ctx.image,
1078
1173
  alt: _ctx.imageAltText
1079
- }, null, 10, _hoisted_3$2)) : createCommentVNode("", true)
1174
+ }, null, 10, _hoisted_3$7)) : createCommentVNode("", true)
1080
1175
  ], 2)) : createCommentVNode("", true),
1081
1176
  _ctx.onClick ? (openBlock(), createElementBlock("div", {
1082
1177
  key: 2,
1083
1178
  class: normalizeClass(`${prefix$k}__hover-elem`)
1084
1179
  }, null, 2)) : createCommentVNode("", true)
1085
- ], 42, _hoisted_1$e);
1180
+ ], 42, _hoisted_1$j);
1086
1181
  };
1087
1182
  }
1088
1183
  });
1089
1184
 
1090
- const _sfc_main$r = /* @__PURE__ */ defineComponent({
1185
+ const _sfc_main$s = /* @__PURE__ */ defineComponent({
1091
1186
  __name: "CarouselNavigation",
1092
1187
  props: {
1093
- prefix: {},
1094
1188
  currentPage: {},
1095
- totalPages: {},
1096
- theme: {},
1189
+ enabled: { type: Boolean },
1190
+ gotoPage: {},
1191
+ moreLabel: {},
1192
+ moreAriaLabel: { default: "Navigate to page to see more results" },
1097
1193
  nextPageEnabled: { type: Boolean },
1194
+ paginationType: {},
1195
+ prefix: {},
1098
1196
  prevPageEnabled: { type: Boolean },
1099
- showPrevItems: { type: Function },
1100
- showNextItems: { type: Function },
1101
- showMore: { type: Function }
1197
+ showMore: {},
1198
+ showNextItems: {},
1199
+ showPrevItems: {},
1200
+ totalPages: {},
1201
+ theme: {}
1102
1202
  },
1103
1203
  setup(__props) {
1104
1204
  return (_ctx, _cache) => {
1105
1205
  return openBlock(), createElementBlock(Fragment, null, [
1106
- createElementVNode("div", {
1107
- class: normalizeClass(`${_ctx.prefix}__prev-slide`)
1108
- }, [
1109
- createVNode(unref(__default__), {
1110
- "icon-before": unref(IconNames).ChevronLeft,
1111
- theme: _ctx.theme,
1112
- size: unref(Sizes).Tiny,
1113
- "icon-size": unref(Sizes).Tiny,
1114
- "aria-label": "Show previous items",
1115
- disabled: !_ctx.prevPageEnabled,
1116
- "on-click": _ctx.showPrevItems
1117
- }, null, 8, ["icon-before", "theme", "size", "icon-size", "disabled", "on-click"])
1118
- ], 2),
1119
- createElementVNode("div", {
1120
- class: normalizeClass(`${_ctx.prefix}__page-indicator`)
1121
- }, [
1122
- createVNode(unref(_sfc_main$2), {
1123
- type: unref(TextTypes).Small
1124
- }, {
1125
- default: withCtx(() => [
1126
- createTextVNode(toDisplayString(_ctx.currentPage) + " / " + toDisplayString(_ctx.totalPages), 1)
1127
- ]),
1128
- _: 1
1129
- }, 8, ["type"])
1130
- ], 2),
1131
- createElementVNode("div", {
1132
- class: normalizeClass(`${_ctx.prefix}__next-slide`)
1133
- }, [
1134
- createVNode(unref(__default__), {
1135
- theme: _ctx.theme,
1136
- size: unref(Sizes).Tiny,
1137
- "icon-before": unref(IconNames).ChevronRight,
1138
- "icon-size": unref(Sizes).Tiny,
1139
- "aria-label": "Show next items",
1140
- disabled: !_ctx.nextPageEnabled,
1141
- "on-click": _ctx.showNextItems
1142
- }, null, 8, ["theme", "size", "icon-before", "icon-size", "disabled", "on-click"])
1143
- ], 2),
1144
- _ctx.showMore ? (openBlock(), createElementBlock("div", {
1206
+ _ctx.paginationType === unref(PaginationType).Dots ? (openBlock(), createElementBlock("div", {
1145
1207
  key: 0,
1146
- class: normalizeClass(`${_ctx.prefix}__show-more`)
1208
+ class: normalizeClass([`${_ctx.prefix}__dots-container`])
1147
1209
  }, [
1148
- createVNode(unref(__default__), {
1149
- "icon-after": unref(IconNames).ChevronRight,
1150
- "icon-size": unref(Sizes).Tiny,
1151
- theme: _ctx.theme,
1152
- size: unref(Sizes).Small,
1153
- "aria-label": "Navigate to page to see more results",
1154
- "on-click": _ctx.showMore
1155
- }, {
1156
- default: withCtx(() => [
1157
- createVNode(unref(_sfc_main$2), {
1158
- type: unref(TextTypes).Medium
1159
- }, {
1160
- default: withCtx(() => _cache[0] || (_cache[0] = [
1161
- createTextVNode("More")
1162
- ])),
1163
- _: 1
1164
- }, 8, ["type"])
1165
- ]),
1166
- _: 1
1167
- }, 8, ["icon-after", "icon-size", "theme", "size", "on-click"])
1210
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.totalPages, (d) => {
1211
+ return openBlock(), createBlock(unref(__default__), {
1212
+ key: `dot-${d}`,
1213
+ "aria-label": `Show page ${d}`,
1214
+ disabled: !_ctx.enabled || _ctx.currentPage === d,
1215
+ height: "0.75rem",
1216
+ "on-click": () => _ctx.gotoPage(d),
1217
+ theme: _ctx.theme,
1218
+ width: "0.75rem",
1219
+ wrap: ""
1220
+ }, null, 8, ["aria-label", "disabled", "on-click", "theme"]);
1221
+ }), 128))
1222
+ ], 2)) : createCommentVNode("", true),
1223
+ _ctx.paginationType === unref(PaginationType).Numbered ? (openBlock(), createElementBlock("div", {
1224
+ key: 1,
1225
+ class: normalizeClass([`${_ctx.prefix}__numbered-container`])
1226
+ }, [
1227
+ createElementVNode("div", {
1228
+ class: normalizeClass(`${_ctx.prefix}__prev-page`)
1229
+ }, [
1230
+ createVNode(unref(__default__), {
1231
+ "aria-label": "Show previous page of slides",
1232
+ disabled: !_ctx.prevPageEnabled || !_ctx.enabled,
1233
+ "icon-before": unref(IconNames).ChevronLeft,
1234
+ "icon-size": unref(IconSizes).Tiny,
1235
+ size: unref(Sizes).Tiny,
1236
+ theme: _ctx.theme,
1237
+ "on-click": _ctx.showPrevItems
1238
+ }, null, 8, ["disabled", "icon-before", "icon-size", "size", "theme", "on-click"])
1239
+ ], 2),
1240
+ createElementVNode("div", {
1241
+ class: normalizeClass(`${_ctx.prefix}__page-indicator`)
1242
+ }, [
1243
+ createVNode(unref(_sfc_main$2), {
1244
+ type: unref(TextTypes).Small
1245
+ }, {
1246
+ default: withCtx(() => [
1247
+ createTextVNode(toDisplayString(_ctx.currentPage) + " / " + toDisplayString(_ctx.totalPages), 1)
1248
+ ]),
1249
+ _: 1
1250
+ }, 8, ["type"])
1251
+ ], 2),
1252
+ createElementVNode("div", {
1253
+ class: normalizeClass(`${_ctx.prefix}__next-page`)
1254
+ }, [
1255
+ createVNode(unref(__default__), {
1256
+ "aria-label": "Show next page of slides",
1257
+ disabled: !_ctx.nextPageEnabled || !_ctx.enabled,
1258
+ "icon-before": unref(IconNames).ChevronRight,
1259
+ "icon-size": unref(IconSizes).Tiny,
1260
+ size: unref(Sizes).Tiny,
1261
+ theme: _ctx.theme,
1262
+ "on-click": _ctx.showNextItems
1263
+ }, null, 8, ["disabled", "icon-before", "icon-size", "size", "theme", "on-click"])
1264
+ ], 2),
1265
+ _ctx.showMore ? (openBlock(), createElementBlock("div", {
1266
+ key: 0,
1267
+ class: normalizeClass(`${_ctx.prefix}__show-more`)
1268
+ }, [
1269
+ createVNode(unref(__default__), {
1270
+ "aria-label": _ctx.moreAriaLabel,
1271
+ "icon-after": unref(IconNames).ChevronRight,
1272
+ "icon-after-size": unref(IconSizes).Tiny,
1273
+ size: unref(Sizes).Small,
1274
+ theme: _ctx.theme,
1275
+ "on-click": _ctx.showMore
1276
+ }, {
1277
+ default: withCtx(() => [
1278
+ createTextVNode(toDisplayString(_ctx.moreLabel), 1)
1279
+ ]),
1280
+ _: 1
1281
+ }, 8, ["aria-label", "icon-after", "icon-after-size", "size", "theme", "on-click"])
1282
+ ], 2)) : createCommentVNode("", true)
1168
1283
  ], 2)) : createCommentVNode("", true)
1169
1284
  ], 64);
1170
1285
  };
1171
1286
  }
1172
1287
  });
1173
1288
 
1174
- const _hoisted_1$d = ["data-cy", "data-testid"];
1289
+ const _hoisted_1$i = ["data-cy", "data-testid"];
1175
1290
  const prefix$j = "clll-carousel";
1176
- const _sfc_main$q = /* @__PURE__ */ defineComponent({
1291
+ const _sfc_main$r = /* @__PURE__ */ defineComponent({
1292
+ ...{
1293
+ name: "CLCarousel"
1294
+ },
1177
1295
  __name: "Carousel",
1178
1296
  props: {
1179
1297
  controlAlign: { default: Align.Right },
1180
1298
  controlPosition: { default: Order.Before },
1181
1299
  enabled: { type: Boolean, default: true },
1300
+ moreLabel: { default: "More" },
1182
1301
  onShowMore: {},
1183
- testId: {},
1302
+ paginationType: { default: PaginationType.Numbered },
1303
+ perPage: { default: 3 },
1304
+ perPageByBreakpoints: {},
1305
+ testId: { default: "clll-carousel" },
1184
1306
  title: {},
1185
- theme: { default: Themes.Secondary }
1307
+ theme: { default: Themes.Secondary },
1308
+ width: { default: "100%" }
1186
1309
  },
1187
1310
  setup(__props) {
1188
- const totalPages = ref(0);
1311
+ useCssVars((_ctx) => ({
1312
+ "16f7868f": _ctx.width,
1313
+ "2550b928": slideWidth.value
1314
+ }));
1315
+ const props = __props;
1189
1316
  const currentPage = ref(1);
1190
- const scrollContainer = ref();
1191
- const scrollContainerWidth = ref(0);
1317
+ const currentPerPage = ref(props.perPage);
1192
1318
  const nextPageEnabled = ref(false);
1193
1319
  const prevPageEnabled = ref(false);
1320
+ const resizing = ref(false);
1321
+ const resizingTimer = ref();
1322
+ const scrolling = ref(false);
1323
+ const scrollContainer = ref();
1324
+ const scrollTimer = ref();
1325
+ const slideWidth = ref("100%");
1326
+ const totalPages = ref(0);
1327
+ const totalSlides = ref(0);
1194
1328
  const calcPerPage = () => {
1329
+ if (props.perPageByBreakpoints?.length) {
1330
+ currentPerPage.value = props.perPage;
1331
+ for (const [width, perPage] of props.perPageByBreakpoints) {
1332
+ const match = window.matchMedia(`(min-width: ${width}px)`).matches;
1333
+ if (match) currentPerPage.value = perPage;
1334
+ }
1335
+ }
1336
+ };
1337
+ const calcMaxPage = () => {
1195
1338
  const container = scrollContainer?.value;
1196
1339
  if (container) {
1197
- const containerWidth = container.offsetWidth;
1198
- scrollContainerWidth.value = containerWidth;
1199
- const slides = container.querySelectorAll(
1200
- `div[class="${prefix$j}__slides"] > *`
1201
- );
1202
- const slide = slides[0];
1203
- if (slide) {
1204
- const perPage = Math.round(containerWidth / slide.offsetWidth);
1205
- const maxPages = Math.ceil(slides.length / perPage);
1340
+ if (totalSlides.value) {
1341
+ const maxPages = Math.ceil(totalSlides.value / currentPerPage.value);
1206
1342
  totalPages.value = maxPages;
1207
1343
  if (maxPages > 1) nextPageEnabled.value = true;
1208
1344
  }
1209
1345
  }
1210
- reset();
1211
1346
  };
1212
- const reset = () => {
1213
- currentPage.value = 1;
1214
- prevPageEnabled.value = false;
1347
+ const calcCurrentPage = () => {
1348
+ nextTick(() => {
1349
+ let visibleIndex;
1350
+ const container = scrollContainer?.value;
1351
+ if (container) {
1352
+ const slides = container.querySelectorAll(
1353
+ `div[class="${prefix$j}__slides"] > *`
1354
+ );
1355
+ for (let s = 0; s < totalSlides.value; s++) {
1356
+ const slide = slides[s];
1357
+ const isVisible = childIsVisible({ parent: container, child: slide, threshold: 0.45 });
1358
+ if (isVisible) {
1359
+ if (visibleIndex === void 0) {
1360
+ visibleIndex = s;
1361
+ break;
1362
+ }
1363
+ }
1364
+ }
1365
+ if (visibleIndex !== void 0 && visibleIndex > -1) {
1366
+ const itemIndex = visibleIndex + 1;
1367
+ const delta = itemIndex / slides.length;
1368
+ const pageInView = Math.ceil(delta * totalPages.value);
1369
+ currentPage.value = pageInView;
1370
+ if (pageInView > 1) prevPageEnabled.value = true;
1371
+ if (pageInView === 1) prevPageEnabled.value = false;
1372
+ if (pageInView < totalPages.value) nextPageEnabled.value = true;
1373
+ if (pageInView === totalPages.value) nextPageEnabled.value = false;
1374
+ }
1375
+ }
1376
+ });
1377
+ };
1378
+ const gotoPage = (index) => {
1379
+ const container = scrollContainer?.value;
1380
+ const containerWidth = container.offsetWidth;
1381
+ if (container && containerWidth) {
1382
+ const page = index - 1;
1383
+ const xPos = containerWidth * page;
1384
+ container.scrollTo({ left: xPos, behavior: "smooth" });
1385
+ }
1386
+ };
1387
+ const onResize = () => {
1388
+ resizing.value = true;
1389
+ calcPerPage();
1390
+ resizeSlides();
1391
+ calcMaxPage();
1392
+ const container = scrollContainer?.value;
1393
+ const containerWidth = container.offsetWidth;
1394
+ if (container) {
1395
+ const page = currentPage.value - 1;
1396
+ const xPos = containerWidth.value * page;
1397
+ container.scrollLeft = xPos;
1398
+ }
1399
+ if (typeof window !== "undefined" && resizing.value) {
1400
+ window.clearTimeout(resizingTimer.value);
1401
+ resizingTimer.value = window.setTimeout(() => {
1402
+ if (resizing.value) resizing.value = false;
1403
+ window.clearTimeout(resizingTimer.value);
1404
+ }, 300);
1405
+ }
1406
+ };
1407
+ const onScroll = () => {
1408
+ if (!resizing.value) {
1409
+ scrolling.value = true;
1410
+ if (typeof window !== "undefined" && scrolling.value) {
1411
+ window.clearTimeout(scrollTimer.value);
1412
+ scrollTimer.value = window.setTimeout(() => {
1413
+ if (scrolling.value) onScrollEnd();
1414
+ window.clearTimeout(scrollTimer.value);
1415
+ }, 200);
1416
+ }
1417
+ }
1418
+ };
1419
+ const onScrollEnd = () => {
1420
+ if (!resizing.value) {
1421
+ scrolling.value = false;
1422
+ calcCurrentPage();
1423
+ }
1424
+ };
1425
+ const resizeSlides = () => {
1215
1426
  const container = scrollContainer?.value;
1216
- if (container) container.scroll({ left: 0 });
1427
+ if (container) {
1428
+ const containerWidth = container.offsetWidth;
1429
+ if (totalSlides.value >= currentPerPage.value) {
1430
+ slideWidth.value = `${containerWidth / currentPerPage.value}px`;
1431
+ } else {
1432
+ slideWidth.value = `${containerWidth / totalSlides.value}px`;
1433
+ }
1434
+ }
1217
1435
  };
1218
1436
  const showNextItems = () => {
1219
1437
  const container = scrollContainer?.value;
1220
- if (container && scrollContainerWidth) {
1438
+ const containerWidth = container.offsetWidth;
1439
+ if (container && containerWidth) {
1221
1440
  const page = currentPage.value;
1222
- const xPos = scrollContainerWidth.value * page;
1441
+ const xPos = containerWidth * page;
1223
1442
  container.scrollTo({ left: xPos, behavior: "smooth" });
1224
- const nextPage = page + 1;
1225
- currentPage.value = nextPage;
1226
- prevPageEnabled.value = true;
1227
- if (nextPage === totalPages.value) nextPageEnabled.value = false;
1228
1443
  }
1229
1444
  };
1230
1445
  const showPrevItems = () => {
1231
1446
  const container = scrollContainer?.value;
1232
- if (container && scrollContainerWidth) {
1447
+ const containerWidth = container.offsetWidth;
1448
+ if (container && containerWidth) {
1233
1449
  const page = currentPage.value - 1;
1234
- const prevPage = page - 1;
1235
- const xPos = scrollContainerWidth.value * prevPage;
1450
+ const xPos = containerWidth * (page - 1);
1236
1451
  container.scrollTo({ left: xPos, behavior: "smooth" });
1237
- currentPage.value = page;
1238
- nextPageEnabled.value = true;
1239
- if (!prevPage) prevPageEnabled.value = false;
1240
1452
  }
1241
1453
  };
1242
- const calc = debounce(calcPerPage, 100);
1243
1454
  onMounted(() => {
1244
- window.addEventListener("resize", calc);
1245
- calc();
1455
+ if (typeof window !== "undefined") window.addEventListener("resize", onResize);
1456
+ const container = scrollContainer?.value;
1457
+ if (container) {
1458
+ const slides = container.querySelectorAll(
1459
+ `div[class="${prefix$j}__slides"] > *`
1460
+ );
1461
+ totalSlides.value = slides.length;
1462
+ container.addEventListener("scroll", onScroll);
1463
+ container.addEventListener("scrollend", onScrollEnd);
1464
+ }
1465
+ calcPerPage();
1466
+ resizeSlides();
1467
+ calcMaxPage();
1246
1468
  });
1247
1469
  onUnmounted(() => {
1248
- window.removeEventListener("resize", calc);
1470
+ if (typeof window !== "undefined") {
1471
+ window.removeEventListener("resize", onResize);
1472
+ if (resizingTimer.value) window.clearTimeout(resizingTimer.value);
1473
+ if (scrollTimer.value) window.clearTimeout(scrollTimer.value);
1474
+ }
1475
+ const container = scrollContainer?.value;
1476
+ if (container) {
1477
+ container.removeEventListener("scroll", onScroll);
1478
+ container.removeEventListener("scrollend", onScrollEnd);
1479
+ }
1249
1480
  });
1250
1481
  return (_ctx, _cache) => {
1251
1482
  return openBlock(), createElementBlock("div", {
@@ -1261,7 +1492,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
1261
1492
  key: 0,
1262
1493
  class: normalizeClass(`${prefix$j}__slide-controls`)
1263
1494
  }, [
1264
- createElementVNode("div", {
1495
+ _ctx.title ? (openBlock(), createElementBlock("div", {
1496
+ key: 0,
1265
1497
  class: normalizeClass(`${prefix$j}__title`)
1266
1498
  }, [
1267
1499
  createVNode(unref(_sfc_main$m), {
@@ -1272,65 +1504,102 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
1272
1504
  ]),
1273
1505
  _: 1
1274
1506
  }, 8, ["type"])
1275
- ], 2),
1276
- totalPages.value && _ctx.controlPosition === unref(Order).Before ? (openBlock(), createElementBlock("div", {
1277
- key: 0,
1278
- class: normalizeClass([
1279
- `${prefix$j}__navigation`,
1280
- `${prefix$j}__navigation--${_ctx.controlAlign}`,
1281
- `${prefix$j}__navigation--${_ctx.controlPosition}`
1282
- ])
1283
- }, [
1284
- createVNode(_sfc_main$r, {
1285
- "current-page": currentPage.value,
1286
- "next-page-enabled": nextPageEnabled.value,
1287
- "prev-page-enabled": prevPageEnabled.value,
1288
- prefix: prefix$j,
1289
- "show-more": _ctx.onShowMore,
1290
- "show-next-items": showNextItems,
1291
- "show-prev-items": showPrevItems,
1292
- "total-pages": totalPages.value,
1293
- theme: _ctx.theme
1294
- }, null, 8, ["current-page", "next-page-enabled", "prev-page-enabled", "show-more", "total-pages", "theme"])
1295
- ], 2)) : createCommentVNode("", true)
1507
+ ], 2)) : createCommentVNode("", true),
1508
+ _ctx.controlPosition === unref(Order).Before ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
1509
+ totalPages.value && _ctx.paginationType !== unref(PaginationType).Hidden && totalSlides.value > currentPerPage.value ? (openBlock(), createElementBlock("div", {
1510
+ key: 0,
1511
+ class: normalizeClass([
1512
+ `${prefix$j}__navigation`,
1513
+ `${prefix$j}__navigation--${_ctx.controlAlign}`,
1514
+ `${prefix$j}__navigation--${_ctx.controlPosition}`
1515
+ ])
1516
+ }, [
1517
+ createVNode(_sfc_main$s, {
1518
+ "current-page": currentPage.value,
1519
+ enabled: !scrolling.value,
1520
+ "goto-page": gotoPage,
1521
+ "more-label": _ctx.moreLabel,
1522
+ "next-page-enabled": nextPageEnabled.value,
1523
+ "pagination-type": _ctx.paginationType,
1524
+ "prev-page-enabled": prevPageEnabled.value,
1525
+ prefix: prefix$j,
1526
+ "show-more": _ctx.onShowMore,
1527
+ "show-next-items": showNextItems,
1528
+ "show-prev-items": showPrevItems,
1529
+ "total-pages": totalPages.value,
1530
+ theme: _ctx.theme
1531
+ }, null, 8, ["current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "theme"])
1532
+ ], 2)) : createCommentVNode("", true)
1533
+ ], 64)) : createCommentVNode("", true)
1296
1534
  ], 2)) : createCommentVNode("", true),
1297
1535
  createElementVNode("div", {
1298
1536
  ref_key: "scrollContainer",
1299
1537
  ref: scrollContainer,
1300
- class: normalizeClass(`${prefix$j}__slides`)
1538
+ class: normalizeClass([
1539
+ `${prefix$j}__slides`,
1540
+ resizing.value ? `${prefix$j}__slides--resizing` : "",
1541
+ scrolling.value ? `${prefix$j}__slides--scrolling` : ""
1542
+ ]),
1543
+ tabindex: "0"
1301
1544
  }, [
1302
1545
  renderSlot(_ctx.$slots, "default")
1303
1546
  ], 2),
1304
- totalPages.value && (prevPageEnabled.value || nextPageEnabled.value) ? (openBlock(), createElementBlock("div", {
1305
- key: 1,
1306
- class: normalizeClass(`${prefix$j}__slide-controls`)
1307
- }, [
1308
- _ctx.controlPosition === unref(Order).After ? (openBlock(), createElementBlock("div", {
1547
+ _ctx.controlPosition === unref(Order).After ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
1548
+ totalPages.value && _ctx.paginationType !== unref(PaginationType).Hidden && totalSlides.value > currentPerPage.value ? (openBlock(), createElementBlock("div", {
1309
1549
  key: 0,
1310
- class: normalizeClass([
1311
- `${prefix$j}__navigation`,
1312
- `${prefix$j}__navigation--${_ctx.controlAlign}`,
1313
- `${prefix$j}__navigation--${_ctx.controlPosition}`
1314
- ])
1550
+ class: normalizeClass(`${prefix$j}__slide-controls`)
1315
1551
  }, [
1316
- createVNode(_sfc_main$r, {
1317
- "current-page": currentPage.value,
1318
- "next-page-enabled": nextPageEnabled.value,
1319
- prefix: prefix$j,
1320
- "prev-page-enabled": prevPageEnabled.value,
1321
- "show-more": _ctx.onShowMore,
1322
- "show-next-items": showNextItems,
1323
- "show-prev-items": showPrevItems,
1324
- "total-pages": totalPages.value,
1325
- theme: _ctx.theme
1326
- }, null, 8, ["current-page", "next-page-enabled", "prev-page-enabled", "show-more", "total-pages", "theme"])
1552
+ createElementVNode("div", {
1553
+ class: normalizeClass([
1554
+ `${prefix$j}__navigation`,
1555
+ `${prefix$j}__navigation--${_ctx.controlAlign}`,
1556
+ `${prefix$j}__navigation--${_ctx.controlPosition}`
1557
+ ])
1558
+ }, [
1559
+ createVNode(_sfc_main$s, {
1560
+ "current-page": currentPage.value,
1561
+ enabled: !scrolling.value,
1562
+ "goto-page": gotoPage,
1563
+ "more-label": _ctx.moreLabel,
1564
+ "next-page-enabled": nextPageEnabled.value,
1565
+ "pagination-type": _ctx.paginationType,
1566
+ prefix: prefix$j,
1567
+ "prev-page-enabled": prevPageEnabled.value,
1568
+ "show-more": _ctx.onShowMore,
1569
+ "show-next-items": showNextItems,
1570
+ "show-prev-items": showPrevItems,
1571
+ "total-pages": totalPages.value,
1572
+ theme: _ctx.theme
1573
+ }, null, 8, ["current-page", "enabled", "more-label", "next-page-enabled", "pagination-type", "prev-page-enabled", "show-more", "total-pages", "theme"])
1574
+ ], 2)
1327
1575
  ], 2)) : createCommentVNode("", true)
1328
- ], 2)) : createCommentVNode("", true)
1329
- ], 10, _hoisted_1$d);
1576
+ ], 64)) : createCommentVNode("", true)
1577
+ ], 10, _hoisted_1$i);
1330
1578
  };
1331
1579
  }
1332
1580
  });
1333
1581
 
1582
+ const _export_sfc = (sfc, props) => {
1583
+ const target = sfc.__vccOpts || sfc;
1584
+ for (const [key, val] of props) {
1585
+ target[key] = val;
1586
+ }
1587
+ return target;
1588
+ };
1589
+
1590
+ const _sfc_main$q = {};
1591
+
1592
+ const _hoisted_1$h = {
1593
+ class: /*@__PURE__*/normalizeClass(['clll-carousel__slide'])
1594
+ };
1595
+
1596
+ function _sfc_render(_ctx, _cache) {
1597
+ return (openBlock(), createElementBlock("div", _hoisted_1$h, [
1598
+ renderSlot(_ctx.$slots, "default")
1599
+ ]))
1600
+ }
1601
+ const CarouselSlide = /*#__PURE__*/_export_sfc(_sfc_main$q, [['render',_sfc_render]]);
1602
+
1334
1603
  const cssPrefix$5 = "clll-input__message";
1335
1604
  const _sfc_main$p = /* @__PURE__ */ defineComponent({
1336
1605
  __name: "InputMessages",
@@ -1355,10 +1624,36 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
1355
1624
  }
1356
1625
  });
1357
1626
 
1358
- const _hoisted_1$c = ["for", "disabled"];
1359
- const _hoisted_2$8 = ["id", "name", "aria-label", "checked", "value", "disabled"];
1627
+ const DecoratorIconSize = {
1628
+ [Sizes.Tiny]: IconSizes.Tiny,
1629
+ [Sizes.Small]: IconSizes.Tiny,
1630
+ [Sizes.Medium]: IconSizes.Small,
1631
+ [Sizes.Large]: IconSizes.Medium,
1632
+ [Sizes.XLarge]: IconSizes.Medium
1633
+ };
1634
+ const InputLabelSizes = {
1635
+ [Sizes.Tiny]: TextTypes.Tiny,
1636
+ [Sizes.Small]: TextTypes.Small,
1637
+ [Sizes.Medium]: TextTypes.Medium,
1638
+ [Sizes.Large]: TextTypes.Body,
1639
+ [Sizes.XLarge]: TextTypes.Body
1640
+ };
1641
+ const LabelSizes = {
1642
+ [Sizes.Tiny]: TextTypes.Small,
1643
+ [Sizes.Small]: TextTypes.Medium,
1644
+ [Sizes.Medium]: TextTypes.Medium,
1645
+ [Sizes.Large]: TextTypes.Large,
1646
+ [Sizes.XLarge]: TextTypes.XLarge
1647
+ };
1648
+
1649
+ const _hoisted_1$g = ["data-testid", "data-cy"];
1650
+ const _hoisted_2$9 = ["for", "disabled"];
1651
+ const _hoisted_3$6 = ["id", "name", "aria-label", "checked", "value", "disabled", "required"];
1360
1652
  const prefix$i = "clll-checkbox";
1361
1653
  const _sfc_main$o = /* @__PURE__ */ defineComponent({
1654
+ ...{
1655
+ name: "CLCheckbox"
1656
+ },
1362
1657
  __name: "Checkbox",
1363
1658
  props: {
1364
1659
  ariaLabel: {},
@@ -1372,65 +1667,38 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1372
1667
  messages: {},
1373
1668
  messageType: {},
1374
1669
  name: {},
1375
- pill: {},
1376
1670
  required: { type: Boolean },
1377
1671
  rounded: { type: Boolean, default: true },
1378
1672
  size: { default: Sizes.Small },
1379
- spellCheck: { type: Boolean },
1380
- type: {},
1673
+ testId: { default: "clll-checkbox" },
1381
1674
  theme: { default: Themes.Default },
1382
1675
  value: {},
1383
- onInput: {},
1384
1676
  onBlur: {},
1677
+ onChange: {},
1385
1678
  onFocus: {},
1386
- onChange: {}
1679
+ onInput: {}
1387
1680
  },
1388
1681
  setup(__props) {
1389
- const props = __props;
1390
1682
  const checkboxElem = ref();
1391
1683
  const setFocusHandler = () => {
1392
1684
  if (checkboxElem.value) checkboxElem.value.focus();
1393
1685
  };
1394
- const getIconSize = () => {
1395
- switch (props.size) {
1396
- case Sizes.Tiny:
1397
- case Sizes.Small:
1398
- return Sizes.Tiny;
1399
- case Sizes.Medium:
1400
- return Sizes.Small;
1401
- case Sizes.Large:
1402
- case Sizes.XLarge:
1403
- return Sizes.Medium;
1404
- default:
1405
- return Sizes.Small;
1406
- }
1407
- };
1408
- const getLabelSize = () => {
1409
- switch (props.size) {
1410
- case Sizes.Tiny:
1411
- return TextTypes.Small;
1412
- case Sizes.Small:
1413
- case Sizes.Medium:
1414
- return TextTypes.Medium;
1415
- case Sizes.Large:
1416
- case Sizes.XLarge:
1417
- return TextTypes.Large;
1418
- }
1419
- };
1420
1686
  return (_ctx, _cache) => {
1421
1687
  return openBlock(), createElementBlock("span", {
1422
1688
  class: normalizeClass([
1423
1689
  prefix$i,
1690
+ _ctx.borderRadius ? `${prefix$i}--${_ctx.borderRadius}` : "",
1691
+ _ctx.busy ? `${prefix$i}--busy` : `${prefix$i}--ready`,
1692
+ _ctx.disabled ? `${prefix$i}--disabled` : `${prefix$i}--active`,
1693
+ _ctx.label ? `${prefix$i}--haslabel` : "",
1424
1694
  `${prefix$i}--${_ctx.theme}`,
1425
1695
  `${prefix$i}--${_ctx.size}`,
1426
- _ctx.label ? `${prefix$i}--haslabel` : "",
1427
1696
  _ctx.messageType ? `${prefix$i}--${_ctx.messageType}` : "",
1428
- _ctx.busy ? `${prefix$i}--busy` : `${prefix$i}--ready`,
1429
- _ctx.disabled ? `${prefix$i}--disabled` : `${prefix$i}--active`,
1430
1697
  _ctx.rounded ? `${prefix$i}--rounded` : `${prefix$i}--box`,
1431
- _ctx.borderRadius ? `${prefix$i}--${_ctx.borderRadius}` : "",
1432
1698
  _ctx.required ? `${prefix$i}--required` : `${prefix$i}--optional`
1433
- ])
1699
+ ]),
1700
+ "data-testid": _ctx.testId,
1701
+ "data-cy": _ctx.testId
1434
1702
  }, [
1435
1703
  createElementVNode("span", {
1436
1704
  class: normalizeClass(`${prefix$i}__checkbox-container`),
@@ -1452,22 +1720,31 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1452
1720
  "aria-label": _ctx.ariaLabel,
1453
1721
  checked: _ctx.checked,
1454
1722
  value: _ctx.value,
1455
- disabled: _ctx.disabled,
1723
+ disabled: _ctx.disabled || _ctx.busy,
1724
+ required: _ctx.required,
1456
1725
  type: "checkbox",
1457
- class: normalizeClass(`${prefix$i}__checkbox`)
1458
- }, null, 10, _hoisted_2$8),
1726
+ class: normalizeClass(`${prefix$i}__checkbox`),
1727
+ onBlur: _cache[0] || (_cache[0] = //@ts-ignore
1728
+ (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
1729
+ onChange: _cache[1] || (_cache[1] = //@ts-ignore
1730
+ (...args) => _ctx.onChange && _ctx.onChange(...args)),
1731
+ onFocus: _cache[2] || (_cache[2] = //@ts-ignore
1732
+ (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
1733
+ onInput: _cache[3] || (_cache[3] = //@ts-ignore
1734
+ (...args) => _ctx.onInput && _ctx.onInput(...args))
1735
+ }, null, 42, _hoisted_3$6),
1459
1736
  createElementVNode("span", {
1460
1737
  class: normalizeClass(`${prefix$i}__icon`)
1461
1738
  }, [
1462
1739
  createVNode(unref(_sfc_main$l), {
1463
1740
  name: unref(IconNames).Check,
1464
- size: getIconSize()
1741
+ size: unref(DecoratorIconSize)[_ctx.size]
1465
1742
  }, null, 8, ["name", "size"])
1466
1743
  ], 2)
1467
1744
  ], 2),
1468
1745
  _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$2), {
1469
1746
  key: 0,
1470
- type: getLabelSize(),
1747
+ type: unref(LabelSizes)[_ctx.size],
1471
1748
  class: normalizeClass(_ctx.required ? `${prefix$i}__label--required` : "")
1472
1749
  }, {
1473
1750
  default: withCtx(() => [
@@ -1475,7 +1752,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1475
1752
  ]),
1476
1753
  _: 1
1477
1754
  }, 8, ["type", "class"])) : createCommentVNode("", true)
1478
- ], 10, _hoisted_1$c)
1755
+ ], 10, _hoisted_2$9)
1479
1756
  ], 2),
1480
1757
  _ctx.id ? (openBlock(), createBlock(_sfc_main$p, {
1481
1758
  key: 0,
@@ -1483,7 +1760,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1483
1760
  messages: _ctx.messages,
1484
1761
  "message-type": _ctx.messageType
1485
1762
  }, null, 8, ["id", "messages", "message-type"])) : createCommentVNode("", true)
1486
- ], 2);
1763
+ ], 10, _hoisted_1$g);
1487
1764
  };
1488
1765
  }
1489
1766
  });
@@ -1509,10 +1786,13 @@ const useEsc = ({ escHandler, triggerRef }) => {
1509
1786
  }
1510
1787
  };
1511
1788
 
1512
- const _hoisted_1$b = ["data-testid", "data-cy"];
1513
- const _hoisted_2$7 = ["id", "aria-labelledby", "aria-hidden"];
1789
+ const _hoisted_1$f = ["data-testid", "data-cy"];
1790
+ const _hoisted_2$8 = ["id", "aria-labelledby", "aria-hidden"];
1514
1791
  const prefix$h = "clll-disclosure";
1515
1792
  const _sfc_main$n = /* @__PURE__ */ defineComponent({
1793
+ ...{
1794
+ name: "CLDisclosure"
1795
+ },
1516
1796
  __name: "Disclosure",
1517
1797
  props: {
1518
1798
  borderRadius: { default: BorderRadius.Medium },
@@ -1527,11 +1807,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1527
1807
  iconBefore: {},
1528
1808
  iconBeforeSize: {},
1529
1809
  iconAfter: { default: IconNames.ChevronDown },
1530
- iconAfterSize: { default: Sizes.Medium },
1810
+ iconAfterSize: { default: IconSizes.Medium },
1531
1811
  rounded: { type: Boolean, default: true },
1532
1812
  subHeading: {},
1533
1813
  subHeadingType: { default: TextTypes.Body },
1534
- testId: { default: prefix$h },
1814
+ testId: { default: "clll-disclosure" },
1535
1815
  transparent: { type: Boolean },
1536
1816
  triggerButtonSize: { default: Sizes.Medium }
1537
1817
  },
@@ -1617,29 +1897,39 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1617
1897
  ])
1618
1898
  }, [
1619
1899
  renderSlot(_ctx.$slots, "default")
1620
- ], 10, _hoisted_2$7)
1621
- ], 10, _hoisted_1$b);
1900
+ ], 10, _hoisted_2$8)
1901
+ ], 10, _hoisted_1$f);
1622
1902
  };
1623
1903
  }
1624
1904
  });
1625
1905
 
1626
1906
  const prefix$g = "clll-heading";
1627
1907
  const _sfc_main$m = {
1908
+ name: "CLHeading",
1628
1909
  props: {
1629
- type: {
1910
+ /** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
1911
+ align: {
1630
1912
  type: String,
1631
- default: HeadingTypes.Title
1913
+ default: Align.Left
1632
1914
  },
1915
+ /** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
1916
+ level: {
1917
+ type: String
1918
+ },
1919
+ /** Sets a custom ID used for unit tests. */
1920
+ testId: {
1921
+ type: String,
1922
+ default: "clll-heading"
1923
+ },
1924
+ /** Set the theme of the heading. The property can be one of `CLHeadingThemes`, e.g. `CLHeadingThemes.Dark` */
1633
1925
  theme: {
1634
1926
  type: String,
1635
1927
  default: Themes.Dark
1636
1928
  },
1637
- align: {
1929
+ /** Set the type of the heading. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
1930
+ type: {
1638
1931
  type: String,
1639
- default: Align.Left
1640
- },
1641
- level: {
1642
- type: String
1932
+ default: HeadingTypes.Title
1643
1933
  }
1644
1934
  },
1645
1935
  setup(props, { slots }) {
@@ -1664,7 +1954,9 @@ const _sfc_main$m = {
1664
1954
  `${prefix$g}--${props.type}`,
1665
1955
  `${prefix$g}--${props.theme}`,
1666
1956
  `${prefix$g}--${props.align}`
1667
- ]
1957
+ ],
1958
+ "data-testid": props?.testId,
1959
+ "data-cy": props?.testId
1668
1960
  },
1669
1961
  {
1670
1962
  default: () => slots?.["default"] && slots?.["default"]()
@@ -1673,67 +1965,64 @@ const _sfc_main$m = {
1673
1965
  }
1674
1966
  };
1675
1967
 
1676
- const _hoisted_1$a = ["height", "width"];
1677
- const _hoisted_2$6 = ["href"];
1968
+ const _hoisted_1$e = ["data-testid"];
1969
+ const _hoisted_2$7 = ["height", "width"];
1970
+ const _hoisted_3$5 = ["href"];
1678
1971
  const prefix$f = "clll-icon";
1679
1972
  const _sfc_main$l = /* @__PURE__ */ defineComponent({
1973
+ ...{
1974
+ name: "CLIcon"
1975
+ },
1680
1976
  __name: "Icon",
1681
1977
  props: {
1682
1978
  name: {},
1683
- size: { default: Sizes.Small }
1979
+ size: { default: IconSizes.Small },
1980
+ testId: {}
1684
1981
  },
1685
1982
  setup(__props) {
1686
1983
  useCssVars((_ctx) => ({
1687
- "3e332562": getSize()
1984
+ "dcfdeb8a": iconSizes[_ctx.size]
1688
1985
  }));
1689
- const props = __props;
1690
- const getSize = () => {
1691
- switch (props.size) {
1692
- case Sizes.Tiny:
1693
- return 18;
1694
- case Sizes.Small:
1695
- return 24;
1696
- case Sizes.Medium:
1697
- return 28;
1698
- case Sizes.Large:
1699
- return 32;
1700
- case Sizes.XLarge:
1701
- return 36;
1702
- case Sizes.XXLarge:
1703
- return 40;
1704
- case Sizes.XXXLarge:
1705
- return 44;
1706
- case Sizes.XXXXLarge:
1707
- return 48;
1708
- default:
1709
- return;
1710
- }
1986
+ const iconSizes = {
1987
+ [IconSizes.Tiny]: 18,
1988
+ [IconSizes.Small]: 24,
1989
+ [IconSizes.Medium]: 28,
1990
+ [IconSizes.Large]: 32,
1991
+ [IconSizes.XLarge]: 36,
1992
+ [IconSizes.XXLarge]: 40,
1993
+ [IconSizes.XXXLarge]: 44,
1994
+ [IconSizes.XXXXLarge]: 48
1711
1995
  };
1712
1996
  return (_ctx, _cache) => {
1713
1997
  return openBlock(), createElementBlock("span", {
1714
- class: normalizeClass([prefix$f, `${prefix$f}--${_ctx.name}`, `${prefix$f}--${_ctx.size}`])
1998
+ class: normalizeClass([prefix$f, `${prefix$f}--${_ctx.name}`, `${prefix$f}--${_ctx.size}`]),
1999
+ "data-testid": _ctx.testId
1715
2000
  }, [
1716
2001
  (openBlock(), createElementBlock("svg", {
1717
2002
  "aria-hidden": "true",
1718
2003
  class: normalizeClass(`${prefix$f}-sprite`),
1719
- height: getSize(),
1720
- width: getSize(),
2004
+ height: iconSizes[_ctx.size],
2005
+ width: iconSizes[_ctx.size],
1721
2006
  viewBox: "0 0 24 24"
1722
2007
  }, [
1723
2008
  createElementVNode("use", {
1724
2009
  href: `#${_ctx.name}`
1725
- }, null, 8, _hoisted_2$6)
1726
- ], 10, _hoisted_1$a))
1727
- ], 2);
2010
+ }, null, 8, _hoisted_3$5)
2011
+ ], 10, _hoisted_2$7))
2012
+ ], 10, _hoisted_1$e);
1728
2013
  };
1729
2014
  }
1730
2015
  });
1731
2016
 
1732
- const _hoisted_1$9 = ["for"];
1733
- const _hoisted_2$5 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"];
1734
- const _hoisted_3$1 = { key: 1 };
2017
+ const _hoisted_1$d = ["data-testid", "data-cy"];
2018
+ const _hoisted_2$6 = ["for"];
2019
+ const _hoisted_3$4 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"];
2020
+ const _hoisted_4$1 = { key: 1 };
1735
2021
  const cssPrefix$4 = "clll-input";
1736
2022
  const _sfc_main$k = /* @__PURE__ */ defineComponent({
2023
+ ...{
2024
+ name: "CLInput"
2025
+ },
1737
2026
  __name: "Input",
1738
2027
  props: {
1739
2028
  ariaLabel: {},
@@ -1761,8 +2050,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1761
2050
  size: { default: Sizes.Small },
1762
2051
  spellCheck: { type: Boolean },
1763
2052
  suffix: {},
1764
- type: { default: InputTypes.Text },
2053
+ testId: { default: "clll-input" },
1765
2054
  theme: { default: Themes.Default },
2055
+ type: { default: InputTypes.Text },
1766
2056
  value: {},
1767
2057
  onInput: {},
1768
2058
  onBlur: {},
@@ -1776,18 +2066,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1776
2066
  const selectedColor = ref(props?.value);
1777
2067
  const isAnIcon = (text) => Object.values(IconNames).includes(text);
1778
2068
  const getIcon = (text) => text;
1779
- const getLabelSize = () => {
1780
- switch (props.size) {
1781
- case Sizes.Tiny:
1782
- return TextTypes.Tiny;
1783
- case Sizes.Small:
1784
- return TextTypes.Small;
1785
- case Sizes.Medium:
1786
- return TextTypes.Medium;
1787
- case Sizes.Large:
1788
- case Sizes.XLarge:
1789
- return TextTypes.Body;
1790
- }
2069
+ const iconSizes = {
2070
+ [Sizes.Tiny]: IconSizes.Tiny,
2071
+ [Sizes.Small]: IconSizes.Small,
2072
+ [Sizes.Medium]: IconSizes.Medium,
2073
+ [Sizes.Large]: IconSizes.Large,
2074
+ [Sizes.XLarge]: IconSizes.XLarge
1791
2075
  };
1792
2076
  const copyColorHandler = async () => {
1793
2077
  try {
@@ -1809,25 +2093,27 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1809
2093
  return openBlock(), createElementBlock("span", {
1810
2094
  class: normalizeClass([
1811
2095
  cssPrefix$4,
2096
+ _ctx.borderRadius ? `${cssPrefix$4}--${_ctx.borderRadius}` : "",
2097
+ _ctx.busy ? `${cssPrefix$4}--busy` : `${cssPrefix$4}--ready`,
1812
2098
  `${cssPrefix$4}--${_ctx.theme}`,
1813
2099
  `${cssPrefix$4}--${_ctx.size}`,
1814
2100
  `${cssPrefix$4}--${_ctx.type}`,
2101
+ _ctx.disabled ? `${cssPrefix$4}--disabled` : `${cssPrefix$4}--active`,
2102
+ _ctx.fluid ? `${cssPrefix$4}--fluid` : `${cssPrefix$4}--fixed`,
2103
+ _ctx.grouped ? `${cssPrefix$4}--grouped` : "",
1815
2104
  _ctx.label ? `${cssPrefix$4}--haslabel` : "",
1816
2105
  _ctx.messageType ? `${cssPrefix$4}--${_ctx.messageType}` : "",
1817
- _ctx.busy ? `${cssPrefix$4}--busy` : `${cssPrefix$4}--ready`,
1818
- _ctx.disabled ? `${cssPrefix$4}--disabled` : `${cssPrefix$4}--active`,
2106
+ _ctx.pill ? `${cssPrefix$4}--haspill` : "",
2107
+ _ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? `${cssPrefix$4}--hasprefix` : "",
2108
+ _ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? isAnIcon(_ctx.prefix) ? `${cssPrefix$4}--hasiconprefix` : `${cssPrefix$4}--hascustomprefix` : "",
1819
2109
  _ctx.readonly ? `${cssPrefix$4}--readonly` : `${cssPrefix$4}--writeable`,
1820
2110
  _ctx.rounded ? `${cssPrefix$4}--rounded` : `${cssPrefix$4}--box`,
1821
- _ctx.borderRadius ? `${cssPrefix$4}--${_ctx.borderRadius}` : "",
1822
2111
  _ctx.required ? `${cssPrefix$4}--required` : `${cssPrefix$4}--optional`,
1823
- _ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? `${cssPrefix$4}--hasprefix` : "",
1824
- _ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? isAnIcon(_ctx.prefix) ? `${cssPrefix$4}--hasiconprefix` : `${cssPrefix$4}--hascustomprefix` : "",
1825
2112
  _ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? `${cssPrefix$4}--hassuffix` : "",
1826
- _ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? isAnIcon(_ctx.suffix) ? `${cssPrefix$4}--hasiconsuffix` : `${cssPrefix$4}--hascustomsuffix` : "",
1827
- _ctx.grouped ? `${cssPrefix$4}--grouped` : "",
1828
- _ctx.pill ? `${cssPrefix$4}--haspill` : "",
1829
- _ctx.fluid ? `${cssPrefix$4}--fluid` : `${cssPrefix$4}--fixed`
1830
- ])
2113
+ _ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? isAnIcon(_ctx.suffix) ? `${cssPrefix$4}--hasiconsuffix` : `${cssPrefix$4}--hascustomsuffix` : ""
2114
+ ]),
2115
+ "data-testid": _ctx.testId,
2116
+ "data-cy": _ctx.testId
1831
2117
  }, [
1832
2118
  _ctx.label ? (openBlock(), createElementBlock("label", {
1833
2119
  key: 0,
@@ -1835,7 +2121,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1835
2121
  class: normalizeClass(`${cssPrefix$4}__label`)
1836
2122
  }, [
1837
2123
  createVNode(unref(_sfc_main$2), {
1838
- type: getLabelSize(),
2124
+ type: unref(InputLabelSizes)[_ctx.size],
1839
2125
  class: normalizeClass(_ctx.required ? `${cssPrefix$4}__label--required` : "")
1840
2126
  }, {
1841
2127
  default: withCtx(() => [
@@ -1843,7 +2129,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1843
2129
  ]),
1844
2130
  _: 1
1845
2131
  }, 8, ["type", "class"])
1846
- ], 10, _hoisted_1$9)) : createCommentVNode("", true),
2132
+ ], 10, _hoisted_2$6)) : createCommentVNode("", true),
1847
2133
  createElementVNode("span", {
1848
2134
  class: normalizeClass([`${cssPrefix$4}__input-container`, "--focus-within"]),
1849
2135
  onClick: setFocusHandler
@@ -1859,7 +2145,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1859
2145
  isAnIcon(_ctx.prefix) ? (openBlock(), createBlock(unref(_sfc_main$l), {
1860
2146
  key: 0,
1861
2147
  name: getIcon(_ctx.prefix),
1862
- size: _ctx.size
2148
+ size: iconSizes[_ctx.size]
1863
2149
  }, null, 8, ["name", "size"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
1864
2150
  createTextVNode(toDisplayString(_ctx.prefix), 1)
1865
2151
  ], 64))
@@ -1872,6 +2158,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1872
2158
  name: _ctx.name,
1873
2159
  "aria-label": _ctx.ariaLabel,
1874
2160
  autocomplete: _ctx.autoComplete ? "on" : "off",
2161
+ class: normalizeClass([
2162
+ `${cssPrefix$4}__input`,
2163
+ { "--input-group": _ctx.grouped || _ctx.prefix || _ctx.suffix }
2164
+ ]),
1875
2165
  disabled: _ctx.disabled,
1876
2166
  form: _ctx.form,
1877
2167
  maxlength: _ctx.maxLength,
@@ -1882,19 +2172,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1882
2172
  required: _ctx.required,
1883
2173
  spellcheck: _ctx.spellCheck,
1884
2174
  type: _ctx.type,
1885
- class: normalizeClass([
1886
- `${cssPrefix$4}__input`,
1887
- { "--input-group": _ctx.grouped || _ctx.prefix || _ctx.suffix }
1888
- ]),
1889
- onInput: _cache[1] || (_cache[1] = //@ts-ignore
1890
- (...args) => _ctx.onInput && _ctx.onInput(...args)),
2175
+ onBlur: _cache[1] || (_cache[1] = //@ts-ignore
2176
+ (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
1891
2177
  onChange: _cache[2] || (_cache[2] = //@ts-ignore
1892
2178
  (...args) => _ctx.onChange && _ctx.onChange(...args)),
1893
2179
  onFocus: _cache[3] || (_cache[3] = //@ts-ignore
1894
2180
  (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
1895
- onBlur: _cache[4] || (_cache[4] = //@ts-ignore
1896
- (...args) => _ctx.onBlur && _ctx.onBlur(...args))
1897
- }, null, 42, _hoisted_2$5), [
2181
+ onInput: _cache[4] || (_cache[4] = //@ts-ignore
2182
+ (...args) => _ctx.onInput && _ctx.onInput(...args))
2183
+ }, null, 42, _hoisted_3$4), [
1898
2184
  [vModelDynamic, selectedColor.value]
1899
2185
  ]),
1900
2186
  _ctx.type === unref(InputTypes).Color ? (openBlock(), createElementBlock("span", {
@@ -1904,13 +2190,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1904
2190
  _ctx.type === unref(InputTypes).Color ? (openBlock(), createBlock(unref(__default__), {
1905
2191
  key: 2,
1906
2192
  "aria-label": "Copy color to clipboard",
2193
+ class: normalizeClass(`${cssPrefix$4}__copy-to-clipboard`),
1907
2194
  "icon-before": !copied.value ? unref(IconNames).Copy : unref(IconNames).Check,
1908
- "icon-size": unref(Sizes).Tiny,
2195
+ "icon-size": unref(IconSizes).Tiny,
1909
2196
  theme: unref(Themes).Transparent,
1910
2197
  title: !copied.value ? "Copy color to clipboard" : "Color copied to clipboard",
1911
2198
  "on-click": copyColorHandler,
1912
2199
  wrap: ""
1913
- }, null, 8, ["icon-before", "icon-size", "theme", "title"])) : createCommentVNode("", true),
2200
+ }, null, 8, ["class", "icon-before", "icon-size", "theme", "title"])) : createCommentVNode("", true),
1914
2201
  _ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? (openBlock(), createElementBlock("span", {
1915
2202
  key: 3,
1916
2203
  class: normalizeClass([
@@ -1922,13 +2209,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1922
2209
  isAnIcon(_ctx.suffix) ? (openBlock(), createBlock(unref(_sfc_main$l), {
1923
2210
  key: 0,
1924
2211
  name: getIcon(_ctx.suffix),
1925
- size: _ctx.size
2212
+ size: iconSizes[_ctx.size]
1926
2213
  }, null, 8, ["name", "size"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
1927
2214
  createTextVNode(toDisplayString(_ctx.suffix), 1)
1928
2215
  ], 64))
1929
2216
  ], 2)) : createCommentVNode("", true)
1930
2217
  ], 2),
1931
- _ctx.pill ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
2218
+ _ctx.pill ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
1932
2219
  createVNode(unref(_sfc_main$e), { label: _ctx.pill }, null, 8, ["label"])
1933
2220
  ])) : createCommentVNode("", true),
1934
2221
  _ctx.id ? (openBlock(), createBlock(_sfc_main$p, {
@@ -1937,14 +2224,17 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
1937
2224
  messages: _ctx.messages,
1938
2225
  "message-type": _ctx.messageType
1939
2226
  }, null, 8, ["id", "messages", "message-type"])) : createCommentVNode("", true)
1940
- ], 2);
2227
+ ], 10, _hoisted_1$d);
1941
2228
  };
1942
2229
  }
1943
2230
  });
1944
2231
 
1945
- const _hoisted_1$8 = ["aria-label", "data-testid", "data-cy", "href", "rel", "target"];
2232
+ const _hoisted_1$c = ["aria-label", "data-testid", "data-cy", "href", "rel", "target"];
1946
2233
  const prefix$e = "clll-link";
1947
2234
  const _sfc_main$j = /* @__PURE__ */ defineComponent({
2235
+ ...{
2236
+ name: "CLLink"
2237
+ },
1948
2238
  __name: "Link",
1949
2239
  props: {
1950
2240
  ariaLabel: {},
@@ -1953,8 +2243,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
1953
2243
  onClick: {},
1954
2244
  rel: { default: "noreferrer noopener" },
1955
2245
  target: { default: LinkTarget.Self },
2246
+ testId: { default: "clll-link" },
1956
2247
  theme: { default: Themes.Default },
1957
- testId: { default: prefix$e },
1958
2248
  underline: { type: Boolean, default: true }
1959
2249
  },
1960
2250
  setup(__props) {
@@ -1979,9 +2269,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
1979
2269
  _ctx.external ? (openBlock(), createBlock(unref(_sfc_main$l), {
1980
2270
  key: 0,
1981
2271
  name: unref(IconNames).ExternalLink,
1982
- size: unref(Sizes).Tiny
2272
+ size: unref(IconSizes).Tiny
1983
2273
  }, null, 8, ["name", "size"])) : createCommentVNode("", true)
1984
- ], 10, _hoisted_1$8);
2274
+ ], 10, _hoisted_1$c);
1985
2275
  };
1986
2276
  }
1987
2277
  });
@@ -3612,39 +3902,65 @@ const useDropdown = ({
3612
3902
  }) => {
3613
3903
  const open = ref(false);
3614
3904
  const toggle = () => {
3615
- open.value = !open.value;
3616
- if (open.value && typeof window !== "undefined") {
3617
- window.setTimeout(() => {
3618
- window.removeEventListener("click", closeListener);
3619
- window.removeEventListener("keyup", closeListener);
3620
- window.addEventListener("click", closeListener);
3621
- window.addEventListener("keyup", closeListener);
3622
- }, 100);
3905
+ try {
3906
+ open.value = !open.value;
3907
+ if (open.value && typeof window !== "undefined") {
3908
+ window.setTimeout(() => {
3909
+ if (typeof window !== "undefined")
3910
+ window.removeEventListener("click", closeListener);
3911
+ if (typeof window !== "undefined")
3912
+ window.removeEventListener("keyup", closeListener);
3913
+ if (typeof window !== "undefined")
3914
+ window.addEventListener("click", closeListener);
3915
+ if (typeof window !== "undefined")
3916
+ window.addEventListener("keyup", closeListener);
3917
+ }, 100);
3918
+ }
3919
+ openDropdownHandler?.();
3920
+ } catch (err) {
3921
+ console.error(err);
3623
3922
  }
3624
- openDropdownHandler?.();
3625
3923
  };
3626
3924
  const clickOutsideHandler = (evt) => {
3627
- const target = evt?.target;
3628
- const trigger = triggerRef?.value;
3629
- const dropdown = dropdownRef?.value;
3630
- if (typeof window !== "undefined" && trigger && dropdown) {
3631
- if (!trigger.contains(target) && !dropdown.contains(target)) return true;
3925
+ try {
3926
+ const target = evt?.target;
3927
+ const trigger = triggerRef?.value;
3928
+ const dropdown = dropdownRef?.value;
3929
+ if (typeof window !== "undefined" && trigger && dropdown) {
3930
+ if (!trigger.contains(target) && !dropdown.contains(target))
3931
+ return true;
3932
+ }
3933
+ return;
3934
+ } catch (err) {
3935
+ console.error(err);
3936
+ return;
3632
3937
  }
3633
- return;
3634
3938
  };
3635
3939
  const closeListener = (evt) => {
3636
- if (clickOutsideHandler(evt)) {
3637
- window.removeEventListener("click", closeListener);
3638
- window.removeEventListener("keyup", closeListener);
3639
- open.value = false;
3640
- closeDropdownHandler?.();
3940
+ try {
3941
+ if (clickOutsideHandler(evt)) {
3942
+ if (typeof window !== "undefined")
3943
+ window.removeEventListener("click", closeListener);
3944
+ if (typeof window !== "undefined")
3945
+ window.removeEventListener("keyup", closeListener);
3946
+ open.value = false;
3947
+ closeDropdownHandler?.();
3948
+ }
3949
+ } catch (err) {
3950
+ console.error(err);
3641
3951
  }
3642
3952
  };
3643
3953
  const close = () => {
3644
- window.removeEventListener("click", closeListener);
3645
- window.removeEventListener("keyup", closeListener);
3646
- open.value = false;
3647
- closeDropdownHandler?.();
3954
+ try {
3955
+ if (typeof window !== "undefined")
3956
+ window.removeEventListener("click", closeListener);
3957
+ if (typeof window !== "undefined")
3958
+ window.removeEventListener("keyup", closeListener);
3959
+ open.value = false;
3960
+ closeDropdownHandler?.();
3961
+ } catch (err) {
3962
+ console.error(err);
3963
+ }
3648
3964
  };
3649
3965
  return {
3650
3966
  open,
@@ -3653,9 +3969,12 @@ const useDropdown = ({
3653
3969
  };
3654
3970
  };
3655
3971
 
3656
- const _hoisted_1$7 = ["aria-labelledby", "aria-hidden"];
3972
+ const _hoisted_1$b = ["aria-labelledby", "aria-hidden"];
3657
3973
  const prefix$d = "clll-dropdown-menu";
3658
3974
  const _sfc_main$i = /* @__PURE__ */ defineComponent({
3975
+ ...{
3976
+ name: "CLDropdownMenu"
3977
+ },
3659
3978
  __name: "DropdownMenu",
3660
3979
  props: {
3661
3980
  buttonAriaLabel: {},
@@ -3668,8 +3987,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3668
3987
  contentWidth: { default: "auto" },
3669
3988
  iconAfter: { default: IconNames.ChevronDown },
3670
3989
  iconBefore: {},
3671
- iconAfterSize: { default: Sizes.Tiny },
3672
- iconSize: { default: Sizes.Tiny },
3990
+ iconAfterSize: { default: IconSizes.Tiny },
3991
+ iconSize: { default: IconSizes.Tiny },
3673
3992
  isOpen: { type: Boolean, default: false },
3674
3993
  label: {},
3675
3994
  onOpenHandler: {},
@@ -3678,7 +3997,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3678
3997
  },
3679
3998
  setup(__props) {
3680
3999
  useCssVars((_ctx) => ({
3681
- "0305d67a": _ctx.zIndex
4000
+ "0303caea": _ctx.zIndex
3682
4001
  }));
3683
4002
  const props = __props;
3684
4003
  let toggleElem = ref();
@@ -3698,14 +4017,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3698
4017
  showDropdown.value = true;
3699
4018
  props?.onOpenHandler?.();
3700
4019
  update();
3701
- if (typeof window === "undefined") return;
3702
- window.document.addEventListener("click", onClickHandler);
4020
+ if (typeof window !== "undefined") {
4021
+ window.document.addEventListener("click", onClickHandler);
4022
+ }
3703
4023
  };
3704
4024
  const closeDropDownHandler = () => {
3705
4025
  showDropdown.value = false;
3706
4026
  props?.onCloseHandler?.();
3707
- if (typeof window === "undefined") return;
3708
- window.document.removeEventListener("click", onClickHandler);
4027
+ if (typeof window !== "undefined") {
4028
+ window.document.removeEventListener("click", onClickHandler);
4029
+ }
3709
4030
  };
3710
4031
  const buttonForwardRefHandler = (elem) => {
3711
4032
  if (elem) toggleElem.value = elem;
@@ -3730,18 +4051,17 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3730
4051
  whileElementsMounted: autoUpdate
3731
4052
  });
3732
4053
  const onClickHandler = (evt) => {
3733
- if (!showDropdown.value) return;
3734
- if (dropdownElem.value?.contains(evt?.target)) {
3735
- closeDropdown();
4054
+ if (showDropdown.value) {
4055
+ if (dropdownElem.value?.contains(evt?.target)) {
4056
+ closeDropdown();
4057
+ }
3736
4058
  }
3737
4059
  };
3738
4060
  useEsc({ escHandler: closeDropdown, triggerRef: toggleElem });
3739
- watch(props, () => {
3740
- placement.value = props.placement;
3741
- });
3742
4061
  onBeforeUnmount(() => {
3743
- if (typeof window === "undefined") return;
3744
- window.document.removeEventListener("click", onClickHandler);
4062
+ if (typeof window !== "undefined") {
4063
+ window.document.removeEventListener("click", onClickHandler);
4064
+ }
3745
4065
  });
3746
4066
  return (_ctx, _cache) => {
3747
4067
  return openBlock(), createElementBlock("div", {
@@ -3752,6 +4072,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3752
4072
  ref: anchor,
3753
4073
  "aria-expanded": showDropdown.value || _ctx.isOpen,
3754
4074
  "aria-label": _ctx.buttonAriaLabel,
4075
+ class: normalizeClass(`${prefix$d}__toggle`),
3755
4076
  "border-radius": _ctx.buttonBorderRadius,
3756
4077
  "forward-ref": buttonForwardRefHandler,
3757
4078
  "icon-after": _ctx.iconAfter,
@@ -3759,6 +4080,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3759
4080
  "icon-size": _ctx.iconSize,
3760
4081
  "icon-after-size": _ctx.iconAfterSize,
3761
4082
  size: _ctx.buttonSize,
4083
+ "test-id": `${prefix$d}__toggle`,
3762
4084
  theme: _ctx.buttonTheme,
3763
4085
  onClick: unref(toggleShowContent)
3764
4086
  }, {
@@ -3766,7 +4088,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3766
4088
  createTextVNode(toDisplayString(_ctx.label), 1)
3767
4089
  ]),
3768
4090
  _: 1
3769
- }, 8, ["aria-expanded", "aria-label", "border-radius", "icon-after", "icon-before", "icon-size", "icon-after-size", "size", "theme", "onClick"]),
4091
+ }, 8, ["aria-expanded", "aria-label", "class", "border-radius", "icon-after", "icon-before", "icon-size", "icon-after-size", "size", "test-id", "theme", "onClick"]),
3770
4092
  showDropdown.value || _ctx.isOpen ? (openBlock(), createElementBlock("div", {
3771
4093
  key: 0,
3772
4094
  ref_key: "dropdownElem",
@@ -3779,11 +4101,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3779
4101
  ]),
3780
4102
  style: normalizeStyle(unref(floatingStyles))
3781
4103
  }, [
3782
- createVNode(unref(_sfc_main$s), {
4104
+ createVNode(unref(_sfc_main$t), {
3783
4105
  "border-radius": _ctx.containerBorderRadius,
3784
4106
  elevated: true,
3785
4107
  "forward-ref": cardForwardRefHandler,
3786
4108
  padded: false,
4109
+ "test-id": `${prefix$d}__content`,
3787
4110
  theme: _ctx.containerTheme,
3788
4111
  width: _ctx.contentWidth
3789
4112
  }, {
@@ -3791,35 +4114,54 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3791
4114
  renderSlot(_ctx.$slots, "content")
3792
4115
  ]),
3793
4116
  _: 3
3794
- }, 8, ["border-radius", "theme", "width"])
3795
- ], 14, _hoisted_1$7)) : createCommentVNode("", true)
4117
+ }, 8, ["border-radius", "test-id", "theme", "width"])
4118
+ ], 14, _hoisted_1$b)) : createCommentVNode("", true)
3796
4119
  ], 2);
3797
4120
  };
3798
4121
  }
3799
4122
  });
3800
4123
 
3801
- const _hoisted_1$6 = ["aria-labelledby"];
4124
+ const _hoisted_1$a = ["data-testid", "data-cy"];
4125
+ const _hoisted_2$5 = ["aria-labelledby"];
3802
4126
  const cssPrefix$3 = "clll-modal";
4127
+ const preventScrollRule = "clll-prevent-scroll";
3803
4128
  const _sfc_main$h = /* @__PURE__ */ defineComponent({
4129
+ ...{
4130
+ name: "CLModal"
4131
+ },
3804
4132
  __name: "CLModal",
3805
4133
  props: {
3806
4134
  borderRadius: { default: BorderRadius.Small },
3807
4135
  fullscreen: { type: Boolean, default: false },
3808
4136
  isOpen: { type: Boolean, default: false },
3809
4137
  onClose: {},
4138
+ testId: { default: "clll-modal" },
3810
4139
  title: {},
3811
4140
  zIndex: { default: 100 }
3812
4141
  },
3813
4142
  setup(__props) {
3814
4143
  const slots = useSlots();
4144
+ const props = __props;
3815
4145
  const hasFooter = ref();
4146
+ const preventBodyScrolling = () => document.body.classList.add(preventScrollRule);
4147
+ const allowBodyScrolling = () => document.body.classList.remove(preventScrollRule);
3816
4148
  onMounted(() => {
4149
+ if (props.isOpen) {
4150
+ preventBodyScrolling();
4151
+ } else {
4152
+ allowBodyScrolling();
4153
+ }
3817
4154
  hasFooter.value = slots?.["footer"];
3818
4155
  });
4156
+ onBeforeUnmount(() => {
4157
+ allowBodyScrolling();
4158
+ });
3819
4159
  return (_ctx, _cache) => {
3820
4160
  return _ctx.isOpen ? (openBlock(), createElementBlock("div", {
3821
4161
  key: 0,
3822
4162
  class: normalizeClass(cssPrefix$3),
4163
+ "data-testid": _ctx.testId,
4164
+ "data-cy": _ctx.testId,
3823
4165
  style: normalizeStyle({ zIndex: _ctx.zIndex })
3824
4166
  }, [
3825
4167
  createElementVNode("div", {
@@ -3835,7 +4177,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
3835
4177
  hasFooter.value ? `${cssPrefix$3}__content--has-footer` : `${cssPrefix$3}__content--has-no-footer`,
3836
4178
  _ctx.title ? `${cssPrefix$3}__content--has-title` : `${cssPrefix$3}__content--has-no-title`
3837
4179
  ]),
3838
- role: "dialog"
4180
+ role: "dialog",
4181
+ tabindex: -1
3839
4182
  }, [
3840
4183
  createElementVNode("div", {
3841
4184
  class: normalizeClass(`${cssPrefix$3}__content__header`)
@@ -3851,13 +4194,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
3851
4194
  ]),
3852
4195
  _: 1
3853
4196
  }, 8, ["id", "class", "type"])) : createCommentVNode("", true),
3854
- createVNode(unref(__default__), {
4197
+ _ctx.onClose ? (openBlock(), createBlock(unref(__default__), {
4198
+ key: 1,
3855
4199
  "aria-label": "Close modal",
3856
4200
  "icon-before": unref(IconNames).Delete,
3857
4201
  size: unref(Sizes).Tiny,
4202
+ "test-id": `${cssPrefix$3}__close-button`,
3858
4203
  theme: unref(Themes).Light,
3859
- "on-click": () => _ctx.onClose?.()
3860
- }, null, 8, ["icon-before", "size", "theme", "on-click"])
4204
+ "on-click": _ctx.onClose
4205
+ }, null, 8, ["icon-before", "size", "test-id", "theme", "on-click"])) : createCommentVNode("", true)
3861
4206
  ], 2),
3862
4207
  createElementVNode("div", {
3863
4208
  class: normalizeClass(`${cssPrefix$3}__content__scroller`)
@@ -3873,29 +4218,32 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
3873
4218
  renderSlot(_ctx.$slots, "footer")
3874
4219
  ], 2)
3875
4220
  ], 2)
3876
- ], 10, _hoisted_1$6)
4221
+ ], 10, _hoisted_2$5)
3877
4222
  ], 6),
3878
4223
  createElementVNode("div", {
3879
4224
  class: normalizeClass(`${cssPrefix$3}__overlay`),
3880
4225
  style: normalizeStyle({ zIndex: _ctx.zIndex })
3881
4226
  }, null, 6)
3882
- ], 4)) : createCommentVNode("", true);
4227
+ ], 12, _hoisted_1$a)) : createCommentVNode("", true);
3883
4228
  };
3884
4229
  }
3885
4230
  });
3886
4231
 
3887
4232
  const _sfc_main$g = /* @__PURE__ */ defineComponent({
4233
+ ...{
4234
+ name: "CLNavLink"
4235
+ },
3888
4236
  __name: "NavLink",
3889
4237
  props: {
3890
4238
  ariaLabel: {},
3891
4239
  external: { type: Boolean, default: false },
3892
4240
  href: {},
3893
4241
  id: {},
3894
- theme: { default: Themes.Dark },
3895
4242
  onClick: {},
3896
4243
  rel: { default: "noreferrer noopener" },
3897
4244
  target: {},
3898
- testId: { default: "clll-navlink" }
4245
+ testId: { default: "clll-navlink" },
4246
+ theme: { default: Themes.Dark }
3899
4247
  },
3900
4248
  setup(__props) {
3901
4249
  return (_ctx, _cache) => {
@@ -3914,7 +4262,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3914
4262
  _ctx.external ? (openBlock(), createBlock(unref(_sfc_main$l), {
3915
4263
  key: 0,
3916
4264
  name: unref(IconNames).ExternalLink,
3917
- size: unref(Sizes).Tiny
4265
+ size: unref(IconSizes).Tiny
3918
4266
  }, null, 8, ["name", "size"])) : createCommentVNode("", true)
3919
4267
  ]),
3920
4268
  _: 3
@@ -3923,14 +4271,17 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
3923
4271
  }
3924
4272
  });
3925
4273
 
3926
- const _hoisted_1$5 = ["data-testid", "data-cy"];
4274
+ const _hoisted_1$9 = ["data-testid", "data-cy"];
3927
4275
  const prefix$c = "clll-nav-section";
3928
4276
  const _sfc_main$f = /* @__PURE__ */ defineComponent({
4277
+ ...{
4278
+ name: "CLNavSection"
4279
+ },
3929
4280
  __name: "NavSection",
3930
4281
  props: {
3931
4282
  navItems: {},
4283
+ testId: { default: "clll-nav-section" },
3932
4284
  theme: {},
3933
- testId: { default: prefix$c },
3934
4285
  type: { default: Orientation.Horizontal }
3935
4286
  },
3936
4287
  setup(__props) {
@@ -3967,22 +4318,27 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
3967
4318
  }, 1032, ["id", "aria-label", "external", "href", "rel", "target", "theme", "on-click"])
3968
4319
  ]);
3969
4320
  }), 128))
3970
- ], 10, _hoisted_1$5);
4321
+ ], 10, _hoisted_1$9);
3971
4322
  };
3972
4323
  }
3973
4324
  });
3974
4325
 
4326
+ const _hoisted_1$8 = ["data-testid", "data-cy"];
3975
4327
  const prefix$b = "clll-pill";
3976
4328
  const _sfc_main$e = /* @__PURE__ */ defineComponent({
4329
+ ...{
4330
+ name: "CLPill"
4331
+ },
3977
4332
  __name: "Pill",
3978
4333
  props: {
3979
- label: {},
3980
4334
  count: {},
3981
4335
  elevated: { type: Boolean, default: false },
3982
4336
  icon: {},
4337
+ label: {},
4338
+ onClick: {},
3983
4339
  rounded: { type: Boolean, default: true },
3984
- theme: { default: Themes.Default },
3985
- onClick: {}
4340
+ testId: { default: "clll-pill" },
4341
+ theme: { default: Themes.Default }
3986
4342
  },
3987
4343
  setup(__props) {
3988
4344
  return (_ctx, _cache) => {
@@ -3993,15 +4349,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
3993
4349
  prefix$b,
3994
4350
  `${prefix$b}--${_ctx.theme}`,
3995
4351
  _ctx.count ? `${prefix$b}--has-count` : "",
3996
- _ctx.icon ? `${prefix$b}--has-icon` : `${prefix$b}--has-noicon`,
3997
4352
  _ctx.elevated ? `${prefix$b}--elevated` : "",
4353
+ _ctx.icon ? `${prefix$b}--has-icon` : `${prefix$b}--has-noicon`,
3998
4354
  _ctx.rounded ? `${prefix$b}--rounded` : ""
3999
- ])
4355
+ ]),
4356
+ "data-testid": _ctx.testId,
4357
+ "data-cy": _ctx.testId
4000
4358
  }, [
4001
4359
  _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$l), {
4002
4360
  key: 0,
4003
4361
  name: _ctx.icon,
4004
- size: unref(Sizes).Tiny
4362
+ size: unref(IconSizes).Tiny
4005
4363
  }, null, 8, ["name", "size"])) : createCommentVNode("", true),
4006
4364
  createElementVNode("span", {
4007
4365
  class: normalizeClass(`${prefix$b}__label`)
@@ -4010,7 +4368,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
4010
4368
  key: 1,
4011
4369
  class: normalizeClass(`${prefix$b}__count`)
4012
4370
  }, toDisplayString(_ctx.count), 3)) : createCommentVNode("", true)
4013
- ], 2)) : createCommentVNode("", true),
4371
+ ], 10, _hoisted_1$8)) : createCommentVNode("", true),
4014
4372
  _ctx.onClick ? (openBlock(), createBlock(unref(__default__), {
4015
4373
  key: 1,
4016
4374
  "on-click": _ctx.onClick,
@@ -4030,7 +4388,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
4030
4388
  _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$l), {
4031
4389
  key: 0,
4032
4390
  name: _ctx.icon,
4033
- size: unref(Sizes).Tiny
4391
+ size: unref(IconSizes).Tiny
4034
4392
  }, null, 8, ["name", "size"])) : createCommentVNode("", true),
4035
4393
  createElementVNode("span", {
4036
4394
  class: normalizeClass(`${prefix$b}__label`)
@@ -4048,10 +4406,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
4048
4406
  }
4049
4407
  });
4050
4408
 
4051
- const _hoisted_1$4 = ["for"];
4052
- const _hoisted_2$4 = ["id", "name", "aria-label", "checked", "value", "disabled"];
4409
+ const _hoisted_1$7 = ["data-testid", "data-cy"];
4410
+ const _hoisted_2$4 = ["for"];
4411
+ const _hoisted_3$3 = ["id", "name", "aria-label", "checked", "value", "disabled", "required"];
4053
4412
  const cssPrefix$2 = "clll-radiobutton";
4054
4413
  const _sfc_main$d = /* @__PURE__ */ defineComponent({
4414
+ ...{
4415
+ name: "CLRadioButton"
4416
+ },
4055
4417
  __name: "RadioButton",
4056
4418
  props: {
4057
4419
  ariaLabel: {},
@@ -4065,52 +4427,38 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
4065
4427
  messages: {},
4066
4428
  messageType: {},
4067
4429
  name: {},
4068
- pill: {},
4069
4430
  required: { type: Boolean },
4070
4431
  rounded: { type: Boolean, default: true },
4071
4432
  size: { default: Sizes.Small },
4072
- spellCheck: { type: Boolean },
4073
- type: {},
4433
+ testId: { default: "clll-radiobutton" },
4074
4434
  theme: { default: Themes.Default },
4075
4435
  value: {},
4076
- onInput: {},
4077
4436
  onBlur: {},
4437
+ onChange: {},
4078
4438
  onFocus: {},
4079
- onChange: {}
4439
+ onInput: {}
4080
4440
  },
4081
4441
  setup(__props) {
4082
- const props = __props;
4083
4442
  const radioButtonElem = ref();
4084
4443
  const setFocusHandler = () => {
4085
4444
  if (radioButtonElem.value) radioButtonElem.value.focus();
4086
4445
  };
4087
- const getLabelSize = () => {
4088
- switch (props.size) {
4089
- case Sizes.Tiny:
4090
- return TextTypes.Small;
4091
- case Sizes.Small:
4092
- case Sizes.Medium:
4093
- return TextTypes.Medium;
4094
- case Sizes.Large:
4095
- case Sizes.XLarge:
4096
- return TextTypes.Large;
4097
- }
4098
- return TextTypes.Medium;
4099
- };
4100
4446
  return (_ctx, _cache) => {
4101
4447
  return openBlock(), createElementBlock("span", {
4102
4448
  class: normalizeClass([
4103
4449
  cssPrefix$2,
4450
+ _ctx.borderRadius ? `${cssPrefix$2}--${_ctx.borderRadius}` : "",
4451
+ _ctx.busy ? `${cssPrefix$2}--busy` : `${cssPrefix$2}--ready`,
4104
4452
  `${cssPrefix$2}--${_ctx.theme}`,
4105
4453
  `${cssPrefix$2}--${_ctx.size}`,
4454
+ _ctx.disabled ? `${cssPrefix$2}--disabled` : `${cssPrefix$2}--active`,
4106
4455
  _ctx.label ? `${cssPrefix$2}--haslabel` : "",
4107
4456
  _ctx.messageType ? `${cssPrefix$2}--${_ctx.messageType}` : "",
4108
- _ctx.busy ? `${cssPrefix$2}--busy` : `${cssPrefix$2}--ready`,
4109
- _ctx.disabled ? `${cssPrefix$2}--disabled` : `${cssPrefix$2}--active`,
4110
4457
  _ctx.rounded ? `${cssPrefix$2}--rounded` : `${cssPrefix$2}--box`,
4111
- _ctx.borderRadius ? `${cssPrefix$2}--${_ctx.borderRadius}` : "",
4112
4458
  _ctx.required ? `${cssPrefix$2}--required` : `${cssPrefix$2}--optional`
4113
- ])
4459
+ ]),
4460
+ "data-testid": _ctx.testId,
4461
+ "data-cy": _ctx.testId
4114
4462
  }, [
4115
4463
  createElementVNode("span", {
4116
4464
  class: normalizeClass(`${cssPrefix$2}__radiobutton-container`),
@@ -4131,17 +4479,26 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
4131
4479
  "aria-label": _ctx.ariaLabel,
4132
4480
  checked: _ctx.checked,
4133
4481
  value: _ctx.value,
4134
- disabled: _ctx.disabled,
4482
+ disabled: _ctx.disabled || _ctx.busy,
4483
+ required: _ctx.required,
4135
4484
  type: "radio",
4136
- class: normalizeClass(`${cssPrefix$2}__radiobutton`)
4137
- }, null, 10, _hoisted_2$4),
4485
+ class: normalizeClass(`${cssPrefix$2}__radiobutton`),
4486
+ onBlur: _cache[0] || (_cache[0] = //@ts-ignore
4487
+ (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
4488
+ onChange: _cache[1] || (_cache[1] = //@ts-ignore
4489
+ (...args) => _ctx.onChange && _ctx.onChange(...args)),
4490
+ onFocus: _cache[2] || (_cache[2] = //@ts-ignore
4491
+ (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
4492
+ onInput: _cache[3] || (_cache[3] = //@ts-ignore
4493
+ (...args) => _ctx.onInput && _ctx.onInput(...args))
4494
+ }, null, 42, _hoisted_3$3),
4138
4495
  createElementVNode("span", {
4139
4496
  class: normalizeClass(`${cssPrefix$2}__indicator`)
4140
4497
  }, null, 2)
4141
4498
  ], 2),
4142
4499
  _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$2), {
4143
4500
  key: 0,
4144
- type: getLabelSize(),
4501
+ type: unref(LabelSizes)[_ctx.size],
4145
4502
  class: normalizeClass(_ctx.required ? `${cssPrefix$2}__label--required` : "")
4146
4503
  }, {
4147
4504
  default: withCtx(() => [
@@ -4149,7 +4506,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
4149
4506
  ]),
4150
4507
  _: 1
4151
4508
  }, 8, ["type", "class"])) : createCommentVNode("", true)
4152
- ], 10, _hoisted_1$4)
4509
+ ], 10, _hoisted_2$4)
4153
4510
  ], 2),
4154
4511
  _ctx.id ? (openBlock(), createBlock(_sfc_main$p, {
4155
4512
  key: 0,
@@ -4157,22 +4514,25 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
4157
4514
  messages: _ctx.messages,
4158
4515
  "message-type": _ctx.messageType
4159
4516
  }, null, 8, ["id", "messages", "message-type"])) : createCommentVNode("", true)
4160
- ], 2);
4517
+ ], 10, _hoisted_1$7);
4161
4518
  };
4162
4519
  }
4163
4520
  });
4164
4521
 
4165
- const _hoisted_1$3 = ["for"];
4166
- const _hoisted_2$3 = ["id", "aria-label", "disabled", "name", "form", "required"];
4167
- const _hoisted_3 = ["value", "selected"];
4522
+ const _hoisted_1$6 = ["data-testid", "data-cy"];
4523
+ const _hoisted_2$3 = ["for"];
4524
+ const _hoisted_3$2 = ["id", "aria-label", "disabled", "name", "form", "required"];
4525
+ const _hoisted_4 = ["value", "selected"];
4168
4526
  const cssPrefix$1 = "clll-select";
4169
4527
  const _sfc_main$c = /* @__PURE__ */ defineComponent({
4528
+ ...{
4529
+ name: "CLSelect"
4530
+ },
4170
4531
  __name: "Select",
4171
4532
  props: {
4172
4533
  ariaLabel: {},
4173
4534
  borderRadius: {},
4174
4535
  busy: { type: Boolean },
4175
- checked: { type: Boolean },
4176
4536
  disabled: { type: Boolean },
4177
4537
  fluid: { type: Boolean, default: false },
4178
4538
  form: {},
@@ -4182,48 +4542,25 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4182
4542
  messageType: {},
4183
4543
  name: {},
4184
4544
  options: {},
4185
- pill: {},
4186
4545
  required: { type: Boolean },
4187
4546
  rounded: { type: Boolean, default: true },
4188
4547
  size: { default: Sizes.Small },
4189
- spellCheck: { type: Boolean },
4190
- type: {},
4548
+ testId: { default: "clll-select" },
4191
4549
  theme: { default: Themes.Default },
4192
4550
  value: {},
4193
- onInput: {},
4194
4551
  onBlur: {},
4552
+ onChange: {},
4195
4553
  onFocus: {},
4196
- onChange: {}
4554
+ onInput: {}
4197
4555
  },
4198
4556
  setup(__props) {
4199
- const props = __props;
4200
4557
  const selectElem = ref();
4201
- const getIconSize = () => {
4202
- switch (props.size) {
4203
- case Sizes.Tiny:
4204
- case Sizes.Small:
4205
- return Sizes.Tiny;
4206
- case Sizes.Medium:
4207
- return Sizes.Small;
4208
- case Sizes.Large:
4209
- case Sizes.XLarge:
4210
- return Sizes.Medium;
4211
- default:
4212
- return Sizes.Small;
4213
- }
4214
- };
4215
- const getLabelSize = () => {
4216
- switch (props.size) {
4217
- case Sizes.Tiny:
4218
- return TextTypes.Tiny;
4219
- case Sizes.Small:
4220
- return TextTypes.Small;
4221
- case Sizes.Medium:
4222
- return TextTypes.Medium;
4223
- case Sizes.Large:
4224
- case Sizes.XLarge:
4225
- return TextTypes.Body;
4226
- }
4558
+ const labelSizes = {
4559
+ [Sizes.Tiny]: TextTypes.Tiny,
4560
+ [Sizes.Small]: TextTypes.Small,
4561
+ [Sizes.Medium]: TextTypes.Medium,
4562
+ [Sizes.Large]: TextTypes.Body,
4563
+ [Sizes.XLarge]: TextTypes.Body
4227
4564
  };
4228
4565
  const setFocusHandler = () => {
4229
4566
  if (selectElem.value) selectElem.value.focus();
@@ -4232,16 +4569,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4232
4569
  return openBlock(), createElementBlock("span", {
4233
4570
  class: normalizeClass([
4234
4571
  cssPrefix$1,
4572
+ _ctx.borderRadius ? `${cssPrefix$1}--${_ctx.borderRadius}` : "",
4573
+ _ctx.busy ? `${cssPrefix$1}--busy` : `${cssPrefix$1}--ready`,
4235
4574
  `${cssPrefix$1}--${_ctx.theme}`,
4236
4575
  `${cssPrefix$1}--${_ctx.size}`,
4576
+ _ctx.disabled || _ctx.busy ? `${cssPrefix$1}--disabled` : `${cssPrefix$1}--active`,
4577
+ _ctx.fluid ? `${cssPrefix$1}--fluid` : `${cssPrefix$1}--fixed`,
4237
4578
  _ctx.label ? `${cssPrefix$1}--haslabel` : "",
4238
4579
  _ctx.messageType ? `${cssPrefix$1}--${_ctx.messageType}` : "",
4239
- _ctx.disabled || _ctx.busy ? `${cssPrefix$1}--disabled` : `${cssPrefix$1}--active`,
4240
4580
  _ctx.rounded ? `${cssPrefix$1}--rounded` : `${cssPrefix$1}--box`,
4241
- _ctx.borderRadius ? `${cssPrefix$1}--${_ctx.borderRadius}` : "",
4242
- _ctx.required ? `${cssPrefix$1}--required` : `${cssPrefix$1}--optional`,
4243
- _ctx.fluid ? `${cssPrefix$1}--fluid` : `${cssPrefix$1}--fixed`
4244
- ])
4581
+ _ctx.required ? `${cssPrefix$1}--required` : `${cssPrefix$1}--optional`
4582
+ ]),
4583
+ "data-testid": _ctx.testId,
4584
+ "data-cy": _ctx.testId
4245
4585
  }, [
4246
4586
  _ctx.label ? (openBlock(), createElementBlock("label", {
4247
4587
  key: 0,
@@ -4249,7 +4589,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4249
4589
  class: normalizeClass(`${cssPrefix$1}__label`)
4250
4590
  }, [
4251
4591
  createVNode(unref(_sfc_main$2), {
4252
- type: getLabelSize(),
4592
+ type: labelSizes[_ctx.size],
4253
4593
  class: normalizeClass(_ctx.required ? `${cssPrefix$1}__label--required` : "")
4254
4594
  }, {
4255
4595
  default: withCtx(() => [
@@ -4257,7 +4597,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4257
4597
  ]),
4258
4598
  _: 1
4259
4599
  }, 8, ["type", "class"])
4260
- ], 10, _hoisted_1$3)) : createCommentVNode("", true),
4600
+ ], 10, _hoisted_2$3)) : createCommentVNode("", true),
4261
4601
  createElementVNode("span", {
4262
4602
  class: normalizeClass(`${cssPrefix$1}__select-container`),
4263
4603
  onClick: setFocusHandler
@@ -4272,27 +4612,29 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4272
4612
  name: _ctx.name,
4273
4613
  form: _ctx.form,
4274
4614
  required: _ctx.required,
4275
- onChange: _cache[0] || (_cache[0] = //@ts-ignore
4615
+ onBlur: _cache[0] || (_cache[0] = //@ts-ignore
4616
+ (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
4617
+ onChange: _cache[1] || (_cache[1] = //@ts-ignore
4276
4618
  (...args) => _ctx.onChange && _ctx.onChange(...args)),
4277
- onFocus: _cache[1] || (_cache[1] = //@ts-ignore
4619
+ onFocus: _cache[2] || (_cache[2] = //@ts-ignore
4278
4620
  (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
4279
- onBlur: _cache[2] || (_cache[2] = //@ts-ignore
4280
- (...args) => _ctx.onBlur && _ctx.onBlur(...args))
4621
+ onInput: _cache[3] || (_cache[3] = //@ts-ignore
4622
+ (...args) => _ctx.onInput && _ctx.onInput(...args))
4281
4623
  }, [
4282
4624
  _ctx.options ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (option, idx) => {
4283
4625
  return openBlock(), createElementBlock("option", {
4284
4626
  key: `${_ctx.id}-option-${idx}`,
4285
4627
  value: option.value,
4286
4628
  selected: option.value === _ctx.value
4287
- }, toDisplayString(option.label), 9, _hoisted_3);
4629
+ }, toDisplayString(option.label), 9, _hoisted_4);
4288
4630
  }), 128)) : createCommentVNode("", true)
4289
- ], 42, _hoisted_2$3),
4631
+ ], 42, _hoisted_3$2),
4290
4632
  createElementVNode("span", {
4291
4633
  class: normalizeClass(`${cssPrefix$1}__icon`)
4292
4634
  }, [
4293
4635
  createVNode(unref(_sfc_main$l), {
4294
4636
  name: unref(IconNames).ChevronDown,
4295
- size: getIconSize()
4637
+ size: unref(DecoratorIconSize)[_ctx.size]
4296
4638
  }, null, 8, ["name", "size"])
4297
4639
  ], 2)
4298
4640
  ], 2),
@@ -4302,47 +4644,59 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4302
4644
  messages: _ctx.messages,
4303
4645
  "message-type": _ctx.messageType
4304
4646
  }, null, 8, ["id", "messages", "message-type"])) : createCommentVNode("", true)
4305
- ], 2);
4647
+ ], 10, _hoisted_1$6);
4306
4648
  };
4307
4649
  }
4308
4650
  });
4309
4651
 
4652
+ const _hoisted_1$5 = ["data-testid", "data-cy"];
4310
4653
  const prefix$a = "clll-skeleton";
4311
4654
  const _sfc_main$b = /* @__PURE__ */ defineComponent({
4655
+ ...{
4656
+ name: "CLSkeleton"
4657
+ },
4312
4658
  __name: "Skeleton",
4313
4659
  props: {
4314
4660
  borderRadius: {},
4315
4661
  height: { default: "100%" },
4316
4662
  rounded: { type: Boolean, default: true },
4663
+ testId: { default: "clll-skeleton" },
4317
4664
  width: { default: "100%" }
4318
4665
  },
4319
4666
  setup(__props) {
4320
4667
  useCssVars((_ctx) => ({
4321
- "08fc60c4": _ctx.width,
4322
- "5ae92a4f": _ctx.height
4668
+ "6e020419": _ctx.width,
4669
+ "386f8534": _ctx.height
4323
4670
  }));
4324
4671
  return (_ctx, _cache) => {
4325
4672
  return openBlock(), createElementBlock("div", {
4326
4673
  class: normalizeClass([
4327
- _ctx.borderRadius ? `${prefix$a}--${_ctx.borderRadius}` : "",
4328
4674
  prefix$a,
4675
+ _ctx.borderRadius ? `${prefix$a}--${_ctx.borderRadius}` : "",
4329
4676
  _ctx.rounded ? `${prefix$a}--rounded` : `${prefix$a}--square`
4330
- ])
4677
+ ]),
4678
+ "data-testid": _ctx.testId,
4679
+ "data-cy": _ctx.testId
4331
4680
  }, _cache[0] || (_cache[0] = [
4332
4681
  createElementVNode("div", { class: "clll-skeleton__animation" }, null, -1)
4333
- ]), 2);
4682
+ ]), 10, _hoisted_1$5);
4334
4683
  };
4335
4684
  }
4336
4685
  });
4337
4686
 
4687
+ const _hoisted_1$4 = ["data-testid", "data-cy"];
4338
4688
  const prefix$9 = "clll-spinner";
4339
4689
  const _sfc_main$a = /* @__PURE__ */ defineComponent({
4690
+ ...{
4691
+ name: "CLSpinner"
4692
+ },
4340
4693
  __name: "Spinner",
4341
4694
  props: {
4342
- theme: { default: Themes.Primary },
4343
- size: { default: Sizes.Medium },
4344
4695
  align: { default: Align.Left },
4345
- position: { default: Position.Absolute }
4696
+ position: { default: Position.Absolute },
4697
+ size: { default: Sizes.Medium },
4698
+ testId: { default: "clll-spinner" },
4699
+ theme: { default: Themes.Primary }
4346
4700
  },
4347
4701
  setup(__props) {
4348
4702
  return (_ctx, _cache) => {
@@ -4353,7 +4707,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
4353
4707
  `${prefix$9}--${_ctx.theme}`,
4354
4708
  `${prefix$9}--${_ctx.size}`,
4355
4709
  `${prefix$9}--${_ctx.align}`
4356
- ])
4710
+ ]),
4711
+ "data-testid": _ctx.testId,
4712
+ "data-cy": _ctx.testId
4357
4713
  }, [
4358
4714
  (openBlock(), createElementBlock("svg", {
4359
4715
  class: normalizeClass([`${prefix$9}__circle`, `${prefix$9}__circle--${_ctx.size}`]),
@@ -4374,15 +4730,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
4374
4730
  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
4375
4731
  }, null, -1)
4376
4732
  ]), 2))
4377
- ], 2);
4733
+ ], 10, _hoisted_1$4);
4378
4734
  };
4379
4735
  }
4380
4736
  });
4381
4737
 
4382
- const _hoisted_1$2 = ["id"];
4383
- const _hoisted_2$2 = { key: 0 };
4738
+ const _hoisted_1$3 = ["data-testid", "data-cy"];
4739
+ const _hoisted_2$2 = ["id"];
4740
+ const _hoisted_3$1 = { key: 0 };
4384
4741
  const prefix$8 = "clll-table";
4385
4742
  const _sfc_main$9 = /* @__PURE__ */ defineComponent({
4743
+ ...{
4744
+ name: "CLTable"
4745
+ },
4386
4746
  __name: "Table",
4387
4747
  props: {
4388
4748
  bordered: { type: Boolean },
@@ -4392,21 +4752,24 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
4392
4752
  rounded: { type: Boolean, default: true },
4393
4753
  rowHeight: { default: "auto" },
4394
4754
  striped: { type: Boolean },
4755
+ testId: { default: "clll-table" },
4395
4756
  type: { default: TableTypes.Default },
4396
4757
  withVerticalLines: { type: Boolean }
4397
4758
  },
4398
4759
  setup(__props) {
4399
4760
  useCssVars((_ctx) => ({
4400
- "b3554ef4": _ctx.rowHeight
4761
+ "5efe810c": _ctx.rowHeight
4401
4762
  }));
4402
4763
  return (_ctx, _cache) => {
4403
4764
  return openBlock(), createElementBlock("div", {
4404
4765
  class: normalizeClass([
4405
4766
  `${prefix$8}-container`,
4406
- _ctx.rounded ? `${prefix$8}--rounded` : `${prefix$8}--box`,
4407
4767
  _ctx.bordered ? `${prefix$8}--bordered` : void 0,
4408
- _ctx.borderRadius && _ctx.bordered ? `${prefix$8}--${_ctx.borderRadius}` : ""
4409
- ])
4768
+ _ctx.borderRadius && _ctx.bordered ? `${prefix$8}--${_ctx.borderRadius}` : "",
4769
+ _ctx.rounded ? `${prefix$8}--rounded` : `${prefix$8}--box`
4770
+ ]),
4771
+ "data-testid": _ctx.testId,
4772
+ "data-cy": _ctx.testId
4410
4773
  }, [
4411
4774
  createElementVNode("table", {
4412
4775
  id: `${prefix$8}-${_ctx.id}`,
@@ -4418,7 +4781,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
4418
4781
  _ctx.bordered ? `${prefix$8}--bordered` : void 0
4419
4782
  ])
4420
4783
  }, [
4421
- _ctx.colWidths?.length ? (openBlock(), createElementBlock("colgroup", _hoisted_2$2, [
4784
+ _ctx.colWidths?.length ? (openBlock(), createElementBlock("colgroup", _hoisted_3$1, [
4422
4785
  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.colWidths, (colWidth, idx) => {
4423
4786
  return openBlock(), createElementBlock("col", {
4424
4787
  key: `table-${_ctx.id}-col-${idx}`,
@@ -4427,14 +4790,17 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
4427
4790
  }), 128))
4428
4791
  ])) : createCommentVNode("", true),
4429
4792
  renderSlot(_ctx.$slots, "default")
4430
- ], 10, _hoisted_1$2)
4431
- ], 2);
4793
+ ], 10, _hoisted_2$2)
4794
+ ], 10, _hoisted_1$3);
4432
4795
  };
4433
4796
  }
4434
4797
  });
4435
4798
 
4436
4799
  const prefix$7 = "clll-table__body";
4437
4800
  const _sfc_main$8 = /* @__PURE__ */ defineComponent({
4801
+ ...{
4802
+ name: "CLTableBody"
4803
+ },
4438
4804
  __name: "TableBody",
4439
4805
  setup(__props) {
4440
4806
  return (_ctx, _cache) => {
@@ -4447,17 +4813,20 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
4447
4813
  }
4448
4814
  });
4449
4815
 
4450
- const _hoisted_1$1 = ["colspan"];
4816
+ const _hoisted_1$2 = ["colspan"];
4451
4817
  const _hoisted_2$1 = ["colspan"];
4452
4818
  const prefix$6 = "clll-table__cell";
4453
4819
  const _sfc_main$7 = /* @__PURE__ */ defineComponent({
4820
+ ...{
4821
+ name: "CLTableCell"
4822
+ },
4454
4823
  __name: "TableCell",
4455
4824
  props: {
4456
- isHeader: { type: Boolean, default: false },
4457
- isNumber: { type: Boolean, default: false },
4825
+ colSpan: { default: 1 },
4458
4826
  isAction: { type: Boolean, default: false },
4459
4827
  isActive: { type: Boolean, default: false },
4460
- colSpan: { default: 1 },
4828
+ isHeader: { type: Boolean, default: false },
4829
+ isNumber: { type: Boolean, default: false },
4461
4830
  onClick: {}
4462
4831
  },
4463
4832
  setup(__props) {
@@ -4483,7 +4852,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
4483
4852
  }, [
4484
4853
  renderSlot(_ctx.$slots, "default")
4485
4854
  ], 2))
4486
- ], 10, _hoisted_1$1)) : (openBlock(), createElementBlock("td", {
4855
+ ], 10, _hoisted_1$2)) : (openBlock(), createElementBlock("td", {
4487
4856
  key: 1,
4488
4857
  class: normalizeClass([
4489
4858
  prefix$6,
@@ -4509,6 +4878,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
4509
4878
 
4510
4879
  const prefix$5 = "clll-table__footer";
4511
4880
  const _sfc_main$6 = /* @__PURE__ */ defineComponent({
4881
+ ...{
4882
+ name: "CLTableFooter"
4883
+ },
4512
4884
  __name: "TableFooter",
4513
4885
  setup(__props) {
4514
4886
  return (_ctx, _cache) => {
@@ -4523,6 +4895,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
4523
4895
 
4524
4896
  const prefix$4 = "clll-table__header";
4525
4897
  const _sfc_main$5 = /* @__PURE__ */ defineComponent({
4898
+ ...{
4899
+ name: "CLTableHeader"
4900
+ },
4526
4901
  __name: "TableHeader",
4527
4902
  setup(__props) {
4528
4903
  return (_ctx, _cache) => {
@@ -4562,6 +4937,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
4562
4937
 
4563
4938
  const prefix$2 = "clll-table__row";
4564
4939
  const _sfc_main$3 = /* @__PURE__ */ defineComponent({
4940
+ ...{
4941
+ name: "CLTableRow"
4942
+ },
4565
4943
  __name: "TableRow",
4566
4944
  props: {
4567
4945
  onClick: { type: Function }
@@ -4582,26 +4960,37 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
4582
4960
 
4583
4961
  const prefix$1 = "clll-text";
4584
4962
  const _sfc_main$2 = {
4963
+ name: "CLText",
4585
4964
  props: {
4965
+ /** Set the HTML tag of the text element. The property can be one of `CLTextHtmlTags`, e.g. `p`. */
4966
+ as: {
4967
+ type: String,
4968
+ default: "p"
4969
+ },
4970
+ /** Rendered a bolded text. */
4971
+ label: {
4972
+ type: Boolean,
4973
+ default: false
4974
+ },
4975
+ /** Set the text type. The property can be one of `CLTextTypes`, e.g. `Body`. */
4586
4976
  type: {
4587
4977
  type: String,
4588
4978
  default: TextTypes.Body
4589
4979
  },
4980
+ /** Sets a custom ID used for unit tests. */
4981
+ testId: {
4982
+ type: String,
4983
+ default: "clll-text"
4984
+ },
4985
+ /** Set the text theme. The property can be one of `CLTextThemes`, e.g. `Dark`. */
4590
4986
  theme: {
4591
4987
  type: String,
4592
4988
  default: Themes.Dark
4593
4989
  },
4990
+ /** When set to `true`, truncate the text if it overflows its container. */
4594
4991
  truncate: {
4595
4992
  type: Boolean,
4596
4993
  default: false
4597
- },
4598
- label: {
4599
- type: Boolean,
4600
- default: false
4601
- },
4602
- as: {
4603
- type: String,
4604
- default: "p"
4605
4994
  }
4606
4995
  },
4607
4996
  setup(props, { slots }) {
@@ -4614,7 +5003,9 @@ const _sfc_main$2 = {
4614
5003
  `${prefix$1}--${props.theme}`,
4615
5004
  `${prefix$1}--${props.truncate ? "wrap" : "nowrap"}`,
4616
5005
  props.label ? `${prefix$1}--label` : ""
4617
- ]
5006
+ ],
5007
+ "data-testid": props?.testId,
5008
+ "data-cy": props?.testId
4618
5009
  },
4619
5010
  {
4620
5011
  default: () => slots?.["default"] && slots?.["default"]()
@@ -4623,16 +5014,21 @@ const _sfc_main$2 = {
4623
5014
  }
4624
5015
  };
4625
5016
 
4626
- const _hoisted_1 = ["for"];
4627
- const _hoisted_2 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows", "value"];
5017
+ const _hoisted_1$1 = ["data-testid", "data-cy"];
5018
+ const _hoisted_2 = ["for"];
5019
+ const _hoisted_3 = ["id", "aria-label", "autocomplete", "cols", "disabled", "form", "maxlength", "minlength", "name", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows", "value"];
4628
5020
  const cssPrefix = "clll-textarea";
4629
5021
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5022
+ ...{
5023
+ name: "CLTextArea"
5024
+ },
4630
5025
  __name: "TextArea",
4631
5026
  props: {
4632
5027
  ariaLabel: {},
4633
5028
  autoComplete: { type: Boolean },
4634
5029
  borderRadius: {},
4635
5030
  busy: { type: Boolean },
5031
+ cols: {},
4636
5032
  disabled: { type: Boolean },
4637
5033
  fluid: { type: Boolean, default: false },
4638
5034
  form: {},
@@ -4652,6 +5048,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4652
5048
  rows: {},
4653
5049
  size: { default: Sizes.Small },
4654
5050
  spellCheck: { type: Boolean },
5051
+ testId: { default: "clll-textarea" },
4655
5052
  theme: { default: Themes.Default },
4656
5053
  value: {},
4657
5054
  onInput: {},
@@ -4660,40 +5057,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4660
5057
  onChange: {}
4661
5058
  },
4662
5059
  setup(__props) {
4663
- const props = __props;
4664
5060
  const inputElem = ref();
4665
- const getLabelSize = () => {
4666
- switch (props.size) {
4667
- case Sizes.Tiny:
4668
- return TextTypes.Tiny;
4669
- case Sizes.Small:
4670
- return TextTypes.Small;
4671
- case Sizes.Medium:
4672
- return TextTypes.Medium;
4673
- case Sizes.Large:
4674
- case Sizes.XLarge:
4675
- return TextTypes.Body;
4676
- }
4677
- };
4678
5061
  const setFocusHandler = () => {
4679
5062
  if (inputElem.value) inputElem.value.focus();
4680
5063
  };
4681
5064
  return (_ctx, _cache) => {
4682
5065
  return openBlock(), createElementBlock("span", {
4683
5066
  class: normalizeClass([
4684
- `${cssPrefix}`,
5067
+ cssPrefix,
5068
+ _ctx.borderRadius ? `${cssPrefix}--${_ctx.borderRadius}` : "",
5069
+ _ctx.busy ? `${cssPrefix}--busy` : `${cssPrefix}--ready`,
4685
5070
  `${cssPrefix}--${_ctx.theme}`,
4686
5071
  `${cssPrefix}--${_ctx.size}`,
5072
+ _ctx.disabled || _ctx.busy ? `${cssPrefix}--disabled` : `${cssPrefix}--active`,
5073
+ _ctx.fluid ? `${cssPrefix}--fluid` : `${cssPrefix}--fixed`,
4687
5074
  _ctx.label ? `${cssPrefix}--haslabel` : "",
4688
- _ctx.resizable ? `${cssPrefix}--resizable` : "",
4689
5075
  _ctx.messageType ? `${cssPrefix}--${_ctx.messageType}` : "",
4690
- _ctx.disabled || _ctx.busy ? `${cssPrefix}--disabled` : `${cssPrefix}--active`,
5076
+ _ctx.resizable ? `${cssPrefix}--resizable` : "",
4691
5077
  _ctx.readonly ? `${cssPrefix}--readonly` : `${cssPrefix}--writeable`,
4692
5078
  _ctx.rounded ? `${cssPrefix}--rounded` : `${cssPrefix}--box`,
4693
- _ctx.borderRadius ? `${cssPrefix}--${_ctx.borderRadius}` : "",
4694
- _ctx.required ? `${cssPrefix}--required` : `${cssPrefix}--optional`,
4695
- _ctx.fluid ? `${cssPrefix}--fluid` : `${cssPrefix}--fixed`
4696
- ])
5079
+ _ctx.required ? `${cssPrefix}--required` : `${cssPrefix}--optional`
5080
+ ]),
5081
+ "data-testid": _ctx.testId,
5082
+ "data-cy": _ctx.testId
4697
5083
  }, [
4698
5084
  _ctx.label ? (openBlock(), createElementBlock("label", {
4699
5085
  key: 0,
@@ -4701,7 +5087,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4701
5087
  class: normalizeClass(`${cssPrefix}__label`)
4702
5088
  }, [
4703
5089
  createVNode(unref(_sfc_main$2), {
4704
- type: getLabelSize(),
5090
+ type: unref(InputLabelSizes)[_ctx.size],
4705
5091
  class: normalizeClass(_ctx.required ? `${cssPrefix}__label--required` : "")
4706
5092
  }, {
4707
5093
  default: withCtx(() => [
@@ -4709,7 +5095,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4709
5095
  ]),
4710
5096
  _: 1
4711
5097
  }, 8, ["type", "class"])
4712
- ], 10, _hoisted_1)) : createCommentVNode("", true),
5098
+ ], 10, _hoisted_2)) : createCommentVNode("", true),
4713
5099
  createElementVNode("span", {
4714
5100
  class: normalizeClass(`${cssPrefix}__input-container`),
4715
5101
  onClick: setFocusHandler
@@ -4718,20 +5104,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4718
5104
  id: _ctx.id,
4719
5105
  ref_key: "inputElem",
4720
5106
  ref: inputElem,
4721
- name: _ctx.name,
4722
5107
  "aria-label": _ctx.ariaLabel,
4723
5108
  autocomplete: _ctx.autoComplete ? "on" : "off",
5109
+ class: normalizeClass(`${cssPrefix}__input`),
5110
+ cols: _ctx.cols,
4724
5111
  disabled: _ctx.disabled || _ctx.busy,
4725
5112
  form: _ctx.form,
4726
5113
  maxlength: _ctx.maxLength,
4727
5114
  minlength: _ctx.minLength,
5115
+ name: _ctx.name,
4728
5116
  pattern: _ctx.pattern,
4729
5117
  placeholder: _ctx.placeholder,
4730
5118
  readonly: _ctx.readonly,
4731
5119
  required: _ctx.required,
4732
5120
  spellcheck: _ctx.spellCheck,
4733
5121
  rows: _ctx.rows,
4734
- class: normalizeClass(`${cssPrefix}__input`),
4735
5122
  value: _ctx.value,
4736
5123
  onInput: _cache[0] || (_cache[0] = //@ts-ignore
4737
5124
  (...args) => _ctx.onInput && _ctx.onInput(...args)),
@@ -4741,7 +5128,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4741
5128
  (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
4742
5129
  onBlur: _cache[3] || (_cache[3] = //@ts-ignore
4743
5130
  (...args) => _ctx.onBlur && _ctx.onBlur(...args))
4744
- }, null, 42, _hoisted_2)
5131
+ }, null, 42, _hoisted_3)
4745
5132
  ], 2),
4746
5133
  _ctx.id ? (openBlock(), createBlock(_sfc_main$p, {
4747
5134
  key: 1,
@@ -4749,31 +5136,36 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
4749
5136
  messages: _ctx.messages,
4750
5137
  "message-type": _ctx.messageType
4751
5138
  }, null, 8, ["id", "messages", "message-type"])) : createCommentVNode("", true)
4752
- ], 2);
5139
+ ], 10, _hoisted_1$1);
4753
5140
  };
4754
5141
  }
4755
5142
  });
4756
5143
 
5144
+ const _hoisted_1 = ["data-cy", "data-testid"];
4757
5145
  const animationDuration = 300;
4758
5146
  const prefix = "clll-toast";
4759
5147
  const _sfc_main = /* @__PURE__ */ defineComponent({
5148
+ ...{
5149
+ name: "CLToast"
5150
+ },
4760
5151
  __name: "Toast",
4761
5152
  props: {
4762
5153
  actionLabel: {},
4763
5154
  borderRadius: {},
4764
5155
  dismissTimer: { default: 5 },
4765
5156
  icon: {},
4766
- iconSize: { default: Sizes.Small },
5157
+ iconSize: { default: IconSizes.Small },
4767
5158
  message: {},
4768
5159
  onAction: {},
4769
5160
  onDismiss: {},
4770
5161
  rounded: { type: Boolean, default: true },
5162
+ testId: { default: "clll-toast" },
4771
5163
  title: {},
4772
5164
  width: { default: "24rem" }
4773
5165
  },
4774
5166
  setup(__props) {
4775
5167
  useCssVars((_ctx) => ({
4776
- "216c76a0": _ctx.width
5168
+ "0b0f3245": _ctx.width
4777
5169
  }));
4778
5170
  const props = __props;
4779
5171
  const elem = ref();
@@ -4846,16 +5238,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4846
5238
  ref: elem,
4847
5239
  class: normalizeClass([
4848
5240
  prefix,
4849
- _ctx.rounded ? `${prefix}--rounded` : `${prefix}--box`,
4850
5241
  _ctx.borderRadius ? `${prefix}--${_ctx.borderRadius}` : "",
4851
- _ctx.onAction && _ctx.actionLabel ? `${prefix}--has-action` : "",
4852
- mounted.value ? `${prefix}--mounted` : "",
4853
5242
  _ctx.dismissTimer ? `${prefix}--has-timer` : "",
4854
5243
  _ctx.icon ? `${prefix}--has-icon` : "",
4855
- _ctx.title && !_ctx.message ? `${prefix}--has-titleonly` : "",
4856
5244
  _ctx.message && !_ctx.title ? `${prefix}--has-messageonly` : "",
5245
+ mounted.value ? `${prefix}--mounted` : "",
5246
+ _ctx.onAction && _ctx.actionLabel ? `${prefix}--has-action` : "",
5247
+ _ctx.rounded ? `${prefix}--rounded` : `${prefix}--box`,
5248
+ _ctx.title && !_ctx.message ? `${prefix}--has-titleonly` : "",
4857
5249
  _ctx.title && _ctx.message ? `${prefix}--has-titleandmessage` : ""
4858
5250
  ]),
5251
+ "data-cy": _ctx.testId,
5252
+ "data-testid": _ctx.testId,
4859
5253
  style: normalizeStyle({ zIndex: zIndex.value })
4860
5254
  }, [
4861
5255
  createElementVNode("div", {
@@ -4878,6 +5272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4878
5272
  }, [
4879
5273
  _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$m), {
4880
5274
  key: 0,
5275
+ "test-id": `${prefix}__title`,
4881
5276
  type: unref(HeadingTypes).Section,
4882
5277
  theme: unref(Themes).Light
4883
5278
  }, {
@@ -4885,9 +5280,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4885
5280
  createTextVNode(toDisplayString(_ctx.title), 1)
4886
5281
  ]),
4887
5282
  _: 1
4888
- }, 8, ["type", "theme"])) : createCommentVNode("", true),
5283
+ }, 8, ["test-id", "type", "theme"])) : createCommentVNode("", true),
4889
5284
  _ctx.message ? (openBlock(), createBlock(unref(_sfc_main$2), {
4890
5285
  key: 1,
5286
+ "test-id": `${prefix}__message`,
4891
5287
  type: !_ctx.title ? unref(TextTypes).Body : unref(TextTypes).Medium,
4892
5288
  theme: unref(Themes).Light
4893
5289
  }, {
@@ -4895,7 +5291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4895
5291
  createTextVNode(toDisplayString(_ctx.message), 1)
4896
5292
  ]),
4897
5293
  _: 1
4898
- }, 8, ["type", "theme"])) : createCommentVNode("", true)
5294
+ }, 8, ["test-id", "type", "theme"])) : createCommentVNode("", true)
4899
5295
  ], 2),
4900
5296
  _ctx.onAction && _ctx.actionLabel ? (openBlock(), createElementBlock("div", {
4901
5297
  key: 1,
@@ -4904,13 +5300,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4904
5300
  createVNode(unref(__default__), {
4905
5301
  "border-radius": _ctx.borderRadius,
4906
5302
  "on-click": _ctx.onAction,
5303
+ "test-id": `${prefix}__action-button`,
4907
5304
  theme: unref(Themes).Dark
4908
5305
  }, {
4909
5306
  default: withCtx(() => [
4910
5307
  createTextVNode(toDisplayString(_ctx.actionLabel), 1)
4911
5308
  ]),
4912
5309
  _: 1
4913
- }, 8, ["border-radius", "on-click", "theme"])
5310
+ }, 8, ["border-radius", "on-click", "test-id", "theme"])
4914
5311
  ], 2)) : createCommentVNode("", true)
4915
5312
  ], 2),
4916
5313
  createElementVNode("div", {
@@ -4920,11 +5317,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4920
5317
  "aria-label": "Dismiss toast",
4921
5318
  "border-radius": _ctx.borderRadius,
4922
5319
  "icon-before": unref(IconNames).Delete,
4923
- "icon-size": unref(Sizes).Tiny,
5320
+ "icon-size": unref(IconSizes).Tiny,
4924
5321
  "on-click": onDismissHandler,
4925
5322
  size: unref(Sizes).Tiny,
5323
+ "test-id": `${prefix}__dismiss-button`,
4926
5324
  theme: unref(Themes).Secondary
4927
- }, null, 8, ["border-radius", "icon-before", "icon-size", "size", "theme"])
5325
+ }, null, 8, ["border-radius", "icon-before", "icon-size", "size", "test-id", "theme"])
4928
5326
  ], 2)
4929
5327
  ], 2),
4930
5328
  _ctx.dismissTimer ? (openBlock(), createElementBlock("div", {
@@ -4932,31 +5330,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
4932
5330
  class: normalizeClass(`${prefix}__timer-bar`),
4933
5331
  style: normalizeStyle({ transform: `scaleX(${barScaleX.value})` })
4934
5332
  }, null, 6)) : createCommentVNode("", true)
4935
- ], 6);
5333
+ ], 14, _hoisted_1);
4936
5334
  };
4937
5335
  }
4938
5336
  });
4939
5337
 
4940
5338
  (async () => {
4941
5339
  if (typeof window === "undefined") return;
4942
- const modules = /* #__PURE__ */ Object.assign({"./icons.svg": __vite_glob_0_0
5340
+ let iconsLoaded = document.getElementById("clll-icons");
5341
+ if (!iconsLoaded) {
5342
+ const modules = /* #__PURE__ */ Object.assign({"./icons.svg": __vite_glob_0_0
4943
5343
 
4944
5344
 
4945
5345
 
4946
5346
  });
4947
- const svgSrc = modules["./icons.svg"];
4948
- var div = document.createElement("div");
4949
- div.id = "clll-icons";
4950
- div.style.display = "none";
4951
- div.innerHTML = svgSrc.toString();
4952
- if (document.readyState === "loading") {
4953
- window.addEventListener("DOMContentLoaded", () => {
5347
+ const svgSrc = modules["./icons.svg"];
5348
+ var div = document.createElement("div");
5349
+ div.id = "clll-icons";
5350
+ div.style.display = "none";
5351
+ div.innerHTML = svgSrc.toString();
5352
+ if (document.readyState === "loading") {
5353
+ window.addEventListener("DOMContentLoaded", () => {
5354
+ document.body.insertBefore(div, document.body.childNodes[0]);
5355
+ });
5356
+ } else {
4954
5357
  document.body.insertBefore(div, document.body.childNodes[0]);
4955
- });
4956
- } else {
4957
- document.body.insertBefore(div, document.body.childNodes[0]);
5358
+ }
4958
5359
  }
4959
5360
  })();
4960
5361
 
4961
- export { _sfc_main$v as CLA11yButton, Align as CLAlign, _sfc_main$u as CLBadge, _sfc_main$t as CLBanner, BorderRadius as CLBorderRadius, __default__ as CLButton, ButtonTypes as CLButtonTypes, _sfc_main$s as CLCard, CardTypes as CLCardTypes, _sfc_main$q as CLCarousel, _sfc_main$o as CLCheckbox, DarkMode as CLDarkMode, _sfc_main$n as CLDisclosure, _sfc_main$i as CLDropdownMenu, _sfc_main$m as CLHeading, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, _sfc_main$l as CLIcon, IconNames as CLIconNames, _sfc_main$k as CLInput, InputTypes as CLInputTypes, _sfc_main$j as CLLink, LinkTarget as CLLinkTarget, MessageType as CLMessageType, _sfc_main$h as CLModal, _sfc_main$g as CLNavLink, _sfc_main$f as CLNavSection, Order as CLOrder, Orientation as CLOrientation, _sfc_main$e as CLPill, Placement as CLPlacement, Position as CLPosition, _sfc_main$d as CLRadioButton, _sfc_main$c as CLSelect, Sizes as CLSizes, _sfc_main$b as CLSkeleton, _sfc_main$a as CLSpinner, _sfc_main$9 as CLTable, _sfc_main$8 as CLTableBody, _sfc_main$7 as CLTableCell, _sfc_main$6 as CLTableFooter, _sfc_main$5 as CLTableHeader, _sfc_main$4 as CLTableNestedCell, _sfc_main$3 as CLTableRow, TableTypes as CLTableTypes, _sfc_main$2 as CLText, _sfc_main$1 as CLTextArea, TextTypes as CLTextTypes, Themes as CLThemes, _sfc_main as CLToast };
5362
+ export { _sfc_main$w as CLA11yButton, Align as CLAlign, _sfc_main$v as CLBadge, _sfc_main$u as CLBanner, BorderRadius as CLBorderRadius, __default__ as CLButton, ButtonTypes as CLButtonTypes, _sfc_main$t as CLCard, CardTypes as CLCardTypes, _sfc_main$r as CLCarousel, CarouselSlide as CLCarouselSlide, _sfc_main$o as CLCheckbox, DarkMode as CLDarkMode, _sfc_main$n as CLDisclosure, _sfc_main$i as CLDropdownMenu, _sfc_main$m as CLHeading, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, _sfc_main$l as CLIcon, IconNames as CLIconNames, IconSizes as CLIconSizes, _sfc_main$k as CLInput, InputTypes as CLInputTypes, _sfc_main$j as CLLink, LinkTarget as CLLinkTarget, MessageType as CLMessageType, _sfc_main$h as CLModal, _sfc_main$g as CLNavLink, _sfc_main$f as CLNavSection, Order as CLOrder, Orientation as CLOrientation, PaginationType as CLPaginationType, _sfc_main$e as CLPill, Placement as CLPlacement, Position as CLPosition, _sfc_main$d as CLRadioButton, _sfc_main$c as CLSelect, Sizes as CLSizes, _sfc_main$b as CLSkeleton, _sfc_main$a as CLSpinner, _sfc_main$9 as CLTable, _sfc_main$8 as CLTableBody, _sfc_main$7 as CLTableCell, _sfc_main$6 as CLTableFooter, _sfc_main$5 as CLTableHeader, _sfc_main$4 as CLTableNestedCell, _sfc_main$3 as CLTableRow, TableTypes as CLTableTypes, _sfc_main$2 as CLText, _sfc_main$1 as CLTextArea, TextTypes as CLTextTypes, Themes as CLThemes, _sfc_main as CLToast };
4962
5363
  //# sourceMappingURL=index.js.map