@codeandfunction/callaloo 1.7.1 → 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 +1819 -90
- 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, Comment, watch, h, useSlots, onMounted, nextTick, onUpdated, Fragment, onUnmounted, renderList, withDirectives,
|
|
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 = () => {
|
|
@@ -634,6 +667,9 @@ const __default__ = {
|
|
|
634
667
|
iconSize: {
|
|
635
668
|
type: String
|
|
636
669
|
},
|
|
670
|
+
iconAfterSize: {
|
|
671
|
+
type: String
|
|
672
|
+
},
|
|
637
673
|
link: {
|
|
638
674
|
type: Boolean
|
|
639
675
|
},
|
|
@@ -659,10 +695,12 @@ const __default__ = {
|
|
|
659
695
|
default: prefix$k
|
|
660
696
|
},
|
|
661
697
|
type: {
|
|
662
|
-
type: String
|
|
698
|
+
type: String,
|
|
699
|
+
default: ButtonTypes.Button
|
|
663
700
|
},
|
|
664
701
|
theme: {
|
|
665
|
-
type: String
|
|
702
|
+
type: String,
|
|
703
|
+
default: Themes.Secondary
|
|
666
704
|
},
|
|
667
705
|
width: {
|
|
668
706
|
type: String,
|
|
@@ -689,7 +727,7 @@ const __default__ = {
|
|
|
689
727
|
}
|
|
690
728
|
};
|
|
691
729
|
watch(buttonEl, (button) => {
|
|
692
|
-
if (
|
|
730
|
+
if (button) props?.forwardRef?.(button);
|
|
693
731
|
});
|
|
694
732
|
return () => h(
|
|
695
733
|
"button",
|
|
@@ -742,7 +780,7 @@ const __default__ = {
|
|
|
742
780
|
),
|
|
743
781
|
props.iconAfter ? h(_sfc_main$k, {
|
|
744
782
|
name: props.iconAfter,
|
|
745
|
-
size: props.
|
|
783
|
+
size: props.iconAfterSize
|
|
746
784
|
}) : null
|
|
747
785
|
]
|
|
748
786
|
);
|
|
@@ -750,8 +788,8 @@ const __default__ = {
|
|
|
750
788
|
};
|
|
751
789
|
const __injectCSSVars__ = () => {
|
|
752
790
|
useCssVars((_ctx) => ({
|
|
753
|
-
"
|
|
754
|
-
"
|
|
791
|
+
"68cf49a0": _ctx.width,
|
|
792
|
+
"d16a1ee6": _ctx.height
|
|
755
793
|
}));
|
|
756
794
|
};
|
|
757
795
|
const __setup__ = __default__.setup;
|
|
@@ -761,7 +799,7 @@ __default__.setup = __setup__ ? (props, ctx) => {
|
|
|
761
799
|
} : __injectCSSVars__;
|
|
762
800
|
|
|
763
801
|
const _hoisted_1$d = ["tabindex", "data-testid", "data-cy"];
|
|
764
|
-
const _hoisted_2$
|
|
802
|
+
const _hoisted_2$9 = ["src", "alt"];
|
|
765
803
|
const _hoisted_3$2 = ["src", "alt"];
|
|
766
804
|
const prefix$j = "clll-card";
|
|
767
805
|
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
@@ -794,10 +832,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
794
832
|
},
|
|
795
833
|
setup(__props) {
|
|
796
834
|
useCssVars((_ctx) => ({
|
|
797
|
-
"
|
|
798
|
-
"
|
|
799
|
-
"
|
|
800
|
-
"
|
|
835
|
+
"6ee15c3c": _ctx.width,
|
|
836
|
+
"537b3171": _ctx.height,
|
|
837
|
+
"2790a075": _ctx.imageWidth,
|
|
838
|
+
"9e971750": _ctx.imageHeight
|
|
801
839
|
}));
|
|
802
840
|
const slots = useSlots();
|
|
803
841
|
const props = __props;
|
|
@@ -897,7 +935,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
897
935
|
class: normalizeClass(`${prefix$j}__image__elem`),
|
|
898
936
|
src: _ctx.image,
|
|
899
937
|
alt: _ctx.imageAltText
|
|
900
|
-
}, null, 10, _hoisted_2$
|
|
938
|
+
}, null, 10, _hoisted_2$9)) : createCommentVNode("", true)
|
|
901
939
|
], 2)) : createCommentVNode("", true),
|
|
902
940
|
createElementVNode("div", {
|
|
903
941
|
class: normalizeClass(`${prefix$j}__content`)
|
|
@@ -1275,7 +1313,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
1275
1313
|
});
|
|
1276
1314
|
|
|
1277
1315
|
const _hoisted_1$b = ["for", "disabled"];
|
|
1278
|
-
const _hoisted_2$
|
|
1316
|
+
const _hoisted_2$8 = ["id", "name", "aria-label", "checked", "value", "disabled"];
|
|
1279
1317
|
const cssPrefix$4 = "clll-checkbox";
|
|
1280
1318
|
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
1281
1319
|
__name: "Checkbox",
|
|
@@ -1372,7 +1410,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1372
1410
|
disabled: _ctx.disabled,
|
|
1373
1411
|
type: "checkbox",
|
|
1374
1412
|
class: normalizeClass(`${cssPrefix$4}__checkbox`)
|
|
1375
|
-
}, null, 10, _hoisted_2$
|
|
1413
|
+
}, null, 10, _hoisted_2$8),
|
|
1376
1414
|
createElementVNode("span", {
|
|
1377
1415
|
class: normalizeClass(`${cssPrefix$4}__icon`)
|
|
1378
1416
|
}, [
|
|
@@ -1405,22 +1443,36 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
1405
1443
|
}
|
|
1406
1444
|
});
|
|
1407
1445
|
|
|
1408
|
-
const useEsc = ({ escHandler }) => {
|
|
1446
|
+
const useEsc = ({ escHandler, triggerRef }) => {
|
|
1409
1447
|
if (typeof document !== "undefined") {
|
|
1410
1448
|
const handleEscKey = (evt) => {
|
|
1411
|
-
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
|
+
}
|
|
1412
1458
|
};
|
|
1413
|
-
|
|
1459
|
+
if (triggerRef?.value) {
|
|
1460
|
+
triggerRef.value.addEventListener("keyup", handleEscKey, false);
|
|
1461
|
+
} else {
|
|
1462
|
+
document.addEventListener("keyup", handleEscKey, false);
|
|
1463
|
+
}
|
|
1414
1464
|
}
|
|
1415
1465
|
};
|
|
1416
1466
|
|
|
1417
1467
|
const _hoisted_1$a = ["data-testid", "data-cy"];
|
|
1468
|
+
const _hoisted_2$7 = ["aria-labelledby", "aria-hidden", "id"];
|
|
1418
1469
|
const prefix$h = "clll-disclosure";
|
|
1419
1470
|
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
1420
1471
|
__name: "Disclosure",
|
|
1421
1472
|
props: {
|
|
1422
1473
|
compact: { type: Boolean },
|
|
1423
1474
|
contentSpacing: { type: Boolean, default: true },
|
|
1475
|
+
disclosureId: {},
|
|
1424
1476
|
expanded: { type: Boolean, default: false },
|
|
1425
1477
|
expandedIcon: { default: IconNames.ChevronUp },
|
|
1426
1478
|
heading: {},
|
|
@@ -1436,7 +1488,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1436
1488
|
},
|
|
1437
1489
|
setup(__props) {
|
|
1438
1490
|
const props = __props;
|
|
1491
|
+
let buttonElem = ref();
|
|
1439
1492
|
const expanded = ref(props.expanded);
|
|
1493
|
+
const buttonForwardRefHandler = (elem) => {
|
|
1494
|
+
if (elem) buttonElem.value = elem;
|
|
1495
|
+
};
|
|
1440
1496
|
const onTriggerClickedHandler = () => {
|
|
1441
1497
|
if (!expanded.value) {
|
|
1442
1498
|
expanded.value = true;
|
|
@@ -1444,7 +1500,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1444
1500
|
expanded.value = false;
|
|
1445
1501
|
}
|
|
1446
1502
|
};
|
|
1447
|
-
useEsc({ escHandler: onTriggerClickedHandler });
|
|
1503
|
+
useEsc({ escHandler: onTriggerClickedHandler, triggerRef: buttonElem });
|
|
1448
1504
|
return (_ctx, _cache) => {
|
|
1449
1505
|
return openBlock(), createElementBlock("div", {
|
|
1450
1506
|
class: normalizeClass([
|
|
@@ -1462,12 +1518,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1462
1518
|
class: normalizeClass(`${prefix$h}__trigger`)
|
|
1463
1519
|
}, [
|
|
1464
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}`,
|
|
1465
1527
|
theme: unref(Themes).Transparent,
|
|
1466
1528
|
"on-click": onTriggerClickedHandler,
|
|
1467
1529
|
type: unref(ButtonTypes).Button,
|
|
1468
1530
|
rounded: false,
|
|
1469
|
-
"icon-after": !expanded.value ? _ctx.icon : _ctx.expandedIcon,
|
|
1470
|
-
"icon-size": _ctx.iconSize,
|
|
1471
1531
|
width: "100%",
|
|
1472
1532
|
wrap: ""
|
|
1473
1533
|
}, {
|
|
@@ -1492,13 +1552,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1492
1552
|
}, 8, ["type"])) : createCommentVNode("", true)
|
|
1493
1553
|
]),
|
|
1494
1554
|
_: 1
|
|
1495
|
-
}, 8, ["
|
|
1555
|
+
}, 8, ["aria-controls", "aria-expanded", "icon-after", "icon-size", "id", "theme", "type"])
|
|
1496
1556
|
], 2),
|
|
1497
1557
|
createElementVNode("div", {
|
|
1498
|
-
|
|
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}`
|
|
1499
1562
|
}, [
|
|
1500
1563
|
renderSlot(_ctx.$slots, "default")
|
|
1501
|
-
],
|
|
1564
|
+
], 10, _hoisted_2$7)
|
|
1502
1565
|
], 10, _hoisted_1$a);
|
|
1503
1566
|
};
|
|
1504
1567
|
}
|
|
@@ -1605,7 +1668,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1605
1668
|
});
|
|
1606
1669
|
|
|
1607
1670
|
const _hoisted_1$8 = ["for"];
|
|
1608
|
-
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"];
|
|
1609
1672
|
const _hoisted_3$1 = { key: 1 };
|
|
1610
1673
|
const cssPrefix$3 = "clll-input";
|
|
1611
1674
|
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
@@ -1615,7 +1678,6 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1615
1678
|
autoComplete: { type: Boolean },
|
|
1616
1679
|
busy: { type: Boolean },
|
|
1617
1680
|
disabled: { type: Boolean },
|
|
1618
|
-
floatingLabel: { type: Boolean },
|
|
1619
1681
|
fluid: { type: Boolean, default: false },
|
|
1620
1682
|
form: {},
|
|
1621
1683
|
grouped: { type: Boolean },
|
|
@@ -1647,6 +1709,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1647
1709
|
setup(__props) {
|
|
1648
1710
|
const props = __props;
|
|
1649
1711
|
const inputElem = ref();
|
|
1712
|
+
const selectedColor = ref(props?.value);
|
|
1650
1713
|
const isAnIcon = (text) => Object.values(IconNames).includes(text);
|
|
1651
1714
|
const getIcon = (text) => text;
|
|
1652
1715
|
const getIconSize = () => {
|
|
@@ -1687,17 +1750,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1687
1750
|
`${cssPrefix$3}--${_ctx.size}`,
|
|
1688
1751
|
`${cssPrefix$3}--${_ctx.type}`,
|
|
1689
1752
|
_ctx.label ? `${cssPrefix$3}--haslabel` : "",
|
|
1690
|
-
_ctx.floatingLabel ? `${cssPrefix$3}--hasfloatinglabel` : "",
|
|
1691
1753
|
_ctx.messageType ? `${cssPrefix$3}--${_ctx.messageType}` : "",
|
|
1692
1754
|
_ctx.busy ? `${cssPrefix$3}--busy` : `${cssPrefix$3}--ready`,
|
|
1693
1755
|
_ctx.disabled ? `${cssPrefix$3}--disabled` : `${cssPrefix$3}--active`,
|
|
1694
1756
|
_ctx.readonly ? `${cssPrefix$3}--readonly` : `${cssPrefix$3}--writeable`,
|
|
1695
1757
|
_ctx.rounded ? `${cssPrefix$3}--rounded` : `${cssPrefix$3}--box`,
|
|
1696
1758
|
_ctx.required ? `${cssPrefix$3}--required` : `${cssPrefix$3}--optional`,
|
|
1697
|
-
_ctx.prefix ? `${cssPrefix$3}--hasprefix` : "",
|
|
1698
|
-
_ctx.prefix ? isAnIcon(_ctx.prefix) ? `${cssPrefix$3}--hasiconprefix` : `${cssPrefix$3}--hascustomprefix` : "",
|
|
1699
|
-
_ctx.suffix ? `${cssPrefix$3}--hassuffix` : "",
|
|
1700
|
-
_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` : "",
|
|
1701
1763
|
_ctx.grouped ? `${cssPrefix$3}--grouped` : "",
|
|
1702
1764
|
_ctx.pill ? `${cssPrefix$3}--haspill` : "",
|
|
1703
1765
|
_ctx.fluid ? `${cssPrefix$3}--fluid` : `${cssPrefix$3}--fixed`
|
|
@@ -1722,7 +1784,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1722
1784
|
class: normalizeClass([`${cssPrefix$3}__input-container`, "--focus-within"]),
|
|
1723
1785
|
onClick: setFocusHandler
|
|
1724
1786
|
}, [
|
|
1725
|
-
_ctx.prefix ? (openBlock(), createElementBlock("span", {
|
|
1787
|
+
_ctx.prefix && ![unref(InputTypes).Color, unref(InputTypes).File].includes(_ctx.type) ? (openBlock(), createElementBlock("span", {
|
|
1726
1788
|
key: 0,
|
|
1727
1789
|
class: normalizeClass([
|
|
1728
1790
|
`${cssPrefix$3}__input-prefix`,
|
|
@@ -1738,7 +1800,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1738
1800
|
createTextVNode(toDisplayString(_ctx.prefix), 1)
|
|
1739
1801
|
], 64))
|
|
1740
1802
|
], 2)) : createCommentVNode("", true),
|
|
1741
|
-
createElementVNode("input", {
|
|
1803
|
+
withDirectives(createElementVNode("input", {
|
|
1742
1804
|
ref_key: "inputElem",
|
|
1743
1805
|
ref: inputElem,
|
|
1744
1806
|
id: _ctx.id,
|
|
@@ -1755,22 +1817,28 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1755
1817
|
required: _ctx.required,
|
|
1756
1818
|
spellcheck: _ctx.spellCheck,
|
|
1757
1819
|
type: _ctx.type,
|
|
1758
|
-
|
|
1759
|
-
onInput: _cache[
|
|
1820
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedColor.value = $event),
|
|
1821
|
+
onInput: _cache[1] || (_cache[1] = //@ts-ignore
|
|
1760
1822
|
(...args) => _ctx.onInput && _ctx.onInput(...args)),
|
|
1761
|
-
onChange: _cache[
|
|
1823
|
+
onChange: _cache[2] || (_cache[2] = //@ts-ignore
|
|
1762
1824
|
(...args) => _ctx.onChange && _ctx.onChange(...args)),
|
|
1763
|
-
onFocus: _cache[
|
|
1825
|
+
onFocus: _cache[3] || (_cache[3] = //@ts-ignore
|
|
1764
1826
|
(...args) => _ctx.onFocus && _ctx.onFocus(...args)),
|
|
1765
|
-
onBlur: _cache[
|
|
1827
|
+
onBlur: _cache[4] || (_cache[4] = //@ts-ignore
|
|
1766
1828
|
(...args) => _ctx.onBlur && _ctx.onBlur(...args)),
|
|
1767
1829
|
class: normalizeClass([
|
|
1768
1830
|
`${cssPrefix$3}__input`,
|
|
1769
1831
|
{ "--input-group": _ctx.grouped || _ctx.prefix || _ctx.suffix }
|
|
1770
1832
|
])
|
|
1771
|
-
}, null, 42, _hoisted_2$5),
|
|
1772
|
-
|
|
1833
|
+
}, null, 42, _hoisted_2$5), [
|
|
1834
|
+
[vModelDynamic, selectedColor.value]
|
|
1835
|
+
]),
|
|
1836
|
+
_ctx.type === unref(InputTypes).Color ? (openBlock(), createElementBlock("span", {
|
|
1773
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,
|
|
1774
1842
|
class: normalizeClass([
|
|
1775
1843
|
`${cssPrefix$3}__input-suffix`,
|
|
1776
1844
|
!isAnIcon(_ctx.suffix) ? `${cssPrefix$3}__input-suffix--string` : `${cssPrefix$3}__input-suffix--icon`,
|
|
@@ -1844,6 +1912,1624 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1844
1912
|
}
|
|
1845
1913
|
});
|
|
1846
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
|
+
|
|
1847
3533
|
const useDropdown = ({
|
|
1848
3534
|
triggerRef,
|
|
1849
3535
|
dropdownRef,
|
|
@@ -1893,23 +3579,38 @@ const useDropdown = ({
|
|
|
1893
3579
|
};
|
|
1894
3580
|
};
|
|
1895
3581
|
|
|
1896
|
-
const _hoisted_1$6 = ["aria-labelledby"];
|
|
1897
|
-
const prefix$d = "clll-menu";
|
|
3582
|
+
const _hoisted_1$6 = ["aria-labelledby", "aria-hidden"];
|
|
3583
|
+
const prefix$d = "clll-dropdown-menu";
|
|
1898
3584
|
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
1899
|
-
__name: "
|
|
3585
|
+
__name: "DropdownMenu",
|
|
1900
3586
|
props: {
|
|
1901
|
-
|
|
1902
|
-
|
|
1903
|
-
|
|
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 }
|
|
1904
3602
|
},
|
|
1905
3603
|
setup(__props) {
|
|
1906
3604
|
useCssVars((_ctx) => ({
|
|
1907
|
-
"
|
|
3605
|
+
"2fbc5ed0": _ctx.zIndex
|
|
1908
3606
|
}));
|
|
3607
|
+
const props = __props;
|
|
1909
3608
|
let toggleElem = ref();
|
|
1910
3609
|
let contentElem = ref();
|
|
3610
|
+
const anchor = ref();
|
|
1911
3611
|
const dropdownElem = ref();
|
|
1912
|
-
const showDropdown = ref(
|
|
3612
|
+
const showDropdown = ref(props.isOpen);
|
|
3613
|
+
const placement = ref(props.placement);
|
|
1913
3614
|
const toggleHandler = () => {
|
|
1914
3615
|
if (dropdownOpen.value) {
|
|
1915
3616
|
openDropdownHandler();
|
|
@@ -1919,13 +3620,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1919
3620
|
};
|
|
1920
3621
|
const openDropdownHandler = () => {
|
|
1921
3622
|
showDropdown.value = true;
|
|
3623
|
+
props?.onOpenHandler?.();
|
|
3624
|
+
update();
|
|
3625
|
+
if (typeof window === "undefined") return;
|
|
3626
|
+
window.document.addEventListener("click", onClickHandler);
|
|
1922
3627
|
};
|
|
1923
3628
|
const closeDropDownHandler = () => {
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
3629
|
+
showDropdown.value = false;
|
|
3630
|
+
props?.onCloseHandler?.();
|
|
3631
|
+
if (typeof window === "undefined") return;
|
|
3632
|
+
window.document.removeEventListener("click", onClickHandler);
|
|
1927
3633
|
};
|
|
1928
|
-
const
|
|
3634
|
+
const buttonForwardRefHandler = (elem) => {
|
|
3635
|
+
if (elem) toggleElem.value = elem;
|
|
3636
|
+
};
|
|
3637
|
+
const cardForwardRefHandler = (elem) => {
|
|
1929
3638
|
if (elem) contentElem.value = elem;
|
|
1930
3639
|
};
|
|
1931
3640
|
const {
|
|
@@ -1938,50 +3647,74 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1938
3647
|
openDropdownHandler: toggleHandler,
|
|
1939
3648
|
closeDropdownHandler: closeDropDownHandler
|
|
1940
3649
|
});
|
|
1941
|
-
|
|
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
|
+
});
|
|
1942
3670
|
return (_ctx, _cache) => {
|
|
1943
3671
|
return openBlock(), createElementBlock("div", {
|
|
1944
3672
|
class: normalizeClass([`${prefix$d}__menu`])
|
|
1945
3673
|
}, [
|
|
1946
|
-
createVNode(unref(
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
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
|
|
1951
3687
|
}, {
|
|
1952
3688
|
default: withCtx(() => [
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
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}`
|
|
1962
3700
|
]),
|
|
1963
|
-
_: 3
|
|
1964
|
-
}, 8, ["enabled", "class"]),
|
|
1965
|
-
withDirectives(createElementVNode("div", {
|
|
1966
3701
|
ref_key: "dropdownElem",
|
|
1967
3702
|
ref: dropdownElem,
|
|
1968
|
-
|
|
1969
|
-
"aria-labelledby": `${prefix$d}__toggle`
|
|
3703
|
+
style: normalizeStyle(unref(floatingStyles))
|
|
1970
3704
|
}, [
|
|
1971
3705
|
createVNode(unref(_sfc_main$r), {
|
|
1972
|
-
|
|
1973
|
-
|
|
3706
|
+
elevated: true,
|
|
3707
|
+
forwardRef: cardForwardRefHandler,
|
|
1974
3708
|
padded: false,
|
|
3709
|
+
theme: _ctx.containerTheme,
|
|
1975
3710
|
width: _ctx.contentWidth
|
|
1976
3711
|
}, {
|
|
1977
3712
|
default: withCtx(() => [
|
|
1978
3713
|
renderSlot(_ctx.$slots, "content")
|
|
1979
3714
|
]),
|
|
1980
3715
|
_: 3
|
|
1981
|
-
}, 8, ["width"])
|
|
1982
|
-
],
|
|
1983
|
-
[vShow, showDropdown.value]
|
|
1984
|
-
])
|
|
3716
|
+
}, 8, ["theme", "width"])
|
|
3717
|
+
], 14, _hoisted_1$6)) : createCommentVNode("", true)
|
|
1985
3718
|
], 2);
|
|
1986
3719
|
};
|
|
1987
3720
|
}
|
|
@@ -2274,7 +4007,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2274
4007
|
busy: { type: Boolean },
|
|
2275
4008
|
checked: { type: Boolean },
|
|
2276
4009
|
disabled: { type: Boolean },
|
|
2277
|
-
floatingLabel: { type: Boolean },
|
|
2278
4010
|
fluid: { type: Boolean, default: false },
|
|
2279
4011
|
form: {},
|
|
2280
4012
|
id: {},
|
|
@@ -2336,7 +4068,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2336
4068
|
`${cssPrefix$1}--${_ctx.theme}`,
|
|
2337
4069
|
`${cssPrefix$1}--${_ctx.size}`,
|
|
2338
4070
|
_ctx.label ? `${cssPrefix$1}--haslabel` : "",
|
|
2339
|
-
_ctx.floatingLabel ? `${cssPrefix$1}--hasfloatinglabel` : "",
|
|
2340
4071
|
_ctx.messageType ? `${cssPrefix$1}--${_ctx.messageType}` : "",
|
|
2341
4072
|
_ctx.disabled || _ctx.busy ? `${cssPrefix$1}--disabled` : `${cssPrefix$1}--active`,
|
|
2342
4073
|
_ctx.rounded ? `${cssPrefix$1}--rounded` : `${cssPrefix$1}--box`,
|
|
@@ -2418,8 +4149,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
2418
4149
|
},
|
|
2419
4150
|
setup(__props) {
|
|
2420
4151
|
useCssVars((_ctx) => ({
|
|
2421
|
-
"
|
|
2422
|
-
"
|
|
4152
|
+
"19ed7d75": _ctx.width,
|
|
4153
|
+
"09f33758": _ctx.height
|
|
2423
4154
|
}));
|
|
2424
4155
|
return (_ctx, _cache) => {
|
|
2425
4156
|
return openBlock(), createElementBlock("div", {
|
|
@@ -2492,7 +4223,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
2492
4223
|
},
|
|
2493
4224
|
setup(__props) {
|
|
2494
4225
|
useCssVars((_ctx) => ({
|
|
2495
|
-
"
|
|
4226
|
+
"b6827dac": _ctx.rowHeight
|
|
2496
4227
|
}));
|
|
2497
4228
|
return (_ctx, _cache) => {
|
|
2498
4229
|
return openBlock(), createElementBlock("div", {
|
|
@@ -2727,7 +4458,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2727
4458
|
autoComplete: { type: Boolean },
|
|
2728
4459
|
busy: { type: Boolean },
|
|
2729
4460
|
disabled: { type: Boolean },
|
|
2730
|
-
floatingLabel: { type: Boolean },
|
|
2731
4461
|
fluid: { type: Boolean, default: false },
|
|
2732
4462
|
form: {},
|
|
2733
4463
|
id: {},
|
|
@@ -2780,7 +4510,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2780
4510
|
`${cssPrefix}--${_ctx.size}`,
|
|
2781
4511
|
_ctx.label ? `${cssPrefix}--haslabel` : "",
|
|
2782
4512
|
_ctx.resizable ? `${cssPrefix}--resizable` : "",
|
|
2783
|
-
_ctx.floatingLabel ? `${cssPrefix}--hasfloatinglabel` : "",
|
|
2784
4513
|
_ctx.messageType ? `${cssPrefix}--${_ctx.messageType}` : "",
|
|
2785
4514
|
_ctx.disabled || _ctx.busy ? `${cssPrefix}--disabled` : `${cssPrefix}--active`,
|
|
2786
4515
|
_ctx.readonly ? `${cssPrefix}--readonly` : `${cssPrefix}--writeable`,
|
|
@@ -2866,7 +4595,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2866
4595
|
},
|
|
2867
4596
|
setup(__props) {
|
|
2868
4597
|
useCssVars((_ctx) => ({
|
|
2869
|
-
"
|
|
4598
|
+
"5313fa58": _ctx.width
|
|
2870
4599
|
}));
|
|
2871
4600
|
const props = __props;
|
|
2872
4601
|
const elem = ref();
|
|
@@ -3048,5 +4777,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3048
4777
|
}
|
|
3049
4778
|
})();
|
|
3050
4779
|
|
|
3051
|
-
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 };
|
|
3052
4781
|
//# sourceMappingURL=index.js.map
|