@codeandfunction/callaloo 1.7.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index.css +1 -1
- package/dist/components/Buttons/Button.vue.d.ts +12 -0
- package/dist/components/Containers/Disclosure.vue.d.ts +1 -0
- package/dist/components/Form/Checkbox.vue.d.ts +2 -2
- package/dist/components/Form/RadioButton.vue.d.ts +2 -2
- package/dist/components/Popups/{Menu.vue.d.ts → DropdownMenu.vue.d.ts} +43 -6
- package/dist/composables/useEsc.d.ts +4 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1917 -182
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +33 -2
- package/package.json +22 -18
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, watch, h,
|
|
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, 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:ai\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16v-6a2 2 0 1 1 4 0v6m-4-3h4m4-5v8\"/></symbol><symbol id=\"tabler:archive\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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 1 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=\"2\"><path 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 5v5m0-8v.01M12 16v-5\"/><path d=\"M16 16v-3a2 2 0 0 0-4 0\"/></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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" d=\"M3 19h18L12 4z\"/></symbol><symbol id=\"tabler:brand-vue\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><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=\"2\"><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=\"2\" 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:carousel-horizontal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\"><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:code\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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:dashboard\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\" 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-mobile\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\" 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:download\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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:heading\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" d=\"M12 9h.01M11 12h1v4h1\"/></symbol><symbol id=\"tabler:keyboard\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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:circle-plus\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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:shopping-cart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><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=\"2\" d=\"M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6\"/></symbol><symbol id=\"tabler:select\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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:sun\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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:terminal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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:video\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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></svg>";
|
|
3
|
+
import './assets/index.css';const __vite_glob_0_0 = "<svg xmlns=\"http://www.w3.org/2000/svg\"><symbol id=\"tabler:ai\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16v-6a2 2 0 1 1 4 0v6m-4-3h4m4-5v8\"/></symbol><symbol id=\"tabler:apps\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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 1 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=\"2\"><path 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 5v5m0-8v.01M12 16v-5\"/><path d=\"M16 16v-3a2 2 0 0 0-4 0\"/></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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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:caret-down\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\"><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:code\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\" 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-mobile\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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:heading\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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:shopping-cart\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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:terminal\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\" 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=\"2\" 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=\"2\" 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=\"2\" 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:video\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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=\"2\"><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=\"2\"><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";
|
|
@@ -46,6 +46,7 @@ var HeadingTypes = /* @__PURE__ */ ((HeadingTypes2) => {
|
|
|
46
46
|
})(HeadingTypes || {});
|
|
47
47
|
var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
48
48
|
IconNames2["Ai"] = "tabler:ai";
|
|
49
|
+
IconNames2["Apps"] = "tabler:apps";
|
|
49
50
|
IconNames2["Archive"] = "tabler:archive";
|
|
50
51
|
IconNames2["ArrowBackUp"] = "tabler:arrow-back-up";
|
|
51
52
|
IconNames2["ArrowForwardUp"] = "tabler:arrow-forward-up";
|
|
@@ -78,6 +79,7 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
78
79
|
IconNames2["BrandGoogle"] = "tabler:brand-google-filled";
|
|
79
80
|
IconNames2["BrandInstagram"] = "tabler:brand-instagram";
|
|
80
81
|
IconNames2["BrandLinkedIn"] = "tabler:brand-linkedin";
|
|
82
|
+
IconNames2["BrandMastercard"] = "tabler:brand-mastercard";
|
|
81
83
|
IconNames2["BrandNpm"] = "tabler:brand-npm";
|
|
82
84
|
IconNames2["BrandNuxt"] = "tabler:brand-nuxt";
|
|
83
85
|
IconNames2["BrandReact"] = "tabler:brand-react";
|
|
@@ -87,10 +89,15 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
87
89
|
IconNames2["BrandTikTok"] = "tabler:brand-tiktok";
|
|
88
90
|
IconNames2["BrandTwitter"] = "tabler:brand-twitter-filled";
|
|
89
91
|
IconNames2["BrandVercel"] = "tabler:brand-vercel";
|
|
92
|
+
IconNames2["BrandVisa"] = "tabler:brand-visa";
|
|
90
93
|
IconNames2["BrandVue"] = "tabler:brand-vue";
|
|
91
94
|
IconNames2["BrandWhatsApp"] = "tabler:brand-whatsapp";
|
|
92
95
|
IconNames2["BrandX"] = "tabler:brand-x";
|
|
93
96
|
IconNames2["BrandYouTube"] = "tabler:brand-youtube-filled";
|
|
97
|
+
IconNames2["CaretDown"] = "tabler:caret-down";
|
|
98
|
+
IconNames2["CaretLeft"] = "tabler:caret-left";
|
|
99
|
+
IconNames2["CaretRight"] = "tabler:caret-right";
|
|
100
|
+
IconNames2["CaretUp"] = "tabler:caret-up";
|
|
94
101
|
IconNames2["CarouselHorizontal"] = "tabler:carousel-horizontal";
|
|
95
102
|
IconNames2["Check"] = "tabler:check";
|
|
96
103
|
IconNames2["ChevronLeft"] = "tabler:chevron-left";
|
|
@@ -109,6 +116,7 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
109
116
|
IconNames2["Components"] = "tabler:components";
|
|
110
117
|
IconNames2["Contrast"] = "tabler:contrast";
|
|
111
118
|
IconNames2["Copy"] = "tabler:copy";
|
|
119
|
+
IconNames2["CreditCard"] = "tabler:credit-card";
|
|
112
120
|
IconNames2["Dasboard"] = "tabler:dashboard";
|
|
113
121
|
IconNames2["Database"] = "tabler:database";
|
|
114
122
|
IconNames2["Delete"] = "tabler:x";
|
|
@@ -117,6 +125,7 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
117
125
|
IconNames2["DeviceMobile"] = "tabler:device-mobile";
|
|
118
126
|
IconNames2["DeviceTablet"] = "tabler:device-tablet";
|
|
119
127
|
IconNames2["DeviceTv"] = "tabler:device-tv";
|
|
128
|
+
IconNames2["Dialpad"] = "tabler:dialpad";
|
|
120
129
|
IconNames2["Download"] = "tabler:download";
|
|
121
130
|
IconNames2["EditItem"] = "tabler:edit-circle";
|
|
122
131
|
IconNames2["EditPencil"] = "tabler:edit";
|
|
@@ -145,6 +154,8 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
145
154
|
IconNames2["Image"] = "tabler:photo";
|
|
146
155
|
IconNames2["InfoCircle"] = "tabler:info-circle";
|
|
147
156
|
IconNames2["InfoSmall"] = "tabler:info-small";
|
|
157
|
+
IconNames2["GripHorizontal"] = "tabler:grip-horizontal";
|
|
158
|
+
IconNames2["GripVertical"] = "tabler:grip-vertical";
|
|
148
159
|
IconNames2["Keyboard"] = "tabler:keyboard";
|
|
149
160
|
IconNames2["Layers"] = "tabler:layers-subtract";
|
|
150
161
|
IconNames2["Layout"] = "tabler:layout";
|
|
@@ -180,12 +191,14 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
180
191
|
IconNames2["MoreHorizontal"] = "tabler:dots";
|
|
181
192
|
IconNames2["MoreVertical"] = "tabler:dots-vertical";
|
|
182
193
|
IconNames2["Movie"] = "tabler:movie";
|
|
194
|
+
IconNames2["NewSection"] = "tabler:new-section";
|
|
183
195
|
IconNames2["PlusCircle"] = "tabler:circle-plus";
|
|
184
196
|
IconNames2["Plus"] = "tabler:plus";
|
|
185
197
|
IconNames2["Rectangle"] = "tabler:rectangle";
|
|
186
198
|
IconNames2["Refresh"] = "tabler:refresh";
|
|
187
199
|
IconNames2["ShoppingCart"] = "tabler:shopping-cart";
|
|
188
200
|
IconNames2["Search"] = "tabler:search";
|
|
201
|
+
IconNames2["Section"] = "tabler:section";
|
|
189
202
|
IconNames2["Select"] = "tabler:select";
|
|
190
203
|
IconNames2["Settings"] = "tabler:settings";
|
|
191
204
|
IconNames2["Share"] = "tabler:share";
|
|
@@ -195,6 +208,9 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
195
208
|
IconNames2["Square"] = "tabler:square";
|
|
196
209
|
IconNames2["SquareCheck"] = "tabler:square-check";
|
|
197
210
|
IconNames2["SquarePlus"] = "tabler:square-plus";
|
|
211
|
+
IconNames2["Stack"] = "tabler:stack";
|
|
212
|
+
IconNames2["Stack2"] = "tabler:stack-2";
|
|
213
|
+
IconNames2["Stack3"] = "tabler:stack-3";
|
|
198
214
|
IconNames2["Sun"] = "tabler:sun";
|
|
199
215
|
IconNames2["Terminal"] = "tabler:terminal";
|
|
200
216
|
IconNames2["Terminal2"] = "tabler:terminal-2";
|
|
@@ -204,9 +220,11 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
204
220
|
IconNames2["Upload"] = "tabler:upload";
|
|
205
221
|
IconNames2["Video"] = "tabler:video";
|
|
206
222
|
IconNames2["WindowMaximize"] = "tabler:window-maximize";
|
|
223
|
+
IconNames2["WindowMinimize"] = "tabler:window-minimize";
|
|
207
224
|
return IconNames2;
|
|
208
225
|
})(IconNames || {});
|
|
209
226
|
var InputTypes = /* @__PURE__ */ ((InputTypes2) => {
|
|
227
|
+
InputTypes2["Color"] = "color";
|
|
210
228
|
InputTypes2["Date"] = "date";
|
|
211
229
|
InputTypes2["DateTimeLocal"] = "datetime-local";
|
|
212
230
|
InputTypes2["Decimal"] = "decimal";
|
|
@@ -245,6 +263,21 @@ var Orientation = /* @__PURE__ */ ((Orientation2) => {
|
|
|
245
263
|
Orientation2["Vertical"] = "vertical";
|
|
246
264
|
return Orientation2;
|
|
247
265
|
})(Orientation || {});
|
|
266
|
+
var Placement = /* @__PURE__ */ ((Placement2) => {
|
|
267
|
+
Placement2["Bottom"] = "bottom";
|
|
268
|
+
Placement2["BottomEnd"] = "bottom-end";
|
|
269
|
+
Placement2["BottomStart"] = "bottom-start";
|
|
270
|
+
Placement2["Left"] = "left";
|
|
271
|
+
Placement2["LeftEnd"] = "left-end";
|
|
272
|
+
Placement2["LeftStart"] = "left-start";
|
|
273
|
+
Placement2["Right"] = "right";
|
|
274
|
+
Placement2["RightEnd"] = "right-end";
|
|
275
|
+
Placement2["RightStart"] = "right-start";
|
|
276
|
+
Placement2["Top"] = "top";
|
|
277
|
+
Placement2["TopEnd"] = "top-end";
|
|
278
|
+
Placement2["TopStart"] = "top-start";
|
|
279
|
+
return Placement2;
|
|
280
|
+
})(Placement || {});
|
|
248
281
|
var Position = /* @__PURE__ */ ((Position2) => {
|
|
249
282
|
Position2["Absolute"] = "absolute";
|
|
250
283
|
Position2["Relative"] = "relative";
|
|
@@ -401,8 +434,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
401
434
|
},
|
|
402
435
|
setup(__props) {
|
|
403
436
|
useCssVars((_ctx) => ({
|
|
404
|
-
"
|
|
405
|
-
"
|
|
437
|
+
"33c915c3": _ctx.width,
|
|
438
|
+
"2b8aa8ca": _ctx.height
|
|
406
439
|
}));
|
|
407
440
|
const props = __props;
|
|
408
441
|
const getTextTheme = () => {
|
|
@@ -508,6 +541,96 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
508
541
|
}
|
|
509
542
|
});
|
|
510
543
|
|
|
544
|
+
const animate = () => {
|
|
545
|
+
let reqId;
|
|
546
|
+
let start;
|
|
547
|
+
let previousTime;
|
|
548
|
+
let done = false;
|
|
549
|
+
let maxDuration;
|
|
550
|
+
let fn;
|
|
551
|
+
const step = (currentTime) => {
|
|
552
|
+
if (done) return;
|
|
553
|
+
if (start === void 0) start = currentTime;
|
|
554
|
+
const elapsed = currentTime - start;
|
|
555
|
+
if (previousTime !== currentTime) fn?.(elapsed);
|
|
556
|
+
if (maxDuration && elapsed < maxDuration) {
|
|
557
|
+
previousTime = currentTime;
|
|
558
|
+
if (!done) {
|
|
559
|
+
reqId = window.requestAnimationFrame(step);
|
|
560
|
+
}
|
|
561
|
+
}
|
|
562
|
+
};
|
|
563
|
+
const reset = () => {
|
|
564
|
+
reqId = void 0;
|
|
565
|
+
start = void 0;
|
|
566
|
+
previousTime = void 0;
|
|
567
|
+
done = false;
|
|
568
|
+
maxDuration = void 0;
|
|
569
|
+
};
|
|
570
|
+
return {
|
|
571
|
+
start: (duration, callbackFn) => {
|
|
572
|
+
fn = callbackFn;
|
|
573
|
+
maxDuration = duration;
|
|
574
|
+
reqId = window.requestAnimationFrame(step);
|
|
575
|
+
},
|
|
576
|
+
stop: () => {
|
|
577
|
+
done = true;
|
|
578
|
+
if (reqId) window.cancelAnimationFrame(reqId);
|
|
579
|
+
reset();
|
|
580
|
+
}
|
|
581
|
+
};
|
|
582
|
+
};
|
|
583
|
+
const getMaxZIndex = () => {
|
|
584
|
+
return Math.max(
|
|
585
|
+
...Array.from(
|
|
586
|
+
document.querySelectorAll("body *"),
|
|
587
|
+
(el) => parseFloat(window.getComputedStyle(el).zIndex)
|
|
588
|
+
).filter((zIndex) => !Number.isNaN(zIndex)),
|
|
589
|
+
0
|
|
590
|
+
);
|
|
591
|
+
};
|
|
592
|
+
const hasSlotContent = (slots, slotName, component) => {
|
|
593
|
+
let foundContent = false;
|
|
594
|
+
slots?.[slotName]?.({}).every((n) => {
|
|
595
|
+
if (typeof window !== void 0) {
|
|
596
|
+
const found = nodeHasContent(n, typeof n.children);
|
|
597
|
+
if (found) foundContent = found;
|
|
598
|
+
} else {
|
|
599
|
+
const found = nodeHasContent(n, typeof n.children);
|
|
600
|
+
if (found) foundContent = found;
|
|
601
|
+
}
|
|
602
|
+
});
|
|
603
|
+
return foundContent;
|
|
604
|
+
};
|
|
605
|
+
const nodeHasContent = (vnode, slotType, component) => {
|
|
606
|
+
const vnodeType = typeof vnode?.type;
|
|
607
|
+
if (vnode?.type === Comment) return false;
|
|
608
|
+
switch (slotType) {
|
|
609
|
+
case "string":
|
|
610
|
+
return vnode.children.length > 0;
|
|
611
|
+
case "object":
|
|
612
|
+
if (vnodeType === "object") {
|
|
613
|
+
if (vnode.type?.__name) {
|
|
614
|
+
return true;
|
|
615
|
+
} else {
|
|
616
|
+
const nodeLen = vnode?.children?.["default"]?.()?.length ?? vnode?.children?.length;
|
|
617
|
+
return nodeLen > 0;
|
|
618
|
+
}
|
|
619
|
+
} else {
|
|
620
|
+
return true;
|
|
621
|
+
}
|
|
622
|
+
default:
|
|
623
|
+
return false;
|
|
624
|
+
}
|
|
625
|
+
};
|
|
626
|
+
const debounce = (fn, ms = 300) => {
|
|
627
|
+
let timeoutId;
|
|
628
|
+
return function(...args) {
|
|
629
|
+
clearTimeout(timeoutId);
|
|
630
|
+
timeoutId = setTimeout(() => fn.apply(this, args), ms);
|
|
631
|
+
};
|
|
632
|
+
};
|
|
633
|
+
|
|
511
634
|
const prefix$k = "clll-button";
|
|
512
635
|
const __default__ = {
|
|
513
636
|
props: {
|
|
@@ -544,6 +667,9 @@ const __default__ = {
|
|
|
544
667
|
iconSize: {
|
|
545
668
|
type: String
|
|
546
669
|
},
|
|
670
|
+
iconAfterSize: {
|
|
671
|
+
type: String
|
|
672
|
+
},
|
|
547
673
|
link: {
|
|
548
674
|
type: Boolean
|
|
549
675
|
},
|
|
@@ -569,10 +695,12 @@ const __default__ = {
|
|
|
569
695
|
default: prefix$k
|
|
570
696
|
},
|
|
571
697
|
type: {
|
|
572
|
-
type: String
|
|
698
|
+
type: String,
|
|
699
|
+
default: ButtonTypes.Button
|
|
573
700
|
},
|
|
574
701
|
theme: {
|
|
575
|
-
type: String
|
|
702
|
+
type: String,
|
|
703
|
+
default: Themes.Secondary
|
|
576
704
|
},
|
|
577
705
|
width: {
|
|
578
706
|
type: String,
|
|
@@ -585,7 +713,7 @@ const __default__ = {
|
|
|
585
713
|
},
|
|
586
714
|
setup(props, { slots }) {
|
|
587
715
|
const buttonEl = ref();
|
|
588
|
-
const hasSlots = slots
|
|
716
|
+
const hasSlots = hasSlotContent(slots, "default");
|
|
589
717
|
const getSpinnerSize = () => {
|
|
590
718
|
switch (props.size) {
|
|
591
719
|
case Sizes.Medium:
|
|
@@ -599,7 +727,7 @@ const __default__ = {
|
|
|
599
727
|
}
|
|
600
728
|
};
|
|
601
729
|
watch(buttonEl, (button) => {
|
|
602
|
-
if (
|
|
730
|
+
if (button) props?.forwardRef?.(button);
|
|
603
731
|
});
|
|
604
732
|
return () => h(
|
|
605
733
|
"button",
|
|
@@ -652,7 +780,7 @@ const __default__ = {
|
|
|
652
780
|
),
|
|
653
781
|
props.iconAfter ? h(_sfc_main$k, {
|
|
654
782
|
name: props.iconAfter,
|
|
655
|
-
size: props.
|
|
783
|
+
size: props.iconAfterSize
|
|
656
784
|
}) : null
|
|
657
785
|
]
|
|
658
786
|
);
|
|
@@ -660,8 +788,8 @@ const __default__ = {
|
|
|
660
788
|
};
|
|
661
789
|
const __injectCSSVars__ = () => {
|
|
662
790
|
useCssVars((_ctx) => ({
|
|
663
|
-
"
|
|
664
|
-
"
|
|
791
|
+
"68cf49a0": _ctx.width,
|
|
792
|
+
"d16a1ee6": _ctx.height
|
|
665
793
|
}));
|
|
666
794
|
};
|
|
667
795
|
const __setup__ = __default__.setup;
|
|
@@ -670,95 +798,8 @@ __default__.setup = __setup__ ? (props, ctx) => {
|
|
|
670
798
|
return __setup__(props, ctx);
|
|
671
799
|
} : __injectCSSVars__;
|
|
672
800
|
|
|
673
|
-
const animate = () => {
|
|
674
|
-
let reqId;
|
|
675
|
-
let start;
|
|
676
|
-
let previousTime;
|
|
677
|
-
let done = false;
|
|
678
|
-
let maxDuration;
|
|
679
|
-
let fn;
|
|
680
|
-
const step = (currentTime) => {
|
|
681
|
-
if (done) return;
|
|
682
|
-
if (start === void 0) start = currentTime;
|
|
683
|
-
const elapsed = currentTime - start;
|
|
684
|
-
if (previousTime !== currentTime) fn?.(elapsed);
|
|
685
|
-
if (maxDuration && elapsed < maxDuration) {
|
|
686
|
-
previousTime = currentTime;
|
|
687
|
-
if (!done) {
|
|
688
|
-
reqId = window.requestAnimationFrame(step);
|
|
689
|
-
}
|
|
690
|
-
}
|
|
691
|
-
};
|
|
692
|
-
const reset = () => {
|
|
693
|
-
reqId = void 0;
|
|
694
|
-
start = void 0;
|
|
695
|
-
previousTime = void 0;
|
|
696
|
-
done = false;
|
|
697
|
-
maxDuration = void 0;
|
|
698
|
-
};
|
|
699
|
-
return {
|
|
700
|
-
start: (duration, callbackFn) => {
|
|
701
|
-
fn = callbackFn;
|
|
702
|
-
maxDuration = duration;
|
|
703
|
-
reqId = window.requestAnimationFrame(step);
|
|
704
|
-
},
|
|
705
|
-
stop: () => {
|
|
706
|
-
done = true;
|
|
707
|
-
if (reqId) window.cancelAnimationFrame(reqId);
|
|
708
|
-
reset();
|
|
709
|
-
}
|
|
710
|
-
};
|
|
711
|
-
};
|
|
712
|
-
const getMaxZIndex = () => {
|
|
713
|
-
return Math.max(
|
|
714
|
-
...Array.from(
|
|
715
|
-
document.querySelectorAll("body *"),
|
|
716
|
-
(el) => parseFloat(window.getComputedStyle(el).zIndex)
|
|
717
|
-
).filter((zIndex) => !Number.isNaN(zIndex)),
|
|
718
|
-
0
|
|
719
|
-
);
|
|
720
|
-
};
|
|
721
|
-
const hasSlotContent = (slots, slotName, component) => {
|
|
722
|
-
let foundContent = false;
|
|
723
|
-
slots?.[slotName]?.({}).every((n) => {
|
|
724
|
-
if (typeof window !== void 0) {
|
|
725
|
-
const found = nodeHasContent(n, typeof n.children);
|
|
726
|
-
if (found) foundContent = found;
|
|
727
|
-
} else {
|
|
728
|
-
const found = nodeHasContent(n, typeof n.children);
|
|
729
|
-
if (found) foundContent = found;
|
|
730
|
-
}
|
|
731
|
-
});
|
|
732
|
-
return foundContent;
|
|
733
|
-
};
|
|
734
|
-
const nodeHasContent = (vnode, slotType, component) => {
|
|
735
|
-
const vnodeType = typeof vnode?.type;
|
|
736
|
-
if (vnode?.type === Comment) return false;
|
|
737
|
-
switch (slotType) {
|
|
738
|
-
case "string":
|
|
739
|
-
return vnode.children.length;
|
|
740
|
-
case "object":
|
|
741
|
-
if (vnodeType === "object") {
|
|
742
|
-
if (vnode.type?.__name) {
|
|
743
|
-
return true;
|
|
744
|
-
} else {
|
|
745
|
-
return vnode?.children?.["default"]?.()?.length ?? vnode?.children?.length;
|
|
746
|
-
}
|
|
747
|
-
} else {
|
|
748
|
-
return true;
|
|
749
|
-
}
|
|
750
|
-
}
|
|
751
|
-
};
|
|
752
|
-
const debounce = (fn, ms = 300) => {
|
|
753
|
-
let timeoutId;
|
|
754
|
-
return function(...args) {
|
|
755
|
-
clearTimeout(timeoutId);
|
|
756
|
-
timeoutId = setTimeout(() => fn.apply(this, args), ms);
|
|
757
|
-
};
|
|
758
|
-
};
|
|
759
|
-
|
|
760
801
|
const _hoisted_1$d = ["tabindex", "data-testid", "data-cy"];
|
|
761
|
-
const _hoisted_2$
|
|
802
|
+
const _hoisted_2$9 = ["src", "alt"];
|
|
762
803
|
const _hoisted_3$2 = ["src", "alt"];
|
|
763
804
|
const prefix$j = "clll-card";
|
|
764
805
|
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
@@ -791,10 +832,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
791
832
|
},
|
|
792
833
|
setup(__props) {
|
|
793
834
|
useCssVars((_ctx) => ({
|
|
794
|
-
"
|
|
795
|
-
"
|
|
796
|
-
"
|
|
797
|
-
"
|
|
835
|
+
"6ee15c3c": _ctx.width,
|
|
836
|
+
"537b3171": _ctx.height,
|
|
837
|
+
"2790a075": _ctx.imageWidth,
|
|
838
|
+
"9e971750": _ctx.imageHeight
|
|
798
839
|
}));
|
|
799
840
|
const slots = useSlots();
|
|
800
841
|
const props = __props;
|
|
@@ -894,7 +935,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
894
935
|
class: normalizeClass(`${prefix$j}__image__elem`),
|
|
895
936
|
src: _ctx.image,
|
|
896
937
|
alt: _ctx.imageAltText
|
|
897
|
-
}, null, 10, _hoisted_2$
|
|
938
|
+
}, null, 10, _hoisted_2$9)) : createCommentVNode("", true)
|
|
898
939
|
], 2)) : createCommentVNode("", true),
|
|
899
940
|
createElementVNode("div", {
|
|
900
941
|
class: normalizeClass(`${prefix$j}__content`)
|
|
@@ -1272,7 +1313,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
1272
1313
|
});
|
|
1273
1314
|
|
|
1274
1315
|
const _hoisted_1$b = ["for", "disabled"];
|
|
1275
|
-
const _hoisted_2$
|
|
1316
|
+
const _hoisted_2$8 = ["id", "name", "aria-label", "checked", "value", "disabled"];
|
|
1276
1317
|
const cssPrefix$4 = "clll-checkbox";
|
|
1277
1318
|
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
1278
1319
|
__name: "Checkbox",
|
|
@@ -1369,7 +1410,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1369
1410
|
disabled: _ctx.disabled,
|
|
1370
1411
|
type: "checkbox",
|
|
1371
1412
|
class: normalizeClass(`${cssPrefix$4}__checkbox`)
|
|
1372
|
-
}, null, 10, _hoisted_2$
|
|
1413
|
+
}, null, 10, _hoisted_2$8),
|
|
1373
1414
|
createElementVNode("span", {
|
|
1374
1415
|
class: normalizeClass(`${cssPrefix$4}__icon`)
|
|
1375
1416
|
}, [
|
|
@@ -1402,29 +1443,43 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1402
1443
|
}
|
|
1403
1444
|
});
|
|
1404
1445
|
|
|
1405
|
-
const useEsc = ({ escHandler }) => {
|
|
1446
|
+
const useEsc = ({ escHandler, triggerRef }) => {
|
|
1406
1447
|
if (typeof document !== "undefined") {
|
|
1407
1448
|
const handleEscKey = (evt) => {
|
|
1408
|
-
if (
|
|
1449
|
+
if (triggerRef?.value) {
|
|
1450
|
+
const expanded = triggerRef.value.getAttribute("aria-expanded") === "true";
|
|
1451
|
+
const evtIsFromTrigger = evt.target === triggerRef.value;
|
|
1452
|
+
if (evt.key === "Escape" && expanded && evtIsFromTrigger) {
|
|
1453
|
+
escHandler();
|
|
1454
|
+
}
|
|
1455
|
+
} else {
|
|
1456
|
+
if (evt.key === "Escape") escHandler();
|
|
1457
|
+
}
|
|
1409
1458
|
};
|
|
1410
|
-
|
|
1459
|
+
if (triggerRef?.value) {
|
|
1460
|
+
triggerRef.value.addEventListener("keyup", handleEscKey, false);
|
|
1461
|
+
} else {
|
|
1462
|
+
document.addEventListener("keyup", handleEscKey, false);
|
|
1463
|
+
}
|
|
1411
1464
|
}
|
|
1412
1465
|
};
|
|
1413
1466
|
|
|
1414
1467
|
const _hoisted_1$a = ["data-testid", "data-cy"];
|
|
1468
|
+
const _hoisted_2$7 = ["aria-labelledby", "aria-hidden", "id"];
|
|
1415
1469
|
const prefix$h = "clll-disclosure";
|
|
1416
1470
|
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
1417
1471
|
__name: "Disclosure",
|
|
1418
1472
|
props: {
|
|
1419
1473
|
compact: { type: Boolean },
|
|
1420
1474
|
contentSpacing: { type: Boolean, default: true },
|
|
1475
|
+
disclosureId: {},
|
|
1421
1476
|
expanded: { type: Boolean, default: false },
|
|
1422
1477
|
expandedIcon: { default: IconNames.ChevronUp },
|
|
1423
1478
|
heading: {},
|
|
1424
1479
|
headingType: { default: HeadingTypes.Title },
|
|
1425
1480
|
headingLevel: {},
|
|
1426
1481
|
icon: { default: IconNames.ChevronDown },
|
|
1427
|
-
iconSize: { default: Sizes.
|
|
1482
|
+
iconSize: { default: Sizes.Medium },
|
|
1428
1483
|
rounded: { type: Boolean, default: true },
|
|
1429
1484
|
subHeading: {},
|
|
1430
1485
|
subHeadingType: { default: TextTypes.Body },
|
|
@@ -1433,7 +1488,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1433
1488
|
},
|
|
1434
1489
|
setup(__props) {
|
|
1435
1490
|
const props = __props;
|
|
1491
|
+
let buttonElem = ref();
|
|
1436
1492
|
const expanded = ref(props.expanded);
|
|
1493
|
+
const buttonForwardRefHandler = (elem) => {
|
|
1494
|
+
if (elem) buttonElem.value = elem;
|
|
1495
|
+
};
|
|
1437
1496
|
const onTriggerClickedHandler = () => {
|
|
1438
1497
|
if (!expanded.value) {
|
|
1439
1498
|
expanded.value = true;
|
|
@@ -1441,7 +1500,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1441
1500
|
expanded.value = false;
|
|
1442
1501
|
}
|
|
1443
1502
|
};
|
|
1444
|
-
useEsc({ escHandler: onTriggerClickedHandler });
|
|
1503
|
+
useEsc({ escHandler: onTriggerClickedHandler, triggerRef: buttonElem });
|
|
1445
1504
|
return (_ctx, _cache) => {
|
|
1446
1505
|
return openBlock(), createElementBlock("div", {
|
|
1447
1506
|
class: normalizeClass([
|
|
@@ -1459,12 +1518,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1459
1518
|
class: normalizeClass(`${prefix$h}__trigger`)
|
|
1460
1519
|
}, [
|
|
1461
1520
|
createVNode(unref(__default__), {
|
|
1521
|
+
"aria-controls": `${prefix$h}--${_ctx.disclosureId}`,
|
|
1522
|
+
"aria-expanded": expanded.value,
|
|
1523
|
+
forwardRef: buttonForwardRefHandler,
|
|
1524
|
+
"icon-after": !expanded.value ? _ctx.icon : _ctx.expandedIcon,
|
|
1525
|
+
"icon-size": _ctx.iconSize,
|
|
1526
|
+
id: `${prefix$h}__button--${_ctx.disclosureId}`,
|
|
1462
1527
|
theme: unref(Themes).Transparent,
|
|
1463
|
-
|
|
1528
|
+
"on-click": onTriggerClickedHandler,
|
|
1464
1529
|
type: unref(ButtonTypes).Button,
|
|
1465
1530
|
rounded: false,
|
|
1466
|
-
iconAfter: !expanded.value ? _ctx.icon : _ctx.expandedIcon,
|
|
1467
|
-
iconSize: _ctx.iconSize,
|
|
1468
1531
|
width: "100%",
|
|
1469
1532
|
wrap: ""
|
|
1470
1533
|
}, {
|
|
@@ -1478,21 +1541,27 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1478
1541
|
]),
|
|
1479
1542
|
_: 1
|
|
1480
1543
|
}, 8, ["type", "level"]),
|
|
1481
|
-
|
|
1544
|
+
_ctx.subHeading ? (openBlock(), createBlock(unref(_sfc_main$2), {
|
|
1545
|
+
key: 0,
|
|
1546
|
+
type: _ctx.subHeadingType
|
|
1547
|
+
}, {
|
|
1482
1548
|
default: withCtx(() => [
|
|
1483
1549
|
createTextVNode(toDisplayString(_ctx.subHeading), 1)
|
|
1484
1550
|
]),
|
|
1485
1551
|
_: 1
|
|
1486
|
-
}, 8, ["type"])
|
|
1552
|
+
}, 8, ["type"])) : createCommentVNode("", true)
|
|
1487
1553
|
]),
|
|
1488
1554
|
_: 1
|
|
1489
|
-
}, 8, ["
|
|
1555
|
+
}, 8, ["aria-controls", "aria-expanded", "icon-after", "icon-size", "id", "theme", "type"])
|
|
1490
1556
|
], 2),
|
|
1491
1557
|
createElementVNode("div", {
|
|
1492
|
-
|
|
1558
|
+
"aria-labelledby": `${prefix$h}__button--${_ctx.disclosureId}`,
|
|
1559
|
+
"aria-hidden": !expanded.value,
|
|
1560
|
+
class: normalizeClass(`${prefix$h}__content`),
|
|
1561
|
+
id: `${prefix$h}--${_ctx.disclosureId}`
|
|
1493
1562
|
}, [
|
|
1494
1563
|
renderSlot(_ctx.$slots, "default")
|
|
1495
|
-
],
|
|
1564
|
+
], 10, _hoisted_2$7)
|
|
1496
1565
|
], 10, _hoisted_1$a);
|
|
1497
1566
|
};
|
|
1498
1567
|
}
|
|
@@ -1599,7 +1668,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1599
1668
|
});
|
|
1600
1669
|
|
|
1601
1670
|
const _hoisted_1$8 = ["for"];
|
|
1602
|
-
const _hoisted_2$5 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"
|
|
1671
|
+
const _hoisted_2$5 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type"];
|
|
1603
1672
|
const _hoisted_3$1 = { key: 1 };
|
|
1604
1673
|
const cssPrefix$3 = "clll-input";
|
|
1605
1674
|
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
@@ -1609,7 +1678,6 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1609
1678
|
autoComplete: { type: Boolean },
|
|
1610
1679
|
busy: { type: Boolean },
|
|
1611
1680
|
disabled: { type: Boolean },
|
|
1612
|
-
floatingLabel: { type: Boolean },
|
|
1613
1681
|
fluid: { type: Boolean, default: false },
|
|
1614
1682
|
form: {},
|
|
1615
1683
|
grouped: { type: Boolean },
|
|
@@ -1641,6 +1709,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1641
1709
|
setup(__props) {
|
|
1642
1710
|
const props = __props;
|
|
1643
1711
|
const inputElem = ref();
|
|
1712
|
+
const selectedColor = ref(props?.value);
|
|
1644
1713
|
const isAnIcon = (text) => Object.values(IconNames).includes(text);
|
|
1645
1714
|
const getIcon = (text) => text;
|
|
1646
1715
|
const getIconSize = () => {
|
|
@@ -1681,17 +1750,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1681
1750
|
`${cssPrefix$3}--${_ctx.size}`,
|
|
1682
1751
|
`${cssPrefix$3}--${_ctx.type}`,
|
|
1683
1752
|
_ctx.label ? `${cssPrefix$3}--haslabel` : "",
|
|
1684
|
-
_ctx.floatingLabel ? `${cssPrefix$3}--hasfloatinglabel` : "",
|
|
1685
1753
|
_ctx.messageType ? `${cssPrefix$3}--${_ctx.messageType}` : "",
|
|
1686
1754
|
_ctx.busy ? `${cssPrefix$3}--busy` : `${cssPrefix$3}--ready`,
|
|
1687
1755
|
_ctx.disabled ? `${cssPrefix$3}--disabled` : `${cssPrefix$3}--active`,
|
|
1688
1756
|
_ctx.readonly ? `${cssPrefix$3}--readonly` : `${cssPrefix$3}--writeable`,
|
|
1689
1757
|
_ctx.rounded ? `${cssPrefix$3}--rounded` : `${cssPrefix$3}--box`,
|
|
1690
1758
|
_ctx.required ? `${cssPrefix$3}--required` : `${cssPrefix$3}--optional`,
|
|
1691
|
-
_ctx.prefix ? `${cssPrefix$3}--hasprefix` : "",
|
|
1692
|
-
_ctx.prefix ? isAnIcon(_ctx.prefix) ? `${cssPrefix$3}--hasiconprefix` : `${cssPrefix$3}--hascustomprefix` : "",
|
|
1693
|
-
_ctx.suffix ? `${cssPrefix$3}--hassuffix` : "",
|
|
1694
|
-
_ctx.suffix ? isAnIcon(_ctx.suffix) ? `${cssPrefix$3}--hasiconsuffix` : `${cssPrefix$3}--hascustomsuffix` : "",
|
|
1759
|
+
_ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? `${cssPrefix$3}--hasprefix` : "",
|
|
1760
|
+
_ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? isAnIcon(_ctx.prefix) ? `${cssPrefix$3}--hasiconprefix` : `${cssPrefix$3}--hascustomprefix` : "",
|
|
1761
|
+
_ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? `${cssPrefix$3}--hassuffix` : "",
|
|
1762
|
+
_ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? isAnIcon(_ctx.suffix) ? `${cssPrefix$3}--hasiconsuffix` : `${cssPrefix$3}--hascustomsuffix` : "",
|
|
1695
1763
|
_ctx.grouped ? `${cssPrefix$3}--grouped` : "",
|
|
1696
1764
|
_ctx.pill ? `${cssPrefix$3}--haspill` : "",
|
|
1697
1765
|
_ctx.fluid ? `${cssPrefix$3}--fluid` : `${cssPrefix$3}--fixed`
|
|
@@ -1716,7 +1784,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1716
1784
|
class: normalizeClass([`${cssPrefix$3}__input-container`, "--focus-within"]),
|
|
1717
1785
|
onClick: setFocusHandler
|
|
1718
1786
|
}, [
|
|
1719
|
-
_ctx.prefix ? (openBlock(), createElementBlock("span", {
|
|
1787
|
+
_ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? (openBlock(), createElementBlock("span", {
|
|
1720
1788
|
key: 0,
|
|
1721
1789
|
class: normalizeClass([
|
|
1722
1790
|
`${cssPrefix$3}__input-prefix`,
|
|
@@ -1732,7 +1800,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1732
1800
|
createTextVNode(toDisplayString(_ctx.prefix), 1)
|
|
1733
1801
|
], 64))
|
|
1734
1802
|
], 2)) : createCommentVNode("", true),
|
|
1735
|
-
createElementVNode("input", {
|
|
1803
|
+
withDirectives(createElementVNode("input", {
|
|
1736
1804
|
ref_key: "inputElem",
|
|
1737
1805
|
ref: inputElem,
|
|
1738
1806
|
id: _ctx.id,
|
|
@@ -1749,22 +1817,28 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1749
1817
|
required: _ctx.required,
|
|
1750
1818
|
spellcheck: _ctx.spellCheck,
|
|
1751
1819
|
type: _ctx.type,
|
|
1752
|
-
|
|
1753
|
-
onInput: _cache[
|
|
1820
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedColor.value = $event),
|
|
1821
|
+
onInput: _cache[1] || (_cache[1] = //@ts-ignore
|
|
1754
1822
|
(...args) => _ctx.onInput && _ctx.onInput(...args)),
|
|
1755
|
-
onChange: _cache[
|
|
1823
|
+
onChange: _cache[2] || (_cache[2] = //@ts-ignore
|
|
1756
1824
|
(...args) => _ctx.onChange && _ctx.onChange(...args)),
|
|
1757
|
-
onFocus: _cache[
|
|
1825
|
+
onFocus: _cache[3] || (_cache[3] = //@ts-ignore
|
|
1758
1826
|
(...args) => _ctx.onFocus && _ctx.onFocus(...args)),
|
|
1759
|
-
onBlur: _cache[
|
|
1827
|
+
onBlur: _cache[4] || (_cache[4] = //@ts-ignore
|
|
1760
1828
|
(...args) => _ctx.onBlur && _ctx.onBlur(...args)),
|
|
1761
1829
|
class: normalizeClass([
|
|
1762
1830
|
`${cssPrefix$3}__input`,
|
|
1763
1831
|
{ "--input-group": _ctx.grouped || _ctx.prefix || _ctx.suffix }
|
|
1764
1832
|
])
|
|
1765
|
-
}, null, 42, _hoisted_2$5),
|
|
1766
|
-
|
|
1833
|
+
}, null, 42, _hoisted_2$5), [
|
|
1834
|
+
[vModelDynamic, selectedColor.value]
|
|
1835
|
+
]),
|
|
1836
|
+
_ctx.type === unref(InputTypes).Color ? (openBlock(), createElementBlock("span", {
|
|
1767
1837
|
key: 1,
|
|
1838
|
+
class: normalizeClass(`${cssPrefix$3}__selected-color`)
|
|
1839
|
+
}, toDisplayString(selectedColor.value), 3)) : createCommentVNode("", true),
|
|
1840
|
+
_ctx.suffix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? (openBlock(), createElementBlock("span", {
|
|
1841
|
+
key: 2,
|
|
1768
1842
|
class: normalizeClass([
|
|
1769
1843
|
`${cssPrefix$3}__input-suffix`,
|
|
1770
1844
|
!isAnIcon(_ctx.suffix) ? `${cssPrefix$3}__input-suffix--string` : `${cssPrefix$3}__input-suffix--icon`,
|
|
@@ -1838,6 +1912,1624 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1838
1912
|
}
|
|
1839
1913
|
});
|
|
1840
1914
|
|
|
1915
|
+
/**
|
|
1916
|
+
* Custom positioning reference element.
|
|
1917
|
+
* @see https://floating-ui.com/docs/virtual-elements
|
|
1918
|
+
*/
|
|
1919
|
+
|
|
1920
|
+
const min = Math.min;
|
|
1921
|
+
const max = Math.max;
|
|
1922
|
+
const round = Math.round;
|
|
1923
|
+
const floor = Math.floor;
|
|
1924
|
+
const createCoords = v => ({
|
|
1925
|
+
x: v,
|
|
1926
|
+
y: v
|
|
1927
|
+
});
|
|
1928
|
+
const oppositeSideMap = {
|
|
1929
|
+
left: 'right',
|
|
1930
|
+
right: 'left',
|
|
1931
|
+
bottom: 'top',
|
|
1932
|
+
top: 'bottom'
|
|
1933
|
+
};
|
|
1934
|
+
const oppositeAlignmentMap = {
|
|
1935
|
+
start: 'end',
|
|
1936
|
+
end: 'start'
|
|
1937
|
+
};
|
|
1938
|
+
function clamp(start, value, end) {
|
|
1939
|
+
return max(start, min(value, end));
|
|
1940
|
+
}
|
|
1941
|
+
function evaluate(value, param) {
|
|
1942
|
+
return typeof value === 'function' ? value(param) : value;
|
|
1943
|
+
}
|
|
1944
|
+
function getSide(placement) {
|
|
1945
|
+
return placement.split('-')[0];
|
|
1946
|
+
}
|
|
1947
|
+
function getAlignment(placement) {
|
|
1948
|
+
return placement.split('-')[1];
|
|
1949
|
+
}
|
|
1950
|
+
function getOppositeAxis(axis) {
|
|
1951
|
+
return axis === 'x' ? 'y' : 'x';
|
|
1952
|
+
}
|
|
1953
|
+
function getAxisLength(axis) {
|
|
1954
|
+
return axis === 'y' ? 'height' : 'width';
|
|
1955
|
+
}
|
|
1956
|
+
function getSideAxis(placement) {
|
|
1957
|
+
return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
|
|
1958
|
+
}
|
|
1959
|
+
function getAlignmentAxis(placement) {
|
|
1960
|
+
return getOppositeAxis(getSideAxis(placement));
|
|
1961
|
+
}
|
|
1962
|
+
function getAlignmentSides(placement, rects, rtl) {
|
|
1963
|
+
if (rtl === void 0) {
|
|
1964
|
+
rtl = false;
|
|
1965
|
+
}
|
|
1966
|
+
const alignment = getAlignment(placement);
|
|
1967
|
+
const alignmentAxis = getAlignmentAxis(placement);
|
|
1968
|
+
const length = getAxisLength(alignmentAxis);
|
|
1969
|
+
let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
|
|
1970
|
+
if (rects.reference[length] > rects.floating[length]) {
|
|
1971
|
+
mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
|
|
1972
|
+
}
|
|
1973
|
+
return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
|
|
1974
|
+
}
|
|
1975
|
+
function getExpandedPlacements(placement) {
|
|
1976
|
+
const oppositePlacement = getOppositePlacement(placement);
|
|
1977
|
+
return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
|
|
1978
|
+
}
|
|
1979
|
+
function getOppositeAlignmentPlacement(placement) {
|
|
1980
|
+
return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
|
|
1981
|
+
}
|
|
1982
|
+
function getSideList(side, isStart, rtl) {
|
|
1983
|
+
const lr = ['left', 'right'];
|
|
1984
|
+
const rl = ['right', 'left'];
|
|
1985
|
+
const tb = ['top', 'bottom'];
|
|
1986
|
+
const bt = ['bottom', 'top'];
|
|
1987
|
+
switch (side) {
|
|
1988
|
+
case 'top':
|
|
1989
|
+
case 'bottom':
|
|
1990
|
+
if (rtl) return isStart ? rl : lr;
|
|
1991
|
+
return isStart ? lr : rl;
|
|
1992
|
+
case 'left':
|
|
1993
|
+
case 'right':
|
|
1994
|
+
return isStart ? tb : bt;
|
|
1995
|
+
default:
|
|
1996
|
+
return [];
|
|
1997
|
+
}
|
|
1998
|
+
}
|
|
1999
|
+
function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
|
|
2000
|
+
const alignment = getAlignment(placement);
|
|
2001
|
+
let list = getSideList(getSide(placement), direction === 'start', rtl);
|
|
2002
|
+
if (alignment) {
|
|
2003
|
+
list = list.map(side => side + "-" + alignment);
|
|
2004
|
+
if (flipAlignment) {
|
|
2005
|
+
list = list.concat(list.map(getOppositeAlignmentPlacement));
|
|
2006
|
+
}
|
|
2007
|
+
}
|
|
2008
|
+
return list;
|
|
2009
|
+
}
|
|
2010
|
+
function getOppositePlacement(placement) {
|
|
2011
|
+
return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
|
|
2012
|
+
}
|
|
2013
|
+
function expandPaddingObject(padding) {
|
|
2014
|
+
return {
|
|
2015
|
+
top: 0,
|
|
2016
|
+
right: 0,
|
|
2017
|
+
bottom: 0,
|
|
2018
|
+
left: 0,
|
|
2019
|
+
...padding
|
|
2020
|
+
};
|
|
2021
|
+
}
|
|
2022
|
+
function getPaddingObject(padding) {
|
|
2023
|
+
return typeof padding !== 'number' ? expandPaddingObject(padding) : {
|
|
2024
|
+
top: padding,
|
|
2025
|
+
right: padding,
|
|
2026
|
+
bottom: padding,
|
|
2027
|
+
left: padding
|
|
2028
|
+
};
|
|
2029
|
+
}
|
|
2030
|
+
function rectToClientRect(rect) {
|
|
2031
|
+
const {
|
|
2032
|
+
x,
|
|
2033
|
+
y,
|
|
2034
|
+
width,
|
|
2035
|
+
height
|
|
2036
|
+
} = rect;
|
|
2037
|
+
return {
|
|
2038
|
+
width,
|
|
2039
|
+
height,
|
|
2040
|
+
top: y,
|
|
2041
|
+
left: x,
|
|
2042
|
+
right: x + width,
|
|
2043
|
+
bottom: y + height,
|
|
2044
|
+
x,
|
|
2045
|
+
y
|
|
2046
|
+
};
|
|
2047
|
+
}
|
|
2048
|
+
|
|
2049
|
+
function computeCoordsFromPlacement(_ref, placement, rtl) {
|
|
2050
|
+
let {
|
|
2051
|
+
reference,
|
|
2052
|
+
floating
|
|
2053
|
+
} = _ref;
|
|
2054
|
+
const sideAxis = getSideAxis(placement);
|
|
2055
|
+
const alignmentAxis = getAlignmentAxis(placement);
|
|
2056
|
+
const alignLength = getAxisLength(alignmentAxis);
|
|
2057
|
+
const side = getSide(placement);
|
|
2058
|
+
const isVertical = sideAxis === 'y';
|
|
2059
|
+
const commonX = reference.x + reference.width / 2 - floating.width / 2;
|
|
2060
|
+
const commonY = reference.y + reference.height / 2 - floating.height / 2;
|
|
2061
|
+
const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
|
|
2062
|
+
let coords;
|
|
2063
|
+
switch (side) {
|
|
2064
|
+
case 'top':
|
|
2065
|
+
coords = {
|
|
2066
|
+
x: commonX,
|
|
2067
|
+
y: reference.y - floating.height
|
|
2068
|
+
};
|
|
2069
|
+
break;
|
|
2070
|
+
case 'bottom':
|
|
2071
|
+
coords = {
|
|
2072
|
+
x: commonX,
|
|
2073
|
+
y: reference.y + reference.height
|
|
2074
|
+
};
|
|
2075
|
+
break;
|
|
2076
|
+
case 'right':
|
|
2077
|
+
coords = {
|
|
2078
|
+
x: reference.x + reference.width,
|
|
2079
|
+
y: commonY
|
|
2080
|
+
};
|
|
2081
|
+
break;
|
|
2082
|
+
case 'left':
|
|
2083
|
+
coords = {
|
|
2084
|
+
x: reference.x - floating.width,
|
|
2085
|
+
y: commonY
|
|
2086
|
+
};
|
|
2087
|
+
break;
|
|
2088
|
+
default:
|
|
2089
|
+
coords = {
|
|
2090
|
+
x: reference.x,
|
|
2091
|
+
y: reference.y
|
|
2092
|
+
};
|
|
2093
|
+
}
|
|
2094
|
+
switch (getAlignment(placement)) {
|
|
2095
|
+
case 'start':
|
|
2096
|
+
coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
|
|
2097
|
+
break;
|
|
2098
|
+
case 'end':
|
|
2099
|
+
coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
|
|
2100
|
+
break;
|
|
2101
|
+
}
|
|
2102
|
+
return coords;
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2105
|
+
/**
|
|
2106
|
+
* Computes the `x` and `y` coordinates that will place the floating element
|
|
2107
|
+
* next to a given reference element.
|
|
2108
|
+
*
|
|
2109
|
+
* This export does not have any `platform` interface logic. You will need to
|
|
2110
|
+
* write one for the platform you are using Floating UI with.
|
|
2111
|
+
*/
|
|
2112
|
+
const computePosition$1 = async (reference, floating, config) => {
|
|
2113
|
+
const {
|
|
2114
|
+
placement = 'bottom',
|
|
2115
|
+
strategy = 'absolute',
|
|
2116
|
+
middleware = [],
|
|
2117
|
+
platform
|
|
2118
|
+
} = config;
|
|
2119
|
+
const validMiddleware = middleware.filter(Boolean);
|
|
2120
|
+
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
|
|
2121
|
+
let rects = await platform.getElementRects({
|
|
2122
|
+
reference,
|
|
2123
|
+
floating,
|
|
2124
|
+
strategy
|
|
2125
|
+
});
|
|
2126
|
+
let {
|
|
2127
|
+
x,
|
|
2128
|
+
y
|
|
2129
|
+
} = computeCoordsFromPlacement(rects, placement, rtl);
|
|
2130
|
+
let statefulPlacement = placement;
|
|
2131
|
+
let middlewareData = {};
|
|
2132
|
+
let resetCount = 0;
|
|
2133
|
+
for (let i = 0; i < validMiddleware.length; i++) {
|
|
2134
|
+
const {
|
|
2135
|
+
name,
|
|
2136
|
+
fn
|
|
2137
|
+
} = validMiddleware[i];
|
|
2138
|
+
const {
|
|
2139
|
+
x: nextX,
|
|
2140
|
+
y: nextY,
|
|
2141
|
+
data,
|
|
2142
|
+
reset
|
|
2143
|
+
} = await fn({
|
|
2144
|
+
x,
|
|
2145
|
+
y,
|
|
2146
|
+
initialPlacement: placement,
|
|
2147
|
+
placement: statefulPlacement,
|
|
2148
|
+
strategy,
|
|
2149
|
+
middlewareData,
|
|
2150
|
+
rects,
|
|
2151
|
+
platform,
|
|
2152
|
+
elements: {
|
|
2153
|
+
reference,
|
|
2154
|
+
floating
|
|
2155
|
+
}
|
|
2156
|
+
});
|
|
2157
|
+
x = nextX != null ? nextX : x;
|
|
2158
|
+
y = nextY != null ? nextY : y;
|
|
2159
|
+
middlewareData = {
|
|
2160
|
+
...middlewareData,
|
|
2161
|
+
[name]: {
|
|
2162
|
+
...middlewareData[name],
|
|
2163
|
+
...data
|
|
2164
|
+
}
|
|
2165
|
+
};
|
|
2166
|
+
if (reset && resetCount <= 50) {
|
|
2167
|
+
resetCount++;
|
|
2168
|
+
if (typeof reset === 'object') {
|
|
2169
|
+
if (reset.placement) {
|
|
2170
|
+
statefulPlacement = reset.placement;
|
|
2171
|
+
}
|
|
2172
|
+
if (reset.rects) {
|
|
2173
|
+
rects = reset.rects === true ? await platform.getElementRects({
|
|
2174
|
+
reference,
|
|
2175
|
+
floating,
|
|
2176
|
+
strategy
|
|
2177
|
+
}) : reset.rects;
|
|
2178
|
+
}
|
|
2179
|
+
({
|
|
2180
|
+
x,
|
|
2181
|
+
y
|
|
2182
|
+
} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
|
|
2183
|
+
}
|
|
2184
|
+
i = -1;
|
|
2185
|
+
}
|
|
2186
|
+
}
|
|
2187
|
+
return {
|
|
2188
|
+
x,
|
|
2189
|
+
y,
|
|
2190
|
+
placement: statefulPlacement,
|
|
2191
|
+
strategy,
|
|
2192
|
+
middlewareData
|
|
2193
|
+
};
|
|
2194
|
+
};
|
|
2195
|
+
|
|
2196
|
+
/**
|
|
2197
|
+
* Resolves with an object of overflow side offsets that determine how much the
|
|
2198
|
+
* element is overflowing a given clipping boundary on each side.
|
|
2199
|
+
* - positive = overflowing the boundary by that number of pixels
|
|
2200
|
+
* - negative = how many pixels left before it will overflow
|
|
2201
|
+
* - 0 = lies flush with the boundary
|
|
2202
|
+
* @see https://floating-ui.com/docs/detectOverflow
|
|
2203
|
+
*/
|
|
2204
|
+
async function detectOverflow(state, options) {
|
|
2205
|
+
var _await$platform$isEle;
|
|
2206
|
+
if (options === void 0) {
|
|
2207
|
+
options = {};
|
|
2208
|
+
}
|
|
2209
|
+
const {
|
|
2210
|
+
x,
|
|
2211
|
+
y,
|
|
2212
|
+
platform,
|
|
2213
|
+
rects,
|
|
2214
|
+
elements,
|
|
2215
|
+
strategy
|
|
2216
|
+
} = state;
|
|
2217
|
+
const {
|
|
2218
|
+
boundary = 'clippingAncestors',
|
|
2219
|
+
rootBoundary = 'viewport',
|
|
2220
|
+
elementContext = 'floating',
|
|
2221
|
+
altBoundary = false,
|
|
2222
|
+
padding = 0
|
|
2223
|
+
} = evaluate(options, state);
|
|
2224
|
+
const paddingObject = getPaddingObject(padding);
|
|
2225
|
+
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
2226
|
+
const element = elements[altBoundary ? altContext : elementContext];
|
|
2227
|
+
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
2228
|
+
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
2229
|
+
boundary,
|
|
2230
|
+
rootBoundary,
|
|
2231
|
+
strategy
|
|
2232
|
+
}));
|
|
2233
|
+
const rect = elementContext === 'floating' ? {
|
|
2234
|
+
x,
|
|
2235
|
+
y,
|
|
2236
|
+
width: rects.floating.width,
|
|
2237
|
+
height: rects.floating.height
|
|
2238
|
+
} : rects.reference;
|
|
2239
|
+
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
2240
|
+
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
2241
|
+
x: 1,
|
|
2242
|
+
y: 1
|
|
2243
|
+
} : {
|
|
2244
|
+
x: 1,
|
|
2245
|
+
y: 1
|
|
2246
|
+
};
|
|
2247
|
+
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
2248
|
+
elements,
|
|
2249
|
+
rect,
|
|
2250
|
+
offsetParent,
|
|
2251
|
+
strategy
|
|
2252
|
+
}) : rect);
|
|
2253
|
+
return {
|
|
2254
|
+
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
|
|
2255
|
+
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
|
|
2256
|
+
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
|
|
2257
|
+
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
|
|
2258
|
+
};
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2261
|
+
/**
|
|
2262
|
+
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
2263
|
+
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
2264
|
+
* clipping boundary. Alternative to `autoPlacement`.
|
|
2265
|
+
* @see https://floating-ui.com/docs/flip
|
|
2266
|
+
*/
|
|
2267
|
+
const flip$1 = function (options) {
|
|
2268
|
+
if (options === void 0) {
|
|
2269
|
+
options = {};
|
|
2270
|
+
}
|
|
2271
|
+
return {
|
|
2272
|
+
name: 'flip',
|
|
2273
|
+
options,
|
|
2274
|
+
async fn(state) {
|
|
2275
|
+
var _middlewareData$arrow, _middlewareData$flip;
|
|
2276
|
+
const {
|
|
2277
|
+
placement,
|
|
2278
|
+
middlewareData,
|
|
2279
|
+
rects,
|
|
2280
|
+
initialPlacement,
|
|
2281
|
+
platform,
|
|
2282
|
+
elements
|
|
2283
|
+
} = state;
|
|
2284
|
+
const {
|
|
2285
|
+
mainAxis: checkMainAxis = true,
|
|
2286
|
+
crossAxis: checkCrossAxis = true,
|
|
2287
|
+
fallbackPlacements: specifiedFallbackPlacements,
|
|
2288
|
+
fallbackStrategy = 'bestFit',
|
|
2289
|
+
fallbackAxisSideDirection = 'none',
|
|
2290
|
+
flipAlignment = true,
|
|
2291
|
+
...detectOverflowOptions
|
|
2292
|
+
} = evaluate(options, state);
|
|
2293
|
+
|
|
2294
|
+
// If a reset by the arrow was caused due to an alignment offset being
|
|
2295
|
+
// added, we should skip any logic now since `flip()` has already done its
|
|
2296
|
+
// work.
|
|
2297
|
+
// https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
|
|
2298
|
+
if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
|
|
2299
|
+
return {};
|
|
2300
|
+
}
|
|
2301
|
+
const side = getSide(placement);
|
|
2302
|
+
const initialSideAxis = getSideAxis(initialPlacement);
|
|
2303
|
+
const isBasePlacement = getSide(initialPlacement) === initialPlacement;
|
|
2304
|
+
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
2305
|
+
const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
|
|
2306
|
+
const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
|
|
2307
|
+
if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
|
|
2308
|
+
fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
|
|
2309
|
+
}
|
|
2310
|
+
const placements = [initialPlacement, ...fallbackPlacements];
|
|
2311
|
+
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
2312
|
+
const overflows = [];
|
|
2313
|
+
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
|
|
2314
|
+
if (checkMainAxis) {
|
|
2315
|
+
overflows.push(overflow[side]);
|
|
2316
|
+
}
|
|
2317
|
+
if (checkCrossAxis) {
|
|
2318
|
+
const sides = getAlignmentSides(placement, rects, rtl);
|
|
2319
|
+
overflows.push(overflow[sides[0]], overflow[sides[1]]);
|
|
2320
|
+
}
|
|
2321
|
+
overflowsData = [...overflowsData, {
|
|
2322
|
+
placement,
|
|
2323
|
+
overflows
|
|
2324
|
+
}];
|
|
2325
|
+
|
|
2326
|
+
// One or more sides is overflowing.
|
|
2327
|
+
if (!overflows.every(side => side <= 0)) {
|
|
2328
|
+
var _middlewareData$flip2, _overflowsData$filter;
|
|
2329
|
+
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
2330
|
+
const nextPlacement = placements[nextIndex];
|
|
2331
|
+
if (nextPlacement) {
|
|
2332
|
+
// Try next placement and re-run the lifecycle.
|
|
2333
|
+
return {
|
|
2334
|
+
data: {
|
|
2335
|
+
index: nextIndex,
|
|
2336
|
+
overflows: overflowsData
|
|
2337
|
+
},
|
|
2338
|
+
reset: {
|
|
2339
|
+
placement: nextPlacement
|
|
2340
|
+
}
|
|
2341
|
+
};
|
|
2342
|
+
}
|
|
2343
|
+
|
|
2344
|
+
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
2345
|
+
// then find the placement that fits the best on the main crossAxis side.
|
|
2346
|
+
let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
|
|
2347
|
+
|
|
2348
|
+
// Otherwise fallback.
|
|
2349
|
+
if (!resetPlacement) {
|
|
2350
|
+
switch (fallbackStrategy) {
|
|
2351
|
+
case 'bestFit':
|
|
2352
|
+
{
|
|
2353
|
+
var _overflowsData$filter2;
|
|
2354
|
+
const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
|
|
2355
|
+
if (hasFallbackAxisSideDirection) {
|
|
2356
|
+
const currentSideAxis = getSideAxis(d.placement);
|
|
2357
|
+
return currentSideAxis === initialSideAxis ||
|
|
2358
|
+
// Create a bias to the `y` side axis due to horizontal
|
|
2359
|
+
// reading directions favoring greater width.
|
|
2360
|
+
currentSideAxis === 'y';
|
|
2361
|
+
}
|
|
2362
|
+
return true;
|
|
2363
|
+
}).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
|
|
2364
|
+
if (placement) {
|
|
2365
|
+
resetPlacement = placement;
|
|
2366
|
+
}
|
|
2367
|
+
break;
|
|
2368
|
+
}
|
|
2369
|
+
case 'initialPlacement':
|
|
2370
|
+
resetPlacement = initialPlacement;
|
|
2371
|
+
break;
|
|
2372
|
+
}
|
|
2373
|
+
}
|
|
2374
|
+
if (placement !== resetPlacement) {
|
|
2375
|
+
return {
|
|
2376
|
+
reset: {
|
|
2377
|
+
placement: resetPlacement
|
|
2378
|
+
}
|
|
2379
|
+
};
|
|
2380
|
+
}
|
|
2381
|
+
}
|
|
2382
|
+
return {};
|
|
2383
|
+
}
|
|
2384
|
+
};
|
|
2385
|
+
};
|
|
2386
|
+
|
|
2387
|
+
// For type backwards-compatibility, the `OffsetOptions` type was also
|
|
2388
|
+
// Derivable.
|
|
2389
|
+
|
|
2390
|
+
async function convertValueToCoords(state, options) {
|
|
2391
|
+
const {
|
|
2392
|
+
placement,
|
|
2393
|
+
platform,
|
|
2394
|
+
elements
|
|
2395
|
+
} = state;
|
|
2396
|
+
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
2397
|
+
const side = getSide(placement);
|
|
2398
|
+
const alignment = getAlignment(placement);
|
|
2399
|
+
const isVertical = getSideAxis(placement) === 'y';
|
|
2400
|
+
const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
|
|
2401
|
+
const crossAxisMulti = rtl && isVertical ? -1 : 1;
|
|
2402
|
+
const rawValue = evaluate(options, state);
|
|
2403
|
+
|
|
2404
|
+
// eslint-disable-next-line prefer-const
|
|
2405
|
+
let {
|
|
2406
|
+
mainAxis,
|
|
2407
|
+
crossAxis,
|
|
2408
|
+
alignmentAxis
|
|
2409
|
+
} = typeof rawValue === 'number' ? {
|
|
2410
|
+
mainAxis: rawValue,
|
|
2411
|
+
crossAxis: 0,
|
|
2412
|
+
alignmentAxis: null
|
|
2413
|
+
} : {
|
|
2414
|
+
mainAxis: rawValue.mainAxis || 0,
|
|
2415
|
+
crossAxis: rawValue.crossAxis || 0,
|
|
2416
|
+
alignmentAxis: rawValue.alignmentAxis
|
|
2417
|
+
};
|
|
2418
|
+
if (alignment && typeof alignmentAxis === 'number') {
|
|
2419
|
+
crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
|
|
2420
|
+
}
|
|
2421
|
+
return isVertical ? {
|
|
2422
|
+
x: crossAxis * crossAxisMulti,
|
|
2423
|
+
y: mainAxis * mainAxisMulti
|
|
2424
|
+
} : {
|
|
2425
|
+
x: mainAxis * mainAxisMulti,
|
|
2426
|
+
y: crossAxis * crossAxisMulti
|
|
2427
|
+
};
|
|
2428
|
+
}
|
|
2429
|
+
|
|
2430
|
+
/**
|
|
2431
|
+
* Modifies the placement by translating the floating element along the
|
|
2432
|
+
* specified axes.
|
|
2433
|
+
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
2434
|
+
* object may be passed.
|
|
2435
|
+
* @see https://floating-ui.com/docs/offset
|
|
2436
|
+
*/
|
|
2437
|
+
const offset$1 = function (options) {
|
|
2438
|
+
if (options === void 0) {
|
|
2439
|
+
options = 0;
|
|
2440
|
+
}
|
|
2441
|
+
return {
|
|
2442
|
+
name: 'offset',
|
|
2443
|
+
options,
|
|
2444
|
+
async fn(state) {
|
|
2445
|
+
var _middlewareData$offse, _middlewareData$arrow;
|
|
2446
|
+
const {
|
|
2447
|
+
x,
|
|
2448
|
+
y,
|
|
2449
|
+
placement,
|
|
2450
|
+
middlewareData
|
|
2451
|
+
} = state;
|
|
2452
|
+
const diffCoords = await convertValueToCoords(state, options);
|
|
2453
|
+
|
|
2454
|
+
// If the placement is the same and the arrow caused an alignment offset
|
|
2455
|
+
// then we don't need to change the positioning coordinates.
|
|
2456
|
+
if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
|
|
2457
|
+
return {};
|
|
2458
|
+
}
|
|
2459
|
+
return {
|
|
2460
|
+
x: x + diffCoords.x,
|
|
2461
|
+
y: y + diffCoords.y,
|
|
2462
|
+
data: {
|
|
2463
|
+
...diffCoords,
|
|
2464
|
+
placement
|
|
2465
|
+
}
|
|
2466
|
+
};
|
|
2467
|
+
}
|
|
2468
|
+
};
|
|
2469
|
+
};
|
|
2470
|
+
|
|
2471
|
+
/**
|
|
2472
|
+
* Optimizes the visibility of the floating element by shifting it in order to
|
|
2473
|
+
* keep it in view when it will overflow the clipping boundary.
|
|
2474
|
+
* @see https://floating-ui.com/docs/shift
|
|
2475
|
+
*/
|
|
2476
|
+
const shift$1 = function (options) {
|
|
2477
|
+
if (options === void 0) {
|
|
2478
|
+
options = {};
|
|
2479
|
+
}
|
|
2480
|
+
return {
|
|
2481
|
+
name: 'shift',
|
|
2482
|
+
options,
|
|
2483
|
+
async fn(state) {
|
|
2484
|
+
const {
|
|
2485
|
+
x,
|
|
2486
|
+
y,
|
|
2487
|
+
placement
|
|
2488
|
+
} = state;
|
|
2489
|
+
const {
|
|
2490
|
+
mainAxis: checkMainAxis = true,
|
|
2491
|
+
crossAxis: checkCrossAxis = false,
|
|
2492
|
+
limiter = {
|
|
2493
|
+
fn: _ref => {
|
|
2494
|
+
let {
|
|
2495
|
+
x,
|
|
2496
|
+
y
|
|
2497
|
+
} = _ref;
|
|
2498
|
+
return {
|
|
2499
|
+
x,
|
|
2500
|
+
y
|
|
2501
|
+
};
|
|
2502
|
+
}
|
|
2503
|
+
},
|
|
2504
|
+
...detectOverflowOptions
|
|
2505
|
+
} = evaluate(options, state);
|
|
2506
|
+
const coords = {
|
|
2507
|
+
x,
|
|
2508
|
+
y
|
|
2509
|
+
};
|
|
2510
|
+
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
2511
|
+
const crossAxis = getSideAxis(getSide(placement));
|
|
2512
|
+
const mainAxis = getOppositeAxis(crossAxis);
|
|
2513
|
+
let mainAxisCoord = coords[mainAxis];
|
|
2514
|
+
let crossAxisCoord = coords[crossAxis];
|
|
2515
|
+
if (checkMainAxis) {
|
|
2516
|
+
const minSide = mainAxis === 'y' ? 'top' : 'left';
|
|
2517
|
+
const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
|
|
2518
|
+
const min = mainAxisCoord + overflow[minSide];
|
|
2519
|
+
const max = mainAxisCoord - overflow[maxSide];
|
|
2520
|
+
mainAxisCoord = clamp(min, mainAxisCoord, max);
|
|
2521
|
+
}
|
|
2522
|
+
if (checkCrossAxis) {
|
|
2523
|
+
const minSide = crossAxis === 'y' ? 'top' : 'left';
|
|
2524
|
+
const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
|
|
2525
|
+
const min = crossAxisCoord + overflow[minSide];
|
|
2526
|
+
const max = crossAxisCoord - overflow[maxSide];
|
|
2527
|
+
crossAxisCoord = clamp(min, crossAxisCoord, max);
|
|
2528
|
+
}
|
|
2529
|
+
const limitedCoords = limiter.fn({
|
|
2530
|
+
...state,
|
|
2531
|
+
[mainAxis]: mainAxisCoord,
|
|
2532
|
+
[crossAxis]: crossAxisCoord
|
|
2533
|
+
});
|
|
2534
|
+
return {
|
|
2535
|
+
...limitedCoords,
|
|
2536
|
+
data: {
|
|
2537
|
+
x: limitedCoords.x - x,
|
|
2538
|
+
y: limitedCoords.y - y,
|
|
2539
|
+
enabled: {
|
|
2540
|
+
[mainAxis]: checkMainAxis,
|
|
2541
|
+
[crossAxis]: checkCrossAxis
|
|
2542
|
+
}
|
|
2543
|
+
}
|
|
2544
|
+
};
|
|
2545
|
+
}
|
|
2546
|
+
};
|
|
2547
|
+
};
|
|
2548
|
+
|
|
2549
|
+
function hasWindow() {
|
|
2550
|
+
return typeof window !== 'undefined';
|
|
2551
|
+
}
|
|
2552
|
+
function getNodeName(node) {
|
|
2553
|
+
if (isNode(node)) {
|
|
2554
|
+
return (node.nodeName || '').toLowerCase();
|
|
2555
|
+
}
|
|
2556
|
+
// Mocked nodes in testing environments may not be instances of Node. By
|
|
2557
|
+
// returning `#document` an infinite loop won't occur.
|
|
2558
|
+
// https://github.com/floating-ui/floating-ui/issues/2317
|
|
2559
|
+
return '#document';
|
|
2560
|
+
}
|
|
2561
|
+
function getWindow(node) {
|
|
2562
|
+
var _node$ownerDocument;
|
|
2563
|
+
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
2564
|
+
}
|
|
2565
|
+
function getDocumentElement(node) {
|
|
2566
|
+
var _ref;
|
|
2567
|
+
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
|
|
2568
|
+
}
|
|
2569
|
+
function isNode(value) {
|
|
2570
|
+
if (!hasWindow()) {
|
|
2571
|
+
return false;
|
|
2572
|
+
}
|
|
2573
|
+
return value instanceof Node || value instanceof getWindow(value).Node;
|
|
2574
|
+
}
|
|
2575
|
+
function isElement(value) {
|
|
2576
|
+
if (!hasWindow()) {
|
|
2577
|
+
return false;
|
|
2578
|
+
}
|
|
2579
|
+
return value instanceof Element || value instanceof getWindow(value).Element;
|
|
2580
|
+
}
|
|
2581
|
+
function isHTMLElement(value) {
|
|
2582
|
+
if (!hasWindow()) {
|
|
2583
|
+
return false;
|
|
2584
|
+
}
|
|
2585
|
+
return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
|
|
2586
|
+
}
|
|
2587
|
+
function isShadowRoot(value) {
|
|
2588
|
+
if (!hasWindow() || typeof ShadowRoot === 'undefined') {
|
|
2589
|
+
return false;
|
|
2590
|
+
}
|
|
2591
|
+
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
|
|
2592
|
+
}
|
|
2593
|
+
function isOverflowElement(element) {
|
|
2594
|
+
const {
|
|
2595
|
+
overflow,
|
|
2596
|
+
overflowX,
|
|
2597
|
+
overflowY,
|
|
2598
|
+
display
|
|
2599
|
+
} = getComputedStyle(element);
|
|
2600
|
+
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
|
|
2601
|
+
}
|
|
2602
|
+
function isTableElement(element) {
|
|
2603
|
+
return ['table', 'td', 'th'].includes(getNodeName(element));
|
|
2604
|
+
}
|
|
2605
|
+
function isTopLayer(element) {
|
|
2606
|
+
return [':popover-open', ':modal'].some(selector => {
|
|
2607
|
+
try {
|
|
2608
|
+
return element.matches(selector);
|
|
2609
|
+
} catch (e) {
|
|
2610
|
+
return false;
|
|
2611
|
+
}
|
|
2612
|
+
});
|
|
2613
|
+
}
|
|
2614
|
+
function isContainingBlock(elementOrCss) {
|
|
2615
|
+
const webkit = isWebKit();
|
|
2616
|
+
const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
|
|
2617
|
+
|
|
2618
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
2619
|
+
return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
|
|
2620
|
+
}
|
|
2621
|
+
function getContainingBlock(element) {
|
|
2622
|
+
let currentNode = getParentNode(element);
|
|
2623
|
+
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
2624
|
+
if (isContainingBlock(currentNode)) {
|
|
2625
|
+
return currentNode;
|
|
2626
|
+
} else if (isTopLayer(currentNode)) {
|
|
2627
|
+
return null;
|
|
2628
|
+
}
|
|
2629
|
+
currentNode = getParentNode(currentNode);
|
|
2630
|
+
}
|
|
2631
|
+
return null;
|
|
2632
|
+
}
|
|
2633
|
+
function isWebKit() {
|
|
2634
|
+
if (typeof CSS === 'undefined' || !CSS.supports) return false;
|
|
2635
|
+
return CSS.supports('-webkit-backdrop-filter', 'none');
|
|
2636
|
+
}
|
|
2637
|
+
function isLastTraversableNode(node) {
|
|
2638
|
+
return ['html', 'body', '#document'].includes(getNodeName(node));
|
|
2639
|
+
}
|
|
2640
|
+
function getComputedStyle(element) {
|
|
2641
|
+
return getWindow(element).getComputedStyle(element);
|
|
2642
|
+
}
|
|
2643
|
+
function getNodeScroll(element) {
|
|
2644
|
+
if (isElement(element)) {
|
|
2645
|
+
return {
|
|
2646
|
+
scrollLeft: element.scrollLeft,
|
|
2647
|
+
scrollTop: element.scrollTop
|
|
2648
|
+
};
|
|
2649
|
+
}
|
|
2650
|
+
return {
|
|
2651
|
+
scrollLeft: element.scrollX,
|
|
2652
|
+
scrollTop: element.scrollY
|
|
2653
|
+
};
|
|
2654
|
+
}
|
|
2655
|
+
function getParentNode(node) {
|
|
2656
|
+
if (getNodeName(node) === 'html') {
|
|
2657
|
+
return node;
|
|
2658
|
+
}
|
|
2659
|
+
const result =
|
|
2660
|
+
// Step into the shadow DOM of the parent of a slotted node.
|
|
2661
|
+
node.assignedSlot ||
|
|
2662
|
+
// DOM Element detected.
|
|
2663
|
+
node.parentNode ||
|
|
2664
|
+
// ShadowRoot detected.
|
|
2665
|
+
isShadowRoot(node) && node.host ||
|
|
2666
|
+
// Fallback.
|
|
2667
|
+
getDocumentElement(node);
|
|
2668
|
+
return isShadowRoot(result) ? result.host : result;
|
|
2669
|
+
}
|
|
2670
|
+
function getNearestOverflowAncestor(node) {
|
|
2671
|
+
const parentNode = getParentNode(node);
|
|
2672
|
+
if (isLastTraversableNode(parentNode)) {
|
|
2673
|
+
return node.ownerDocument ? node.ownerDocument.body : node.body;
|
|
2674
|
+
}
|
|
2675
|
+
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
|
|
2676
|
+
return parentNode;
|
|
2677
|
+
}
|
|
2678
|
+
return getNearestOverflowAncestor(parentNode);
|
|
2679
|
+
}
|
|
2680
|
+
function getOverflowAncestors(node, list, traverseIframes) {
|
|
2681
|
+
var _node$ownerDocument2;
|
|
2682
|
+
if (list === void 0) {
|
|
2683
|
+
list = [];
|
|
2684
|
+
}
|
|
2685
|
+
if (traverseIframes === void 0) {
|
|
2686
|
+
traverseIframes = true;
|
|
2687
|
+
}
|
|
2688
|
+
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
2689
|
+
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
|
|
2690
|
+
const win = getWindow(scrollableAncestor);
|
|
2691
|
+
if (isBody) {
|
|
2692
|
+
const frameElement = getFrameElement(win);
|
|
2693
|
+
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
|
|
2694
|
+
}
|
|
2695
|
+
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
|
|
2696
|
+
}
|
|
2697
|
+
function getFrameElement(win) {
|
|
2698
|
+
return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
|
|
2699
|
+
}
|
|
2700
|
+
|
|
2701
|
+
function getCssDimensions(element) {
|
|
2702
|
+
const css = getComputedStyle(element);
|
|
2703
|
+
// In testing environments, the `width` and `height` properties are empty
|
|
2704
|
+
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
2705
|
+
let width = parseFloat(css.width) || 0;
|
|
2706
|
+
let height = parseFloat(css.height) || 0;
|
|
2707
|
+
const hasOffset = isHTMLElement(element);
|
|
2708
|
+
const offsetWidth = hasOffset ? element.offsetWidth : width;
|
|
2709
|
+
const offsetHeight = hasOffset ? element.offsetHeight : height;
|
|
2710
|
+
const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
|
|
2711
|
+
if (shouldFallback) {
|
|
2712
|
+
width = offsetWidth;
|
|
2713
|
+
height = offsetHeight;
|
|
2714
|
+
}
|
|
2715
|
+
return {
|
|
2716
|
+
width,
|
|
2717
|
+
height,
|
|
2718
|
+
$: shouldFallback
|
|
2719
|
+
};
|
|
2720
|
+
}
|
|
2721
|
+
|
|
2722
|
+
function unwrapElement$1(element) {
|
|
2723
|
+
return !isElement(element) ? element.contextElement : element;
|
|
2724
|
+
}
|
|
2725
|
+
|
|
2726
|
+
function getScale(element) {
|
|
2727
|
+
const domElement = unwrapElement$1(element);
|
|
2728
|
+
if (!isHTMLElement(domElement)) {
|
|
2729
|
+
return createCoords(1);
|
|
2730
|
+
}
|
|
2731
|
+
const rect = domElement.getBoundingClientRect();
|
|
2732
|
+
const {
|
|
2733
|
+
width,
|
|
2734
|
+
height,
|
|
2735
|
+
$
|
|
2736
|
+
} = getCssDimensions(domElement);
|
|
2737
|
+
let x = ($ ? round(rect.width) : rect.width) / width;
|
|
2738
|
+
let y = ($ ? round(rect.height) : rect.height) / height;
|
|
2739
|
+
|
|
2740
|
+
// 0, NaN, or Infinity should always fallback to 1.
|
|
2741
|
+
|
|
2742
|
+
if (!x || !Number.isFinite(x)) {
|
|
2743
|
+
x = 1;
|
|
2744
|
+
}
|
|
2745
|
+
if (!y || !Number.isFinite(y)) {
|
|
2746
|
+
y = 1;
|
|
2747
|
+
}
|
|
2748
|
+
return {
|
|
2749
|
+
x,
|
|
2750
|
+
y
|
|
2751
|
+
};
|
|
2752
|
+
}
|
|
2753
|
+
|
|
2754
|
+
const noOffsets = /*#__PURE__*/createCoords(0);
|
|
2755
|
+
function getVisualOffsets(element) {
|
|
2756
|
+
const win = getWindow(element);
|
|
2757
|
+
if (!isWebKit() || !win.visualViewport) {
|
|
2758
|
+
return noOffsets;
|
|
2759
|
+
}
|
|
2760
|
+
return {
|
|
2761
|
+
x: win.visualViewport.offsetLeft,
|
|
2762
|
+
y: win.visualViewport.offsetTop
|
|
2763
|
+
};
|
|
2764
|
+
}
|
|
2765
|
+
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
2766
|
+
if (isFixed === void 0) {
|
|
2767
|
+
isFixed = false;
|
|
2768
|
+
}
|
|
2769
|
+
if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
|
|
2770
|
+
return false;
|
|
2771
|
+
}
|
|
2772
|
+
return isFixed;
|
|
2773
|
+
}
|
|
2774
|
+
|
|
2775
|
+
function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
|
|
2776
|
+
if (includeScale === void 0) {
|
|
2777
|
+
includeScale = false;
|
|
2778
|
+
}
|
|
2779
|
+
if (isFixedStrategy === void 0) {
|
|
2780
|
+
isFixedStrategy = false;
|
|
2781
|
+
}
|
|
2782
|
+
const clientRect = element.getBoundingClientRect();
|
|
2783
|
+
const domElement = unwrapElement$1(element);
|
|
2784
|
+
let scale = createCoords(1);
|
|
2785
|
+
if (includeScale) {
|
|
2786
|
+
if (offsetParent) {
|
|
2787
|
+
if (isElement(offsetParent)) {
|
|
2788
|
+
scale = getScale(offsetParent);
|
|
2789
|
+
}
|
|
2790
|
+
} else {
|
|
2791
|
+
scale = getScale(element);
|
|
2792
|
+
}
|
|
2793
|
+
}
|
|
2794
|
+
const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
|
|
2795
|
+
let x = (clientRect.left + visualOffsets.x) / scale.x;
|
|
2796
|
+
let y = (clientRect.top + visualOffsets.y) / scale.y;
|
|
2797
|
+
let width = clientRect.width / scale.x;
|
|
2798
|
+
let height = clientRect.height / scale.y;
|
|
2799
|
+
if (domElement) {
|
|
2800
|
+
const win = getWindow(domElement);
|
|
2801
|
+
const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
|
|
2802
|
+
let currentWin = win;
|
|
2803
|
+
let currentIFrame = getFrameElement(currentWin);
|
|
2804
|
+
while (currentIFrame && offsetParent && offsetWin !== currentWin) {
|
|
2805
|
+
const iframeScale = getScale(currentIFrame);
|
|
2806
|
+
const iframeRect = currentIFrame.getBoundingClientRect();
|
|
2807
|
+
const css = getComputedStyle(currentIFrame);
|
|
2808
|
+
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
|
|
2809
|
+
const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
|
|
2810
|
+
x *= iframeScale.x;
|
|
2811
|
+
y *= iframeScale.y;
|
|
2812
|
+
width *= iframeScale.x;
|
|
2813
|
+
height *= iframeScale.y;
|
|
2814
|
+
x += left;
|
|
2815
|
+
y += top;
|
|
2816
|
+
currentWin = getWindow(currentIFrame);
|
|
2817
|
+
currentIFrame = getFrameElement(currentWin);
|
|
2818
|
+
}
|
|
2819
|
+
}
|
|
2820
|
+
return rectToClientRect({
|
|
2821
|
+
width,
|
|
2822
|
+
height,
|
|
2823
|
+
x,
|
|
2824
|
+
y
|
|
2825
|
+
});
|
|
2826
|
+
}
|
|
2827
|
+
|
|
2828
|
+
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
2829
|
+
let {
|
|
2830
|
+
elements,
|
|
2831
|
+
rect,
|
|
2832
|
+
offsetParent,
|
|
2833
|
+
strategy
|
|
2834
|
+
} = _ref;
|
|
2835
|
+
const isFixed = strategy === 'fixed';
|
|
2836
|
+
const documentElement = getDocumentElement(offsetParent);
|
|
2837
|
+
const topLayer = elements ? isTopLayer(elements.floating) : false;
|
|
2838
|
+
if (offsetParent === documentElement || topLayer && isFixed) {
|
|
2839
|
+
return rect;
|
|
2840
|
+
}
|
|
2841
|
+
let scroll = {
|
|
2842
|
+
scrollLeft: 0,
|
|
2843
|
+
scrollTop: 0
|
|
2844
|
+
};
|
|
2845
|
+
let scale = createCoords(1);
|
|
2846
|
+
const offsets = createCoords(0);
|
|
2847
|
+
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
2848
|
+
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
2849
|
+
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
2850
|
+
scroll = getNodeScroll(offsetParent);
|
|
2851
|
+
}
|
|
2852
|
+
if (isHTMLElement(offsetParent)) {
|
|
2853
|
+
const offsetRect = getBoundingClientRect(offsetParent);
|
|
2854
|
+
scale = getScale(offsetParent);
|
|
2855
|
+
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
2856
|
+
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
2857
|
+
}
|
|
2858
|
+
}
|
|
2859
|
+
return {
|
|
2860
|
+
width: rect.width * scale.x,
|
|
2861
|
+
height: rect.height * scale.y,
|
|
2862
|
+
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
|
|
2863
|
+
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
|
|
2864
|
+
};
|
|
2865
|
+
}
|
|
2866
|
+
|
|
2867
|
+
function getClientRects(element) {
|
|
2868
|
+
return Array.from(element.getClientRects());
|
|
2869
|
+
}
|
|
2870
|
+
|
|
2871
|
+
// If <html> has a CSS width greater than the viewport, then this will be
|
|
2872
|
+
// incorrect for RTL.
|
|
2873
|
+
function getWindowScrollBarX(element, rect) {
|
|
2874
|
+
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
2875
|
+
if (!rect) {
|
|
2876
|
+
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
2877
|
+
}
|
|
2878
|
+
return rect.left + leftScroll;
|
|
2879
|
+
}
|
|
2880
|
+
|
|
2881
|
+
// Gets the entire size of the scrollable document area, even extending outside
|
|
2882
|
+
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
|
|
2883
|
+
function getDocumentRect(element) {
|
|
2884
|
+
const html = getDocumentElement(element);
|
|
2885
|
+
const scroll = getNodeScroll(element);
|
|
2886
|
+
const body = element.ownerDocument.body;
|
|
2887
|
+
const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
|
|
2888
|
+
const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
|
|
2889
|
+
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
|
|
2890
|
+
const y = -scroll.scrollTop;
|
|
2891
|
+
if (getComputedStyle(body).direction === 'rtl') {
|
|
2892
|
+
x += max(html.clientWidth, body.clientWidth) - width;
|
|
2893
|
+
}
|
|
2894
|
+
return {
|
|
2895
|
+
width,
|
|
2896
|
+
height,
|
|
2897
|
+
x,
|
|
2898
|
+
y
|
|
2899
|
+
};
|
|
2900
|
+
}
|
|
2901
|
+
|
|
2902
|
+
function getViewportRect(element, strategy) {
|
|
2903
|
+
const win = getWindow(element);
|
|
2904
|
+
const html = getDocumentElement(element);
|
|
2905
|
+
const visualViewport = win.visualViewport;
|
|
2906
|
+
let width = html.clientWidth;
|
|
2907
|
+
let height = html.clientHeight;
|
|
2908
|
+
let x = 0;
|
|
2909
|
+
let y = 0;
|
|
2910
|
+
if (visualViewport) {
|
|
2911
|
+
width = visualViewport.width;
|
|
2912
|
+
height = visualViewport.height;
|
|
2913
|
+
const visualViewportBased = isWebKit();
|
|
2914
|
+
if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
|
|
2915
|
+
x = visualViewport.offsetLeft;
|
|
2916
|
+
y = visualViewport.offsetTop;
|
|
2917
|
+
}
|
|
2918
|
+
}
|
|
2919
|
+
return {
|
|
2920
|
+
width,
|
|
2921
|
+
height,
|
|
2922
|
+
x,
|
|
2923
|
+
y
|
|
2924
|
+
};
|
|
2925
|
+
}
|
|
2926
|
+
|
|
2927
|
+
// Returns the inner client rect, subtracting scrollbars if present.
|
|
2928
|
+
function getInnerBoundingClientRect(element, strategy) {
|
|
2929
|
+
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
2930
|
+
const top = clientRect.top + element.clientTop;
|
|
2931
|
+
const left = clientRect.left + element.clientLeft;
|
|
2932
|
+
const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
|
|
2933
|
+
const width = element.clientWidth * scale.x;
|
|
2934
|
+
const height = element.clientHeight * scale.y;
|
|
2935
|
+
const x = left * scale.x;
|
|
2936
|
+
const y = top * scale.y;
|
|
2937
|
+
return {
|
|
2938
|
+
width,
|
|
2939
|
+
height,
|
|
2940
|
+
x,
|
|
2941
|
+
y
|
|
2942
|
+
};
|
|
2943
|
+
}
|
|
2944
|
+
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
|
|
2945
|
+
let rect;
|
|
2946
|
+
if (clippingAncestor === 'viewport') {
|
|
2947
|
+
rect = getViewportRect(element, strategy);
|
|
2948
|
+
} else if (clippingAncestor === 'document') {
|
|
2949
|
+
rect = getDocumentRect(getDocumentElement(element));
|
|
2950
|
+
} else if (isElement(clippingAncestor)) {
|
|
2951
|
+
rect = getInnerBoundingClientRect(clippingAncestor, strategy);
|
|
2952
|
+
} else {
|
|
2953
|
+
const visualOffsets = getVisualOffsets(element);
|
|
2954
|
+
rect = {
|
|
2955
|
+
...clippingAncestor,
|
|
2956
|
+
x: clippingAncestor.x - visualOffsets.x,
|
|
2957
|
+
y: clippingAncestor.y - visualOffsets.y
|
|
2958
|
+
};
|
|
2959
|
+
}
|
|
2960
|
+
return rectToClientRect(rect);
|
|
2961
|
+
}
|
|
2962
|
+
function hasFixedPositionAncestor(element, stopNode) {
|
|
2963
|
+
const parentNode = getParentNode(element);
|
|
2964
|
+
if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
|
|
2965
|
+
return false;
|
|
2966
|
+
}
|
|
2967
|
+
return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
|
|
2968
|
+
}
|
|
2969
|
+
|
|
2970
|
+
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
2971
|
+
// clipping (or hiding) child elements. This returns all clipping ancestors
|
|
2972
|
+
// of the given element up the tree.
|
|
2973
|
+
function getClippingElementAncestors(element, cache) {
|
|
2974
|
+
const cachedResult = cache.get(element);
|
|
2975
|
+
if (cachedResult) {
|
|
2976
|
+
return cachedResult;
|
|
2977
|
+
}
|
|
2978
|
+
let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
2979
|
+
let currentContainingBlockComputedStyle = null;
|
|
2980
|
+
const elementIsFixed = getComputedStyle(element).position === 'fixed';
|
|
2981
|
+
let currentNode = elementIsFixed ? getParentNode(element) : element;
|
|
2982
|
+
|
|
2983
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
2984
|
+
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
2985
|
+
const computedStyle = getComputedStyle(currentNode);
|
|
2986
|
+
const currentNodeIsContaining = isContainingBlock(currentNode);
|
|
2987
|
+
if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
|
|
2988
|
+
currentContainingBlockComputedStyle = null;
|
|
2989
|
+
}
|
|
2990
|
+
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
|
|
2991
|
+
if (shouldDropCurrentNode) {
|
|
2992
|
+
// Drop non-containing blocks.
|
|
2993
|
+
result = result.filter(ancestor => ancestor !== currentNode);
|
|
2994
|
+
} else {
|
|
2995
|
+
// Record last containing block for next iteration.
|
|
2996
|
+
currentContainingBlockComputedStyle = computedStyle;
|
|
2997
|
+
}
|
|
2998
|
+
currentNode = getParentNode(currentNode);
|
|
2999
|
+
}
|
|
3000
|
+
cache.set(element, result);
|
|
3001
|
+
return result;
|
|
3002
|
+
}
|
|
3003
|
+
|
|
3004
|
+
// Gets the maximum area that the element is visible in due to any number of
|
|
3005
|
+
// clipping ancestors.
|
|
3006
|
+
function getClippingRect(_ref) {
|
|
3007
|
+
let {
|
|
3008
|
+
element,
|
|
3009
|
+
boundary,
|
|
3010
|
+
rootBoundary,
|
|
3011
|
+
strategy
|
|
3012
|
+
} = _ref;
|
|
3013
|
+
const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
3014
|
+
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
|
|
3015
|
+
const firstClippingAncestor = clippingAncestors[0];
|
|
3016
|
+
const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
|
|
3017
|
+
const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
|
|
3018
|
+
accRect.top = max(rect.top, accRect.top);
|
|
3019
|
+
accRect.right = min(rect.right, accRect.right);
|
|
3020
|
+
accRect.bottom = min(rect.bottom, accRect.bottom);
|
|
3021
|
+
accRect.left = max(rect.left, accRect.left);
|
|
3022
|
+
return accRect;
|
|
3023
|
+
}, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
|
|
3024
|
+
return {
|
|
3025
|
+
width: clippingRect.right - clippingRect.left,
|
|
3026
|
+
height: clippingRect.bottom - clippingRect.top,
|
|
3027
|
+
x: clippingRect.left,
|
|
3028
|
+
y: clippingRect.top
|
|
3029
|
+
};
|
|
3030
|
+
}
|
|
3031
|
+
|
|
3032
|
+
function getDimensions(element) {
|
|
3033
|
+
const {
|
|
3034
|
+
width,
|
|
3035
|
+
height
|
|
3036
|
+
} = getCssDimensions(element);
|
|
3037
|
+
return {
|
|
3038
|
+
width,
|
|
3039
|
+
height
|
|
3040
|
+
};
|
|
3041
|
+
}
|
|
3042
|
+
|
|
3043
|
+
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
3044
|
+
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
3045
|
+
const documentElement = getDocumentElement(offsetParent);
|
|
3046
|
+
const isFixed = strategy === 'fixed';
|
|
3047
|
+
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
|
|
3048
|
+
let scroll = {
|
|
3049
|
+
scrollLeft: 0,
|
|
3050
|
+
scrollTop: 0
|
|
3051
|
+
};
|
|
3052
|
+
const offsets = createCoords(0);
|
|
3053
|
+
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
3054
|
+
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
3055
|
+
scroll = getNodeScroll(offsetParent);
|
|
3056
|
+
}
|
|
3057
|
+
if (isOffsetParentAnElement) {
|
|
3058
|
+
const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
|
|
3059
|
+
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
3060
|
+
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
3061
|
+
} else if (documentElement) {
|
|
3062
|
+
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
3063
|
+
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
3064
|
+
offsets.x = getWindowScrollBarX(documentElement);
|
|
3065
|
+
}
|
|
3066
|
+
}
|
|
3067
|
+
let htmlX = 0;
|
|
3068
|
+
let htmlY = 0;
|
|
3069
|
+
if (documentElement && !isOffsetParentAnElement && !isFixed) {
|
|
3070
|
+
const htmlRect = documentElement.getBoundingClientRect();
|
|
3071
|
+
htmlY = htmlRect.top + scroll.scrollTop;
|
|
3072
|
+
htmlX = htmlRect.left + scroll.scrollLeft -
|
|
3073
|
+
// RTL <body> scrollbar.
|
|
3074
|
+
getWindowScrollBarX(documentElement, htmlRect);
|
|
3075
|
+
}
|
|
3076
|
+
const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
|
|
3077
|
+
const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
|
|
3078
|
+
return {
|
|
3079
|
+
x,
|
|
3080
|
+
y,
|
|
3081
|
+
width: rect.width,
|
|
3082
|
+
height: rect.height
|
|
3083
|
+
};
|
|
3084
|
+
}
|
|
3085
|
+
|
|
3086
|
+
function isStaticPositioned(element) {
|
|
3087
|
+
return getComputedStyle(element).position === 'static';
|
|
3088
|
+
}
|
|
3089
|
+
|
|
3090
|
+
function getTrueOffsetParent(element, polyfill) {
|
|
3091
|
+
if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
|
|
3092
|
+
return null;
|
|
3093
|
+
}
|
|
3094
|
+
if (polyfill) {
|
|
3095
|
+
return polyfill(element);
|
|
3096
|
+
}
|
|
3097
|
+
let rawOffsetParent = element.offsetParent;
|
|
3098
|
+
|
|
3099
|
+
// Firefox returns the <html> element as the offsetParent if it's non-static,
|
|
3100
|
+
// while Chrome and Safari return the <body> element. The <body> element must
|
|
3101
|
+
// be used to perform the correct calculations even if the <html> element is
|
|
3102
|
+
// non-static.
|
|
3103
|
+
if (getDocumentElement(element) === rawOffsetParent) {
|
|
3104
|
+
rawOffsetParent = rawOffsetParent.ownerDocument.body;
|
|
3105
|
+
}
|
|
3106
|
+
return rawOffsetParent;
|
|
3107
|
+
}
|
|
3108
|
+
|
|
3109
|
+
// Gets the closest ancestor positioned element. Handles some edge cases,
|
|
3110
|
+
// such as table ancestors and cross browser bugs.
|
|
3111
|
+
function getOffsetParent(element, polyfill) {
|
|
3112
|
+
const win = getWindow(element);
|
|
3113
|
+
if (isTopLayer(element)) {
|
|
3114
|
+
return win;
|
|
3115
|
+
}
|
|
3116
|
+
if (!isHTMLElement(element)) {
|
|
3117
|
+
let svgOffsetParent = getParentNode(element);
|
|
3118
|
+
while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
|
|
3119
|
+
if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
|
|
3120
|
+
return svgOffsetParent;
|
|
3121
|
+
}
|
|
3122
|
+
svgOffsetParent = getParentNode(svgOffsetParent);
|
|
3123
|
+
}
|
|
3124
|
+
return win;
|
|
3125
|
+
}
|
|
3126
|
+
let offsetParent = getTrueOffsetParent(element, polyfill);
|
|
3127
|
+
while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
|
|
3128
|
+
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
|
|
3129
|
+
}
|
|
3130
|
+
if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
|
|
3131
|
+
return win;
|
|
3132
|
+
}
|
|
3133
|
+
return offsetParent || getContainingBlock(element) || win;
|
|
3134
|
+
}
|
|
3135
|
+
|
|
3136
|
+
const getElementRects = async function (data) {
|
|
3137
|
+
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
|
|
3138
|
+
const getDimensionsFn = this.getDimensions;
|
|
3139
|
+
const floatingDimensions = await getDimensionsFn(data.floating);
|
|
3140
|
+
return {
|
|
3141
|
+
reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
|
|
3142
|
+
floating: {
|
|
3143
|
+
x: 0,
|
|
3144
|
+
y: 0,
|
|
3145
|
+
width: floatingDimensions.width,
|
|
3146
|
+
height: floatingDimensions.height
|
|
3147
|
+
}
|
|
3148
|
+
};
|
|
3149
|
+
};
|
|
3150
|
+
|
|
3151
|
+
function isRTL(element) {
|
|
3152
|
+
return getComputedStyle(element).direction === 'rtl';
|
|
3153
|
+
}
|
|
3154
|
+
|
|
3155
|
+
const platform = {
|
|
3156
|
+
convertOffsetParentRelativeRectToViewportRelativeRect,
|
|
3157
|
+
getDocumentElement,
|
|
3158
|
+
getClippingRect,
|
|
3159
|
+
getOffsetParent,
|
|
3160
|
+
getElementRects,
|
|
3161
|
+
getClientRects,
|
|
3162
|
+
getDimensions,
|
|
3163
|
+
getScale,
|
|
3164
|
+
isElement,
|
|
3165
|
+
isRTL
|
|
3166
|
+
};
|
|
3167
|
+
|
|
3168
|
+
// https://samthor.au/2021/observing-dom/
|
|
3169
|
+
function observeMove(element, onMove) {
|
|
3170
|
+
let io = null;
|
|
3171
|
+
let timeoutId;
|
|
3172
|
+
const root = getDocumentElement(element);
|
|
3173
|
+
function cleanup() {
|
|
3174
|
+
var _io;
|
|
3175
|
+
clearTimeout(timeoutId);
|
|
3176
|
+
(_io = io) == null || _io.disconnect();
|
|
3177
|
+
io = null;
|
|
3178
|
+
}
|
|
3179
|
+
function refresh(skip, threshold) {
|
|
3180
|
+
if (skip === void 0) {
|
|
3181
|
+
skip = false;
|
|
3182
|
+
}
|
|
3183
|
+
if (threshold === void 0) {
|
|
3184
|
+
threshold = 1;
|
|
3185
|
+
}
|
|
3186
|
+
cleanup();
|
|
3187
|
+
const {
|
|
3188
|
+
left,
|
|
3189
|
+
top,
|
|
3190
|
+
width,
|
|
3191
|
+
height
|
|
3192
|
+
} = element.getBoundingClientRect();
|
|
3193
|
+
if (!skip) {
|
|
3194
|
+
onMove();
|
|
3195
|
+
}
|
|
3196
|
+
if (!width || !height) {
|
|
3197
|
+
return;
|
|
3198
|
+
}
|
|
3199
|
+
const insetTop = floor(top);
|
|
3200
|
+
const insetRight = floor(root.clientWidth - (left + width));
|
|
3201
|
+
const insetBottom = floor(root.clientHeight - (top + height));
|
|
3202
|
+
const insetLeft = floor(left);
|
|
3203
|
+
const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
|
|
3204
|
+
const options = {
|
|
3205
|
+
rootMargin,
|
|
3206
|
+
threshold: max(0, min(1, threshold)) || 1
|
|
3207
|
+
};
|
|
3208
|
+
let isFirstUpdate = true;
|
|
3209
|
+
function handleObserve(entries) {
|
|
3210
|
+
const ratio = entries[0].intersectionRatio;
|
|
3211
|
+
if (ratio !== threshold) {
|
|
3212
|
+
if (!isFirstUpdate) {
|
|
3213
|
+
return refresh();
|
|
3214
|
+
}
|
|
3215
|
+
if (!ratio) {
|
|
3216
|
+
// If the reference is clipped, the ratio is 0. Throttle the refresh
|
|
3217
|
+
// to prevent an infinite loop of updates.
|
|
3218
|
+
timeoutId = setTimeout(() => {
|
|
3219
|
+
refresh(false, 1e-7);
|
|
3220
|
+
}, 1000);
|
|
3221
|
+
} else {
|
|
3222
|
+
refresh(false, ratio);
|
|
3223
|
+
}
|
|
3224
|
+
}
|
|
3225
|
+
isFirstUpdate = false;
|
|
3226
|
+
}
|
|
3227
|
+
|
|
3228
|
+
// Older browsers don't support a `document` as the root and will throw an
|
|
3229
|
+
// error.
|
|
3230
|
+
try {
|
|
3231
|
+
io = new IntersectionObserver(handleObserve, {
|
|
3232
|
+
...options,
|
|
3233
|
+
// Handle <iframe>s
|
|
3234
|
+
root: root.ownerDocument
|
|
3235
|
+
});
|
|
3236
|
+
} catch (e) {
|
|
3237
|
+
io = new IntersectionObserver(handleObserve, options);
|
|
3238
|
+
}
|
|
3239
|
+
io.observe(element);
|
|
3240
|
+
}
|
|
3241
|
+
refresh(true);
|
|
3242
|
+
return cleanup;
|
|
3243
|
+
}
|
|
3244
|
+
|
|
3245
|
+
/**
|
|
3246
|
+
* Automatically updates the position of the floating element when necessary.
|
|
3247
|
+
* Should only be called when the floating element is mounted on the DOM or
|
|
3248
|
+
* visible on the screen.
|
|
3249
|
+
* @returns cleanup function that should be invoked when the floating element is
|
|
3250
|
+
* removed from the DOM or hidden from the screen.
|
|
3251
|
+
* @see https://floating-ui.com/docs/autoUpdate
|
|
3252
|
+
*/
|
|
3253
|
+
function autoUpdate(reference, floating, update, options) {
|
|
3254
|
+
if (options === void 0) {
|
|
3255
|
+
options = {};
|
|
3256
|
+
}
|
|
3257
|
+
const {
|
|
3258
|
+
ancestorScroll = true,
|
|
3259
|
+
ancestorResize = true,
|
|
3260
|
+
elementResize = typeof ResizeObserver === 'function',
|
|
3261
|
+
layoutShift = typeof IntersectionObserver === 'function',
|
|
3262
|
+
animationFrame = false
|
|
3263
|
+
} = options;
|
|
3264
|
+
const referenceEl = unwrapElement$1(reference);
|
|
3265
|
+
const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
|
|
3266
|
+
ancestors.forEach(ancestor => {
|
|
3267
|
+
ancestorScroll && ancestor.addEventListener('scroll', update, {
|
|
3268
|
+
passive: true
|
|
3269
|
+
});
|
|
3270
|
+
ancestorResize && ancestor.addEventListener('resize', update);
|
|
3271
|
+
});
|
|
3272
|
+
const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
|
|
3273
|
+
let reobserveFrame = -1;
|
|
3274
|
+
let resizeObserver = null;
|
|
3275
|
+
if (elementResize) {
|
|
3276
|
+
resizeObserver = new ResizeObserver(_ref => {
|
|
3277
|
+
let [firstEntry] = _ref;
|
|
3278
|
+
if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
|
|
3279
|
+
// Prevent update loops when using the `size` middleware.
|
|
3280
|
+
// https://github.com/floating-ui/floating-ui/issues/1740
|
|
3281
|
+
resizeObserver.unobserve(floating);
|
|
3282
|
+
cancelAnimationFrame(reobserveFrame);
|
|
3283
|
+
reobserveFrame = requestAnimationFrame(() => {
|
|
3284
|
+
var _resizeObserver;
|
|
3285
|
+
(_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
|
|
3286
|
+
});
|
|
3287
|
+
}
|
|
3288
|
+
update();
|
|
3289
|
+
});
|
|
3290
|
+
if (referenceEl && !animationFrame) {
|
|
3291
|
+
resizeObserver.observe(referenceEl);
|
|
3292
|
+
}
|
|
3293
|
+
resizeObserver.observe(floating);
|
|
3294
|
+
}
|
|
3295
|
+
let frameId;
|
|
3296
|
+
let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
|
|
3297
|
+
if (animationFrame) {
|
|
3298
|
+
frameLoop();
|
|
3299
|
+
}
|
|
3300
|
+
function frameLoop() {
|
|
3301
|
+
const nextRefRect = getBoundingClientRect(reference);
|
|
3302
|
+
if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
|
|
3303
|
+
update();
|
|
3304
|
+
}
|
|
3305
|
+
prevRefRect = nextRefRect;
|
|
3306
|
+
frameId = requestAnimationFrame(frameLoop);
|
|
3307
|
+
}
|
|
3308
|
+
update();
|
|
3309
|
+
return () => {
|
|
3310
|
+
var _resizeObserver2;
|
|
3311
|
+
ancestors.forEach(ancestor => {
|
|
3312
|
+
ancestorScroll && ancestor.removeEventListener('scroll', update);
|
|
3313
|
+
ancestorResize && ancestor.removeEventListener('resize', update);
|
|
3314
|
+
});
|
|
3315
|
+
cleanupIo == null || cleanupIo();
|
|
3316
|
+
(_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
|
|
3317
|
+
resizeObserver = null;
|
|
3318
|
+
if (animationFrame) {
|
|
3319
|
+
cancelAnimationFrame(frameId);
|
|
3320
|
+
}
|
|
3321
|
+
};
|
|
3322
|
+
}
|
|
3323
|
+
|
|
3324
|
+
/**
|
|
3325
|
+
* Modifies the placement by translating the floating element along the
|
|
3326
|
+
* specified axes.
|
|
3327
|
+
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
3328
|
+
* object may be passed.
|
|
3329
|
+
* @see https://floating-ui.com/docs/offset
|
|
3330
|
+
*/
|
|
3331
|
+
const offset = offset$1;
|
|
3332
|
+
|
|
3333
|
+
/**
|
|
3334
|
+
* Optimizes the visibility of the floating element by shifting it in order to
|
|
3335
|
+
* keep it in view when it will overflow the clipping boundary.
|
|
3336
|
+
* @see https://floating-ui.com/docs/shift
|
|
3337
|
+
*/
|
|
3338
|
+
const shift = shift$1;
|
|
3339
|
+
|
|
3340
|
+
/**
|
|
3341
|
+
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
3342
|
+
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
3343
|
+
* clipping boundary. Alternative to `autoPlacement`.
|
|
3344
|
+
* @see https://floating-ui.com/docs/flip
|
|
3345
|
+
*/
|
|
3346
|
+
const flip = flip$1;
|
|
3347
|
+
|
|
3348
|
+
/**
|
|
3349
|
+
* Computes the `x` and `y` coordinates that will place the floating element
|
|
3350
|
+
* next to a given reference element.
|
|
3351
|
+
*/
|
|
3352
|
+
const computePosition = (reference, floating, options) => {
|
|
3353
|
+
// This caches the expensive `getClippingElementAncestors` function so that
|
|
3354
|
+
// multiple lifecycle resets re-use the same result. It only lives for a
|
|
3355
|
+
// single call. If other functions become expensive, we can add them as well.
|
|
3356
|
+
const cache = new Map();
|
|
3357
|
+
const mergedOptions = {
|
|
3358
|
+
platform,
|
|
3359
|
+
...options
|
|
3360
|
+
};
|
|
3361
|
+
const platformWithCache = {
|
|
3362
|
+
...mergedOptions.platform,
|
|
3363
|
+
_c: cache
|
|
3364
|
+
};
|
|
3365
|
+
return computePosition$1(reference, floating, {
|
|
3366
|
+
...mergedOptions,
|
|
3367
|
+
platform: platformWithCache
|
|
3368
|
+
});
|
|
3369
|
+
};
|
|
3370
|
+
|
|
3371
|
+
function isComponentPublicInstance(target) {
|
|
3372
|
+
return target != null && typeof target === 'object' && '$el' in target;
|
|
3373
|
+
}
|
|
3374
|
+
function unwrapElement(target) {
|
|
3375
|
+
if (isComponentPublicInstance(target)) {
|
|
3376
|
+
const element = target.$el;
|
|
3377
|
+
return isNode(element) && getNodeName(element) === '#comment' ? null : element;
|
|
3378
|
+
}
|
|
3379
|
+
return target;
|
|
3380
|
+
}
|
|
3381
|
+
|
|
3382
|
+
function toValue(source) {
|
|
3383
|
+
return typeof source === 'function' ? source() : unref(source);
|
|
3384
|
+
}
|
|
3385
|
+
|
|
3386
|
+
function getDPR(element) {
|
|
3387
|
+
if (typeof window === 'undefined') {
|
|
3388
|
+
return 1;
|
|
3389
|
+
}
|
|
3390
|
+
const win = element.ownerDocument.defaultView || window;
|
|
3391
|
+
return win.devicePixelRatio || 1;
|
|
3392
|
+
}
|
|
3393
|
+
|
|
3394
|
+
function roundByDPR(element, value) {
|
|
3395
|
+
const dpr = getDPR(element);
|
|
3396
|
+
return Math.round(value * dpr) / dpr;
|
|
3397
|
+
}
|
|
3398
|
+
|
|
3399
|
+
/**
|
|
3400
|
+
* Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.
|
|
3401
|
+
* @param reference The reference template ref.
|
|
3402
|
+
* @param floating The floating template ref.
|
|
3403
|
+
* @param options The floating options.
|
|
3404
|
+
* @see https://floating-ui.com/docs/vue
|
|
3405
|
+
*/
|
|
3406
|
+
function useFloating(reference, floating, options) {
|
|
3407
|
+
if (options === void 0) {
|
|
3408
|
+
options = {};
|
|
3409
|
+
}
|
|
3410
|
+
const whileElementsMountedOption = options.whileElementsMounted;
|
|
3411
|
+
const openOption = computed(() => {
|
|
3412
|
+
var _toValue;
|
|
3413
|
+
return (_toValue = toValue(options.open)) != null ? _toValue : true;
|
|
3414
|
+
});
|
|
3415
|
+
const middlewareOption = computed(() => toValue(options.middleware));
|
|
3416
|
+
const placementOption = computed(() => {
|
|
3417
|
+
var _toValue2;
|
|
3418
|
+
return (_toValue2 = toValue(options.placement)) != null ? _toValue2 : 'bottom';
|
|
3419
|
+
});
|
|
3420
|
+
const strategyOption = computed(() => {
|
|
3421
|
+
var _toValue3;
|
|
3422
|
+
return (_toValue3 = toValue(options.strategy)) != null ? _toValue3 : 'absolute';
|
|
3423
|
+
});
|
|
3424
|
+
const transformOption = computed(() => {
|
|
3425
|
+
var _toValue4;
|
|
3426
|
+
return (_toValue4 = toValue(options.transform)) != null ? _toValue4 : true;
|
|
3427
|
+
});
|
|
3428
|
+
const referenceElement = computed(() => unwrapElement(reference.value));
|
|
3429
|
+
const floatingElement = computed(() => unwrapElement(floating.value));
|
|
3430
|
+
const x = ref(0);
|
|
3431
|
+
const y = ref(0);
|
|
3432
|
+
const strategy = ref(strategyOption.value);
|
|
3433
|
+
const placement = ref(placementOption.value);
|
|
3434
|
+
const middlewareData = shallowRef({});
|
|
3435
|
+
const isPositioned = ref(false);
|
|
3436
|
+
const floatingStyles = computed(() => {
|
|
3437
|
+
const initialStyles = {
|
|
3438
|
+
position: strategy.value,
|
|
3439
|
+
left: '0',
|
|
3440
|
+
top: '0'
|
|
3441
|
+
};
|
|
3442
|
+
if (!floatingElement.value) {
|
|
3443
|
+
return initialStyles;
|
|
3444
|
+
}
|
|
3445
|
+
const xVal = roundByDPR(floatingElement.value, x.value);
|
|
3446
|
+
const yVal = roundByDPR(floatingElement.value, y.value);
|
|
3447
|
+
if (transformOption.value) {
|
|
3448
|
+
return {
|
|
3449
|
+
...initialStyles,
|
|
3450
|
+
transform: "translate(" + xVal + "px, " + yVal + "px)",
|
|
3451
|
+
...(getDPR(floatingElement.value) >= 1.5 && {
|
|
3452
|
+
willChange: 'transform'
|
|
3453
|
+
})
|
|
3454
|
+
};
|
|
3455
|
+
}
|
|
3456
|
+
return {
|
|
3457
|
+
position: strategy.value,
|
|
3458
|
+
left: xVal + "px",
|
|
3459
|
+
top: yVal + "px"
|
|
3460
|
+
};
|
|
3461
|
+
});
|
|
3462
|
+
let whileElementsMountedCleanup;
|
|
3463
|
+
function update() {
|
|
3464
|
+
if (referenceElement.value == null || floatingElement.value == null) {
|
|
3465
|
+
return;
|
|
3466
|
+
}
|
|
3467
|
+
const open = openOption.value;
|
|
3468
|
+
computePosition(referenceElement.value, floatingElement.value, {
|
|
3469
|
+
middleware: middlewareOption.value,
|
|
3470
|
+
placement: placementOption.value,
|
|
3471
|
+
strategy: strategyOption.value
|
|
3472
|
+
}).then(position => {
|
|
3473
|
+
x.value = position.x;
|
|
3474
|
+
y.value = position.y;
|
|
3475
|
+
strategy.value = position.strategy;
|
|
3476
|
+
placement.value = position.placement;
|
|
3477
|
+
middlewareData.value = position.middlewareData;
|
|
3478
|
+
/**
|
|
3479
|
+
* The floating element's position may be recomputed while it's closed
|
|
3480
|
+
* but still mounted (such as when transitioning out). To ensure
|
|
3481
|
+
* `isPositioned` will be `false` initially on the next open, avoid
|
|
3482
|
+
* setting it to `true` when `open === false` (must be specified).
|
|
3483
|
+
*/
|
|
3484
|
+
isPositioned.value = open !== false;
|
|
3485
|
+
});
|
|
3486
|
+
}
|
|
3487
|
+
function cleanup() {
|
|
3488
|
+
if (typeof whileElementsMountedCleanup === 'function') {
|
|
3489
|
+
whileElementsMountedCleanup();
|
|
3490
|
+
whileElementsMountedCleanup = undefined;
|
|
3491
|
+
}
|
|
3492
|
+
}
|
|
3493
|
+
function attach() {
|
|
3494
|
+
cleanup();
|
|
3495
|
+
if (whileElementsMountedOption === undefined) {
|
|
3496
|
+
update();
|
|
3497
|
+
return;
|
|
3498
|
+
}
|
|
3499
|
+
if (referenceElement.value != null && floatingElement.value != null) {
|
|
3500
|
+
whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);
|
|
3501
|
+
return;
|
|
3502
|
+
}
|
|
3503
|
+
}
|
|
3504
|
+
function reset() {
|
|
3505
|
+
if (!openOption.value) {
|
|
3506
|
+
isPositioned.value = false;
|
|
3507
|
+
}
|
|
3508
|
+
}
|
|
3509
|
+
watch([middlewareOption, placementOption, strategyOption, openOption], update, {
|
|
3510
|
+
flush: 'sync'
|
|
3511
|
+
});
|
|
3512
|
+
watch([referenceElement, floatingElement], attach, {
|
|
3513
|
+
flush: 'sync'
|
|
3514
|
+
});
|
|
3515
|
+
watch(openOption, reset, {
|
|
3516
|
+
flush: 'sync'
|
|
3517
|
+
});
|
|
3518
|
+
if (getCurrentScope()) {
|
|
3519
|
+
onScopeDispose(cleanup);
|
|
3520
|
+
}
|
|
3521
|
+
return {
|
|
3522
|
+
x: shallowReadonly(x),
|
|
3523
|
+
y: shallowReadonly(y),
|
|
3524
|
+
strategy: shallowReadonly(strategy),
|
|
3525
|
+
placement: shallowReadonly(placement),
|
|
3526
|
+
middlewareData: shallowReadonly(middlewareData),
|
|
3527
|
+
isPositioned: shallowReadonly(isPositioned),
|
|
3528
|
+
floatingStyles,
|
|
3529
|
+
update
|
|
3530
|
+
};
|
|
3531
|
+
}
|
|
3532
|
+
|
|
1841
3533
|
const useDropdown = ({
|
|
1842
3534
|
triggerRef,
|
|
1843
3535
|
dropdownRef,
|
|
@@ -1887,23 +3579,38 @@ const useDropdown = ({
|
|
|
1887
3579
|
};
|
|
1888
3580
|
};
|
|
1889
3581
|
|
|
1890
|
-
const _hoisted_1$6 = ["aria-labelledby"];
|
|
1891
|
-
const prefix$d = "clll-menu";
|
|
3582
|
+
const _hoisted_1$6 = ["aria-labelledby", "aria-hidden"];
|
|
3583
|
+
const prefix$d = "clll-dropdown-menu";
|
|
1892
3584
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
1893
|
-
__name: "
|
|
3585
|
+
__name: "DropdownMenu",
|
|
1894
3586
|
props: {
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
3587
|
+
buttonAriaLabel: {},
|
|
3588
|
+
buttonSize: { default: Sizes.Small },
|
|
3589
|
+
buttonTheme: { default: Themes.Secondary },
|
|
3590
|
+
onCloseHandler: {},
|
|
3591
|
+
containerTheme: { default: Themes.Light },
|
|
3592
|
+
contentWidth: { default: "auto" },
|
|
3593
|
+
iconAfter: { default: IconNames.ChevronDown },
|
|
3594
|
+
iconBefore: {},
|
|
3595
|
+
iconAfterSize: { default: Sizes.Tiny },
|
|
3596
|
+
iconSize: { default: Sizes.Tiny },
|
|
3597
|
+
isOpen: { type: Boolean, default: false },
|
|
3598
|
+
label: {},
|
|
3599
|
+
onOpenHandler: {},
|
|
3600
|
+
placement: { default: Placement.BottomStart },
|
|
3601
|
+
zIndex: { default: 30 }
|
|
1898
3602
|
},
|
|
1899
3603
|
setup(__props) {
|
|
1900
3604
|
useCssVars((_ctx) => ({
|
|
1901
|
-
"
|
|
3605
|
+
"2fbc5ed0": _ctx.zIndex
|
|
1902
3606
|
}));
|
|
3607
|
+
const props = __props;
|
|
1903
3608
|
let toggleElem = ref();
|
|
1904
3609
|
let contentElem = ref();
|
|
3610
|
+
const anchor = ref();
|
|
1905
3611
|
const dropdownElem = ref();
|
|
1906
|
-
const showDropdown = ref(
|
|
3612
|
+
const showDropdown = ref(props.isOpen);
|
|
3613
|
+
const placement = ref(props.placement);
|
|
1907
3614
|
const toggleHandler = () => {
|
|
1908
3615
|
if (dropdownOpen.value) {
|
|
1909
3616
|
openDropdownHandler();
|
|
@@ -1913,13 +3620,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1913
3620
|
};
|
|
1914
3621
|
const openDropdownHandler = () => {
|
|
1915
3622
|
showDropdown.value = true;
|
|
3623
|
+
props?.onOpenHandler?.();
|
|
3624
|
+
update();
|
|
3625
|
+
if (typeof window === "undefined") return;
|
|
3626
|
+
window.document.addEventListener("click", onClickHandler);
|
|
1916
3627
|
};
|
|
1917
3628
|
const closeDropDownHandler = () => {
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
3629
|
+
showDropdown.value = false;
|
|
3630
|
+
props?.onCloseHandler?.();
|
|
3631
|
+
if (typeof window === "undefined") return;
|
|
3632
|
+
window.document.removeEventListener("click", onClickHandler);
|
|
1921
3633
|
};
|
|
1922
|
-
const
|
|
3634
|
+
const buttonForwardRefHandler = (elem) => {
|
|
3635
|
+
if (elem) toggleElem.value = elem;
|
|
3636
|
+
};
|
|
3637
|
+
const cardForwardRefHandler = (elem) => {
|
|
1923
3638
|
if (elem) contentElem.value = elem;
|
|
1924
3639
|
};
|
|
1925
3640
|
const {
|
|
@@ -1932,50 +3647,74 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1932
3647
|
openDropdownHandler: toggleHandler,
|
|
1933
3648
|
closeDropdownHandler: closeDropDownHandler
|
|
1934
3649
|
});
|
|
1935
|
-
|
|
3650
|
+
const { floatingStyles, update } = useFloating(anchor, dropdownElem, {
|
|
3651
|
+
middleware: [flip(), offset(10), shift()],
|
|
3652
|
+
placement,
|
|
3653
|
+
open: showDropdown,
|
|
3654
|
+
whileElementsMounted: autoUpdate
|
|
3655
|
+
});
|
|
3656
|
+
const onClickHandler = (evt) => {
|
|
3657
|
+
if (!showDropdown.value) return;
|
|
3658
|
+
if (dropdownElem.value?.contains(evt?.target)) {
|
|
3659
|
+
closeDropdown();
|
|
3660
|
+
}
|
|
3661
|
+
};
|
|
3662
|
+
useEsc({ escHandler: closeDropdown, triggerRef: toggleElem });
|
|
3663
|
+
watch(props, () => {
|
|
3664
|
+
placement.value = props.placement;
|
|
3665
|
+
});
|
|
3666
|
+
onBeforeUnmount(() => {
|
|
3667
|
+
if (typeof window === "undefined") return;
|
|
3668
|
+
window.document.removeEventListener("click", onClickHandler);
|
|
3669
|
+
});
|
|
1936
3670
|
return (_ctx, _cache) => {
|
|
1937
3671
|
return openBlock(), createElementBlock("div", {
|
|
1938
3672
|
class: normalizeClass([`${prefix$d}__menu`])
|
|
1939
3673
|
}, [
|
|
1940
|
-
createVNode(unref(
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
3674
|
+
createVNode(unref(__default__), {
|
|
3675
|
+
"aria-expanded": showDropdown.value || _ctx.isOpen,
|
|
3676
|
+
"aria-label": _ctx.buttonAriaLabel,
|
|
3677
|
+
forwardRef: buttonForwardRefHandler,
|
|
3678
|
+
"icon-after": _ctx.iconAfter,
|
|
3679
|
+
"icon-before": _ctx.iconBefore,
|
|
3680
|
+
"icon-size": _ctx.iconSize,
|
|
3681
|
+
"icon-after-size": _ctx.iconAfterSize,
|
|
3682
|
+
onClick: unref(toggleShowContent),
|
|
3683
|
+
ref_key: "anchor",
|
|
3684
|
+
ref: anchor,
|
|
3685
|
+
size: _ctx.buttonSize,
|
|
3686
|
+
theme: _ctx.buttonTheme
|
|
1945
3687
|
}, {
|
|
1946
3688
|
default: withCtx(() => [
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
3689
|
+
createTextVNode(toDisplayString(_ctx.label), 1)
|
|
3690
|
+
]),
|
|
3691
|
+
_: 1
|
|
3692
|
+
}, 8, ["aria-expanded", "aria-label", "icon-after", "icon-before", "icon-size", "icon-after-size", "onClick", "size", "theme"]),
|
|
3693
|
+
showDropdown.value || _ctx.isOpen ? (openBlock(), createElementBlock("div", {
|
|
3694
|
+
key: 0,
|
|
3695
|
+
"aria-labelledby": `${prefix$d}__toggle`,
|
|
3696
|
+
"aria-hidden": !(showDropdown.value || _ctx.isOpen),
|
|
3697
|
+
class: normalizeClass([
|
|
3698
|
+
`${prefix$d}__dropdown`,
|
|
3699
|
+
`${prefix$d}__dropdown--${props.placement}`
|
|
1956
3700
|
]),
|
|
1957
|
-
_: 3
|
|
1958
|
-
}, 8, ["enabled", "class"]),
|
|
1959
|
-
withDirectives(createElementVNode("div", {
|
|
1960
3701
|
ref_key: "dropdownElem",
|
|
1961
3702
|
ref: dropdownElem,
|
|
1962
|
-
|
|
1963
|
-
"aria-labelledby": `${prefix$d}__toggle`
|
|
3703
|
+
style: normalizeStyle(unref(floatingStyles))
|
|
1964
3704
|
}, [
|
|
1965
3705
|
createVNode(unref(_sfc_main$r), {
|
|
1966
|
-
|
|
1967
|
-
|
|
3706
|
+
elevated: true,
|
|
3707
|
+
forwardRef: cardForwardRefHandler,
|
|
1968
3708
|
padded: false,
|
|
3709
|
+
theme: _ctx.containerTheme,
|
|
1969
3710
|
width: _ctx.contentWidth
|
|
1970
3711
|
}, {
|
|
1971
3712
|
default: withCtx(() => [
|
|
1972
3713
|
renderSlot(_ctx.$slots, "content")
|
|
1973
3714
|
]),
|
|
1974
3715
|
_: 3
|
|
1975
|
-
}, 8, ["width"])
|
|
1976
|
-
],
|
|
1977
|
-
[vShow, showDropdown.value]
|
|
1978
|
-
])
|
|
3716
|
+
}, 8, ["theme", "width"])
|
|
3717
|
+
], 14, _hoisted_1$6)) : createCommentVNode("", true)
|
|
1979
3718
|
], 2);
|
|
1980
3719
|
};
|
|
1981
3720
|
}
|
|
@@ -2268,7 +4007,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2268
4007
|
busy: { type: Boolean },
|
|
2269
4008
|
checked: { type: Boolean },
|
|
2270
4009
|
disabled: { type: Boolean },
|
|
2271
|
-
floatingLabel: { type: Boolean },
|
|
2272
4010
|
fluid: { type: Boolean, default: false },
|
|
2273
4011
|
form: {},
|
|
2274
4012
|
id: {},
|
|
@@ -2330,7 +4068,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2330
4068
|
`${cssPrefix$1}--${_ctx.theme}`,
|
|
2331
4069
|
`${cssPrefix$1}--${_ctx.size}`,
|
|
2332
4070
|
_ctx.label ? `${cssPrefix$1}--haslabel` : "",
|
|
2333
|
-
_ctx.floatingLabel ? `${cssPrefix$1}--hasfloatinglabel` : "",
|
|
2334
4071
|
_ctx.messageType ? `${cssPrefix$1}--${_ctx.messageType}` : "",
|
|
2335
4072
|
_ctx.disabled || _ctx.busy ? `${cssPrefix$1}--disabled` : `${cssPrefix$1}--active`,
|
|
2336
4073
|
_ctx.rounded ? `${cssPrefix$1}--rounded` : `${cssPrefix$1}--box`,
|
|
@@ -2412,8 +4149,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
2412
4149
|
},
|
|
2413
4150
|
setup(__props) {
|
|
2414
4151
|
useCssVars((_ctx) => ({
|
|
2415
|
-
"
|
|
2416
|
-
"
|
|
4152
|
+
"19ed7d75": _ctx.width,
|
|
4153
|
+
"09f33758": _ctx.height
|
|
2417
4154
|
}));
|
|
2418
4155
|
return (_ctx, _cache) => {
|
|
2419
4156
|
return openBlock(), createElementBlock("div", {
|
|
@@ -2486,7 +4223,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
2486
4223
|
},
|
|
2487
4224
|
setup(__props) {
|
|
2488
4225
|
useCssVars((_ctx) => ({
|
|
2489
|
-
"
|
|
4226
|
+
"b6827dac": _ctx.rowHeight
|
|
2490
4227
|
}));
|
|
2491
4228
|
return (_ctx, _cache) => {
|
|
2492
4229
|
return openBlock(), createElementBlock("div", {
|
|
@@ -2721,7 +4458,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2721
4458
|
autoComplete: { type: Boolean },
|
|
2722
4459
|
busy: { type: Boolean },
|
|
2723
4460
|
disabled: { type: Boolean },
|
|
2724
|
-
floatingLabel: { type: Boolean },
|
|
2725
4461
|
fluid: { type: Boolean, default: false },
|
|
2726
4462
|
form: {},
|
|
2727
4463
|
id: {},
|
|
@@ -2774,7 +4510,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2774
4510
|
`${cssPrefix}--${_ctx.size}`,
|
|
2775
4511
|
_ctx.label ? `${cssPrefix}--haslabel` : "",
|
|
2776
4512
|
_ctx.resizable ? `${cssPrefix}--resizable` : "",
|
|
2777
|
-
_ctx.floatingLabel ? `${cssPrefix}--hasfloatinglabel` : "",
|
|
2778
4513
|
_ctx.messageType ? `${cssPrefix}--${_ctx.messageType}` : "",
|
|
2779
4514
|
_ctx.disabled || _ctx.busy ? `${cssPrefix}--disabled` : `${cssPrefix}--active`,
|
|
2780
4515
|
_ctx.readonly ? `${cssPrefix}--readonly` : `${cssPrefix}--writeable`,
|
|
@@ -2860,7 +4595,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2860
4595
|
},
|
|
2861
4596
|
setup(__props) {
|
|
2862
4597
|
useCssVars((_ctx) => ({
|
|
2863
|
-
"
|
|
4598
|
+
"5313fa58": _ctx.width
|
|
2864
4599
|
}));
|
|
2865
4600
|
const props = __props;
|
|
2866
4601
|
const elem = ref();
|
|
@@ -3042,5 +4777,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3042
4777
|
}
|
|
3043
4778
|
})();
|
|
3044
4779
|
|
|
3045
|
-
export { _sfc_main$u as CLA11yButton, Align as CLAlign, _sfc_main$t as CLBadge, _sfc_main$s as CLBanner, __default__ as CLButton, ButtonTypes as CLButtonTypes, _sfc_main$r as CLCard, CardTypes as CLCardTypes, _sfc_main$p as CLCarousel, _sfc_main$n as CLCheckbox, DarkMode as CLDarkMode, _sfc_main$m as CLDisclosure, _sfc_main$l as CLHeading, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, _sfc_main$k as CLIcon, IconNames as CLIconNames, _sfc_main$j as CLInput, InputTypes as CLInputTypes, _sfc_main$i as CLLink, LinkTarget as CLLinkTarget,
|
|
4780
|
+
export { _sfc_main$u as CLA11yButton, Align as CLAlign, _sfc_main$t as CLBadge, _sfc_main$s as CLBanner, __default__ as CLButton, ButtonTypes as CLButtonTypes, _sfc_main$r as CLCard, CardTypes as CLCardTypes, _sfc_main$p as CLCarousel, _sfc_main$n as CLCheckbox, DarkMode as CLDarkMode, _sfc_main$m as CLDisclosure, _sfc_main$h as CLDropdownMenu, _sfc_main$l as CLHeading, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, _sfc_main$k as CLIcon, IconNames as CLIconNames, _sfc_main$j as CLInput, InputTypes as CLInputTypes, _sfc_main$i as CLLink, LinkTarget as CLLinkTarget, MessageType as CLMessageType, _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 };
|
|
3046
4781
|
//# sourceMappingURL=index.js.map
|