@allakando/allakando-web-ui
Version:
Allakando's web component library
184 lines (183 loc) • 34.1 kB
JavaScript
const i=`# Allakando Navbar\r
\r
This is a navigation bar for the desktop having the brand icon as an attribute. The navbar elements is going to be wrapped with this navbar component. There is a horizontal line styling added in this component, so wherever a line needed to be added in the navbar items list, "seperator" class has to be added in a div directly under this ako-navbar component after the item where it needed to be placed.\r
\r
This component has only one attribute which needed to be passed into this component.\r
\r
## brandicon\r
\r
This should contains the link of the brand icon.`,e={title:"Atomic Components/Navbar",component:"ako-navbar",tags:["autodocs"],parameters:{docs:{description:{component:i}}},argTypes:{brandicon:{control:{type:"text"}}}},M=N=>`<ako-navbar
${N.brandicon?`brandicon="${N.brandicon}"`:""}
>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.499997 8.37512C-0.059437 8.65066 -0.0839022 9.43932 0.457378 9.74901L4.4109 12.0593V15.8013C4.4109 16.5401 4.6064 17.2778 5.1585 17.7688C6.15093 18.6513 8.24868 19.9134 12.1298 19.9134C16.2502 19.9134 18.1132 18.4909 18.8717 17.6103C19.2266 17.1983 19.3298 16.6498 19.3298 16.106V12.2726L20.5258 11.5744V16.9124L18.7801 20.8291C18.5507 21.3439 18.9274 21.9243 19.4911 21.9243H23.1765C23.7436 21.9243 24.1203 21.3373 23.8841 20.8217L22.0255 16.7648V10.6989L23.5429 9.74284C24.0764 9.43142 24.0519 8.6525 23.5 8.37512L12.4758 2.76843C12.2579 2.6589 12.0012 2.65788 11.7824 2.76565L0.499997 8.37512ZM20.3344 8.39607L12.1231 4.26956L2.28494 9.11521L12.1223 14.7435L20.4267 9.89575H12.7135C12.2994 9.89575 11.9637 9.56004 11.9637 9.14591C11.9637 8.73179 12.2994 8.39607 12.7135 8.39607H20.3344ZM5.91058 15.8013V12.9174L11.7393 16.2522C11.9809 16.3904 12.2779 16.3892 12.5183 16.2488L17.8301 13.148V16.106C17.8301 16.2891 17.8121 16.4213 17.7873 16.512C17.7641 16.5968 17.7407 16.6254 17.7354 16.6316C17.2916 17.1468 15.8616 18.4137 12.1298 18.4137C8.60728 18.4137 6.86644 17.2807 6.15506 16.6481C6.05088 16.5555 5.91058 16.3196 5.91058 15.8013ZM20.6023 20.4246H22.0526L21.3175 18.82L20.6023 20.4246Z" fill="#B3B3B3"/>
</svg>
</div>
<div>Elev profil</div>
</div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0173 3.5H5.87481C4.53343 3.5 3.44603 4.5874 3.44603 5.92878V18.0713C3.44603 19.4126 4.53343 20.5 5.87481 20.5H18.0173C19.3587 20.5 20.4461 19.4126 20.4461 18.0713V5.92878C20.4461 4.5874 19.3587 3.5 18.0173 3.5ZM5.87481 2C3.705 2 1.94603 3.75897 1.94603 5.92878V18.0713C1.94603 20.2411 3.705 22.0001 5.87481 22.0001H18.0173C20.1871 22.0001 21.9461 20.2411 21.9461 18.0713V5.92878C21.9461 3.75897 20.1871 2 18.0173 2H5.87481Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.26143 7.60993C7.26143 7.19572 7.59721 6.85993 8.01143 6.85993H15.8153C16.2295 6.85993 16.5653 7.19572 16.5653 7.60993C16.5653 8.02415 16.2295 8.35993 15.8153 8.35993H8.01143C7.59721 8.35993 7.26143 8.02415 7.26143 7.60993Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.68257 11.2217C7.68257 10.8076 8.01829 10.4719 8.43241 10.4719H11.4162C11.7049 10.4719 11.968 10.6376 12.0926 10.898C12.2172 11.1584 12.1813 11.4673 12.0001 11.6921L10.8733 13.091C11.1453 13.2112 11.4035 13.3707 11.6299 13.5715C12.2586 14.129 12.6062 14.982 12.3364 16.0164C12.0464 17.1281 11.0783 17.6793 10.1468 17.7298C9.22104 17.78 8.20027 17.3538 7.65164 16.3937C7.44618 16.0342 7.5711 15.5761 7.93066 15.3707C8.29022 15.1652 8.74826 15.2901 8.95373 15.6497C9.18348 16.0517 9.62691 16.2561 10.0657 16.2323C10.4987 16.2088 10.7955 15.9817 10.8852 15.6378C11.0046 15.1804 10.8657 14.8982 10.6349 14.6935C10.3638 14.4531 9.93401 14.3067 9.53512 14.3067C9.24642 14.3067 8.98336 14.1409 8.85874 13.8805C8.73412 13.6201 8.77007 13.3113 8.95118 13.0864L9.84929 11.9715H8.43241C8.01829 11.9715 7.68257 11.6358 7.68257 11.2217Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8718 11.2866C12.8718 10.8725 13.2075 10.5368 13.6217 10.5368H15.0487C15.4628 10.5368 15.7985 10.8725 15.7985 11.2866V16.9042C15.7985 17.3183 15.4628 17.654 15.0487 17.654C14.6346 17.654 14.2988 17.3183 14.2988 16.9042V12.0365H13.6217C13.2075 12.0365 12.8718 11.7007 12.8718 11.2866Z" fill="#B3B3B3"/>
</svg>
</div>
<div>Bokade pass</div>
</div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6886 16.5986C11.0969 16.5986 11.4875 16.7651 11.7703 17.0596L14.7299 20.1417V18.0983C14.7299 17.27 15.4013 16.5986 16.2296 16.5986H18.2296C19.7916 16.5986 21.0578 15.3324 21.0578 13.7704V6.16382C21.0578 4.60185 19.7916 3.33562 18.2296 3.33562H5.77055C4.20858 3.33562 2.94235 4.60185 2.94235 6.16382V13.7704C2.94235 15.3324 4.20858 16.5986 5.77055 16.5986H10.6886ZM16.2296 22.5651C16.2296 23.0376 15.6539 23.2692 15.3266 22.9284L10.6886 18.0983H5.77055C3.38033 18.0983 1.44267 16.1606 1.44267 13.7704V6.16382C1.44267 3.7736 3.38033 1.83594 5.77055 1.83594H18.2296C20.6198 1.83594 22.5575 3.7736 22.5575 6.16382V13.7704C22.5575 16.1606 20.6198 18.0983 18.2296 18.0983H16.2296V22.5651Z" fill="#B3B3B3"/>
<circle cx="7.86885" cy="9.96724" r="1.31148" fill="#B3B3B3"/>
<circle cx="11.9344" cy="9.96724" r="1.31148" fill="#B3B3B3"/>
<circle cx="16.1312" cy="9.96724" r="1.31148" fill="#B3B3B3"/>
</svg>
</div>
<div>Coacher</div>
</div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.91361 4.98682C8.58996 4.98682 9.13826 4.43852 9.13826 3.76217C9.13826 3.08581 8.58996 2.53752 7.91361 2.53752C7.23726 2.53752 6.68896 3.08581 6.68896 3.76217C6.68896 4.43852 7.23726 4.98682 7.91361 4.98682ZM7.91361 6.48649C9.41821 6.48649 10.6379 5.26677 10.6379 3.76217C10.6379 2.25756 9.41821 1.03784 7.91361 1.03784C6.40901 1.03784 5.18929 2.25756 5.18929 3.76217C5.18929 5.26677 6.40901 6.48649 7.91361 6.48649Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2161 7.32189C16.8924 7.32189 17.4407 6.7736 17.4407 6.09724C17.4407 5.42089 16.8924 4.8726 16.2161 4.8726C15.5397 4.8726 14.9914 5.42089 14.9914 6.09724C14.9914 6.7736 15.5397 7.32189 16.2161 7.32189ZM16.2161 8.82157C17.7207 8.82157 18.9404 7.60185 18.9404 6.09724C18.9404 4.59264 17.7207 3.37292 16.2161 3.37292C14.7115 3.37292 13.4918 4.59264 13.4918 6.09724C13.4918 7.60185 14.7115 8.82157 16.2161 8.82157Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5488 19.719V13.6217C13.5488 12.8737 12.9425 12.2674 12.1945 12.2674C11.4464 12.2674 10.8401 12.8737 10.8401 13.6217V19.719C10.8401 20.467 11.4464 21.0734 12.1945 21.0734C12.9425 21.0734 13.5488 20.467 13.5488 19.719ZM12.1945 10.7677C10.6182 10.7677 9.3404 12.0455 9.3404 13.6217V19.719C9.3404 21.2953 10.6182 22.5731 12.1945 22.5731C13.7707 22.5731 15.0485 21.2953 15.0485 19.719V13.6217C15.0485 12.0455 13.7707 10.7677 12.1945 10.7677Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0647 10.6949C12.7411 10.6949 13.2894 10.1466 13.2894 9.47028C13.2894 8.79393 12.7411 8.24563 12.0647 8.24563C11.3884 8.24563 10.8401 8.79393 10.8401 9.47028C10.8401 10.1466 11.3884 10.6949 12.0647 10.6949ZM12.0647 12.1946C13.5693 12.1946 14.789 10.9749 14.789 9.47028C14.789 7.96568 13.5693 6.74596 12.0647 6.74596C10.5601 6.74596 9.3404 7.96568 9.3404 9.47028C9.3404 10.9749 10.5601 12.1946 12.0647 12.1946Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.94832 16.4757C6.94832 15.6474 6.27689 14.976 5.44865 14.976H4.74292V9.85948C4.74292 8.1084 6.16244 6.68888 7.91351 6.68888C8.76607 6.68888 9.54004 7.02538 10.1098 7.57281C10.4695 7.20229 10.9337 6.93369 11.4547 6.8145C10.5983 5.81935 9.32948 5.1892 7.91351 5.1892C5.33419 5.1892 3.24324 7.28016 3.24324 9.85948V15.6973C3.24324 16.1272 3.59173 16.4757 4.02162 16.4757H5.44865V19.8811C5.44865 21.3678 6.65385 22.573 8.14054 22.573C8.92986 22.573 9.63983 22.2333 10.1322 21.6921C9.64172 21.1795 9.3404 20.4845 9.3404 19.719L9.3404 13.7287C9.33534 13.7788 9.33275 13.8296 9.33275 13.8811V19.8811C9.33275 20.5395 8.79898 21.0733 8.14054 21.0733C7.4821 21.0733 6.94832 20.5395 6.94832 19.8811V16.4757Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7632 9.09331C15.0335 8.96568 15.3356 8.89432 15.6543 8.89432H16.7064C17.7424 8.89432 18.4287 9.96906 17.9928 10.9089C17.6979 11.5448 17.7193 12.2824 18.0505 12.9001L19.0942 14.8463H19.0054C18.1772 14.8463 17.5057 15.5177 17.5057 16.346V19.8487C17.5057 20.5251 16.9575 21.0733 16.2811 21.0733C15.6047 21.0733 15.0564 20.5251 15.0564 19.8487V16.2163C15.0564 16.1639 15.0538 16.1121 15.0485 16.061L15.0485 19.719C15.0485 20.4796 14.751 21.1706 14.2661 21.6822C14.7644 22.2295 15.4826 22.573 16.2811 22.573C17.7857 22.573 19.0054 21.3533 19.0054 19.8487V16.346H20.7329C21.1252 16.346 21.3756 15.9275 21.1903 15.5818L19.3722 12.1914C19.2638 11.9892 19.2568 11.7479 19.3533 11.5398C20.2501 9.60606 18.838 7.39464 16.7064 7.39464H15.6543C15.1188 7.39464 14.6107 7.5119 14.1543 7.72215C14.4744 8.1043 14.6915 8.57556 14.7632 9.09331Z" fill="#B3B3B3"/>
</svg>
</div>
<div>Mitt konto</div>
</div>
<div class="seperator"></div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.72435 18.1586H10.1602C10.6002 18.1586 10.9573 18.5151 10.9573 18.9543C10.9573 19.3935 10.6002 19.75 10.1602 19.75H2.72435C1.36003 19.75 0.25 18.642 0.25 17.2801L0.25 2.71948C0.25 1.35802 1.36003 0.25 2.72435 0.25L10.1602 0.25C10.6002 0.25 10.9573 0.606477 10.9573 1.04571C10.9573 1.48534 10.6002 1.84142 10.1602 1.84142L2.72435 1.84142C2.23889 1.84142 1.8443 2.23569 1.8443 2.71948L1.8443 17.2801C1.8443 17.7647 2.23889 18.1586 2.72435 18.1586Z" fill="#868686"/>
<path d="M14.5346 4.58881L19.5183 9.56359C19.8296 9.87431 19.8296 10.378 19.5183 10.6887L14.5346 15.6639C14.3787 15.819 14.1746 15.8966 13.971 15.8966C13.7669 15.8966 13.5628 15.819 13.407 15.6639C13.0957 15.3532 13.0957 14.8491 13.407 14.5383L17.03 10.9219L7.52762 10.9219C7.08759 10.9219 6.73047 10.5658 6.73047 10.1261C6.73047 9.68692 7.08759 9.33044 7.52762 9.33044L17.03 9.33044L13.407 5.71394C13.0957 5.40322 13.0957 4.89914 13.407 4.58881C13.7183 4.27769 14.2233 4.27769 14.5346 4.58881Z" fill="#777777"/>
</svg>
</div>
<div>Logga ut</div>
</div>
</ako-navbar>`;M.args={brandicon:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM2IiBoZWlnaHQ9IjMwIiB2aWV3Qm94PSIwIDAgMTM2IDMwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjcxMjUgMC4zMjY3MDhDOC42MjIyIDYuMDIzODUgMCAyOS44MDI0IDAgMjkuODcwNEMwIDI5LjkyMjkgMS4wMzA1OSAyOS45NjYxIDIuMjkwMDcgMjkuOTY2MUg0LjU4MDM5TDYuNjQyMDcgMjQuMTM2NEM3Ljc3NTkgMjAuOTMwMiA4LjcyOTYyIDE4LjI3MjEgOC43NjExNiAxOC4yMjk5QzguNzkyNyAxOC4xODc3IDkuNjk1MTggMTguNTkyMiAxMC43NjY3IDE5LjEyODhMMTIuNzE0NSAyMC4xMDQ1TDE0LjUzNDggMTkuMTUwNEMxNS41MzYgMTguNjI1MyAxNi4zOTEgMTguMjMxNiAxNi40MzQ2IDE4LjI3NTNDMTYuNDc4NCAxOC4zMTkgMTYuNzcyMSAxOS4xMTcgMTcuMDg3NSAyMC4wNDlMMTcuNjYwNSAyMS43NDMyTDIwLjAyNjIgMjEuODEzNEwyMi4zOTE3IDIxLjg4MzNMMjEuNjg4OCAxOS45NzI0QzIxLjMwMiAxOC45MjExIDE5LjUwNjkgMTQuMDA0IDE3LjY5OTIgOS4wNDQ5OUwxNC40MTMgMC4wMjg3MTg5TDEyLjYxOTIgMC4wMjQzMDA2QzExLjQwNDggMC4wMjEzNTUxIDEwLjc4ODggMC4xMTkwNDggMTAuNzEyNSAwLjMyNjcwOFpNMjIuODQwNCAwLjE3NDAzMkMyMi43NDQ4IDAuMjY5MjcxIDIyLjY2NjcgNC40MTkyOCAyMi42NjY3IDkuMzk2MjRDMjIuNjY2NyAxOC45NDEyIDIyLjcyMTEgMTkuNDYzMSAyMy44NDYzIDIwLjcyNTdDMjQuNjMwNSAyMS42MDU1IDI2LjEyODggMjIuMTAwMyAyOC4wMjU0IDIyLjEwNkwyOS44MTE2IDIyLjExMTRWMjAuNDI0M1YxOC43MzczTDI4LjU3NDMgMTguNjE4OUMyNy44OTM4IDE4LjU1MzkgMjcuMjU2MiAxOC40MjAxIDI3LjE1NzYgMTguMzIxOUMyNy4wNTkxIDE4LjIyNCAyNi45MjI4IDE0LjA5MzQgMjYuODU1MSA5LjE0MzE3TDI2LjczMTkgMC4xNDI2MTNMMjQuODczIDAuMDcxOTJDMjMuODUwNSAwLjAzMjg5MTggMjIuOTM2IDAuMDc5MDM4NCAyMi44NDA0IDAuMTc0MDMyWk0zMC42NDk4IDAuMzYyNTQ2QzMwLjU3NzEgMC41NTA4MTQgMzAuNTUyOSA0Ljc3NTkzIDMwLjU5NTggOS43NTE0MkwzMC42NzM5IDE4Ljc5NzZMMzEuMzQ4IDE5Ljk0QzMyLjI2NzIgMjEuNDk4MiAzMy41NjAyIDIyLjExMTQgMzUuOTI1NyAyMi4xMTE0SDM3LjY5NTdWMjAuMzkzMVYxOC42NzQ5SDM2LjcxMDFDMzYuMDUzMSAxOC42NzQ5IDM1LjU2MDMgMTguNTExMiAzNS4yMzE5IDE4LjE4NEMzNC43NTc0IDE3LjcxMTIgMzQuNzM5MSAxNy4zNjU5IDM0LjczOTEgOC44NTY0N1YwLjAxOTg4MjNIMzIuNzYwNUMzMS4yOTQ1IDAuMDE5ODgyMyAzMC43NDczIDAuMTA4NzM5IDMwLjY0OTggMC4zNjI1NDZaTTUzLjcxMDIgMTEuMDU1OFYyMi4xMTE0SDU1LjgwNDRINTcuODk4NlYxOS41Nzk5QzU3Ljg5ODYgMTcuMDc1IDU3LjkwNjQgMTcuMDQxMSA1OC42NTQ3IDE2LjMyNzZDNTkuMjg2OSAxNS43MjQ1IDU5LjQ0NyAxNS42NjY4IDU5LjYzMzUgMTUuOTc0OEM1OS43NTYgMTYuMTc3MyA2MC42MTE5IDE3LjYxMzMgNjEuNTM1MyAxOS4xNjU4TDYzLjIxNDQgMjEuOTg4Nkw2NS43MzA0IDIyLjA1ODZDNjcuMTE0MyAyMi4wOTcxIDY4LjI0NjQgMjIuMDU0MiA2OC4yNDY0IDIxLjk2MzNDNjguMjQ2NCAyMS44NzI1IDY2Ljk2NCAxOS44MTQ2IDY1LjM5NjMgMTcuMzkwNEM2My44Mjg4IDE0Ljk2NjIgNjIuNDk4MiAxMi44NTUzIDYyLjQzOTMgMTIuNjk5MkM2Mi4zODA0IDEyLjU0MzMgNjMuNDY4OSAxMS4xMzkzIDY0Ljg1ODIgOS41NzkxMUM2Ni4yNDc1IDguMDE4OTYgNjcuNTM2MyA2LjU1NTI4IDY3LjcyMjEgNi4zMjY3NUM2OC4wMzU3IDUuOTQxMTMgNjcuODc5MyA1LjkxMDk0IDY1LjU3MiA1LjkxMDk0SDYzLjA4MzZMNjAuNTUyNSA5LjAxMjgzTDU4LjAyMTcgMTIuMTE0NUw1Ny44OTg2IDYuMTI4NjdMNTcuNzc1NCAwLjE0MjYxM0w1NS43NDI4IDAuMDcxNDI5MUw1My43MTAyIDBWMTEuMDU1OFpNMTA3LjY2NyAzLjQ0OTQ2VjYuODc5MDRMMTA2LjUyMSA2LjI3MjI2QzEwNC4yODMgNS4wODY0NCAxMDEuMjQ0IDUuNjA1ODMgOTkuNjE2OCA3LjQ1MjQ0Qzk4LjUgOC43MTk3NSA5OC4yMjg3IDEwLjI1NjggOTguMzQ5MiAxNC42MzY2Qzk4LjQzNjIgMTcuODAwMSA5OC41MjM0IDE4LjQ0NjQgOTguOTgyNCAxOS4zMTlDOTkuNjY2NiAyMC42MjAyIDEwMC43NjcgMjEuNTM1IDEwMi4wNzMgMjEuODg2OEMxMDMuNTE1IDIyLjI3NTYgMTA1Ljg0NyAyMi4wMjgxIDEwNi43MDcgMjEuMzk1MUMxMDcuNTY2IDIwLjc2MjEgMTA3LjY2NyAyMC43NjAxIDEwNy42NjcgMjEuMzc1QzEwNy42NjcgMjEuODI3NCAxMDcuODMxIDIxLjg2NTkgMTA5Ljc2MSAyMS44NjU5SDExMS44NTVWMTAuOTQyOVYwLjAxOTg4MjNIMTA5Ljc2MUgxMDcuNjY3VjMuNDQ5NDZaTTQyLjc0NjQgNS44NzgzQzQxLjMxNDkgNi4yNTE4OSAzOS42NjY3IDcuMzg4MzcgMzkuNjY2NyA4LjAwMTc4QzM5LjY2NjcgOC4xNTk2MSA0MC4yMjE1IDguNzU0ODUgNDAuOSA5LjMyNDgxTDQyLjEzMzIgMTAuMzYwN0w0Mi45MzI2IDkuNzkzMTVDNDMuNTYwMiA5LjM0NzM5IDQ0LjA1ODYgOS4yMjU0IDQ1LjI1MTggOS4yMjUxNUM0Ny4xODA3IDkuMjI0NjYgNDguMDQzNSA5Ljg4MjUgNDguMDQzNSAxMS4zNTM4VjEyLjI5MjlINDUuNzQ3N0M0Mi43MTI5IDEyLjI5MjkgNDEuMjEzNCAxMi43NDUzIDQwLjA3IDE0LjAwNjVDMzkuMDE2IDE1LjE2ODcgMzguODM1OSAxNS43NzIzIDM4Ljk3NDEgMTcuNjc5MUMzOS4xMDg5IDE5LjUzMjMgMzkuODcyMiAyMC42ODcyIDQxLjUwMTIgMjEuNTAxOUM0My40ODQzIDIyLjQ5MzUgNDYuNDI3IDIyLjI0MjIgNDcuODQ5NiAyMC45NTk0QzQ4LjI2MTggMjAuNTg3OCA0OC4yODk5IDIwLjYwNCA0OC4yODk5IDIxLjIxNDJDNDguMjg5OSAyMS44NjU0IDQ4LjI5MTEgMjEuODY1OSA1MC4yNzI1IDIxLjg2NTlINTIuMjU1M0w1Mi4xODE5IDE1LjUwNDVMNTIuMTA4NyA5LjE0MjkzTDUxLjM2NzQgOC4wOTI2QzUwLjIxNDEgNi40NTg4MSA0OC43ODQ4IDUuODUxNTQgNDUuODc4NiA1Ljc2MDQ3QzQ0LjU2MjQgNS43MTg5OSA0My4xNTI5IDUuNzcyMjYgNDIuNzQ2NCA1Ljg3ODNaTTcxLjQ3OTYgNS45MTE0M0M3MC40NjQzIDYuMTUwMjcgNjguNjMzOSA3LjM5NSA2OC41NzczIDcuODg1NDNDNjguNTU0NCA4LjA4MjA0IDY5LjA3NTQgOC43MjMxOSA2OS43MzUyIDkuMzEwNTdMNzAuOTM0NiAxMC4zNzgxTDcxLjc0NjQgOS44MDE3NEM3Mi4zODcyIDkuMzQ2NjYgNzIuODc4IDkuMjI1NCA3NC4wNzc5IDkuMjI1MTVDNzYuMDA2OCA5LjIyNDY2IDc2Ljg2OTYgOS44ODI1IDc2Ljg2OTYgMTEuMzUzOFYxMi4yOTI5SDc0LjU3MzhDNzEuNTQ1OSAxMi4yOTI5IDcwLjAzODggMTIuNzQ2IDY4LjkwMzcgMTMuOTk3OUM2Ni45MDczIDE2LjE5OTQgNjcuNTA2IDE5Ljk0NzQgNzAuMDkgMjEuNDIzM0M3MC45MTQyIDIxLjg5NDEgNzEuNDM2NyAyMS45ODg2IDczLjIxNDggMjEuOTg4NkM3NS4wNDI3IDIxLjk4ODYgNzUuNDU3OCAyMS45MDkxIDc2LjA5OTkgMjEuNDM2M0M3Ny4wMTgxIDIwLjc1OTkgNzcuMTE2IDIwLjc1NCA3Ny4xMTYgMjEuMzc1Qzc3LjExNiAyMS44MjQ5IDc3LjI4MDMgMjEuODY1OSA3OS4wODcgMjEuODY1OUg4MS4wNThMODEuMDUyNiAxNS43OTA3QzgxLjA0NzYgMTAuMzUxNiA4MC45OTgxIDkuNjA4MDcgODAuNTc4OCA4LjY4NzZDNzkuOTkyNCA3LjQwMTE0IDc4LjQ2OTMgNi4yNzU3IDc2Ljg0NDkgNS45Mjg2MkM3NS40NDQ4IDUuNjI5NCA3Mi43MTU3IDUuNjIwNTYgNzEuNDc5NiA1LjkxMTQzWk0xMTcuNjY3IDYuMDM3MTFDMTE0Ljc4NSA3LjEzMjYgMTEzLjMzMyA5Ljc2Mjk2IDExMy4zMzMgMTMuODg4NEMxMTMuMzMzIDE3LjE4MDggMTE0LjMwMyAxOS42MDY3IDExNi4xMTYgMjAuODQ5QzExOS42MjIgMjMuMjUyOCAxMjQuNjI0IDIyLjExMTQgMTI2LjQyMSAxOC40OTc0QzEyNi45NTEgMTcuNDMyNCAxMjcuMDA0IDE3LjAwOTkgMTI3LjAwMyAxMy44ODg0QzEyNy4wMDIgMTAuMDgwNiAxMjYuODIyIDkuMzk2OTggMTI1LjM5OCA3Ljc4MDg2QzEyNC4xNTYgNi4zNzA5NCAxMjIuOSA1LjgzOTAyIDEyMC42MDEgNS43NDg2OUMxMTkuMjc5IDUuNjk2NjYgMTE4LjMxMyA1Ljc5MTY1IDExNy42NjcgNi4wMzcxMVpNMTI3LjYyMyA2LjE1NjRDMTI3LjYyMyA2LjUxNjQ5IDEyNy43ODggNi42NDczMyAxMjguMjM5IDYuNjQ3MzNDMTI4LjgzNCA2LjY0NzMzIDEyOC44NTUgNi43MDM1NCAxMjguODU1IDguMjZDMTI4Ljg1NSA5Ljc5MTY4IDEyOC44ODMgOS44Njg1MSAxMjkuNDA5IDkuNzk0MTNDMTI5LjkwNyA5LjcyMzY5IDEyOS45NzEgOS41NTk0NyAxMzAuMDM3IDguMTgxNDZDMTMwLjEwMSA2Ljg0ODM2IDEzMC4xNzMgNi42NDczMyAxMzAuNTkyIDYuNjQ3MzNDMTMwLjkwOCA2LjY0NzMzIDEzMS4wNzIgNi40Nzk2OCAxMzEuMDcyIDYuMTU2NEMxMzEuMDcyIDUuNzEyMTIgMTMwLjkwOCA1LjY2NTQ4IDEyOS4zNDggNS42NjU0OEMxMjcuNzg4IDUuNjY1NDggMTI3LjYyMyA1LjcxMjEyIDEyNy42MjMgNi4xNTY0Wk0xMzEuNTY1IDcuNzUxOUMxMzEuNTY1IDkuNjc0NTkgMTMxLjYwNCA5LjgzODMyIDEzMi4wNTggOS44MzgzMkMxMzIuNDg2IDkuODM4MzIgMTMyLjU1MyA5LjY2ODIxIDEzMi41NyA4LjU0OTY1QzEzMi41OTEgNy4xNjk0MiAxMzIuNjI1IDcuMTg3MDkgMTMzLjA0IDguNzk1MTFDMTMzLjIzOSA5LjU2NzgyIDEzMy40MzIgOS44MzgzMiAxMzMuNzgzIDkuODM4MzJDMTM0LjEzMyA5LjgzODMyIDEzNC4zMjYgOS41Njc4MiAxMzQuNTI1IDguNzk1MTFDMTM0Ljk0IDcuMTg3MDkgMTM0Ljk3NCA3LjE2OTQyIDEzNC45OTUgOC41NDk2NUMxMzUuMDEyIDkuNjY4MjEgMTM1LjA4IDkuODM4MzIgMTM1LjUwNyA5LjgzODMyQzEzNS45NjEgOS44MzgzMiAxMzYgOS42NzQ1OSAxMzYgNy43NTE5VjUuNjY1NDhIMTM1LjE1OUMxMzQuMzcgNS42NjU0OCAxMzQuMzA4IDUuNzI2MTEgMTM0LjE1MiA2LjY0NzMzQzEzNC4wNjEgNy4xODczNCAxMzMuODk0IDcuNjI5MTcgMTMzLjc4MyA3LjYyOTE3QzEzMy42NzEgNy42MjkxNyAxMzMuNTA1IDcuMTg3MzQgMTMzLjQxMyA2LjY0NzMzQzEzMy4yNTcgNS43MjYxMSAxMzMuMTk1IDUuNjY1NDggMTMyLjQwNiA1LjY2NTQ4SDEzMS41NjVWNy43NTE5Wk04My4yNzU0IDE0LjAyMVYyMi4xMzEyTDg1LjMwOCAyMi4wNTk4TDg3LjM0MDYgMjEuOTg4Nkw4Ny40NjM4IDE2LjM4MjVMODcuNTg3IDEwLjc3NjdMODguMjc4MyAxMC4xODQ3Qzg5LjIxNTggOS4zODIgOTAuNjM5MyA5LjM4MiA5MS41NzY4IDEwLjE4NDdMOTIuMjY4MSAxMC43NzY3TDkyLjM5MTMgMTYuMzgyNUw5Mi41MTQ1IDIxLjk4ODZMOTQuNTU4OSAyMi4wNjAxTDk2LjYwMzEgMjIuMTMxNUw5Ni41MyAxNS44MDA4Qzk2LjQ0NjIgOC41ODQwMSA5Ni4zNDM0IDguMTUxMjYgOTQuMzg2NSA2Ljc3Mzk4QzkzLjUwNTkgNi4xNTQ0NCA5My4wNjUyIDYuMDI3NTQgOTEuNTIzMSA1Ljk0OTk3Qzg5LjkxODkgNS44NjkyMSA4OS41NjI3IDUuOTM1IDg4LjU1MSA2LjQ5ODMzQzg3LjkxODggNi44NTAzMiA4Ny4zNjAzIDcuMTM4MjUgODcuMzA5NSA3LjEzODI1Qzg3LjI1ODggNy4xMzgyNSA4Ny4yMTc0IDYuODYyMSA4Ny4yMTc0IDYuNTI0NTlDODcuMjE3NCA1LjkyMTI1IDg3LjE4NDYgNS45MTA5NCA4NS4yNDY0IDUuOTEwOTRIODMuMjc1NFYxNC4wMjFaTTEzLjkzNjEgMTAuMzkwNkMxNC41NzcxIDEyLjMxNDUgMTUuMTQ3IDE0LjAxMjQgMTUuMjAyNyAxNC4xNjM4QzE1LjI1ODQgMTQuMzE1NSAxNC43MzU4IDE0Ljg1NDggMTQuMDQxNSAxNS4zNjI3QzEyLjY0MjEgMTYuMzg2IDEyLjUxOTQgMTYuMzczNSAxMC44ODc2IDE1LjAzNjJMMTAuMDcyMSAxNC4zNjgxTDExLjM0NjYgMTAuNjMwNEMxMi4wNDczIDguNTc0NjggMTIuNjU0NyA2Ljg5Mjc5IDEyLjY5NTggNi44OTI3OUMxMi43MzY5IDYuODkyNzkgMTMuMjk1MiA4LjQ2NjY4IDEzLjkzNjEgMTAuMzkwNlpNMTA2LjY3OSAxMC4wNDM4QzEwNy41MTggMTAuODc5OCAxMDcuNzgxIDEyLjI1NDEgMTA3LjYxMSAxNC45MDcxQzEwNy40NzEgMTcuMDcyNSAxMDYuOTU4IDE3Ljk0ODMgMTA1LjYzMSAxOC4yODM2QzEwNC40MDUgMTguNTkzNyAxMDMuMjcxIDE4LjA5MTcgMTAyLjgzMiAxNy4wNDVDMTAyLjM2OCAxNS45Mzc1IDEwMi4zOCAxMS44MDk0IDEwMi44NTEgMTAuNjg1NkMxMDMuNDc0IDkuMjAwMTIgMTA1LjQ5MiA4Ljg2MTYzIDEwNi42NzkgMTAuMDQzOFpNMTIxLjk3OCA5Ljk4MDE5QzEyMi43MTggMTAuNjQ4MSAxMjMuMDAyIDEyLjAxMDIgMTIyLjkwNyAxNC40NDE3QzEyMi44MzYgMTYuMjM2IDEyMi43MTcgMTYuODEyMyAxMjIuMzAyIDE3LjM2ODZDMTIxLjYzNiAxOC4yNjI4IDEyMC4zMDUgMTguNjIwNyAxMTkuMjU1IDE4LjE4NzdDMTE4LjA0NCAxNy42ODc5IDExNy42NjcgMTYuNzA0MSAxMTcuNjU1IDE0LjAxMTJDMTE3LjY0NCAxMS4zNzcxIDExNy45ODYgMTAuMjU2NiAxMTguOTcyIDkuNzAyMDlDMTE5Ljc3MyA5LjI1MjQgMTIxLjMzIDkuMzk2NDkgMTIxLjk3OCA5Ljk4MDE5Wk00OC4wNDM1IDE2LjIwMDJDNDguMDQzNSAxNi43MjkxIDQ3Ljk3NDUgMTcuMzQwOCA0Ny44OTA1IDE3LjU1OTNDNDcuMzg5OCAxOC44NTkgNDMuODc3NyAxOS4wNjMyIDQzLjA1OCAxNy44NDAzQzQyLjY1ODkgMTcuMjQ0NiA0Mi44Nzc5IDE2LjI0OTUgNDMuNTE4OCAxNS43NDczQzQ0LjA1MDUgMTUuMzMwNSA0NC41MTgzIDE1LjIzODUgNDYuMTA1NyAxNS4yMzg1SDQ4LjA0MzVWMTYuMjAwMlpNNzYuODY5NiAxNi4yMDAyQzc2Ljg2OTYgMTcuNTA0MyA3Ni42ODQ4IDE3Ljg5NDEgNzUuODY2MyAxOC4zMTU4Qzc0LjExODMgMTkuMjE2NCA3MS42OTU3IDE4LjQyNyA3MS42OTU3IDE2Ljk1NjdDNzEuNjk1NyAxNS43NDY4IDcyLjY1MzEgMTUuMjM4NSA3NC45MzE4IDE1LjIzODVINzYuODY5NlYxNi4yMDAyWiIgZmlsbD0iIzk2QzkzMyIvPgo8L3N2Zz4K"};var D,j,g;M.parameters={...M.parameters,docs:{...(D=M.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
return \`<ako-navbar
\${args.brandicon ? \`brandicon="\${args.brandicon}"\` : ""}
>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.499997 8.37512C-0.059437 8.65066 -0.0839022 9.43932 0.457378 9.74901L4.4109 12.0593V15.8013C4.4109 16.5401 4.6064 17.2778 5.1585 17.7688C6.15093 18.6513 8.24868 19.9134 12.1298 19.9134C16.2502 19.9134 18.1132 18.4909 18.8717 17.6103C19.2266 17.1983 19.3298 16.6498 19.3298 16.106V12.2726L20.5258 11.5744V16.9124L18.7801 20.8291C18.5507 21.3439 18.9274 21.9243 19.4911 21.9243H23.1765C23.7436 21.9243 24.1203 21.3373 23.8841 20.8217L22.0255 16.7648V10.6989L23.5429 9.74284C24.0764 9.43142 24.0519 8.6525 23.5 8.37512L12.4758 2.76843C12.2579 2.6589 12.0012 2.65788 11.7824 2.76565L0.499997 8.37512ZM20.3344 8.39607L12.1231 4.26956L2.28494 9.11521L12.1223 14.7435L20.4267 9.89575H12.7135C12.2994 9.89575 11.9637 9.56004 11.9637 9.14591C11.9637 8.73179 12.2994 8.39607 12.7135 8.39607H20.3344ZM5.91058 15.8013V12.9174L11.7393 16.2522C11.9809 16.3904 12.2779 16.3892 12.5183 16.2488L17.8301 13.148V16.106C17.8301 16.2891 17.8121 16.4213 17.7873 16.512C17.7641 16.5968 17.7407 16.6254 17.7354 16.6316C17.2916 17.1468 15.8616 18.4137 12.1298 18.4137C8.60728 18.4137 6.86644 17.2807 6.15506 16.6481C6.05088 16.5555 5.91058 16.3196 5.91058 15.8013ZM20.6023 20.4246H22.0526L21.3175 18.82L20.6023 20.4246Z" fill="#B3B3B3"/>
</svg>
</div>
<div>Elev profil</div>
</div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0173 3.5H5.87481C4.53343 3.5 3.44603 4.5874 3.44603 5.92878V18.0713C3.44603 19.4126 4.53343 20.5 5.87481 20.5H18.0173C19.3587 20.5 20.4461 19.4126 20.4461 18.0713V5.92878C20.4461 4.5874 19.3587 3.5 18.0173 3.5ZM5.87481 2C3.705 2 1.94603 3.75897 1.94603 5.92878V18.0713C1.94603 20.2411 3.705 22.0001 5.87481 22.0001H18.0173C20.1871 22.0001 21.9461 20.2411 21.9461 18.0713V5.92878C21.9461 3.75897 20.1871 2 18.0173 2H5.87481Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.26143 7.60993C7.26143 7.19572 7.59721 6.85993 8.01143 6.85993H15.8153C16.2295 6.85993 16.5653 7.19572 16.5653 7.60993C16.5653 8.02415 16.2295 8.35993 15.8153 8.35993H8.01143C7.59721 8.35993 7.26143 8.02415 7.26143 7.60993Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.68257 11.2217C7.68257 10.8076 8.01829 10.4719 8.43241 10.4719H11.4162C11.7049 10.4719 11.968 10.6376 12.0926 10.898C12.2172 11.1584 12.1813 11.4673 12.0001 11.6921L10.8733 13.091C11.1453 13.2112 11.4035 13.3707 11.6299 13.5715C12.2586 14.129 12.6062 14.982 12.3364 16.0164C12.0464 17.1281 11.0783 17.6793 10.1468 17.7298C9.22104 17.78 8.20027 17.3538 7.65164 16.3937C7.44618 16.0342 7.5711 15.5761 7.93066 15.3707C8.29022 15.1652 8.74826 15.2901 8.95373 15.6497C9.18348 16.0517 9.62691 16.2561 10.0657 16.2323C10.4987 16.2088 10.7955 15.9817 10.8852 15.6378C11.0046 15.1804 10.8657 14.8982 10.6349 14.6935C10.3638 14.4531 9.93401 14.3067 9.53512 14.3067C9.24642 14.3067 8.98336 14.1409 8.85874 13.8805C8.73412 13.6201 8.77007 13.3113 8.95118 13.0864L9.84929 11.9715H8.43241C8.01829 11.9715 7.68257 11.6358 7.68257 11.2217Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8718 11.2866C12.8718 10.8725 13.2075 10.5368 13.6217 10.5368H15.0487C15.4628 10.5368 15.7985 10.8725 15.7985 11.2866V16.9042C15.7985 17.3183 15.4628 17.654 15.0487 17.654C14.6346 17.654 14.2988 17.3183 14.2988 16.9042V12.0365H13.6217C13.2075 12.0365 12.8718 11.7007 12.8718 11.2866Z" fill="#B3B3B3"/>
</svg>
</div>
<div>Bokade pass</div>
</div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6886 16.5986C11.0969 16.5986 11.4875 16.7651 11.7703 17.0596L14.7299 20.1417V18.0983C14.7299 17.27 15.4013 16.5986 16.2296 16.5986H18.2296C19.7916 16.5986 21.0578 15.3324 21.0578 13.7704V6.16382C21.0578 4.60185 19.7916 3.33562 18.2296 3.33562H5.77055C4.20858 3.33562 2.94235 4.60185 2.94235 6.16382V13.7704C2.94235 15.3324 4.20858 16.5986 5.77055 16.5986H10.6886ZM16.2296 22.5651C16.2296 23.0376 15.6539 23.2692 15.3266 22.9284L10.6886 18.0983H5.77055C3.38033 18.0983 1.44267 16.1606 1.44267 13.7704V6.16382C1.44267 3.7736 3.38033 1.83594 5.77055 1.83594H18.2296C20.6198 1.83594 22.5575 3.7736 22.5575 6.16382V13.7704C22.5575 16.1606 20.6198 18.0983 18.2296 18.0983H16.2296V22.5651Z" fill="#B3B3B3"/>
<circle cx="7.86885" cy="9.96724" r="1.31148" fill="#B3B3B3"/>
<circle cx="11.9344" cy="9.96724" r="1.31148" fill="#B3B3B3"/>
<circle cx="16.1312" cy="9.96724" r="1.31148" fill="#B3B3B3"/>
</svg>
</div>
<div>Coacher</div>
</div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.91361 4.98682C8.58996 4.98682 9.13826 4.43852 9.13826 3.76217C9.13826 3.08581 8.58996 2.53752 7.91361 2.53752C7.23726 2.53752 6.68896 3.08581 6.68896 3.76217C6.68896 4.43852 7.23726 4.98682 7.91361 4.98682ZM7.91361 6.48649C9.41821 6.48649 10.6379 5.26677 10.6379 3.76217C10.6379 2.25756 9.41821 1.03784 7.91361 1.03784C6.40901 1.03784 5.18929 2.25756 5.18929 3.76217C5.18929 5.26677 6.40901 6.48649 7.91361 6.48649Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2161 7.32189C16.8924 7.32189 17.4407 6.7736 17.4407 6.09724C17.4407 5.42089 16.8924 4.8726 16.2161 4.8726C15.5397 4.8726 14.9914 5.42089 14.9914 6.09724C14.9914 6.7736 15.5397 7.32189 16.2161 7.32189ZM16.2161 8.82157C17.7207 8.82157 18.9404 7.60185 18.9404 6.09724C18.9404 4.59264 17.7207 3.37292 16.2161 3.37292C14.7115 3.37292 13.4918 4.59264 13.4918 6.09724C13.4918 7.60185 14.7115 8.82157 16.2161 8.82157Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5488 19.719V13.6217C13.5488 12.8737 12.9425 12.2674 12.1945 12.2674C11.4464 12.2674 10.8401 12.8737 10.8401 13.6217V19.719C10.8401 20.467 11.4464 21.0734 12.1945 21.0734C12.9425 21.0734 13.5488 20.467 13.5488 19.719ZM12.1945 10.7677C10.6182 10.7677 9.3404 12.0455 9.3404 13.6217V19.719C9.3404 21.2953 10.6182 22.5731 12.1945 22.5731C13.7707 22.5731 15.0485 21.2953 15.0485 19.719V13.6217C15.0485 12.0455 13.7707 10.7677 12.1945 10.7677Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0647 10.6949C12.7411 10.6949 13.2894 10.1466 13.2894 9.47028C13.2894 8.79393 12.7411 8.24563 12.0647 8.24563C11.3884 8.24563 10.8401 8.79393 10.8401 9.47028C10.8401 10.1466 11.3884 10.6949 12.0647 10.6949ZM12.0647 12.1946C13.5693 12.1946 14.789 10.9749 14.789 9.47028C14.789 7.96568 13.5693 6.74596 12.0647 6.74596C10.5601 6.74596 9.3404 7.96568 9.3404 9.47028C9.3404 10.9749 10.5601 12.1946 12.0647 12.1946Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.94832 16.4757C6.94832 15.6474 6.27689 14.976 5.44865 14.976H4.74292V9.85948C4.74292 8.1084 6.16244 6.68888 7.91351 6.68888C8.76607 6.68888 9.54004 7.02538 10.1098 7.57281C10.4695 7.20229 10.9337 6.93369 11.4547 6.8145C10.5983 5.81935 9.32948 5.1892 7.91351 5.1892C5.33419 5.1892 3.24324 7.28016 3.24324 9.85948V15.6973C3.24324 16.1272 3.59173 16.4757 4.02162 16.4757H5.44865V19.8811C5.44865 21.3678 6.65385 22.573 8.14054 22.573C8.92986 22.573 9.63983 22.2333 10.1322 21.6921C9.64172 21.1795 9.3404 20.4845 9.3404 19.719L9.3404 13.7287C9.33534 13.7788 9.33275 13.8296 9.33275 13.8811V19.8811C9.33275 20.5395 8.79898 21.0733 8.14054 21.0733C7.4821 21.0733 6.94832 20.5395 6.94832 19.8811V16.4757Z" fill="#B3B3B3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7632 9.09331C15.0335 8.96568 15.3356 8.89432 15.6543 8.89432H16.7064C17.7424 8.89432 18.4287 9.96906 17.9928 10.9089C17.6979 11.5448 17.7193 12.2824 18.0505 12.9001L19.0942 14.8463H19.0054C18.1772 14.8463 17.5057 15.5177 17.5057 16.346V19.8487C17.5057 20.5251 16.9575 21.0733 16.2811 21.0733C15.6047 21.0733 15.0564 20.5251 15.0564 19.8487V16.2163C15.0564 16.1639 15.0538 16.1121 15.0485 16.061L15.0485 19.719C15.0485 20.4796 14.751 21.1706 14.2661 21.6822C14.7644 22.2295 15.4826 22.573 16.2811 22.573C17.7857 22.573 19.0054 21.3533 19.0054 19.8487V16.346H20.7329C21.1252 16.346 21.3756 15.9275 21.1903 15.5818L19.3722 12.1914C19.2638 11.9892 19.2568 11.7479 19.3533 11.5398C20.2501 9.60606 18.838 7.39464 16.7064 7.39464H15.6543C15.1188 7.39464 14.6107 7.5119 14.1543 7.72215C14.4744 8.1043 14.6915 8.57556 14.7632 9.09331Z" fill="#B3B3B3"/>
</svg>
</div>
<div>Mitt konto</div>
</div>
<div class="seperator"></div>
<div style="
display: flex;
align-items: center;
gap: 0.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;">
<div style="display: inherit;">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.72435 18.1586H10.1602C10.6002 18.1586 10.9573 18.5151 10.9573 18.9543C10.9573 19.3935 10.6002 19.75 10.1602 19.75H2.72435C1.36003 19.75 0.25 18.642 0.25 17.2801L0.25 2.71948C0.25 1.35802 1.36003 0.25 2.72435 0.25L10.1602 0.25C10.6002 0.25 10.9573 0.606477 10.9573 1.04571C10.9573 1.48534 10.6002 1.84142 10.1602 1.84142L2.72435 1.84142C2.23889 1.84142 1.8443 2.23569 1.8443 2.71948L1.8443 17.2801C1.8443 17.7647 2.23889 18.1586 2.72435 18.1586Z" fill="#868686"/>
<path d="M14.5346 4.58881L19.5183 9.56359C19.8296 9.87431 19.8296 10.378 19.5183 10.6887L14.5346 15.6639C14.3787 15.819 14.1746 15.8966 13.971 15.8966C13.7669 15.8966 13.5628 15.819 13.407 15.6639C13.0957 15.3532 13.0957 14.8491 13.407 14.5383L17.03 10.9219L7.52762 10.9219C7.08759 10.9219 6.73047 10.5658 6.73047 10.1261C6.73047 9.68692 7.08759 9.33044 7.52762 9.33044L17.03 9.33044L13.407 5.71394C13.0957 5.40322 13.0957 4.89914 13.407 4.58881C13.7183 4.27769 14.2233 4.27769 14.5346 4.58881Z" fill="#777777"/>
</svg>
</div>
<div>Logga ut</div>
</div>
</ako-navbar>\`;
}`,...(g=(j=M.parameters)==null?void 0:j.docs)==null?void 0:g.source}}};const C=["Template"];export{M as Template,C as __namedExportsOrder,e as default};