npm - @scania/tegel - Versions diffs - 0.0.5 → 0.0.7 - Mend

@scania/tegel 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1142) hide show

package/dist/cjs/sdds-icon.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-icon.entry.cjs.js","mappings":";;;;;;AAAO,MAAM,eAAe,GAAG,8p6CAA8p6C;;ACA7r6C,MAAM,OAAO,GAAG,qLAAqL;;MCWxL,IAAI;;;IAwBf,aAAQ,GAAG,MACT,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO;MAC3B,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;QAC9B,QACEA,iBAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,qBAAkB,QAAQ,OAAO,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,IAC5IA,uBAAQ,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAS,EACvCA,kBAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,OAAO,CAAC,UAAU,GAAI,CAC/C,EACN;OACH;KACF,CAAC,CAAC;gBAhCmC,gBAAgB;gBAGhB,MAAM;wBAEd,eAAe;wBAEvB,EAAE;;EAE1B,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;GAC1C;EAED,gBAAgB,CAAC,QAAgB;IAC/B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KAC1C;SAAM;MACL,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;KAC9B;IACD,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;GAC5C;EAcD,MAAM;IACJ,OAAOA,QAACC,UAAI,QAAE,IAAI,CAAC,QAAQ,EAAE,CAAQ,CAAC;GACvC;;;;;;","names":["h","Host"],"sources":["./src/components/icon/iconsArray.js","./src/components/icon/icon.scss?tag=sdds-icon&encapsulation=shadow","./src/components/icon/icon.tsx"],"sourcesContent":["export const iconsCollection = '[{\"name\":\"arrow_diagonal\",\"definition\":\"M24.444 22.143a1 1 0 1 0 2 0V8.156a2.6 2.6 0 0 0-2.6-2.6H9.857a1 1 0 1 0 0 2H23.03L5.85 24.736a1 1 0 0 0 1.413 1.415l17.18-17.18v13.172Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"arrow_down\",\"definition\":\"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"arrow_left\",\"definition\":\"M14.046 5.685a1 1 0 0 0-1.414-1.415l-9.9 9.9a2.6 2.6 0 0 0 0 3.678l9.9 9.9a1 1 0 1 0 1.415-1.415L4.722 17.01h24.306a1 1 0 0 0 0-2H4.722l9.325-9.324Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"arrow_right\",\"definition\":\"M17.958 26.314a1 1 0 1 0 1.415 1.414l9.89-9.89a2.6 2.6 0 0 0 0-3.676l-9.89-9.89a1 1 0 1 0-1.415 1.414L27.273 15H2.976a1 1 0 1 0 0 2h24.296l-9.314 9.314Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"arrow_up\",\"definition\":\"M16 30.03a1 1 0 0 1-1-1V3.64a1 1 0 1 1 2 0v25.39a1 1 0 0 1-1 1ZM27.732 14.042a1 1 0 0 1-1.414 0l-9.894-9.893a.6.6 0 0 0-.848 0l-9.894 9.893a1 1 0 1 1-1.414-1.414l9.894-9.894a2.6 2.6 0 0 1 3.676 0l9.894 9.894a1 1 0 0 1 0 1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"back\",\"definition\":\"M13.046 3.682a1 1 0 0 0-1.414-1.414l-8.885 8.884a2.6 2.6 0 0 0 0 3.677l8.885 8.885a1 1 0 0 0 1.414-1.414l-8.35-8.35H27.95v15.093a1 1 0 1 0 2 0V12.95a1 1 0 0 0-1-1H4.778l8.268-8.268Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"bento\",\"definition\":\"M3.98 5.978a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM3.98 16a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.02a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM14 5.978a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM14 16a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.02a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM24.019 5.978a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.022a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.02a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"burger\",\"definition\":\"M3.97 6.998a1 1 0 0 1 1-1h22.05a1 1 0 0 1 0 2H4.97a1 1 0 0 1-1-1Zm0 8.984a1 1 0 0 1 1-1h22.05a1 1 0 0 1 0 2H4.97a1 1 0 0 1-1-1Zm0 8.984a1 1 0 0 1 1-1h22.05a1 1 0 0 1 0 2H4.97a1 1 0 0 1-1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"calendar_inactive\",\"definition\":\"M30 25.5V10c0-2.2-1.8-4-4-4h-2V3c0-.6-.4-1-1-1s-1 .4-1 1v3H10.5l2 2H26c1.1 0 2 .9 2 2v2H16.5l2 2H28v9.5l2 2zM10 14H4v12c0 1.1.9 2 2 2h18l2 2H6c-2.2 0-4-1.8-4-4V10c0-1.1.5-2.1 1.2-2.8l1.4 1.4c-.4.3-.6.8-.6 1.4v2h4l2 2zM8 3.5l2 2V3c0-.6-.4-1-1-1s-1 .4-1 1v.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"calendar\",\"definition\":\"M26 6h-2V3c0-.5-.5-1-1-1s-1 .5-1 1v3H10V3c0-.5-.5-1-1-1s-1 .4-1 1v3H6c-2.2 0-4 1.8-4 4v16c0 2.2 1.8 4 4 4h20c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zM4 10c0-1.1.9-2 2-2h20c1.1 0 2 .9 2 2v2H4v-2zm24 16c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V14h24v12z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"cart\",\"definition\":\"M10.6 20.3c.2 1 1 1.7 2 1.7h11.6c1 0 1.8-.7 2-1.6l1.8-8.5c.3-1.2-.7-2.4-2-2.4H12.1c-.6 0-1-.4-1-1s.5-1 1-1h13.8c2.6 0 4.5 2.3 4 4.8l-1.8 8.5c-.4 1.9-2 3.2-4 3.2H12.6c-2 0-3.6-1.4-4-3.3l-2.7-15c-.2-1-1-1.7-2-1.7H3c-.5 0-1-.4-1-1s.5-1 1-1h.9c2 0 3.6 1.4 4 3.3l2.7 15zm2 7.7c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2zm8.1 0c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"chevron_down\",\"definition\":\"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"chevron_left\",\"definition\":\"M22.217 4.273a1 1 0 0 1 0 1.415l-9.888 9.888a.6.6 0 0 0 0 .848l9.888 9.888a1 1 0 0 1-1.414 1.415l-9.889-9.889a2.6 2.6 0 0 1 0-3.677l9.889-9.888a1 1 0 0 1 1.414 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"chevron_right\",\"definition\":\"M9.783 27.727a1 1 0 0 1 0-1.415l9.888-9.888a.6.6 0 0 0 0-.848L9.783 5.688a1 1 0 0 1 1.414-1.415l9.889 9.889a2.6 2.6 0 0 1 0 3.676l-9.889 9.889a1 1 0 0 1-1.414 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"chevron_up\",\"definition\":\"M27.727 22.217a1 1 0 0 1-1.415 0l-9.888-9.888a.6.6 0 0 0-.848 0l-9.888 9.888a1 1 0 1 1-1.415-1.414l9.889-9.889a2.6 2.6 0 0 1 3.676 0l9.889 9.889a1 1 0 0 1 0 1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"clock_inactive\",\"definition\":\"M27.8 23.5c1.4-2.2 2.2-4.8 2.2-7.5 0-7.7-6.3-14-14-14-2.8 0-5.4.8-7.5 2.2L10 5.7C11.7 4.6 13.8 4 16 4c6.6 0 12 5.4 12 12 0 2.2-.6 4.3-1.7 6.1l1.5 1.4zM5.7 9.9C4.6 11.7 4 13.8 4 16c0 6.6 5.4 12 12 12 2.2 0 4.3-.6 6.1-1.7l1.5 1.5C21.4 29.2 18.8 30 16 30 8.3 30 2 23.7 2 16c0-2.8.8-5.4 2.2-7.5l1.5 1.4zM21.2 17H23c.6 0 1-.4 1-1s-.4-1-1-1h-3.8l2 2zM17 12.8V7c0-.6-.4-1-1-1s-1 .4-1 1v3.8l2 2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"clock\",\"definition\":\"M17 7c0-.6-.4-1-1-1s-1 .4-1 1v8c0 1.1.9 2 2 2h6c.6 0 1-.4 1-1s-.4-1-1-1h-6V7zm-1-5C8.3 2 2 8.3 2 16s6.3 14 14 14 14-6.3 14-14S23.7 2 16 2zM4 16C4 9.4 9.4 4 16 4s12 5.4 12 12-5.4 12-12 12S4 22.6 4 16z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"contact_inactive\",\"definition\":\"M28 23.8V4c0-1.1-.9-2-2-2H6.2l2 2H26v17.8l2 2zM6 10.2V28h17.8l2 2H6c-1.1 0-2-.9-2-2V8.2l2 2zm12.9 4.5C19.6 14 20 13 20 12c0-2.2-1.8-4-4-4-1 0-2 .4-2.7 1.1l1.4 1.4c.3-.3.8-.5 1.3-.5 1.1 0 2 .9 2 2 0 .5-.2.9-.5 1.3l1.4 1.4zM13.8 18H13c-2.2 0-4 1.8-4 4v1c0 .6.4 1 1 1s1-.4 1-1v-1c0-1.1.9-2 2-2h2.8l-2-2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4s-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"contact\",\"definition\":\"M4 4a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4Zm22 0H6v24h20V4ZM16 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm1 8a2 2 0 0 0-2 2v1a1 1 0 1 1-2 0v-1a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v1a1 1 0 1 1-2 0v-1a2 2 0 0 0-2-2h-6Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"copy\",\"definition\":\"M18.72 6.194a2.2 2.2 0 0 0-2.2-2.2H6.203a2.2 2.2 0 0 0-2.2 2.2v12.88a2.2 2.2 0 0 0 2.2 2.2H16.52a2.2 2.2 0 0 0 2.2-2.2V6.195Zm-2.2-4.2a4.2 4.2 0 0 1 4.2 4.2v2.53h5.076a4.2 4.2 0 0 1 4.2 4.2v12.884a4.2 4.2 0 0 1-4.2 4.2H14.487a4.2 4.2 0 0 1-4.2-4.2v-2.533H6.203a4.2 4.2 0 0 1-4.2-4.2V6.194a4.2 4.2 0 0 1 4.2-4.2H16.52Zm-4.233 21.28v2.534a2.2 2.2 0 0 0 2.2 2.2h11.31a2.2 2.2 0 0 0 2.2-2.2V12.925a2.2 2.2 0 0 0-2.2-2.2H20.72v8.35a4.2 4.2 0 0 1-4.2 4.2h-4.233Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"cross\",\"definition\":\"M24.5 7.5a1 1 0 0 1 0 1.414L8.914 24.5A1 1 0 0 1 7.5 23.086L23.086 7.5a1 1 0 0 1 1.414 0ZM7.5 7.5a1 1 0 0 1 1.414 0L24.5 23.086a1 1 0 0 1-1.414 1.414L7.5 8.914a1 1 0 0 1 0-1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"document_check\",\"definition\":\"M6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.415 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2h-7a1 1 0 1 1 0-2h7V13h-7a2 2 0 0 1-2-2V4H8v13a1 1 0 1 1-2 0V4Zm11 1.414V11h5.586l-5.585-5.586ZM16.434 17.808a1 1 0 0 1 0 1.414L7.95 27.707a1 1 0 0 1-1.414 0l-4.242-4.243a1 1 0 0 1 1.414-1.414l3.535 3.536 7.778-7.778a1 1 0 0 1 1.414 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"document_eye\",\"definition\":\"M6 4c0-1.1.9-2 2-2h7.6c.5 0 1 .2 1.4.6l8.4 8.4c.4.4.6.9.6 1.4V28c0 1.1-.9 2-2 2h-6c-.6 0-1-.4-1-1s.4-1 1-1h6V13h-7c-1.1 0-2-.9-2-2V4H8v9c0 .6-.4 1-1 1s-1-.4-1-1V4zm11 1.4V11h5.6L17 5.4zm.8 17.6c.3-.5.3-1.2.1-1.8-1.4-3-4.3-5.2-7.8-5.2s-6.4 2.1-7.8 5c-.3.5-.3 1.2-.1 1.8 1.4 3 4.3 5.2 7.8 5.2s6.4-2.1 7.8-5zm-12.7.7c-.5-.5-.8-1.1-1.1-1.7 1.1-2.4 3.4-4 6-4 2 0 3.7.9 4.9 2.3.4.5.8 1.1 1.1 1.7-1.1 2.4-3.4 4-6 4-2 0-3.7-.9-4.9-2.3zM12 22c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"document_tool\",\"definition\":\"M6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.414 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2h-6a1 1 0 1 1 0-2h6V13h-7a2 2 0 0 1-2-2V4H8v8a1 1 0 1 1-2 0V4Zm11 1.414V11h5.586L17 5.414ZM7.416 16.098a6.004 6.004 0 0 1 6.434-1.343 1 1 0 0 1 .342 1.638l-2.533 2.534a1 1 0 0 0 1.414 1.414l2.534-2.533a1 1 0 0 1 1.638.342 6.003 6.003 0 0 1-1.343 6.434 5.998 5.998 0 0 1-5.797 1.553l-2.984 2.984A3 3 0 0 1 2.88 24.88l2.983-2.984a5.997 5.997 0 0 1 1.554-5.797Zm3.992.252a4.001 4.001 0 0 0-3.473 5.454 1 1 0 0 1-.225 1.071l-3.417 3.418a1 1 0 0 0 1.414 1.414l3.417-3.417a1 1 0 0 1 1.072-.224 4.001 4.001 0 0 0 5.454-3.473l-1.163 1.162a3 3 0 0 1-4.242-4.242l1.163-1.163Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"document_wrong\",\"definition\":\"M14.192 17.808a1 1 0 0 1 0 1.414l-3.535 3.535 3.535 3.536a1 1 0 0 1-1.414 1.414l-3.535-3.535-3.536 3.535a1 1 0 1 1-1.414-1.414l3.535-3.536-3.535-3.535a1 1 0 1 1 1.414-1.414l3.536 3.535 3.535-3.535a1 1 0 0 1 1.414 0ZM6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.414 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2h-7a1 1 0 1 1 0-2h7V13h-7a2 2 0 0 1-2-2V4H8v11.043a1 1 0 0 1-2 0V4Zm11 1.414V11h5.586L17 5.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"document\",\"definition\":\"M6 4a2 2 0 0 1 2-2h7.586A2 2 0 0 1 17 2.586L25.414 11A2 2 0 0 1 26 12.414V28a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4Zm9 0H8v24h16V13h-7a2 2 0 0 1-2-2V4Zm2 1.414V11h5.586L17 5.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"doner\",\"definition\":\"M3.981 7.007a1 1 0 0 1 1-1H27.02a1 1 0 1 1 0 2H4.98a1 1 0 0 1-1-1Zm5.026 9.01a1 1 0 0 1 1-1h11.986a1 1 0 0 1 0 2H10.007a1 1 0 0 1-1-1Zm2.969 8.982a1 1 0 0 1 1-1h6.048a1 1 0 1 1 0 2h-6.048a1 1 0 0 1-1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"double_kebab\",\"definition\":\"M8.84 5.975a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 20.039a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM19.236 5.975a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM8.84 15.995a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm10.396 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 10.019a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"download\",\"definition\":\"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"edit_inactive\",\"definition\":\"m21.8 17.3 5.6-5.6c.8-.8.8-2 0-2.8l-4.2-4.2c-.8-.8-2-.8-2.8 0l-5.6 5.6 1.4 1.4 2.1-2.1 4.2 4.2-2.1 2.1 1.4 1.4zm0-11.3 4.2 4.2-2.1 2.1-4.2-4.2L21.8 6zm-9.9 9.9L8 19.7l-1.6 5.8 5.8-1.6 3.9-3.9 1.4 1.4-3.9 3.9c-.2.2-.6.4-.9.5L5.3 28c-.3.1-.7 0-1-.3-.3-.3-.4-.6-.3-1l2.1-7.5c.1-.3.3-.6.5-.9l3.9-3.9 1.4 1.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"edit\",\"definition\":\"M20.348 4.58a2 2 0 0 1 2.828 0l4.242 4.243a2 2 0 0 1 0 2.829L13.672 25.398a2 2 0 0 1-.888.515l-7.521 2.05a1 1 0 0 1-1.228-1.227l2.051-7.521a2 2 0 0 1 .515-.888L20.347 4.58Zm5.656 5.657-4.242-4.242-2.122 2.121 4.243 4.243 2.121-2.122Zm-3.535 3.536L18.226 9.53 8.016 19.74l-1.591 5.834 5.833-1.59 10.21-10.211Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"email\",\"definition\":\"M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8Zm25 0H5l11 6.354L27 8ZM4 9.732V24h24V9.732l-11 6.354a2 2 0 0 1-2 0L4 9.732Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"error\",\"definition\":\"M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zM2 16C2 8.3 8.3 2 16 2s14 6.3 14 14-6.3 14-14 14S2 23.7 2 16zm12.8-1.5V10h2.4v4.5l-.4 4.3h-1.7l-.3-4.3zm0 5.6h2.5v2.4h-2.5v-2.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"export_inactive\",\"definition\":\"M28 23.8V21c0-.6-.4-1-1-1s-1 .4-1 1v.8l2 2zm-11-11V5l9.3 9.3c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L17.4 2.6c-.8-.8-2-.8-2.8 0l-3.9 3.9 1.4 1.4L15 5v5.8l2 2zm-2 6.4 2 2V23c0 .6-.4 1-1 1s-1-.4-1-1v-3.8zm-7.1-7.1-1.4-1.4-2.2 2.2c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l2.2-2.2zM23.8 28l2 2H6c-1.1 0-2-.9-2-2v-7c0-.6.4-1 1-1s1 .4 1 1v7h17.8zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"export\",\"definition\":\"M27.734 14.058a1 1 0 0 1-1.414 0L17.003 4.74v18.306a1 1 0 1 1-2 0V4.74l-9.317 9.317a1 1 0 0 1-1.414-1.414l9.893-9.893a2.6 2.6 0 0 1 3.677 0l9.892 9.893a1 1 0 0 1 0 1.414Zm-2.311 15.934a2.6 2.6 0 0 0 2.6-2.6v-6.451a1 1 0 1 0-2 0v6.451a.6.6 0 0 1-.6.6H6.59a.6.6 0 0 1-.6-.6v-6.451a1 1 0 1 0-2 0v6.451a2.6 2.6 0 0 0 2.6 2.6h18.833Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"eye_inactive\",\"definition\":\"M26.2 22c2-1.9 3.2-4.1 3.7-5.7.1-.2.1-.4 0-.6C28.9 12.4 24.6 6 16 6c-1.8 0-3.5.3-5 .8l1.6 1.6c1.1-.3 2.2-.4 3.4-.4 7.1 0 10.9 5.2 11.9 8-.5 1.3-1.5 3-3.1 4.6l1.4 1.4zM21 16.7V16c0-2.8-2.2-5-5-5h-.7l5.7 5.7zm-10-1.4 5.7 5.7H16c-2.8 0-5-2.2-5-5v-.7zm-3.8-3.9C5.6 13 4.5 14.7 4.1 16c1.1 2.8 4.8 8 11.9 8 1.2 0 2.3-.1 3.3-.4l1.6 1.6c-1.5.5-3.1.8-5 .8C7.3 26 3 19.6 2 16.3c-.1-.2-.1-.4 0-.6.6-1.5 1.8-3.7 3.8-5.7l1.4 1.4zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"eye\",\"definition\":\"M4.062 16C5.146 18.842 8.855 24 16 24c7.145 0 10.854-5.158 11.938-8C26.854 13.158 23.145 8 16 8 8.855 8 5.146 13.158 4.062 16Zm-2.01-.316C3.131 12.439 7.418 6 16 6c8.58 0 12.867 6.44 13.949 9.684a1 1 0 0 1 0 .632C28.867 19.561 24.58 26 16 26S3.133 19.56 2.051 16.316a1 1 0 0 1 0-.632ZM16 13a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"filters_inactive\",\"definition\":\"M29.6 25.3c.3-.2.4-.5.4-.8 0-.6-.4-1-1-1h-1.3l1.9 1.8zM23.3 19c.8-.4 1.3-1.2 1.6-2H29c.6 0 1-.4 1-1s-.4-1-1-1h-4.1c-.4-1.4-1.8-2.5-3.4-2.5-1.3 0-2.4.7-3 1.7l1.5 1.5c.1-.7.7-1.3 1.5-1.3s1.5.7 1.5 1.5c0 .7-.6 1.4-1.3 1.5l1.6 1.6zm-12.5-4 2 2H3c-.6 0-1-.4-1-1s.4-1 1-1h7.8zm2-6.4s0-.1 0 0L29 8.5c.6 0 1-.4 1-1s-.4-1-1-1H12.9C12.4 5.1 11.1 4 9.5 4c-.4 0-.7.1-1.1.2l4.4 4.4zM2.4 6.7l1.8 1.8H3c-.6 0-1-.4-1-1 0-.3.2-.6.4-.8zm16.9 16.8 2 2h-6.4c-.4 1.4-1.8 2.5-3.4 2.5-1.6 0-2.9-1.1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h5.1c.4-1.4 1.8-2.5 3.4-2.5 1.6 0 2.9 1.1 3.4 2.5h4.4zm-7.8-.5c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"filters\",\"definition\":\"M11.5 23c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5-.7-1.5-1.5-1.5zm-3.4.5c.4-1.4 1.8-2.5 3.4-2.5 1.6 0 2.9 1.1 3.4 2.5H29c.6 0 1 .4 1 1s-.4 1-1 1H14.9c-.4 1.4-1.8 2.5-3.4 2.5-1.6 0-2.9-1.1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h5.1zm13.4-9c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5S23 16.8 23 16s-.7-1.5-1.5-1.5zm-3.4.5c.4-1.4 1.8-2.5 3.4-2.5s2.9 1.1 3.4 2.5H29c.6 0 1 .4 1 1s-.4 1-1 1h-4.1c-.4 1.4-1.8 2.5-3.4 2.5-1.6 0-2.9-1.1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h15.1zM9.5 6C8.7 6 8 6.7 8 7.5S8.7 9 9.5 9 11 8.3 11 7.5 10.3 6 9.5 6zm-3.4.5C6.6 5.1 7.9 4 9.5 4c1.6 0 2.9 1.1 3.4 2.5H29c.6 0 1 .4 1 1s-.4 1-1 1H12.9C12.4 10 11.1 11 9.5 11c-1.6 0-2.9-1-3.4-2.5H3c-.6 0-1-.4-1-1s.4-1 1-1h3.1z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"folder\",\"definition\":\"M28 25V11H14.073a3 3 0 0 1-2.588-1.483L10.009 7H4v18h24Zm2-14v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h6.009a2 2 0 0 1 1.725.988l1.476 2.518a1 1 0 0 0 .863.494H28a2 2 0 0 1 2 2ZM11 6h17a2 2 0 0 1 2 2v3h-2V8H11V6Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"fuel_gauge_inactive\",\"definition\":\"M24 17v2.757l-2-2V17a1 1 0 0 0-1-1h-.757L18 13.757V12h-1.757l-2-2H18V4H8.243l-2-2H18a2 2 0 0 1 2 2v10h1a3 3 0 0 1 3 3Zm4-7.6v14.357l-2-2V13a2 2 0 0 1-2-1.997V7.408l-1.706-1.7a1 1 0 0 1 1.412-1.416l3.706 3.691A2 2 0 0 1 28 9.4Zm-8 14.843-2-2V28H6V12h1.757L4 8.243V28a2.053 2.053 0 0 0 .031.354A2 2 0 0 0 6 30h12a2 2 0 0 0 2-2v-3.757Zm5.68 5.68L22 26.243V27a3 3 0 0 0 3.68 2.923ZM3.707 2.293a1 1 0 0 0-1.414 1.414l26 26a1 1 0 0 0 1.414-1.414l-26-26Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"fuel_gauge\",\"definition\":\"M6 2a1.994 1.994 0 0 0-1.732 1A1.99 1.99 0 0 0 4 4v24a2.053 2.053 0 0 0 .031.354A2 2 0 0 0 6 30h12a2 2 0 0 0 2-2V16h1a1 1 0 0 1 1 1v10a3 3 0 0 0 6 .003V9.4a2 2 0 0 0-.588-1.417l-3.706-3.691a1 1 0 0 0-1.412 1.416L24 7.408v3.595A2 2 0 0 0 26 13v14a1 1 0 1 1-2 0V17a3 3 0 0 0-3-3h-1V4a2 2 0 0 0-2-2H6Zm12 8H6V4h12v6ZM6 28V12h12v16H6Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"global\",\"definition\":\"M16 2C8.3 2 2 8.3 2 16c0 7.6 6.1 13.8 13.6 14h.8c7.5-.2 13.6-6.4 13.6-14 0-7.7-6.3-14-14-14zm-1 2.2V10h-4.2c.3-1 .7-1.9 1.1-2.7.9-1.7 2-2.7 3.1-3.1zM15 20h-4.6c-.2-1.2-.4-2.6-.4-4s.1-2.8.4-4H15v8zM10.9 5.1c-.3.4-.5.8-.7 1.2-.6 1.1-1.1 2.3-1.4 3.7H5.6c1.2-2.1 3.1-3.8 5.3-4.9zM4 16c0-1.4.2-2.8.7-4h3.6c-.2 1.3-.3 2.6-.3 4s.1 2.7.3 4H4.7c-.5-1.3-.7-2.6-.7-4zm1.6 6h3.2c.3 1.4.8 2.6 1.4 3.7.2.4.5.8.7 1.2-2.2-1.1-4.1-2.8-5.3-4.9zm6.3 2.7c-.4-.8-.8-1.7-1.1-2.7H15v5.8c-1.1-.4-2.2-1.4-3.1-3.1zM26.4 10h-3.2c-.3-1.4-.8-2.6-1.4-3.7-.2-.4-.5-.8-.7-1.2 2.2 1.1 4.1 2.8 5.3 4.9zM17 4.2c1.1.4 2.2 1.4 3.1 3.1.4.8.8 1.7 1.1 2.7H17V4.2zm0 7.8h4.6c.2 1.2.4 2.6.4 4s-.1 2.8-.4 4H17v-8zm0 15.8V22h4.2c-.3 1-.7 1.9-1.1 2.7-.9 1.7-2 2.7-3.1 3.1zm4.1-.9c.3-.4.5-.8.7-1.2.6-1.1 1.1-2.3 1.4-3.7h3.2c-1.2 2.1-3.1 3.8-5.3 4.9zm2.6-6.9c.2-1.3.3-2.6.3-4s-.1-2.7-.3-4h3.6c.5 1.2.7 2.6.7 4s-.2 2.8-.7 4h-3.6z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"heart_inactive\",\"definition\":\"m24.8 20.5 2.5-2.5c1.7-1.6 2.8-3.9 2.8-6.4C30 6.9 26.2 3 21.4 3c-2.1 0-4.1 1.2-5.4 3.3C14.7 4.2 12.7 3 10.6 3c-1 0-2 .2-2.9.5l1.6 1.6c.5-.1.9-.1 1.3-.1C12.2 5 14 6.2 15 8.9c.1.4.5.6.9.6s.8-.3.9-.6C18 6.1 19.8 5 21.4 5 25 5 28 8 28 11.7c0 1.9-.8 3.7-2.1 4.9l-2.5 2.5 1.4 1.4zM4.6 8.9c-.4.8-.6 1.8-.6 2.8 0 2 .8 3.7 2.1 4.9l9.8 9.9 3.1-3.2 1.4 1.4-3.8 3.9c-.1.3-.3.4-.6.4s-.5-.1-.7-.3L4.8 18.1C3.1 16.5 2 14.2 2 11.7c0-1.6.4-3 1.1-4.3l1.5 1.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"heart\",\"definition\":\"M2 11.7C2 6.9 5.8 3 10.6 3c2.1 0 4 1.2 5.4 3.3C17.3 4.2 19.3 3 21.4 3c4.8 0 8.6 3.9 8.6 8.7 0 2.5-1.1 4.8-2.8 6.4L16.7 28.7c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3L4.8 18.1C3.1 16.5 2 14.2 2 11.7zM10.6 5C7 5 4 8 4 11.7c0 2 .8 3.7 2.1 4.9l9.8 9.9 9.8-9.9c1.3-1.2 2.1-3 2.1-4.9C28 8 25 5 21.4 5c-1.6 0-3.4 1.1-4.5 3.9-.1.4-.5.6-.9.6s-.8-.3-.9-.6C14 6.2 12.2 5 10.6 5z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"home_inactive\",\"definition\":\"M28 23.8v-12c0-.7-.4-1.4-1-1.7L17 4.3c-.6-.4-1.4-.4-2 0l-4.1 2.4 1.5 1.5L16 6l10 5.8v10l2 2zm-8 .4V26h1.8l2 2H20c-1.1 0-2-.9-2-2v-3.8l2 2zm-13-13-1 .6V26h6v-7.5c0-.6.4-1.1.9-1.4l1.9 1.9H14v7c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V11.8c0-.7.4-1.4 1-1.7l.5-.3L7 11.2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"home\",\"definition\":\"M15 4.267a2 2 0 0 1 2 0l10 5.774a2 2 0 0 1 1 1.732V26a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-7h-4v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11.773a2 2 0 0 1 1-1.732l10-5.774ZM12 26v-7.5a1.5 1.5 0 0 1 1.5-1.5h5a1.5 1.5 0 0 1 1.5 1.5V26h6V11.773L16 6 6 11.773V26h6Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"image_add\",\"definition\":\"M26 5a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V6a1 1 0 0 1 1-1ZM2 10a2 2 0 0 1 2-2h15a1 1 0 1 1 0 2H4v12.586l5.293-5.293a1 1 0 0 1 1.414 0L13 19.586l5.293-5.293a1 1 0 0 1 1.414 0L25 19.586V16a1 1 0 1 1 2 0v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10Zm23 12.414-6-6-5.293 5.293a1 1 0 0 1-1.414 0L10 19.414 5.414 24H25v-1.586Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"image_inactive\",\"definition\":\"M29.53 25.288c.293-.348.47-.797.47-1.288V8a2 2 0 0 0-2-2H10.243l2 2H28v10.586l-6.293-6.293a1 1 0 0 0-1.414 0l-1.879 1.879 1.414 1.414L21 14.414l7 7v2.343l1.53 1.53Zm-13.944-5.46-.879.88a1 1 0 0 1-1.414 0L11 18.413 5.414 24h14.343l2 2H4a2 2 0 0 1-2-2V8c0-.49.177-.94.47-1.288L4 8.242v14.344l6.293-6.293a1 1 0 0 1 1.414 0L14 18.586l.172-.172 1.414 1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"image_set\",\"definition\":\"M2 12a2 2 0 0 1 2-2h3v2H4v12h20v-2.5h2V24a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V12ZM6 8a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8Zm22 6.586V8H8v10.586l5.293-5.293a1 1 0 0 1 1.434.02l2.283 2.416 5.273-5.426a1 1 0 0 1 1.424-.01L28 14.586ZM9.414 20H28v-2.586l-4.99-4.99-5.293 5.447a1 1 0 0 1-1.444-.01l-2.293-2.427L9.414 20Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"image\",\"definition\":\"M2 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8Zm26 10.586V8H4v14.586l6.293-6.293a1 1 0 0 1 1.414 0L14 18.586l6.293-6.293a1 1 0 0 1 1.414 0L28 18.586ZM5.414 24H28v-2.586l-7-7-6.293 6.293a1 1 0 0 1-1.414 0L11 18.414 5.414 24Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"info\",\"definition\":\"M16.013 4.004c-6.642 0-12.026 5.384-12.026 12.025 0 6.642 5.384 12.026 12.026 12.026 6.641 0 12.025-5.384 12.025-12.026 0-6.641-5.384-12.025-12.025-12.025ZM1.987 16.029c0-7.746 6.28-14.025 14.026-14.025 7.746 0 14.025 6.28 14.025 14.025 0 7.746-6.28 14.026-14.025 14.026-7.746 0-14.026-6.28-14.026-14.026ZM16.025 14.126a1 1 0 0 1 1 1v5.616a1 1 0 0 1-2 0v-5.616a1 1 0 0 1 1-1Zm0-3.809a1 1 0 0 1 1 1v.217a1 1 0 1 1-2 0v-.217a1 1 0 0 1 1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"kebab\",\"definition\":\"M14 7.977a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM14 16a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm0 8.03a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"link_broken\",\"definition\":\"M6.1 6.1a1 1 0 0 1 1.415 0l1.414 1.415a1 1 0 1 1-1.414 1.414L6.101 7.515a1 1 0 0 1 0-1.415Zm-3.622 6.276a1 1 0 0 1 1.224-.707l1.932.517a1 1 0 1 1-.517 1.932L3.185 13.6a1 1 0 0 1-.707-1.224Zm9.898-9.899a1 1 0 0 0-.707 1.225l.518 1.932a1 1 0 0 0 1.931-.518l-.517-1.932a1 1 0 0 0-1.225-.707ZM25.9 25.9a1 1 0 0 1-1.415 0l-1.414-1.415a1 1 0 0 1 1.414-1.414l1.415 1.414a1 1 0 0 1 0 1.414Zm3.623-6.276a1 1 0 0 1-1.225.707l-1.932-.518a1 1 0 1 1 .518-1.931l1.931.517a1 1 0 0 1 .707 1.225Zm-9.899 9.898a1 1 0 0 0 .707-1.224l-.517-1.932a1 1 0 0 0-1.932.518l.517 1.931a1 1 0 0 0 1.225.707Zm-5.038-19.179a1 1 0 0 1 0-1.414L17.415 6.1a6 6 0 1 1 8.485 8.486l-2.829 2.828A1 1 0 0 1 21.657 16l2.829-2.829a4 4 0 0 0-5.657-5.656L16 10.343a1 1 0 0 1-1.414 0Zm2.828 11.314a1 1 0 0 1 0 1.414l-2.828 2.828A6 6 0 0 1 6.1 17.414l2.829-2.829A1 1 0 1 1 10.343 16l-2.828 2.828a4 4 0 0 0 5.657 5.657L16 21.657a1 1 0 0 1 1.414 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"link\",\"definition\":\"M14.586 10.343a1 1 0 0 1 0-1.414l2.828-2.828a6 6 0 0 1 8.485 8.485l-2.828 2.828A1 1 0 0 1 21.657 16l2.828-2.828a4 4 0 0 0-5.657-5.657L16 10.343a1 1 0 0 1-1.414 0Zm2.828 11.314a1 1 0 0 1 0 1.414l-2.829 2.828A6 6 0 0 1 6.1 17.414l2.829-2.828A1 1 0 0 1 10.343 16l-2.829 2.828a4 4 0 0 0 5.657 5.657L16 21.657a1 1 0 0 1 1.414 0Zm-7.777-.707a1 1 0 1 0 1.413 1.414L22.364 11.05a1 1 0 0 0-1.414-1.414L9.637 20.95Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"lock_inactive\",\"definition\":\"M16 4a4 4 0 0 0-4 4v7a1 1 0 1 1-2 0V8a6 6 0 0 1 12 0 1 1 0 1 1-2 0 4 4 0 0 0-4-4ZM6 16a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V16Zm18 0H8v12h16V16Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"lock\",\"definition\":\"M6 16a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V16Zm18 0H8v12h16V16ZM16 4a4 4 0 0 0-4 4v7h-2V8a6 6 0 0 1 12 0v7h-2V8a4 4 0 0 0-4-4Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"meatballs\",\"definition\":\"M24.015 13.995a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-8.02 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-8.003 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"message_inactive\",\"definition\":\"M27.1 22.8c1.7-.5 2.9-2 2.9-3.8V8c0-2.2-1.8-4-4-4H8.2l2 2H26c1.1 0 2 .9 2 2v11c0 1.1-.9 2-2 2h-.8l1.9 1.8zM4.1 8.3 4 22v3.2l6.5-4c.2-.1.3-.2.5-.2h5.8l2 2h-7.5l-7.8 4.8c-.3.2-.7.2-1 0-.3-.1-.5-.4-.5-.8v-5l.1-14c0-.5.1-1 .3-1.4l1.7 1.7zm-1.8-6c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"message\",\"definition\":\"M6.154 5.998h19.527a2.2 2.2 0 0 1 2.2 2.201v10.965a2.201 2.201 0 0 1-2.2 2.201l-3.951.001H9.954v.047a1.005 1.005 0 0 0-.24.114l-5.742 3.72-.018-4.945V8.198a2.2 2.2 0 0 1 2.2-2.2Zm-4.2 14.307v1.197h.005l.019 5.584a1 1 0 0 0 1.544.836l7.031-4.556H21.73l3.953-.001a4.201 4.201 0 0 0 4.198-4.201V8.199a4.201 4.201 0 0 0-4.2-4.201H6.154a4.2 4.2 0 0 0-4.2 4.2V19.81a1.01 1.01 0 0 0-.001.06l.001.435Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"mileage_inactive\",\"definition\":\"M28.6 24.1c.9-1.9 1.4-4 1.4-6.1 0-3.5-1.3-7.1-4-9.8 0 0 0-.1-.1-.1l-.1-.1c-2.7-2.7-6.3-4-9.8-4-2.1 0-4.2.5-6.1 1.4l1.5 1.5c1.2-.5 2.4-.8 3.6-.9v2c0 .6.4 1 1 1s1-.4 1-1V6c2.4.2 4.8 1.1 6.8 2.8l-1.4 1.4c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l1.4-1.4c1.7 2 2.6 4.3 2.8 6.7h-2c-.6 0-1 .4-1 1s.4 1 1 1h2c-.1 1.2-.4 2.4-.9 3.6l1.5 1.6zM23 18.5V18c0-.6-.4-1-1-1h-.5l1.5 1.5zM13 17h-3c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h9l-2-2h-6v-2h4l-2-2zm-6.4-6.5c-1.5 2-2.4 4.2-2.6 6.5h2c.6 0 1 .4 1 1s-.4 1-1 1H4c.2 2.5 1.2 5 3 7h15l2 2H7c-.5 0-1.1-.2-1.5-.6-4.6-5.2-4.7-13-.3-18.3l1.4 1.4zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"mileage\",\"definition\":\"M16 4h.012a13.955 13.955 0 0 1 9.81 4.024 1.002 1.002 0 0 1 .16.16A13.955 13.955 0 0 1 30 17.994v.012a13.956 13.956 0 0 1-3.585 9.35 1.962 1.962 0 0 1-1.46.644H7.045a1.963 1.963 0 0 1-1.46-.644C.643 21.864.81 13.405 6.087 8.114L6.1 8.1l.016-.015A13.956 13.956 0 0 1 15.988 4H16Zm-1 4V6.042a11.947 11.947 0 0 0-6.748 2.794l1.386 1.386a1 1 0 0 1-1.414 1.414L6.838 10.25A11.948 11.948 0 0 0 4.04 17H6a1 1 0 1 1 0 2H4.041a11.946 11.946 0 0 0 3.014 7h17.89a11.945 11.945 0 0 0 3.014-7H26a1 1 0 1 1 0-2h1.959a11.948 11.948 0 0 0-2.793-6.746l-1.382 1.382a1 1 0 0 1-1.415-1.414l1.383-1.383A11.947 11.947 0 0 0 17 6.042V8a1 1 0 1 1-2 0ZM9 18a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-4Zm2 1v2h10v-2H11Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"minus\",\"definition\":\"M3.98 16a1 1 0 0 1 1-1h22.04a1 1 0 0 1 0 2H4.98a1 1 0 0 1-1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"notification_inactive\",\"definition\":\"M26 21.8V14c0-5.2-3.9-9.4-9-10V3c0-.6-.4-1-1-1s-1 .4-1 1v1c-1.8.2-3.5.8-4.9 1.8l1.4 1.4C12.8 6.5 14.4 6 16 6c4.4 0 8 3.6 8 8v5.8l2 2zM8.2 12.4c-.1.5-.2 1.1-.2 1.6v10h11.8l2 2H5c-.6 0-1-.4-1-1s.4-1 1-1h1V14c0-1.1.2-2.2.5-3.2l1.7 1.6zM14 28c-.6 0-1 .4-1 1s.4 1 1 1h4c.6 0 1-.4 1-1s-.4-1-1-1h-4zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"notification\",\"definition\":\"M16.977 2.964a1 1 0 1 0-2 0v1.06c-5.043.511-8.978 4.77-8.978 9.947v.112a.995.995 0 0 0-.02.199v9.727h-.996a1 1 0 1 0 0 2h22.035a1 1 0 0 0 0-2h-1.003V13.838a1.01 1.01 0 0 0-.023-.214c-.171-5.035-4.065-9.125-9.015-9.605V2.964Zm7.038 21.045H7.98v-7.657H8v-2.381a8 8 0 1 1 15.998 0v2.312h.017v7.726Zm-10.09 3.952a1 1 0 1 0 0 2h4.132a1 1 0 1 0 0-2h-4.132Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"phone_inactive\",\"definition\":\"M28 23.8v-3.4c0-.9-.6-1.7-1.5-1.9l-3.9-1.1c-.3-.1-.7-.1-1 0l2.5 2.5 1.9.5v1.4l2 2zM6.5 10.7c.8 3.5 2.5 6.8 5.3 9.6 2.7 2.7 6.1 4.5 9.6 5.3l2.4 2.4c-4.9-.4-9.6-2.5-13.4-6.2C6.6 18 4.5 13.2 4.1 8.3l2.4 2.4zm5.6-2.8L11.6 6h-1.4l-2-2h3.4c.9 0 1.7.6 1.9 1.5l1.1 3.9c.1.3.1.7 0 1l-2.5-2.5zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"phone\",\"definition\":\"M11.62 4c.908 0 1.703.61 1.938 1.487L14.61 9.42a2.005 2.005 0 0 1-.52 1.937l-.594.595v.001l-.92.92a14.402 14.402 0 0 0 2.74 3.813 14.403 14.403 0 0 0 3.813 2.739l.672-.672-.005-.005.845-.844a2.005 2.005 0 0 1 1.936-.52l3.934 1.054a2.005 2.005 0 0 1 1.486 1.938l-.001 2.404H28v3.232c0 1.042-.813 1.955-1.912 1.982a21.505 21.505 0 0 1-15.772-6.31 21.504 21.504 0 0 1-6.31-15.771C4.033 4.813 4.946 4 5.987 4H9.22v.002L11.62 4ZM8.124 6h-2.12a19.504 19.504 0 0 0 5.726 14.27A19.505 19.505 0 0 0 26 25.995v-2.124h-.004l.002-3.496a.005.005 0 0 0-.004-.005l-3.933-1.053-.005.001-.597.596.005.005-.93.93a1.965 1.965 0 0 1-2.253.387 16.402 16.402 0 0 1-4.379-3.136 16.401 16.401 0 0 1-3.135-4.378 1.965 1.965 0 0 1 .387-2.254l.68-.68v-.001l.844-.845a.005.005 0 0 0 0-.005l-1.052-3.933A.005.005 0 0 0 11.62 6l-3.497.002V6Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"pin_inactive\",\"definition\":\"M27.539 13.538c0 2.618-.983 5.131-2.379 7.38l-1.457-1.457c1.115-1.899 1.836-3.912 1.836-5.923a9.539 9.539 0 0 0-15.335-7.576L8.78 4.537a11.54 11.54 0 0 1 18.759 9.001ZM21.478 13.466c0 1.075-.31 2.078-.845 2.924l-1.472-1.472a3.478 3.478 0 0 0-4.613-4.613l-1.472-1.472a5.478 5.478 0 0 1 8.401 4.633Zm-6.987 5.268-3.758-3.759a5.49 5.49 0 0 0 3.758 3.759ZM6.46 13.538c0-.852.115-1.693.335-2.5L5.209 9.45a11.536 11.536 0 0 0-.748 4.087c0 4.486 2.886 8.664 5.79 11.73a39.23 39.23 0 0 0 5.159 4.54 1 1 0 0 0 1.18 0 39.566 39.566 0 0 0 4.803-4.172l-1.413-1.414a37.558 37.558 0 0 1-3.98 3.53 37.225 37.225 0 0 1-4.297-3.86C8.88 20.91 6.461 17.22 6.461 13.538ZM3.708 2.292a1 1 0 1 0-1.415 1.414l26 26a1 1 0 0 0 1.415-1.414l-26-26Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"pin\",\"definition\":\"M16 16.9c4.6-.1 4.6-6.8 0-7-4.6.2-4.6 6.9 0 7zm0 2c3 0 5.5-2.5 5.5-5.5-.3-7.3-10.7-7.2-11 0 0 3.1 2.5 5.5 5.5 5.5zM16 4c-5.2-.1-9.7 4.5-9.6 9.6.1 5.7 5.4 11 9.6 14.2 4.2-3.1 9.6-8.4 9.6-14.2.1-5.1-4.4-9.7-9.6-9.6zm0 25-.6.8s-.1 0-.1-.1c-4.9-3.7-10.7-9.1-11-16.1C4.2 7.4 9.7 1.9 16 2c6.3-.1 11.8 5.4 11.6 11.6-.2 7.1-6 12.5-11 16.1-.1 0-.1.1-.1.1.1.1.1.1-.5-.8zm0 0 .6.8c-.3.2-.8.2-1.1 0l.5-.8z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"plus\",\"definition\":\"M17 4.98a1 1 0 1 0-2 0V15H4.98a1 1 0 0 0 0 2H15v10.02a1 1 0 0 0 2 0V17h10.02a1 1 0 1 0 0-2H17V4.98Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"print_inactive\",\"definition\":\"M2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4zM28.2 24c1-.1 1.8-1 1.8-2V12c0-1.1-.9-2-2-2h-2V6c0-1.1-.9-2-2-2H8.2l2 2H24v4h-9.8l2 2H28v10h-1.8l2 2zM26 21.8v-4.3c0-.8-.7-1.5-1.5-1.5h-4.3l2 2H24v1.8l2 2zM19.8 24l1.8 1.8c-.2.1-.4.2-.6.2H11c-.6 0-1-.4-1-1s.4-1 1-1h8.8zm-4-4 2 2H11c-.6 0-1-.4-1-1s.4-1 1-1h4.8zm-2-2H8v10h15.8l1.5 1.5c-.4.3-.8.5-1.3.5H8c-1.1 0-2-.9-2-2v-4H4c-1.1 0-2-.9-2-2V12c0-1.1.9-2 2-2h1.8l2 2H4v10h2v-4.5c0-.8.7-1.5 1.5-1.5h4.3l2 2z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"print\",\"definition\":\"M28 10h-2V6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v4H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4h2c1.1 0 2-.9 2-2V12c0-1.1-.9-2-2-2zM8 6h16v4H8V6zm16 22H8V18h16v10zm4-6h-2v-4.8c0-.7-.6-1.2-1.2-1.2H7.2c-.6 0-1.2.6-1.2 1.2V22H4V12h24v10zm-18-1c0-.6.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1H11c-.6 0-1-.4-1-1zm0 4c0-.6.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1H11c-.6 0-1-.4-1-1z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"profile_inactive\",\"definition\":\"M24.6 10.6c0 2.7-1.2 5.1-3.1 6.6l-1.4-1.4c1.5-1.2 2.5-3.1 2.5-5.2C22.6 7 19.7 4 16 4c-2.1 0-4 1-5.2 2.5L9.4 5.1C10.9 3.2 13.3 2 16 2c4.8 0 8.6 3.9 8.6 8.6zM7.4 11.7c.5 4 3.6 7.1 7.6 7.6l-7.6-7.6zm2 9.3h7.3l2 2H9.4c-3 0-5.4 2.4-5.4 5.4v.6c0 .6-.4 1-1 1s-1-.4-1-1v-.6C2 24.3 5.3 21 9.4 21zM3.7 2.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l26 26c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4l-26-26z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"profile\",\"definition\":\"M16 3.98a6.642 6.642 0 1 0 0 13.283 6.642 6.642 0 0 0 0-13.284Zm-8.642 6.64a8.642 8.642 0 1 1 17.284 0 8.642 8.642 0 0 1-17.284 0ZM1.994 28.387a7.4 7.4 0 0 1 7.4-7.4h13.212a7.4 7.4 0 0 1 7.4 7.4v.625a1 1 0 1 1-2 0v-.625a5.4 5.4 0 0 0-5.4-5.4H9.394a5.4 5.4 0 0 0-5.4 5.4v.625a1 1 0 1 1-2 0v-.625Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"proportions_inactive\",\"definition\":\"M19 11a1 1 0 0 1 1-1h4a6 6 0 0 1 0 12h-4a1 1 0 1 1 0-2h4a4 4 0 1 0 0-8h-4a1 1 0 0 1-1-1Zm-6 10a1 1 0 0 1-1 1H8a6 6 0 0 1 0-12h4a1 1 0 1 1 0 2H8a4 4 0 1 0 0 8h4a1 1 0 0 1 1 1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"proportions\",\"definition\":\"M13 21a1 1 0 0 1-1 1H8a6 6 0 0 1 0-12h4a1 1 0 1 1 0 2H8a4 4 0 0 0 0 8h4a1 1 0 0 1 1 1Zm6-10a1 1 0 0 1 1-1h4a6 6 0 0 1 0 12h-4a1 1 0 1 1 0-2h4a4 4 0 0 0 0-8h-4a1 1 0 0 1-1-1ZM8 15a1 1 0 1 0 0 2h16a1 1 0 0 0 0-2H8Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"redirect\",\"definition\":\"M16 5a1 1 0 0 1 1-1h9a2 2 0 0 1 2 2v9a1 1 0 1 1-2 0V7.414L14.707 18.707a1 1 0 0 1-1.414-1.414L24.586 6H17a1 1 0 0 1-1-1ZM4 8a2 2 0 0 1 2-2h3a1 1 0 1 1 0 2H6v18h18v-3a1 1 0 1 1 2 0v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"refresh\",\"definition\":\"M7.574 8.134c1.751-2.07 4.64-4.15 9.085-4.15 4.454 0 7.21 2.09 8.822 4.186a12.435 12.435 0 0 1 1.97 3.785 7.83 7.83 0 0 1 .1.358l.007.024.001.009.001.003c0 .001 0 .002-.974.227l.975-.225a1 1 0 0 1-1.949.452V12.8l-.002-.006a9.169 9.169 0 0 0-.35-1.026 10.439 10.439 0 0 0-1.364-2.38c-1.307-1.699-3.515-3.405-7.237-3.405-3.73 0-6.097 1.715-7.558 3.442a11.66 11.66 0 0 0-1.561 2.402 9.99 9.99 0 0 0-.418.987 3.126 3.126 0 0 0-.016.048l-.003.008v.001a1.012 1.012 0 0 1-.052.134l2.919-.782a1 1 0 1 1 .517 1.932l-4.476 1.2a1.84 1.84 0 0 1-2.255-1.302l-1.2-4.477A1 1 0 1 1 4.49 9.06l.793 2.961.049-.13c.089-.23.223-.554.41-.938a13.66 13.66 0 0 1 1.833-2.818Zm-2.208 4.201.782.24-.782-.24Zm22.19 10.606a1 1 0 0 0 1.932-.518l-1.2-4.476a1.84 1.84 0 0 0-2.254-1.302l-4.477 1.2a1 1 0 0 0 .518 1.931l2.92-.782a.91.91 0 0 0-.053.134v.001l-.003.008-.016.048a9.946 9.946 0 0 1-.418.988c-.32.656-.824 1.53-1.561 2.401-1.461 1.727-3.828 3.442-7.558 3.442-3.722 0-5.93-1.706-7.237-3.406a10.44 10.44 0 0 1-1.643-3.154 5.664 5.664 0 0 1-.072-.25l-.001-.007v-.001a1 1 0 0 0-1.949.451l.975-.225-.975.226v.001l.001.003.002.009.006.024.021.08a11.158 11.158 0 0 0 .42 1.223c.318.772.833 1.804 1.63 2.84 1.612 2.096 4.368 4.186 8.822 4.186 4.445 0 7.334-2.08 9.085-4.15a13.658 13.658 0 0 0 1.832-2.818 11.98 11.98 0 0 0 .46-1.068l.793 2.96Zm-.878-3.276-.781-.24.782.24Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"report_inactive\",\"definition\":\"M28 23.8V6c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v11.8l2 2V6h2v15.8l2 2zm-9-9V11c0-1.1-.9-2-2-2h-2c-.5 0-.9.2-1.3.5l1.5 1.5H17v1.8l2 2zm-2 6.4 2 2V26c0 1.1-.9 2-2 2h-2c-1.1 0-2-.9-2-2v-8.8l2 2V26h2v-4.8zM6 14c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2V16c0-1.1-.9-2-2-2H6zm0 2h2v10H6V16zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"report\",\"definition\":\"M22 6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V6Zm4 0h-2v20h2V6Zm-13 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2V11Zm4 0h-2v15h2V11ZM4 16a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V16Zm4 0H6v10h2V16Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"save_inactive\",\"definition\":\"M28 23.757V10.414A2 2 0 0 0 27.414 9L23 4.586A2 2 0 0 0 21.586 4H8.243L12 7.757V6h8v3h-6.757l2 2H20.5A1.5 1.5 0 0 0 22 9.5V6.414l4 4v11.343l2 2ZM6 10.243V26h4v-6.5a1.5 1.5 0 0 1 1.5-1.5h2.257l2 2H12v6h8v-1.757L23.757 28H6a2 2 0 0 1-2-2V8.243l2 2Zm-3.707-7.95a1 1 0 0 1 1.414 0l26 26a1 1 0 0 1-1.414 1.414l-26-26a1 1 0 0 1 0-1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"save\",\"definition\":\"M4 6a2 2 0 0 1 2-2h15.586A2 2 0 0 1 23 4.586L27.414 9A2 2 0 0 1 28 10.414V26a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm17.586 0H6v20h20V10.414L21.586 6ZM10 9.5V5h2v4h8V5h2v4.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 10 9.5Zm12 10V27h-2v-7h-8v7h-2v-7.5a1.5 1.5 0 0 1 1.5-1.5h9a1.5 1.5 0 0 1 1.5 1.5Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"search\",\"definition\":\"M12.942 1.985c-6.051 0-10.957 4.905-10.957 10.957 0 6.051 4.906 10.957 10.957 10.957 2.666 0 5.109-.952 7.008-2.534l8.332 8.331a1 1 0 1 0 1.414-1.414l-8.331-8.331a10.912 10.912 0 0 0 2.534-7.01c0-6.05-4.905-10.956-10.957-10.956ZM3.985 12.942a8.957 8.957 0 1 1 17.914 0 8.957 8.957 0 0 1-17.914 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"send_inactive\",\"definition\":\"m23.654 19.411 3.243-1.62c1.474-.738 1.474-2.842 0-3.579L10.019 5.777l4.47 4.47L26.003 16l-3.84 1.92 1.49 1.49Zm-10.896-2.41H8.846l-2.842 8.995 10.501-5.248 1.49 1.49-11.097 5.547c-1.58.79-3.333-.707-2.8-2.391L7.064 16 4.897 9.14l3.066 3.066L8.846 15h1.912l2 2ZM2.008 2.293a1 1 0 0 1 1.414 0l26 26a1 1 0 0 1-1.414 1.414l-26-26a1 1 0 0 1 0-1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"send\",\"definition\":\"M4.097 6.608c-.532-1.684 1.221-3.18 2.801-2.391l19.999 9.995c1.474.737 1.474 2.841 0 3.578L6.898 27.785c-1.58.79-3.333-.707-2.8-2.392l2.967-9.392-2.968-9.393Zm4.749 10.393-2.842 8.995 19.999-9.995L6.004 6.006 8.846 15h6.874a1 1 0 1 1 0 2H8.846Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"settings\",\"definition\":\"m13.787 6.803.935-2.823h2.444l.934 2.818.493.152c.567.174 1.115.391 1.63.649l.456.228 2.753-1.428 1.71 1.71-1.37 2.652.282.476a9.08 9.08 0 0 1 .866 2.02l.15.498 2.822.935v2.476l-2.82.934-.15.496a9.691 9.691 0 0 1-.8 1.885l-.264.47 1.284 2.48-1.71 1.711-2.475-1.281-.467.256c-.608.333-1.24.605-1.894.804l-.495.15-.935 2.82h-2.445l-.935-2.804-.494-.15a9.596 9.596 0 0 1-1.885-.8l-.47-.263-2.48 1.284-1.711-1.71 1.281-2.476-.256-.467a10.015 10.015 0 0 1-.804-1.893l-.15-.496-2.82-.934v-2.461l2.806-.936.15-.497a9.903 9.903 0 0 1 .874-2.034l.267-.47-1.36-2.648 1.722-1.722 2.766 1.435.463-.244a8.826 8.826 0 0 1 1.603-.653l.499-.15Zm.682-4.823c-.724 0-1.328.456-1.559 1.11l-.003.009-.696 2.1c-.336.119-.662.251-.983.4L9.165 4.53a1.623 1.623 0 0 0-1.937.285L5.145 6.897a1.65 1.65 0 0 0-.313 1.912l.996 1.94c-.239.467-.45.957-.628 1.463l-2.086.695-.009.003a1.644 1.644 0 0 0-1.109 1.558v2.967c0 .724.456 1.328 1.11 1.559l.009.003 2.104.697c.158.444.342.875.548 1.293l-.907 1.752a1.623 1.623 0 0 0 .285 1.936l2.098 2.097.014.014a1.672 1.672 0 0 0 1.883.27l1.774-.918c.418.208.854.391 1.297.548l.696 2.088.003.009c.23.653.835 1.109 1.559 1.109h2.95c.724 0 1.328-.456 1.559-1.11l.003-.009.697-2.104c.444-.158.875-.342 1.293-.548l1.752.907a1.623 1.623 0 0 0 1.937-.285l2.097-2.098.013-.014a1.672 1.672 0 0 0 .27-1.883l-.918-1.774c.208-.418.392-.853.548-1.296l2.104-.697.009-.003a1.644 1.644 0 0 0 1.109-1.559v-2.982c0-.724-.456-1.328-1.11-1.559l-.008-.003-2.1-.696c-.174-.5-.38-.992-.625-1.466l.98-1.896a1.623 1.623 0 0 0-.286-1.936l-2.097-2.097-.015-.014a1.672 1.672 0 0 0-1.883-.27l-.007.004-2.091 1.085a12.932 12.932 0 0 0-.972-.387L18.981 3.1l-.003-.01a1.644 1.644 0 0 0-1.558-1.11h-2.951Zm-2.632 13.956a4.108 4.108 0 1 1 8.215 0 4.108 4.108 0 0 1-8.215 0Zm4.107-6.108a6.107 6.107 0 1 0 0 12.215 6.107 6.107 0 0 0 0-12.215Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"share\",\"definition\":\"M23 20c-1.6 0-3 .7-3.9 1.8l-7.4-4.3c.2-.5.2-1 .2-1.6 0-.5-.1-1.1-.2-1.6l7.4-4.3c.9 1.3 2.3 2 3.9 2 2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5c0 .5.1 1 .2 1.4l-7.5 4.3C9.8 11.7 8.5 11 7 11c-2.8 0-5 2.2-5 5s2.2 5 5 5c1.5 0 2.8-.7 3.8-1.7l7.5 4.3c-.2.4-.3.9-.3 1.4 0 2.8 2.2 5 5 5s5-2.2 5-5-2.2-5-5-5zm0-16c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3zM7 19c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm16 9c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"skip_backwards\",\"definition\":\"M25.708 4.292a.998.998 0 0 1 0 1.412l-9.872 9.872a.6.6 0 0 0 0 .848l9.872 9.872a.998.998 0 1 1-1.412 1.412l-9.872-9.872a2.596 2.596 0 0 1 0-3.671l9.872-9.873a.998.998 0 0 1 1.412 0ZM7 4.02a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0v-22a1 1 0 0 1 1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"skip_forward\",\"definition\":\"M6.292 27.708a.998.998 0 0 1 0-1.412l9.873-9.872a.6.6 0 0 0 0-.848L6.292 5.704a.998.998 0 0 1 1.412-1.412l9.872 9.873a2.596 2.596 0 0 1 0 3.67l-9.872 9.873a.998.998 0 0 1-1.412 0ZM25 4a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"smartphone_inactive\",\"definition\":\"M26 21.757V4a2 2 0 0 0-2-2H8c-.49 0-.94.177-1.288.47L8.242 4H24v15.757l2 2ZM8 12.243V28h15.757l1.53 1.53c-.347.293-.796.47-1.287.47H8a2 2 0 0 1-2-2V10.243l2 2ZM15 6a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM2.293 2.293a1 1 0 0 1 1.414 0l26 26a1 1 0 0 1-1.414 1.414l-26-26a1 1 0 0 1 0-1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"smartphone\",\"definition\":\"M6 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4Zm18 0H8v24h16V4ZM14 7a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"sorting\",\"definition\":\"M11.488 2.565V22a1 1 0 1 1-2 0V2.565h2ZM16.618 9.786a1 1 0 0 1-1.404-.168l-4.242-5.399a.6.6 0 0 0-.944 0L5.786 9.618a1 1 0 0 1-1.572-1.236l4.242-5.399a2.6 2.6 0 0 1 4.088 0l4.242 5.4a1 1 0 0 1-.168 1.403Zm3.894 19.648V10a1 1 0 0 1 2 0v19.434h-2ZM15.382 22.214a1 1 0 0 1 1.404.168l4.242 5.399a.6.6 0 0 0 .944 0l4.242-5.399a1 1 0 0 1 1.572 1.236l-4.242 5.399a2.6 2.6 0 0 1-4.088 0l-4.242-5.4a1 1 0 0 1 .168-1.403Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"speedometer_inactive\",\"definition\":\"M3.707 2.293a1 1 0 0 0-1.414 1.414l26 26a1 1 0 0 0 1.414-1.414l-26-26ZM25.9 8.102c4.322 4.324 5.227 10.772 2.714 15.985L27.1 22.573c.471-1.147.757-2.351.858-3.569H26a1 1 0 0 1 0-2h1.959a11.952 11.952 0 0 0-2.796-6.751l-5.19 5.192-1.415-1.414 5.191-5.193A11.946 11.946 0 0 0 17 6.042v1.96a1 1 0 1 1-2 0v-1.96a11.997 11.997 0 0 0-3.57.86L9.914 5.388c5.213-2.516 11.66-1.611 15.985 2.714Zm-12.76 8.995 3.767 3.768a3 3 0 0 1-3.768-3.768Zm-9.099-.093a11.954 11.954 0 0 1 2.551-6.454L5.17 9.128c-4.517 5.5-4.207 13.64.93 18.778h.002l.002.001a1 1 0 0 0 1.414 0l2.123-2.123a1 1 0 0 0-1.415-1.415l-1.388 1.389a11.952 11.952 0 0 1-2.797-6.754H6a1 1 0 0 0 0-2H4.041Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"speedometer\",\"definition\":\"M8.252 8.737A11.946 11.946 0 0 1 15 5.942v1.96a1 1 0 1 0 2 0v-1.96a11.945 11.945 0 0 1 6.75 2.796l-6.456 6.458a3 3 0 1 0 1.414 1.415l6.456-6.458a11.953 11.953 0 0 1 2.795 6.75H26a1 1 0 0 0 0 2.001h1.959a11.953 11.953 0 0 1-2.795 6.751l-1.386-1.386a1 1 0 1 0-1.415 1.415l2.123 2.123a1 1 0 0 0 1.445-.032c5.436-5.471 5.426-14.315-.031-19.773-5.462-5.464-14.313-5.47-19.782-.017L6.102 8l-.016.016c-5.453 5.47-5.448 14.325.015 19.79l.001-.002.002.002a1 1 0 0 0 1.414 0l2.123-2.123a1 1 0 0 0-1.414-1.415l-1.388 1.389a11.953 11.953 0 0 1-2.797-6.754H6a1 1 0 0 0 0-2H4.042a11.952 11.952 0 0 1 2.796-6.752l1.386 1.386a1 1 0 1 0 1.415-1.414L8.252 8.737ZM15 17.904a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"star\",\"definition\":\"m16 5.095-2.875 6.782a1.8 1.8 0 0 1-1.505 1.091l-7.35.624 5.584 4.838a1.8 1.8 0 0 1 .574 1.77L8.75 27.386l6.319-3.814a1.8 1.8 0 0 1 1.86 0l6.32 3.814-1.678-7.188a1.8 1.8 0 0 1 .575-1.77l5.584-4.837-7.351-.624a1.8 1.8 0 0 1-1.505-1.09L16 5.094ZM14.343 3.88c.62-1.464 2.694-1.464 3.314 0l3.012 7.106 7.703.653c1.587.135 2.23 2.112 1.027 3.154l-5.852 5.07 1.758 7.532c.361 1.55-1.32 2.772-2.684 1.95L16 25.348l-6.621 3.997c-1.364.822-3.045-.4-2.683-1.95l1.757-7.533L2.6 14.793c-1.203-1.042-.56-3.02 1.027-3.154l7.703-.653 3.012-7.106Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"support\",\"definition\":\"M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.7 4 16 4zM2 16C2 8.3 8.3 2 16 2s14 6.3 14 14-6.3 14-14 14c-7.7.1-14-6.2-14-14zm12.5 2.5c0-.5.1-.9.3-1.2.2-.4.5-.7 1-1.1l.8-.7c.4-.4.7-.7.9-1 .2-.3.2-.7.2-1v-.2c0-.5-.1-.8-.4-1.1-.3-.3-.6-.4-1.1-.4-1 0-1.6.6-1.7 1.8H12c.1-1.1.4-2 1.1-2.6.7-.7 1.7-1 3-1s2.3.3 2.9 1c.7.6 1 1.5 1 2.5 0 .7-.2 1.3-.5 1.8s-.8 1.1-1.6 1.8l-.5.5c-.2.2-.3.4-.4.7-.1.2-.1.5-.1.8h-2.5v-.6zm-.1 1.7h2.5v2.4h-2.5v-2.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"tick\",\"definition\":\"M27.7 8.5c.4.4.4 1 0 1.4L19 18.6l-1.2 1.2-4.8 4.8c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3l-7.4-7.4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l6.6 6.7 4.1-4.1 1.2-1.2c2.4-2.4 5.2-5.1 8.6-8.7.6-.4 1.3-.4 1.6 0z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"timer\",\"definition\":\"M21.707 12.293a1 1 0 0 1 0 1.414l-3 3a3 3 0 1 1-1.414-1.414l3-3a1 1 0 0 1 1.414 0ZM16 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM13 2a1 1 0 1 0 0 2h2v2.041C8.84 6.55 4 11.71 4 18c0 6.627 5.373 12 12 12s12-5.373 12-12c0-6.29-4.84-11.45-11-11.959V4h2a1 1 0 1 0 0-2h-6ZM6 18c0-5.522 4.475-9.998 9.997-10h.006C21.524 8.002 26 12.478 26 18c0 5.523-4.477 10-10 10S6 23.523 6 18Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"tool_inactive\",\"definition\":\"M24.6 20.1c.3-.2.5-.4.8-.7 2.7-2.7 3.3-6.6 1.9-9.9-.1-.3-.4-.5-.7-.6-.3-.1-.7 0-.9.3l-4.9 4.9c-.4.4-1 .6-1.5.6l1.7 1.7c.4-.2.9-.5 1.2-.8l3.8-3.8c.4 2.2-.3 4.5-1.9 6.2-.3.3-.5.5-.8.7l1.3 1.4zm-12-3.6c0 .1-.1.2-.2.3l-5.8 5.8c-.8.8-.8 2 0 2.8s2 .8 2.8 0l5.8-5.8c.1-.1.2-.2.3-.2l2.5 2.5c-.6-.1-1.2-.2-1.8-.4l-5.3 5.3c-1.6 1.6-4.1 1.6-5.7 0-1.6-1.6-1.6-4.1 0-5.7l5.3-5.3c-.2-.6-.3-1.2-.4-1.8l2.5 2.5zm3-5.4c.2-.4.5-.9.8-1.2l3.8-3.8C18 5.7 15.7 6.4 14 8c-.3.3-.5.5-.7.8l-1.4-1.4c.2-.3.4-.5.7-.8 2.7-2.7 6.6-3.3 9.9-1.9.3.1.5.4.6.7.1.3 0 .7-.3.9l-4.9 4.9c-.4.4-.6 1-.6 1.5l-1.7-1.6zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"tool\",\"definition\":\"M23.107 5.44a1 1 0 0 1-.274.897l-4.945 4.946a2 2 0 0 0 2.83 2.83l4.945-4.946a1 1 0 0 1 1.626.317 8.995 8.995 0 0 1-11.15 12.033l-5.312 5.312a3.999 3.999 0 0 1-5.656-5.656l5.312-5.312a8.995 8.995 0 0 1 12.033-11.15 1 1 0 0 1 .591.729Zm-2.87.667a6.996 6.996 0 0 0-7.672 9.615 1 1 0 0 1-.213 1.096l-5.768 5.768a2 2 0 0 0 2.83 2.83l5.768-5.768a1 1 0 0 1 1.096-.214 6.996 6.996 0 0 0 9.615-7.672l-3.763 3.763a3.999 3.999 0 0 1-5.655-5.655l3.763-3.763Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"trash_inactive\",\"definition\":\"M25.4 21.2 27.8 8H29c.6 0 1-.4 1-1s-.4-1-1-1h-8V4c0-1.1-.9-2-2-2h-6c-1.1 0-2 .9-2 2v2h-.8l2 2h13.6l-2.1 11.5 1.7 1.7zM19 6h-6V4h6v2zM6.7 11l3.1 17h12.3l.2-1.3 1.7 1.7c-.2.9-1 1.6-2 1.6H9.8c-1 0-1.8-.7-2-1.6L4.3 8.5 6.7 11zM3.8 8 2.2 6.4c-.1.2-.2.4-.2.6 0 .6.4 1 1 1h.8zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"trash\",\"definition\":\"M29 6h-8V4c0-1.1-.9-2-2-2h-6c-1.1 0-2 .9-2 2v2H3c-.5 0-1 .4-1 1s.5 1 1 1h1.2l3.7 20.4c.2 1 1 1.6 2 1.6h12.3c1 0 1.8-.7 2-1.6L27.8 8H29c.5 0 1-.5 1-1s-.5-1-1-1zM13 4h6v2h-6V4zm9.2 24H9.8L6.2 8h19.6l-3.6 20z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"truck\",\"definition\":\"M8 5.635V28h1.382l.724-1.447A1 1 0 0 1 11 26h10a1 1 0 0 1 .894.553L22.618 28H24V5.634C21.272 4.425 17.944 4 16 4c-1.785 0-5.255.427-8 1.635Zm-1.447-1.53C9.738 2.514 13.907 2 16 2c2.27 0 6.264.514 9.447 2.106A1 1 0 0 1 26 5v24a1 1 0 0 1-1 1h-3a1 1 0 0 1-.894-.553L20.382 28h-8.764l-.724 1.447A1 1 0 0 1 10 30H7a1 1 0 0 1-1-1V5a1 1 0 0 1 .553-.894ZM3 9a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v5.5a1 1 0 0 1-.737.965l-4.923 1.342-1.366 5.918a1 1 0 0 1-.778.756c-.873.174-3.11.519-5.196.519-2.087 0-4.323-.345-5.196-.52a1 1 0 0 1-.778-.755L8.66 16.807l-4.923-1.342A1 1 0 0 1 3 14.5V9Zm2 1v3.736l4.763 1.3a1 1 0 0 1 .711.74l1.352 5.856C12.83 21.795 14.474 22 16 22c1.526 0 3.169-.205 4.174-.368l1.352-5.857a1 1 0 0 1 .71-.74L27 13.736V10H5Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"upload\",\"definition\":\"M26.809 4.01a1 1 0 0 0 0-2H5.188a1 1 0 1 0 0 2h21.62Zm.911 14.03a1 1 0 0 1-1.414 0l-9.31-9.31v20.303a1 1 0 1 1-2 0V8.73l-9.31 9.31a1 1 0 0 1-1.414-1.415l9.886-9.885a2.6 2.6 0 0 1 3.677 0l9.885 9.886a1 1 0 0 1 0 1.414Z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"warning\",\"definition\":\"M14.8 16.5V13h2.4v3.5l-.4 4.3h-1.7l-.3-4.3zm0 5.6h2.5v2.4h-2.5v-2.4zM16 2c.4 0 .7.2.9.5l13 25c.2.3.1.7 0 1-.2.3-.6.5-.9.5H3c-.3 0-.7-.2-.9-.5-.2-.3-.2-.7 0-1l13-25c.2-.3.5-.5.9-.5zM4.6 27h22.7L16 5.2 4.6 27z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"wifi_inactive\",\"definition\":\"M17.7 13.5c2.5.4 4.9 1.5 6.8 3.4.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4-2.8-2.8-6.6-4.2-10.3-4.1l2.1 2.1zm-5.1-5.2c5.5-1.1 11.4.5 15.7 4.8.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4-5.1-5.1-12.3-6.8-18.8-5l1.7 1.6zm-7.5 1 1.4 1.4c-1 .7-2 1.4-2.8 2.3-.4.4-1 .4-1.4 0s-.4-1 0-1.4c.9-.8 1.8-1.6 2.8-2.3zM9 13.2l1.5 1.5c-1.1.6-2.1 1.3-3 2.2-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4.9-.9 1.8-1.7 2.9-2.3zm4 4c-1.1.4-2.2 1.1-3.1 2-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0 .9-.9 2.1-1.6 3.3-1.8L13 17.2zm3 8.8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM2.3 2.3c.4-.4 1-.4 1.4 0l26 26c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-26-26c-.4-.4-.4-1 0-1.4z\",\"viewbox\":\"0 0 32 32\"},{\"name\":\"wifi\",\"definition\":\"M18 24c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm10.3-10.9c-6.8-6.8-17.8-6.8-24.6 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 7.6-7.6 19.8-7.6 27.4 0 .4.4.4 1 0 1.4-.4.4-1 .4-1.4 0zm-7.6 7.5c-2.6-2.6-6.9-2.6-9.5 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 3.4-3.4 8.9-3.4 12.3 0 .4.4.4 1 0 1.4-.3.4-1 .4-1.4 0zm3.8-3.7c-4.7-4.7-12.3-4.7-17 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 5.5-5.5 14.4-5.5 19.9 0 .4.4.4 1 0 1.4-.5.4-1.1.4-1.5 0z\",\"viewbox\":\"0 0 32 32\"}]';\n export const iconsNames = [\"arrow_diagonal\",\"arrow_down\",\"arrow_left\",\"arrow_right\",\"arrow_up\",\"back\",\"bento\",\"burger\",\"calendar_inactive\",\"calendar\",\"cart\",\"chevron_down\",\"chevron_left\",\"chevron_right\",\"chevron_up\",\"clock_inactive\",\"clock\",\"contact_inactive\",\"contact\",\"copy\",\"cross\",\"document_check\",\"document_eye\",\"document_tool\",\"document_wrong\",\"document\",\"doner\",\"double_kebab\",\"download\",\"edit_inactive\",\"edit\",\"email\",\"error\",\"export_inactive\",\"export\",\"eye_inactive\",\"eye\",\"filters_inactive\",\"filters\",\"folder\",\"fuel_gauge_inactive\",\"fuel_gauge\",\"global\",\"heart_inactive\",\"heart\",\"home_inactive\",\"home\",\"image_add\",\"image_inactive\",\"image_set\",\"image\",\"info\",\"kebab\",\"link_broken\",\"link\",\"lock_inactive\",\"lock\",\"meatballs\",\"message_inactive\",\"message\",\"mileage_inactive\",\"mileage\",\"minus\",\"notification_inactive\",\"notification\",\"phone_inactive\",\"phone\",\"pin_inactive\",\"pin\",\"plus\",\"print_inactive\",\"print\",\"profile_inactive\",\"profile\",\"proportions_inactive\",\"proportions\",\"redirect\",\"refresh\",\"report_inactive\",\"report\",\"save_inactive\",\"save\",\"search\",\"send_inactive\",\"send\",\"settings\",\"share\",\"skip_backwards\",\"skip_forward\",\"smartphone_inactive\",\"smartphone\",\"sorting\",\"speedometer_inactive\",\"speedometer\",\"star\",\"support\",\"tick\",\"timer\",\"tool_inactive\",\"tool\",\"trash_inactive\",\"trash\",\"truck\",\"upload\",\"warning\",\"wifi_inactive\",\"wifi\"];",":host {\n &,\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n display: inline-block;\n vertical-align: middle;\n line-height: 0;\n\n svg {\n height: 1em;\n width: 1em;\n fill: currentcolor;\n }\n}\n","// Check status of webFont solution\n\nimport { Component, h, Prop, State, Host } from '@stencil/core';\n\nimport { iconsCollection } from './iconsArray';\n\n@Component({\n tag: 'sdds-icon',\n styleUrl: 'icon.scss',\n shadow: true,\n})\nexport class Icon {\n /** Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook */\n @Prop({ reflect: true }) name: string = 'arrow_diagonal';\n\n /** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */\n @Prop({ reflect: true }) size: string = '16px';\n\n @State() icons_object: string = iconsCollection;\n\n @State() arrayOfIcons = [];\n\n componentWillLoad() {\n this.arrayDataWatcher(this.icons_object);\n }\n\n arrayDataWatcher(newValue: string) {\n if (typeof newValue === 'string') {\n this.arrayOfIcons = JSON.parse(newValue);\n } else {\n this.arrayOfIcons = newValue;\n }\n this.arrayOfIcons = [...this.arrayOfIcons];\n }\n\n setIcons = () =>\n this.arrayOfIcons.map(element => {\n if (element.name === this.name) {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" aria-labelledby={`icon ${element.name}`} role=\"img\" style={{ fontSize: this.size }}>\n <title>{`icon ${element.name}`}</title>\n <path fill=\"currentColor\" d={element.definition} />\n </svg>\n );\n }\n });\n\n render() {\n return <Host>{this.setIcons()}</Host>;\n }\n}\n"],"version":3}

package/dist/cjs/sdds-inline-tabs-button.cjs.entry.js DELETED Viewed

@@ -1,24 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
-const sddsInlineTabsButtonCss = ":host{box-sizing:border-box;display:block;position:relative;z-index:200}:host *{box-sizing:border-box}:host button{all:unset;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);padding:8px 4px;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0}:host button .label{margin:12px 0}:host button:hover{cursor:pointer}:host button:hover::after{width:100%}:host button:focus-visible .label{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host button::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--sdds-inline-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out 0s;z-index:1}:host button.selected{color:var(--sdds-inline-tabs-tab-color-selected)}:host button.selected::after{width:100%;background-color:var(--sdds-inline-tabs-tab-indicator-background-active)}:host button.disabled{color:var(--sdds-inline-tabs-tab-color-disabled);pointer-events:none}:host button.disabled .label{opacity:var(--sdds-inline-tabs-tab-color-opacity-disabled)}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
-const SddsInlineTabsButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.disabled = false;
-    this.selected = false;
-  }
-  render() {
-    return (index.h(index.Host, { role: "listitem" }, index.h("button", { class: `${this.selected ? 'selected' : ''}
-        ${this.disabled ? 'disabled' : ''}`, disabled: this.disabled }, index.h("div", { class: "label" }, index.h("slot", null)))));
-  }
-};
-SddsInlineTabsButton.style = sddsInlineTabsButtonCss;
-exports.sdds_inline_tabs_button = SddsInlineTabsButton;
-//# sourceMappingURL=sdds-inline-tabs-button.cjs.entry.js.map

package/dist/cjs/sdds-inline-tabs-button.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-inline-tabs-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,kxCAAkxC;;MCOryC,oBAAoB;;;oBAEH,KAAK;oBAGL,KAAK;;EAEjC,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,oBACE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;UACzC,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qBAAa,CACT,CACC,CACJ,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.scss?tag=sdds-inline-tabs-button&encapsulation=shadow","./src/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n@import '../../../../mixins/z-index';\n@import '../../../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n display: block;\n position: relative;\n z-index: z(tab);\n\n button {\n all: unset;\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-navigation-tabs-tab-color);\n padding: 8px 4px;\n margin-right: 32px;\n text-decoration: none;\n display: block;\n position: relative;\n transition: color 0.15s ease-in-out 0s;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n\n .label {\n margin: 12px 0;\n }\n\n &:hover {\n cursor: pointer;\n\n &::after {\n width: 100%;\n }\n }\n\n &:focus-visible {\n .label {\n @include sdds-focus-state;\n }\n }\n\n &::after {\n content: ' ';\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n margin-left: auto;\n width: 0%;\n margin-right: auto;\n height: 2px;\n background-color: var(--sdds-inline-tabs-tab-indicator-background-hover);\n transition: width 0.15s ease-in-out 0s;\n z-index: 1;\n }\n\n &.selected {\n color: var(--sdds-inline-tabs-tab-color-selected);\n\n &::after {\n width: 100%;\n background-color: var(--sdds-inline-tabs-tab-indicator-background-active);\n }\n }\n\n &.disabled {\n color: var(--sdds-inline-tabs-tab-color-disabled);\n pointer-events: none;\n\n .label {\n opacity: var(--sdds-inline-tabs-tab-color-opacity-disabled);\n }\n }\n }\n}\n\n:host(.first) {\n margin-left: 32px;\n}\n\n:host(.last) {\n margin-right: 32px;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-inline-tabs-button',\n styleUrl: 'sdds-inline-tabs-button.scss',\n shadow: true,\n})\nexport class SddsInlineTabsButton {\n /** Disables the tab. */\n @Prop() disabled: boolean = false;\n\n /** Marks the tab as the selected one. */\n @Prop() selected: boolean = false;\n\n render() {\n return (\n <Host role=\"listitem\">\n <button\n class={`${this.selected ? 'selected' : ''}\n ${this.disabled ? 'disabled' : ''}`}\n disabled={this.disabled}\n >\n <div class=\"label\">\n <slot></slot>\n </div>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-inline-tabs-link.cjs.entry.js DELETED Viewed

@@ -1,29 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
-const sddsInlineTabsLinkCss = ":host{box-sizing:border-box;display:block;position:relative;z-index:200}:host *{box-sizing:border-box}:host a{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);padding:8px 4px;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0}:host a .label{margin:12px 0}:host a:hover{cursor:pointer}:host a:hover::after{width:100%}:host a:focus-visible{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host a::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--sdds-inline-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out 0s;z-index:1}:host a.selected{color:var(--sdds-inline-tabs-tab-color-selected)}:host a.selected .label{opacity:var(--sdds-inline-tab-color-opacity-selected)}:host a.selected::after{width:100%;background-color:var(--sdds-inline-tabs-tab-indicator-background-active)}:host a.disabled{color:var(--sdds-inline-tabs-tab-color-disabled);pointer-events:none}:host a.disabled .label{opacity:var(--sdds-inline-tabs-tab-color-opacity-disabled)}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
-const SddsInlineTabsLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.disabled = false;
-    this.selected = false;
-    this.href = undefined;
-    this.target = '_self';
-    this.rel = 'noopener';
-  }
-  render() {
-    return (index.h(index.Host, { role: "listitem" }, index.h("a", { class: `
-        ${this.selected ? 'selected' : ''}
-        ${this.disabled ? 'disabled' : ''}
-        `, href: this.href, target: this.target, rel: this.rel }, index.h("div", { class: "label" }, index.h("slot", null)))));
-  }
-};
-SddsInlineTabsLink.style = sddsInlineTabsLinkCss;
-exports.sdds_inline_tabs_link = SddsInlineTabsLink;
-//# sourceMappingURL=sdds-inline-tabs-link.cjs.entry.js.map

package/dist/cjs/sdds-inline-tabs-link.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-inline-tabs-link.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,6xCAA6xC;;MCO9yC,kBAAkB;;;oBAED,KAAK;oBAGL,KAAK;;kBAMyB,OAAO;eAG3C,UAAU;;EAEhC,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,eACE,KAAK,EAAE;UACP,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;UAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;SAChC,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,IAEbA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qBAAa,CACT,CACJ,CACC,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.scss?tag=sdds-inline-tabs-link&encapsulation=shadow","./src/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n@import '../../../../mixins/z-index';\n@import '../../../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n display: block;\n position: relative;\n z-index: z(tab);\n\n a {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-navigation-tabs-tab-color);\n padding: 8px 4px;\n margin-right: 32px;\n text-decoration: none;\n display: block;\n position: relative;\n transition: color 0.15s ease-in-out 0s;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n \n .label {\n margin: 12px 0;\n }\n\n &:hover {\n cursor: pointer;\n\n &::after {\n width: 100%;\n }\n }\n\n &:focus-visible {\n @include sdds-focus-state;\n }\n\n &::after {\n content: ' ';\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n margin-left: auto;\n width: 0%;\n margin-right: auto;\n height: 2px;\n background-color: var(--sdds-inline-tabs-tab-indicator-background-hover);\n transition: width 0.15s ease-in-out 0s;\n z-index: 1;\n }\n\n &.selected {\n color: var(--sdds-inline-tabs-tab-color-selected);\n\n .label {\n opacity: var(--sdds-inline-tab-color-opacity-selected);\n }\n\n &::after {\n width: 100%;\n background-color: var(--sdds-inline-tabs-tab-indicator-background-active);\n }\n }\n\n &.disabled {\n color: var(--sdds-inline-tabs-tab-color-disabled);\n pointer-events: none;\n\n .label {\n opacity: var(--sdds-inline-tabs-tab-color-opacity-disabled);\n }\n }\n }\n}\n\n\n:host(.first) {\n margin-left: 32px;\n}\n\n:host(.last) {\n margin-right: 32px;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-inline-tabs-link',\n styleUrl: 'sdds-inline-tabs-link.scss',\n shadow: true,\n})\nexport class SddsInlineTabsLink {\n /** Disables the tab. */\n @Prop() disabled: boolean = false;\n\n /** Marks the tab as the selected one. */\n @Prop() selected: boolean = false;\n\n /** Href for the link */\n @Prop() href: string;\n\n /** Where to open the linked URL */\n @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */\n @Prop() rel: string = 'noopener';\n\n render() {\n return (\n <Host role=\"listitem\">\n <a\n class={`\n ${this.selected ? 'selected' : ''}\n ${this.disabled ? 'disabled' : ''}\n `}\n href={this.href}\n target={this.target}\n rel={this.rel}\n >\n <div class=\"label\">\n <slot></slot>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-inline-tabs.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-inline-tabs.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,+/CAA+/C;;MCQxgD,mBAAmB;;;;IAiBtB,sBAAiB,GAAgB,IAAI,CAAC;IAEtC,mBAAc,GAAW,CAAC,CAAC;IAE3B,iBAAY,GAAW,CAAC,CAAC;IAEzB,gBAAW,GAAW,CAAC,CAAC;IAiKhC,sBAAiB,GAAG;MAClB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO;QAChD,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK;UACpB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;UAC/C,IAAI,YAAY,GAAG,CAAC,CAAC;UAErB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;UAClD,UAAU,CAAC,OAAO,CAAC,CAAC,SAAsB;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YACjD,YAAY;cACV,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;WACxF,CAAC,CAAC;UAEH,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;UACrC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;UACjC,IAAI,CAAC,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;UAEjD,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE;YAC3C,IAAI,CAAC,qBAAqB,EAAE,CAAC;WAC9B;eAAM;YACL,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;WAC9B;SACF,CAAC,CAAC;OACJ,CAAC,CAAC;MAEH,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KAChD,CAAC;uBAjN6C,SAAS;0BAIrB,KAAK;2BAEJ,KAAK;;uBAOV,CAAC;;;EAchC,MAAM,SAAS,CAAC,QAAgB;IAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE;MACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;MACxE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK;QAC/C,IAAI,KAAK,KAAK,QAAQ,EAAE;UACtB,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;UACrC,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,EAAE,OAAO,CAAC,SAAS;YACtB,QAAQ,EAAE,KAAK;WAChB,CAAC;SACH;QACD,OAAO,OAAO,CAAC;OAChB,CAAC,CAAC;KACJ;IACD,OAAO;MACL,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG;MACjC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ;KAC5C,CAAC;GACH;EAgBD,uBAAuB;IACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC7D,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;MACnB,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,CAAC,CAAC;GACJ;EAED,iBAAiB;IACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAE5C,CAAC;IACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK;MAC5C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;QAC7B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;UAClB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;UACxE,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;UAClC,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,EAAE,IAAI,CAAC,SAAS;YACnB,QAAQ,EAAE,KAAK;WAChB,CAAC;SACH;OACF,CAAC,CAAC;MACH,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,IAAI,CAAC,WAAW,GAAG;UACjB,GAAG,EAAE,IAAI,CAAC,SAAS;UACnB,QAAQ,EAAE,KAAK;SAChB,CAAC;OACH;MACD,OAAO,IAAI,CAAC;KACb,CAAC,CAAC;IACH,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACxC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;GAC/D;EAED,gBAAgB;IACd,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO;MAChD,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK;QACpB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QAC/C,IAAI,YAAY,GAAG,CAAC,CAAC;QAErB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,UAAU,CAAC,OAAO,CAAC,CAAC,SAAsB;UACxC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;UACjD,YAAY;YACV,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;UAEvF,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;SAC5D,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;QAEjD,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE;UAC3C,IAAI,CAAC,qBAAqB,EAAE,CAAC;SAC9B;aAAM;UACL,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;UAC5B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAC9B;OACF,CAAC,CAAC;KACJ,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;GAChD;EAED,mBAAmB;IACjB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;MACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAE5C,CAAC;MACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK;QAC5C,IAAI,IAAI,CAAC,QAAQ,EAAE;UACjB,IAAI,CAAC,WAAW,GAAG;YACjB,GAAG,EAAE,IAAI,CAAC,SAAS;YACnB,QAAQ,EAAE,KAAK;WAChB,CAAC;SACH;QACD,OAAO,IAAI,CAAC;OACb,CAAC,CAAC;KACJ;GACF;EAED,kBAAkB;IAChB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE;MAC3C,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;SAAM;MACL,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;MAC5B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAC9B;IACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;GAC1B;EAED,WAAW;IACT,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;IACjD,IAAI,CAAC,iBAAiB,CAAC,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC;IAChD,IAAI,CAAC,qBAAqB,EAAE,CAAC;GAC9B;EAED,UAAU;IACR,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;IACjD,IAAI,CAAC,iBAAiB,CAAC,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC;IAChD,IAAI,CAAC,qBAAqB,EAAE,CAAC;GAC9B;EAED,qBAAqB;IACnB,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;IAEjD,IAAI,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;MAC9B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAC9B;SAAM;MACL,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC7B;IAED,IAAI,MAAM,IAAI,CAAC,EAAE;MACf,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;KAC7B;SAAM;MACL,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B;GACF;EA+BD,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,GAAG,qBAAqB,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,EAAE,IAC/ED,iBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,CAAC,EAAE;QACN,IAAI,CAAC,iBAAiB,GAAG,EAAiB,CAAC;OAC5C,IAEDA,oBACE,KAAK,EAAE,sBAAsB,IAAI,CAAC,cAAc,GAAG,MAAM,GAAG,EAAE,EAAE,EAChE,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAChC,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,IAE9BA,uBAAW,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAa,CAChD,EACTA,qBAAQ,EACRA,oBACE,KAAK,EAAE,uBAAuB,IAAI,CAAC,eAAe,GAAG,MAAM,GAAG,EAAE,EAAE,EAClE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EACjC,QAAQ,EAAE,CAAC,IAAI,CAAC,eAAe,IAE/BA,uBAAW,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAa,CACjD,CACL,CACD,EACP;GACH;;;;;;;;;;","names":["h","Host"],"sources":["./src/components/tabs/inline-tabs/inline-tabs.scss?tag=sdds-inline-tabs&encapsulation=shadow","./src/components/tabs/inline-tabs/inline-tabs.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n@import '../../../mixins/box-sizing';\n@import '../../../mixins/z-index';\n\n:host {\n @include sdds-box-sizing;\n\n display: flex;\n background-color: var(--sdds-inline-tabs-background);\n position: relative;\n\n &::after {\n content: ' ';\n display: block;\n border-bottom: 1px solid var(--sdds-inline-tabs-horizontal-divider-background);\n opacity: var(--sdds-inline-tabs-horizontal-divider-opacity);\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n }\n\n .wrapper {\n display: flex;\n flex-wrap: nowrap;\n white-space: nowrap;\n width: 100%;\n overflow-x: scroll;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .scroll-right-button {\n right: 0;\n z-index: calc(z(tab) + 1);\n }\n\n .scroll-left-button {\n left: 0;\n z-index: calc(z(tab) + 1);\n }\n\n .scroll-right-button,\n .scroll-left-button {\n color: var(--sdds-folder-tabs-scroll-btn-color);\n cursor: pointer;\n border: 0;\n width: 0;\n background-color: var(--sdds-inline-tabs-scroll-btn-background);\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n position: sticky;\n\n &.show {\n min-width: 48px;\n display: block;\n opacity: 1;\n pointer-events: all;\n }\n\n &:hover {\n background-color: var(--sdds-folder-tabs-scroll-btn-background-hover);\n }\n\n &:active {\n background-color: var(--sdds-folder-tabs-scroll-btn-background-active);\n }\n\n &:focus {\n @include sdds-focus-state;\n }\n\n svg {\n fill: var(--sdds-folder-tabs-scroll-btn-color);\n }\n }\n}\n","import { Component, Host, State, Element, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { HostElement, Method, Watch } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-inline-tabs',\n styleUrl: 'inline-tabs.scss',\n shadow: true,\n})\nexport class InlineTabsFullbleed {\n /** Variant of the tabs, primary= on white, secondary= on grey50 */\n @Prop() modeVariant: 'primary' | 'secondary' = 'primary';\n\n @Element() host: HostElement;\n\n @State() showLeftScroll: boolean = false;\n\n @State() showRightScroll: boolean = false;\n\n @State() selectedTab: {\n tab: string;\n tabIndex: number;\n };\n\n @State() buttonWidth: number = 0; // current calculated width of the largest nav button\n\n private navWrapperElement: HTMLElement = null; // reference to container with nav buttons\n\n private componentWidth: number = 0; // visible width of this component\n\n private buttonsWidth: number = 0; // total width of all nav items combined\n\n private scrollWidth: number = 0; // total amount that is possible to scroll in the nav wrapper\n\n private children: Array<HTMLSddsInlineTabsButtonElement | HTMLSddsInlineTabsLinkElement>;\n\n /** Selects a tab based on tabindex, will not select a disabled tab. */\n @Method()\n async selectTab(tabIndex: number) {\n if (!this.children[tabIndex].disabled) {\n this.children.forEach((element) => element.removeAttribute('selected'));\n this.children = this.children.map((element, index) => {\n if (index === tabIndex) {\n element.setAttribute('selected', '');\n this.selectedTab = {\n tab: element.innerText,\n tabIndex: index,\n };\n }\n return element;\n });\n }\n return {\n selectedTab: this.selectedTab.tab,\n selectedTabIndex: this.selectedTab.tabIndex,\n };\n }\n\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n selectedTab: {\n tab: string;\n tabIndex: number;\n };\n }>;\n\n @Watch('selectedTab')\n handleSelectedTabChange() {\n this.host.setAttribute('selected-tab', this.selectedTab.tab);\n this.host.setAttribute('selected-tab-index', `${this.selectedTab.tabIndex}`);\n this.sddsChange.emit({\n selectedTab: this.selectedTab,\n });\n }\n\n connectedCallback() {\n this.children = Array.from(this.host.children) as Array<\n HTMLSddsInlineTabsButtonElement | HTMLSddsInlineTabsLinkElement\n >;\n this.children = this.children.map((item, index) => {\n item.addEventListener('click', () => {\n if (!item.disabled) {\n this.children.forEach((element) => element.removeAttribute('selected'));\n item.setAttribute('selected', '');\n this.selectedTab = {\n tab: item.innerText,\n tabIndex: index,\n };\n }\n });\n if (item.selected) {\n this.selectedTab = {\n tab: item.innerText,\n tabIndex: index,\n };\n }\n return item;\n });\n this.children[0].classList.add('first');\n this.children[this.children.length - 1].classList.add('last');\n }\n\n componentDidLoad() {\n const resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n const componentWidth = entry.contentRect.width;\n let buttonsWidth = 0;\n\n const navButtons = Array.from(this.host.children);\n navButtons.forEach((navButton: HTMLElement) => {\n const style = window.getComputedStyle(navButton);\n buttonsWidth +=\n navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);\n\n navButton.classList.add('sdds-inline-tabs-fullbleed--tab');\n });\n\n this.componentWidth = componentWidth;\n this.buttonsWidth = buttonsWidth;\n this.scrollWidth = buttonsWidth - componentWidth;\n\n if (this.buttonsWidth > this.componentWidth) {\n this.evaluateScrollButtons();\n } else {\n this.showLeftScroll = false;\n this.showRightScroll = false;\n }\n });\n });\n\n resizeObserver.observe(this.navWrapperElement);\n }\n\n componentWillRender() {\n if (!this.selectedTab) {\n this.children = Array.from(this.host.children) as Array<\n HTMLSddsInlineTabsButtonElement | HTMLSddsInlineTabsLinkElement\n >;\n this.children = this.children.map((item, index) => {\n if (item.selected) {\n this.selectedTab = {\n tab: item.innerText,\n tabIndex: index,\n };\n }\n return item;\n });\n }\n }\n\n componentDidRender() {\n if (this.buttonsWidth > this.componentWidth) {\n this.evaluateScrollButtons();\n } else {\n this.showLeftScroll = false;\n this.showRightScroll = false;\n }\n this.addResizeObserver();\n }\n\n scrollRight() {\n const scroll = this.navWrapperElement.scrollLeft;\n this.navWrapperElement.scrollLeft = scroll + 95;\n this.evaluateScrollButtons();\n }\n\n scrollLeft() {\n const scroll = this.navWrapperElement.scrollLeft;\n this.navWrapperElement.scrollLeft = scroll - 10;\n this.evaluateScrollButtons();\n }\n\n evaluateScrollButtons() {\n const scroll = this.navWrapperElement.scrollLeft;\n\n if (scroll >= this.scrollWidth) {\n this.showRightScroll = false;\n } else {\n this.showRightScroll = true;\n }\n\n if (scroll <= 0) {\n this.showLeftScroll = false;\n } else {\n this.showLeftScroll = true;\n }\n }\n\n addResizeObserver = () => {\n const resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n const componentWidth = entry.contentRect.width;\n let buttonsWidth = 0;\n\n const navButtons = Array.from(this.host.children);\n navButtons.forEach((navButton: HTMLElement) => {\n const style = window.getComputedStyle(navButton);\n buttonsWidth +=\n navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);\n });\n\n this.componentWidth = componentWidth;\n this.buttonsWidth = buttonsWidth;\n this.scrollWidth = buttonsWidth - componentWidth;\n\n if (this.buttonsWidth > this.componentWidth) {\n this.evaluateScrollButtons();\n } else {\n this.showLeftScroll = false;\n this.showRightScroll = false;\n }\n });\n });\n\n resizeObserver.observe(this.navWrapperElement);\n };\n\n render() {\n return (\n <Host class={`${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}`}>\n <div\n role=\"list\"\n class=\"wrapper\"\n ref={(el) => {\n this.navWrapperElement = el as HTMLElement;\n }}\n >\n <button\n class={`scroll-left-button ${this.showLeftScroll ? 'show' : ''}`}\n onClick={() => this.scrollLeft()}\n disabled={!this.showLeftScroll}\n >\n <sdds-icon name=\"chevron_left\" size=\"20px\"></sdds-icon>\n </button>\n <slot />\n <button\n class={`scroll-right-button ${this.showRightScroll ? 'show' : ''}`}\n onClick={() => this.scrollRight()}\n disabled={!this.showRightScroll}\n >\n <sdds-icon name=\"chevron_right\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-link.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-link.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,gpBAAgpB;;MCOvpB,QAAQ;;;;kBAKuC,OAAO;oBAGrC,KAAK;qBAGJ,IAAI;eAGX,UAAU;;EAEhC,MAAM;IACJ,QACEA,eACE,KAAK,EAAE;UACL,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;UAC/B,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,cAAc;;SAErC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,IAEbA,qBAAa,CACX,EACJ;GACH;;;;;;","names":["h"],"sources":["./src/components/link/sdds-link.scss?tag=sdds-link","./src/components/link/sdds-link.tsx"],"sourcesContent":["a {\n cursor: pointer;\n outline: none;\n color: var(--sdds-link);\n\n &:active {\n color: var(--sdds-link);\n text-decoration: underline;\n text-decoration-color: var(--sdds-link);\n }\n\n &:hover {\n color: var(--sdds-link-hover);\n text-decoration: underline;\n text-decoration-color: var(--sdds-link-hover);\n }\n\n &:visited {\n color: var(--sdds-link-visited);\n text-decoration-color: var(--sdds-link-visited);\n }\n\n &:focus {\n color: var(--sdds-link-focus);\n text-decoration: none;\n outline: 2px solid var(--sdds-link-focus);\n outline-offset: -2px;\n }\n\n &.disabled {\n color: var(--sdds-link-disabled);\n text-decoration-color: var(--sdds-link-disabled);\n pointer-events: none;\n }\n\n &.no-underline {\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-link',\n styleUrl: 'sdds-link.scss',\n shadow: false,\n})\nexport class SddsLink {\n /** URL for the link */\n @Prop() href: string;\n\n /** Where to open the linked URL */\n @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n /** Disables the link */\n @Prop() disabled: boolean = false;\n\n /** Displays the link with an underline. */\n @Prop() underline: boolean = true;\n\n /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */\n @Prop() rel: string = 'noopener';\n\n render() {\n return (\n <a\n class={`\n ${this.disabled ? 'disabled' : ''}\n ${this.underline ? '' : 'no-underline'}\n \n `}\n href={this.href}\n target={this.target}\n rel={this.rel}\n >\n <slot></slot>\n </a>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-message.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-message.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,ooDAAooD;;MCO9oD,WAAW;;;IAgBtB,gBAAW,GAAG;MACZ,QAAQ,IAAI,CAAC,IAAI;QACf,KAAK,aAAa;UAChB,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;UACV,OAAO,OAAO,CAAC;QACjB,KAAK,SAAS;UACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;UACZ,OAAO,MAAM,CAAC;QAChB;UACE,OAAO,MAAM,CAAC;OACjB;KACF,CAAC;;uBAxB6C,IAAI;gBAGa,aAAa;kBAGnD,KAAK;mBAGJ,KAAK;;EAiBhC,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,iBACE,KAAK,EAAE;0BACS,IAAI,CAAC,IAAI;UACzB,IAAI,CAAC,OAAO,GAAG,iBAAiB,GAAG,EAAE;UACrC,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,qBAAqB,IAAI,CAAC,WAAW,EAAE,GAAE,EAAE,EAAE,IAExE,CAAC,IAAI,CAAC,MAAM,IAAIA,uBAAW,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAC,MAAM,GAAa,EAC9EA,iBAAK,KAAK,EAAE,iBAAiB,IAC1B,IAAI,CAAC,MAAM,IAAIA,iBAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,MAAM,CAAO,EAC9D,CAAC,IAAI,CAAC,OAAO,KACZA,iBAAK,KAAK,EAAC,0BAA0B,IACnCA,qBAAa,CACT,CACP,CACG,CACF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/message/sdds-message.scss?tag=sdds-message&encapsulation=shadow","./src/components/message/sdds-message.tsx"],"sourcesContent":[":host {\n .message-wrapper {\n display: flex;\n padding: 16px;\n background-color: var(--sdds-message-background);\n border-radius: 4px;\n\n &.information {\n border-left: 4px solid var(--sdds-information);\n\n sdds-icon {\n color: var(--sdds-information);\n }\n }\n\n &.success {\n border-left: 4px solid var(--sdds-positive);\n\n sdds-icon {\n color: var(--sdds-positive);\n }\n }\n\n &.error {\n background-color: var(--sdds-message-type-error-background);\n border-left: 4px solid var(--sdds-negative);\n\n sdds-icon {\n color: var(--sdds-negative);\n }\n }\n\n &.warning {\n border-left: 4px solid var(--sdds-warning);\n\n sdds-icon {\n color: var(--sdds-warning);\n }\n }\n\n &.message-minimal {\n border: none;\n display: flex;\n align-items: center;\n padding: 0;\n background-color: transparent;\n\n .message-header {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n\n sdds-icon {\n padding-right: 8px;\n }\n }\n }\n\n sdds-icon {\n padding-right: 16px;\n }\n\n .message-content {\n display: flex;\n flex-direction: column;\n gap: 4px;\n color: var(--sdds-message-color);\n padding: 2px 0;\n\n .message-header {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n }\n\n .message-extended-message {\n color: var(--sdds-message-color);\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n }\n\n .sdds-mode-variant-primary {\n --sdds-message-background: var(--sdds-message-background-primary);\n }\n\n .sdds-mode-variant-secondary {\n --sdds-message-background: var(--sdds-message-background-secondary);\n }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-message',\n styleUrl: 'sdds-message.scss',\n shadow: true,\n})\nexport class SddsMessage {\n /** Header text for the component. */\n @Prop() header: string;\n\n /** Variant of the component, based on current mode. */\n @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n /** Type of message. */\n @Prop() type: 'information' | 'error' | 'warning' | 'success' = 'information';\n\n /** Removes the icon in the message. */\n @Prop() noIcon: boolean = false;\n\n /** Minimal message styling. */\n @Prop() minimal: boolean = false;\n\n getIconName = () => {\n switch (this.type) {\n case 'information':\n return 'info';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n case 'success':\n return 'tick';\n default:\n return 'info';\n }\n };\n\n render() {\n return (\n <Host>\n <div\n class={`\n message-wrapper ${this.type}\n ${this.minimal ? 'message-minimal' : ''}\n ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}`: ''}`}\n >\n {!this.noIcon && <sdds-icon name={this.getIconName()} size=\"20px\"></sdds-icon>}\n <div class={`message-content`}>\n {this.header && <div class=\"message-header\">{this.header}</div>}\n {!this.minimal && (\n <div class=\"message-extended-message\">\n <slot></slot>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-modal.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-modal.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/modal/modal.scss?tag=sdds-modal&encapsulation=shadow","./src/components/modal/modal.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import 'modal-vars';\n@import '../../mixins/box-sizing';\n@import '../../mixins/focus-state';\n\n//TODO: Find a way to create a mixin in spacings that can be used for screen size in rem\n//Media rules doesn't calculate correct with using rem\n// Screen breakpoints\n$screen-s: 320px; //320px\n$screen-md: 672px; // 672px\n$screen-l: 1056px; //1056px\n$screen-xl: 1312px; //1312px\n$screen-xxl: 1584px; //1584px\n\n$modals: (\n $screen-s: (\n xs: 100%,\n sm: 100%,\n md: 100%,\n lg: 100%,\n ),\n $screen-md: (\n xs: 75%,\n sm: 62.5%,\n md: 75%,\n lg: 100%,\n ),\n $screen-l: (\n xs: 31.25%,\n sm: 43.75%,\n md: 62.5%,\n lg: 75%,\n ),\n $screen-xl: (\n xs: 31.25%,\n sm: 37.5%,\n md: 62.5%,\n lg: 75%,\n ),\n $screen-xxl: (\n xs: 25%,\n sm: 37.5%,\n md: 50%,\n lg: 75%,\n ),\n);\n\n/* MIXINS */\n\n@mixin modal-scroll-inner {\n /* SCROLL STUFF */\n\n /* width */\n &::-webkit-scrollbar {\n width: 5px;\n background-color: var(--sdds-grey-300);\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background-color: var(--sdds-grey-300);\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background-color: var(--sdds-grey-500);\n }\n}\n\n@mixin modal-scroll-outer {\n /* SCROLL STUFF */\n\n /* width */\n &::-webkit-scrollbar {\n width: 5px;\n background-color: var(--sdds-grey-300);\n border-radius: 0 1em 1em 0;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background-color: var(--sdds-grey-300);\n border-radius: 0 1em 1em 0;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background-color: var(--sdds-grey-500);\n border-radius: 0 1em 1em 0;\n }\n}\n\n@mixin modal-host {\n left: 0;\n top: 0;\n position: fixed;\n height: 100%;\n width: 100%;\n z-index: z(modal);\n background-color: var(--sdds-modal-backdrop);\n padding: 0 16px;\n\n @media (max-width: $screen-s) {\n padding: 0;\n }\n\n &.show {\n display: flex;\n }\n\n &.hide {\n display: none;\n }\n}\n\n@mixin modal-header {\n display: flex;\n padding-bottom: var(--sdds-spacing-element-8);\n position: sticky;\n top: 0;\n background-color: var(--sdds-modal-background);\n z-index: 1;\n\n &::before {\n content: ' ';\n position: absolute;\n height: 16px;\n top: -16px;\n width: 100%;\n background-color: var(--sdds-modal-background);\n }\n}\n\n@mixin modal-headline {\n color: var(--sdds-modal-text);\n font: var(--sdds-headline-05);\n letter-spacing: var(--sdds-headline-05-ls);\n margin: 0;\n flex: 1;\n}\n\n@mixin modal-body {\n color: var(--sdds-modal-text);\n font: var(--sdds-body-01);\n letter-spacing: var(--sdds-body-01-ls);\n padding-bottom: 40px;\n overflow-y: visible;\n padding-right: 16px;\n @include modal-scroll-inner;\n\n @media (min-width: $screen-l) {\n padding-right: 64px;\n }\n}\n\n/* MODAL STYLING */\n\n.sdds-modal {\n @include sdds-box-sizing;\n\n background-color: var(--sdds-modal-background);\n margin: auto;\n position: relative;\n border-radius: 4px;\n padding: 16px;\n max-height: 85vh;\n overflow-y: auto;\n\n @include modal-scroll-outer;\n\n &__actions-sticky {\n overflow: hidden;\n\n .sdds-modal-body {\n font: var(--sdds-body-01);\n letter-spacing: var(--sdds-body-01-ls);\n padding-bottom: 96px;\n margin: 0 -16px 0 0;\n max-height: calc(85vh - 36px);\n overflow-y: auto;\n }\n\n .sdds-modal-actions {\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n background-color: var(--sdds-modal-background);\n padding: var(--sdds-spacing-element-16);\n display: flex;\n gap: 16px;\n }\n }\n\n &__actions-static {\n .sdds-modal-actions {\n background-color: var(--sdds-modal-background);\n display: flex;\n gap: 16px;\n }\n }\n}\n\n//Width of modals in different breakpoints\n@each $screen, $modals in $modals {\n @media (min-width: $screen) {\n @each $modal, $value in $modals {\n .sdds-modal-#{$modal} {\n width: $value;\n }\n }\n }\n}\n\n@media (max-width: $screen-s) {\n .sdds-modal-md,\n .sdds-modal-lg,\n .sdds-modal-sm {\n height: 100%;\n\n slot[name='sdds-modal-actions']::slotted(*) {\n display: flex;\n }\n }\n}\n\n/* MODAL SUBELEMENTS */\n\n.sdds-modal-header {\n @include modal-header;\n}\n\n.sdds-modal-headline {\n @include modal-headline;\n\n color: var(--sdds-modal-text);\n}\n\n.sdds-modal-body {\n @include modal-body;\n}\n\n.sdds-modal-backdrop {\n @include sdds-box-sizing;\n @include modal-host;\n}\n\nbutton.sdds-modal-close {\n background-color: transparent;\n border: 0;\n padding: 0;\n appearance: unset;\n}\n\n.sdds-modal-close {\n display: inline-block;\n height: auto;\n color: var(--sdds-modal-icon);\n cursor: pointer;\n\n &:focus {\n @include sdds-focus-state;\n }\n\n @media (min-width: $screen-s) {\n margin-left: var(--sdds-spacing-element-16);\n }\n\n @media (min-width: $screen-l) {\n margin-left: var(--sdds-spacing-element-48);\n }\n}\n\n//web component with nested svg\n.sdds-modal-close-btn {\n display: inline-block;\n height: auto;\n background-repeat: no-repeat;\n cursor: pointer;\n\n @media (min-width: $screen-s) {\n margin-left: var(--sdds-spacing-element-16);\n }\n\n @media (min-width: $screen-l) {\n margin-left: var(--sdds-spacing-element-48);\n }\n\n svg {\n fill: var(--sdds-modal-icon);\n }\n}\n\n.sdds-modal-overflow {\n overflow: hidden;\n}\n\n/* WEB COMPONENT STUFF */\n\n:host {\n @include modal-host;\n\n .sdds-modal-close {\n border: none;\n background-color: transparent;\n }\n\n .sdds-modal-close-btn {\n border: none;\n background-color: transparent;\n }\n}\n\n:host(.show) {\n display: flex;\n}\n\n:host(.hide) {\n display: none;\n}\n","import {\n Component,\n h,\n Host,\n Prop,\n Element,\n Method,\n State,\n Event,\n EventEmitter,\n} from '@stencil/core';\n\n@Component({\n tag: 'sdds-modal',\n styleUrl: 'modal.scss',\n shadow: true,\n})\nexport class Modal {\n @Element() host: HTMLElement;\n\n /** Disables closing modal on clicking on overlay area. */\n @Prop() prevent: boolean = false;\n\n /** Size of modal */\n @Prop() size: 'xs' | 'sm' | 'md' | 'lg' = 'md';\n\n /** Sticky or Static Actions */\n @Prop() actions: 'sticky' | 'static' = 'static';\n\n /** CSS selector for the element that will show the modal. */\n @Prop() selector: string;\n\n /** Element that will show the modal (takes priority over selector) */\n @Prop() referenceEl: HTMLElement;\n\n /** Controls whether the modal is shown or not. If this is set hiding and showing\n * will be decided by this prop and will need to be controlled from the outside. */\n @Prop() show: boolean;\n\n // State that keeps track of show/closed state for the modal.\n @State() isShown: boolean = false;\n\n /** Shows the modal. */\n @Method()\n async showModal() {\n this.handleShow();\n }\n\n /** Closes the modal. */\n @Method()\n async closeModal() {\n this.handleClose();\n }\n\n /** Emitts when the modal is closed. */\n @Event({\n eventName: 'sddsClose',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsClose: EventEmitter<any>;\n\n connectedCallback() {\n if (this.show !== null) {\n this.isShown = this.show;\n }\n this.setDissmissButtons();\n this.setShowButton();\n }\n\n /** Emits a close event and then close the modal if it is not prevented. */\n handleClose = (event?) => {\n const closeEvent = this.sddsClose.emit(event);\n if (!closeEvent.defaultPrevented) {\n this.isShown = false;\n }\n };\n\n handleShow = () => {\n this.isShown = true;\n };\n\n /** Checks if click on modal is on overlay, if so it closes the modal if prevent is not true. */\n handleOverlayClick(event) {\n const targetList = event.composedPath();\n const target = targetList[0];\n if (\n target.classList[0] === 'sdds-modal-close' ||\n (target.classList[0] === 'sdds-modal-backdrop' && this.prevent === false)\n ) {\n this.handleClose(event);\n }\n }\n\n /** Adds an event listener to the reference element that shows/closes the modal. */\n initializeReferenceElement = (referenceEl) => {\n if (referenceEl) {\n referenceEl.addEventListener('click', (event) => {\n event.stopPropagation();\n if (this.isShown) {\n this.handleClose(event);\n } else {\n this.handleShow();\n }\n });\n }\n };\n\n /** Check if there is a referenceElement or selector and adds event listener to them if so. */\n setShowButton = () => {\n if (this.selector || this.referenceEl) {\n const referenceEl = this.referenceEl ?? document.querySelector(this.selector);\n if (referenceEl) {\n this.initializeReferenceElement(referenceEl);\n }\n }\n };\n\n /** Adds an event listener to the dismiss buttons that closes the modal. */\n setDissmissButtons() {\n this.host.querySelectorAll('[data-dismiss-modal]').forEach((dismissButton) => {\n dismissButton.addEventListener('click', (event) => {\n this.handleClose(event);\n });\n });\n }\n\n render() {\n return (\n <Host\n onClick={(event) => {\n this.handleOverlayClick(event);\n }}\n class={`sdds-modal-backdrop ${this.isShown ? 'show' : 'hide'}`}\n >\n <div\n class={`sdds-modal ${this.actions ? `sdds-modal__actions-${this.actions}` : ''} ${\n this.size ? `sdds-modal-${this.size}` : ''\n } `}\n >\n <div class=\"sdds-modal-header\">\n <slot name=\"sdds-modal-headline\"></slot>\n <button class=\"sdds-modal-close\" aria-label=\"close\" onClick={() => this.handleClose()}>\n <sdds-icon name=\"cross\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n\n <div class=\"sdds-modal-body\">\n <slot name=\"sdds-modal-body\"></slot>\n </div>\n\n <div class=\"sdds-modal-actions\">\n <slot name=\"sdds-modal-actions\"></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-navigation-tabs-button.cjs.entry.js DELETED Viewed

@@ -1,24 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
-const sddsNavigationTabsButtonCss = ":host{box-sizing:border-box}:host *{box-sizing:border-box}:host button{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);padding:18px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;background-color:transparent;border:0}:host button.selected{color:var(--sdds-navigation-tabs-tab-color-selected)}:host button.selected::after{width:100%;background-color:var(--sdds-navigation-tabs-tab-indicator-background-active)}:host button .label{padding:8px 4px}:host button:focus-visible{outline:none}:host button:focus-visible .label{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host button:hover{color:var(--sdds-navigation-tabs-tab-color-hover);opacity:1}:host button:hover::after{width:100%}:host button.disabled{color:var(--sdds-navigation-tabs-tab-color-disabled);pointer-events:none}:host button.disabled .label{opacity:var(--sdds-navigation-tabs-tab-color-opacity-disabled)}:host button::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-navigation-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out;z-index:1}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
-const SddsNavigationTabsButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.disabled = false;
-    this.selected = false;
-  }
-  render() {
-    return (index.h(index.Host, { role: "listitem" }, index.h("button", { class: `${this.selected ? 'selected' : ''}
-         ${this.disabled ? 'disabled' : ''}`, disabled: this.disabled }, index.h("div", { class: "label" }, index.h("slot", null)))));
-  }
-};
-SddsNavigationTabsButton.style = sddsNavigationTabsButtonCss;
-exports.sdds_navigation_tabs_button = SddsNavigationTabsButton;
-//# sourceMappingURL=sdds-navigation-tabs-button.cjs.entry.js.map

package/dist/cjs/sdds-navigation-tabs-button.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-navigation-tabs-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,+zCAA+zC;;MCOt1C,wBAAwB;;;oBAEP,KAAK;oBAGL,KAAK;;EAEjC,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,oBACE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;WACxC,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qBAAa,CACT,CACC,CACJ,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.scss?tag=sdds-navigation-tabs-button&encapsulation=shadow","./src/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n@import '../../../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n button {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-navigation-tabs-tab-color);\n padding: 18px 0;\n margin-right: 32px;\n text-decoration: none;\n display: block;\n position: relative;\n transition: color 0.15s ease-in-out;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n\n &.selected {\n color: var(--sdds-navigation-tabs-tab-color-selected);\n\n &::after {\n width: 100%;\n background-color: var(--sdds-navigation-tabs-tab-indicator-background-active);\n }\n }\n\n .label {\n padding: 8px 4px;\n }\n\n &:focus-visible {\n outline: none;\n\n .label {\n @include sdds-focus-state;\n }\n }\n\n &:hover {\n color: var(--sdds-navigation-tabs-tab-color-hover);\n opacity: 1;\n\n &::after {\n width: 100%;\n }\n }\n\n &.disabled {\n color: var(--sdds-navigation-tabs-tab-color-disabled);\n pointer-events: none;\n\n .label {\n opacity: var(--sdds-navigation-tabs-tab-color-opacity-disabled);\n }\n }\n\n &::after {\n content: ' ';\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n margin-left: auto;\n width: 0;\n margin-right: auto;\n height: 2px;\n background-color: var(--sdds-navigation-tabs-tab-indicator-background-hover);\n transition: width 0.15s ease-in-out;\n z-index: 1;\n }\n }\n}\n\n:host(.first) {\n margin-left: 32px;\n}\n\n:host(.last) {\n margin-right: 32px;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-navigation-tabs-button',\n styleUrl: 'sdds-navigation-tabs-button.scss',\n shadow: true,\n})\nexport class SddsNavigationTabsButton {\n /** Disables the tab. */\n @Prop() disabled: boolean = false;\n\n /** Marks the tab as the selected one. */\n @Prop() selected: boolean = false;\n\n render() {\n return (\n <Host role=\"listitem\">\n <button\n class={`${this.selected ? 'selected' : ''}\n ${this.disabled ? 'disabled' : ''}`}\n disabled={this.disabled}\n >\n <div class=\"label\">\n <slot></slot>\n </div>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-navigation-tabs-link.cjs.entry.js DELETED Viewed

@@ -1,29 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-5ad19933.js');
-const sddsNavigationTabsLinkCss = ":host{box-sizing:border-box}:host *{box-sizing:border-box}:host a{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);padding:18px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;background-color:transparent;border:0}:host a.selected{color:var(--sdds-navigation-tabs-tab-color-selected)}:host a.selected::after{width:100%;background-color:var(--sdds-navigation-tabs-tab-indicator-background-active)}:host a .label{padding:8px 4px}:host a:focus-visible{outline:none}:host a:focus-visible .label{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host a:hover{color:var(--sdds-navigation-tabs-tab-color-hover);opacity:1}:host a:hover::after{width:100%}:host a.disabled{color:var(--sdds-navigation-tabs-tab-color-disabled);pointer-events:none}:host a.disabled .label{opacity:var(--sdds-navigation-tabs-tab-color-opacity-disabled)}:host a::after{content:\" \";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-navigation-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out;z-index:1}:host(.first){margin-left:32px}:host(.last){margin-right:32px}";
-const SddsNavigationTabsLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.disabled = false;
-    this.selected = false;
-    this.href = undefined;
-    this.target = '_self';
-    this.rel = 'noopener';
-  }
-  render() {
-    return (index.h(index.Host, { role: "listitem" }, index.h("a", { class: `
-        ${this.selected ? 'selected' : ''}
-        ${this.disabled ? 'disabled' : ''}
-        `, href: this.href, target: this.target, rel: this.rel }, index.h("div", { class: "label" }, index.h("slot", null)))));
-  }
-};
-SddsNavigationTabsLink.style = sddsNavigationTabsLinkCss;
-exports.sdds_navigation_tabs_link = SddsNavigationTabsLink;
-//# sourceMappingURL=sdds-navigation-tabs-link.cjs.entry.js.map

package/dist/cjs/sdds-navigation-tabs-link.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-navigation-tabs-link.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,yBAAyB,GAAG,wwCAAwwC;;MCO7xC,sBAAsB;;;oBAEL,KAAK;oBAGL,KAAK;;kBAMyB,OAAO;eAG3C,UAAU;;EAEhC,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,eACE,KAAK,EAAE;UACP,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;UAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;SAChC,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,IAEbA,iBAAK,KAAK,EAAC,OAAO,IAChBA,qBAAa,CACT,CACJ,CACC,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/tabs/navigation-tabs/navigation-tabs-link/sdds-navigation-tabs-link.scss?tag=sdds-navigation-tabs-link&encapsulation=shadow","./src/components/tabs/navigation-tabs/navigation-tabs-link/sdds-navigation-tabs-link.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n@import '../../../../mixins/box-sizing';\n\n:host {\n @include sdds-box-sizing;\n\n a {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n color: var(--sdds-navigation-tabs-tab-color);\n padding: 18px 0;\n margin-right: 32px;\n text-decoration: none;\n display: block;\n position: relative;\n transition: color 0.15s ease-in-out;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n\n &.selected {\n color: var(--sdds-navigation-tabs-tab-color-selected);\n\n &::after {\n width: 100%;\n background-color: var(--sdds-navigation-tabs-tab-indicator-background-active);\n }\n }\n\n .label {\n padding: 8px 4px;\n }\n\n &:focus-visible {\n outline: none;\n\n .label {\n @include sdds-focus-state;\n }\n }\n\n &:hover {\n color: var(--sdds-navigation-tabs-tab-color-hover);\n opacity: 1;\n\n &::after {\n width: 100%;\n }\n }\n\n &.disabled {\n color: var(--sdds-navigation-tabs-tab-color-disabled);\n pointer-events: none;\n\n .label {\n opacity: var(--sdds-navigation-tabs-tab-color-opacity-disabled);\n }\n }\n\n &::after {\n content: ' ';\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n margin-left: auto;\n width: 0;\n margin-right: auto;\n height: 2px;\n background-color: var(--sdds-navigation-tabs-tab-indicator-background-hover);\n transition: width 0.15s ease-in-out;\n z-index: 1;\n }\n }\n}\n\n:host(.first) {\n margin-left: 32px;\n}\n\n:host(.last) {\n margin-right: 32px;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-navigation-tabs-link',\n styleUrl: 'sdds-navigation-tabs-link.scss',\n shadow: true,\n})\nexport class SddsNavigationTabsLink {\n /** Disables the tab. */\n @Prop() disabled: boolean = false;\n\n /** Marks the tab as the selected one. */\n @Prop() selected: boolean = false;\n\n /** Href for the link */\n @Prop() href: string;\n\n /** Where to open the linked URL */\n @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n /** 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. */\n @Prop() rel: string = 'noopener';\n\n render() {\n return (\n <Host role=\"listitem\">\n <a\n class={`\n ${this.selected ? 'selected' : ''}\n ${this.disabled ? 'disabled' : ''}\n `}\n href={this.href}\n target={this.target}\n rel={this.rel}\n >\n <div class=\"label\">\n <slot></slot>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-navigation-tabs.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-navigation-tabs.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/tabs/navigation-tabs/navigation-tabs.scss?tag=sdds-navigation-tabs&encapsulation=shadow","./src/components/tabs/navigation-tabs/navigation-tabs.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n@import '../../../mixins/box-sizing';\n@import '../../../mixins/z-index';\n\n:host {\n @include sdds-box-sizing;\n\n display: flex;\n background-color: var(--sdds-inline-tabs-background);\n position: relative;\n\n &::after {\n content: ' ';\n display: block;\n border-bottom: 1px solid var(--sdds-inline-tabs-horizontal-divider-background);\n opacity: var(--sdds-inline-tabs-horizontal-divider-opacity);\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n }\n\n .wrapper {\n display: flex;\n flex-wrap: nowrap;\n white-space: nowrap;\n width: 100%;\n overflow-x: scroll;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .scroll-right-button {\n right: 0;\n z-index: calc(z(tab) + 1);\n }\n\n .scroll-left-button {\n left: 0;\n z-index: calc(z(tab) + 1);\n }\n\n .scroll-right-button,\n .scroll-left-button {\n color: var(--sdds-folder-tabs-scroll-btn-color);\n cursor: pointer;\n border: 0;\n width: 0;\n background-color: var(--sdds-inline-tabs-scroll-btn-background);\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n position: sticky;\n\n &.show {\n min-width: 48px;\n display: block;\n opacity: 1;\n pointer-events: all;\n }\n\n &:hover {\n background-color: var(--sdds-folder-tabs-scroll-btn-background-hover);\n }\n\n &:active {\n background-color: var(--sdds-folder-tabs-scroll-btn-background-active);\n }\n\n &:focus {\n @include sdds-focus-state;\n }\n\n svg {\n fill: var(--sdds-folder-tabs-scroll-btn-color);\n }\n }\n}\n","import {\n Component,\n Host,\n State,\n Element,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'sdds-navigation-tabs',\n styleUrl: 'navigation-tabs.scss',\n shadow: true,\n})\nexport class NavigationTabs {\n /** Variant of the tabs, primary= on white, secondary= on grey50 */\n @Prop() modeVariant: 'primary' | 'secondary' = 'primary';\n\n @Element() host: HTMLElement;\n\n @State() showLeftScroll: boolean = false;\n\n @State() showRightScroll: boolean = false;\n\n @State() selectedTab: {\n tab: string;\n tabIndex: number;\n };\n\n private navWrapperElement: HTMLElement = null; // reference to container with nav buttons\n\n private componentWidth: number = 0; // visible width of this component\n\n private buttonsWidth: number = 0; // total width of all nav items combined\n\n private scrollWidth: number = 0; // total amount that is possible to scroll in the nav wrapper\n\n private children: Array<HTMLSddsNavigationTabsLinkElement | HTMLSddsNavigationTabsButtonElement>;\n\n /** Selects a tab based on tabindex, will not select a disabled tab. */\n @Method()\n async selectTab(tabIndex: number) {\n if (!this.children[tabIndex].disabled) {\n this.children.forEach((element) => element.removeAttribute('selected'));\n this.children = this.children.map((element, index) => {\n if (index === tabIndex) {\n element.setAttribute('selected', '');\n this.selectedTab = {\n tab: element.innerText,\n tabIndex: index,\n };\n }\n return element;\n });\n }\n return {\n selectedTab: this.selectedTab.tab,\n selectedTabIndex: this.selectedTab.tabIndex,\n };\n }\n\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n selectedTab: {\n tab: string;\n tabIndex: number;\n };\n }>;\n\n @Watch('selectedTab')\n handleSelectedTabChange() {\n this.host.setAttribute('selected-tab', this.selectedTab.tab);\n this.host.setAttribute('selected-tab-index', `${this.selectedTab.tabIndex}`);\n this.sddsChange.emit({\n selectedTab: this.selectedTab,\n });\n }\n\n connectedCallback() {\n this.children = Array.from(this.host.children) as Array<\n HTMLSddsFolderTabsLinkElement | HTMLSddsFolderTabsButtonElement\n >;\n this.children = this.children.map((item, index) => {\n item.addEventListener('click', () => {\n if (!item.disabled) {\n this.children.forEach((element) => element.removeAttribute('selected'));\n item.setAttribute('selected', '');\n this.selectedTab = {\n tab: item.innerText,\n tabIndex: index,\n };\n }\n });\n if (index === 0) {\n item.classList.add('first');\n }\n if (index === this.children.length - 1) {\n item.classList.add('last');\n }\n if (item.selected) {\n this.selectedTab = {\n tab: item.innerText,\n tabIndex: index,\n };\n }\n return item;\n });\n\n this.children = Array.from(this.host.children) as Array<\n HTMLSddsNavigationTabsLinkElement | HTMLSddsNavigationTabsButtonElement\n >;\n this.children[0].classList.add('first');\n this.children[this.children.length - 1].classList.add('last');\n }\n\n componentDidLoad() {\n const resizeObserver = new ResizeObserver((entries) => {\n entries.forEach((entry) => {\n const componentWidth = entry.contentRect.width;\n let buttonsWidth = 0;\n\n const navButtons = Array.from(this.host.children);\n navButtons.forEach((navButton: HTMLElement) => {\n const style = window.getComputedStyle(navButton);\n buttonsWidth +=\n navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);\n\n navButton.classList.add('sdds-navigation-tabs-tab');\n });\n\n this.componentWidth = componentWidth;\n this.buttonsWidth = buttonsWidth;\n this.scrollWidth = buttonsWidth - componentWidth;\n\n if (this.buttonsWidth > this.componentWidth) {\n this.evaluateScrollButtons();\n } else {\n this.showLeftScroll = false;\n this.showRightScroll = false;\n }\n });\n });\n\n resizeObserver.observe(this.navWrapperElement);\n }\n\n scrollRight() {\n const scroll = this.navWrapperElement.scrollLeft;\n this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;\n\n this.evaluateScrollButtons();\n }\n\n scrollLeft() {\n const scroll = this.navWrapperElement.scrollLeft;\n this.navWrapperElement.scrollLeft = scroll - this.buttonsWidth;\n\n this.evaluateScrollButtons();\n }\n\n evaluateScrollButtons() {\n const scroll = this.navWrapperElement.scrollLeft;\n\n if (scroll >= this.scrollWidth) {\n this.showRightScroll = false;\n } else {\n this.showRightScroll = true;\n }\n\n if (scroll <= 0) {\n this.showLeftScroll = false;\n } else {\n this.showLeftScroll = true;\n }\n }\n\n render() {\n return (\n <Host class={`${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}`}>\n <div\n role=\"list\"\n class=\"wrapper\"\n ref={(el) => {\n this.navWrapperElement = el as HTMLElement;\n }}\n >\n <button\n class={`scroll-left-button ${this.showLeftScroll ? 'show' : ''}`}\n onClick={() => this.scrollLeft()}\n disabled={!this.showLeftScroll}\n >\n <sdds-icon name=\"chevron_left\" size=\"20px\"></sdds-icon>\n </button>\n <slot />\n <button\n class={`scroll-right-button ${this.showRightScroll ? 'show' : ''}`}\n onClick={() => this.scrollRight()}\n disabled={!this.showRightScroll}\n >\n <sdds-icon name=\"chevron_right\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-popover-canvas.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-popover-canvas.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,4TAA4T;;MCSxU,aAAa;;;IA6DxB,eAAU,GAAG,CAAC,WAAW;MACvB,IAAI,CAAC,cAAc,GAAGA,mBAAY,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE;QACzD,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,SAAS,EAAE;UACT;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;cACP,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC;aACnD;WACF;UACD,GAAG,IAAI,CAAC,SAAS;SAClB;OACF,CAAC,CAAC;MAEH,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;QACtB,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK;UAC1C,KAAK,CAAC,eAAe,EAAE,CAAC;UACxB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;WACtB;eAAM;YACL,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;WACrB;SACF,CAAC,CAAC;OACJ;KACF,CAAC;oBAjFyB,EAAE;;gBAQL,IAAI;qBAGG,MAAM;0BAGJ,CAAC;0BAGD,CAAC;qBAGJ,EAAE;6BAEM,KAAK;;;mBAMf,KAAK;;EAGjC,YAAY,CAAC,QAAiB;IAC5B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;GACzB;EAGD,mBAAmB,CAAC,QAAqB,EAAE,QAAqB;;IAC9D,IAAI,QAAQ,KAAK,QAAQ,EAAE;MACzB,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;MAE/B,IAAI,QAAQ,EAAE;QACZ,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;OAC3B;KACF;GACF;EAGD,UAAU,CAAC,KAAiB;IAC1B,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;;MAEtC,MAAM,cAAc,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAW,CAAC,CAAC;MACxE,IAAI,cAAc,EAAE;QAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;KACF;GACF;EA4BD,iBAAiB;IACf,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;MACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;KAC1B;GACF;EAED,gBAAgB;;IACd,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;MACrC,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,WAAW,mCAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;MAE9E,IAAI,WAAW,EAAE;QACf,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;OAC9B;WAAM;QACL,OAAO,CAAC,KAAK,CACX,+DAA+D,IAAI,CAAC,QAAQ,cAAc,CAC3F,CAAC;OACH;KACF;GACF;EAED,kBAAkB;IAChB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;;;MAG3C,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;KAC9B;IACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC;GACvC;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;GAChC;EAED,MAAM;IACJ,QACEC,QAACC,UAAI,IAAC,KAAK,EAAE,uBAAuB,IAAI,CAAC,OAAO,GAAG,0BAA0B,GAAG,EAAE,EAAE,IAClFD,qBAAa,CACR,EACP;GACH;;;;;;;;;;;","names":["createPopper","h","Host"],"sources":["./src/components/popover-canvas/popover-canvas.scss?tag=sdds-popover-canvas&encapsulation=shadow","./src/components/popover-canvas/popover-canvas.tsx"],"sourcesContent":["@import '../../mixins/box-sizing';\n\n@import '../../mixins/z-index';\n\n:host {\n @include sdds-box-sizing;\n\n color: var(--sdds-popover-canvas-color);\n background-color: var(--sdds-popover-canvas-background);\n box-shadow: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 10%);\n border-radius: 4px;\n z-index: z(tooltip);\n display: none;\n}\n\n:host(.sdds-popover-canvas-show) {\n display: block;\n}\n","import { Component, Host, Element, Listen, h, Prop, State, Watch } from '@stencil/core';\nimport { createPopper } from '@popperjs/core';\nimport type { Placement, Instance } from '@popperjs/core';\n\n@Component({\n tag: 'sdds-popover-canvas',\n styleUrl: 'popover-canvas.scss',\n shadow: true,\n})\nexport class PopoverCanvas {\n @Element() host!: HTMLSddsPopoverCanvasElement;\n\n /** The CSS-selector for an element that will trigger the popover */\n @Prop() selector: string = '';\n\n /** Element that will trigger the popover (takes priority over selector) */\n @Prop() referenceEl: HTMLElement;\n\n /** Controls wether the popover is shown or not. If this is set hiding and showing\n * will be decided by this prop and will need to be controlled from the outside.\n */\n @Prop() show: boolean = null;\n\n /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */\n @Prop() placement: Placement = 'auto';\n\n /** Sets the offset skidding */\n @Prop() offsetSkidding: number = 0;\n\n /** Sets the offset distance */\n @Prop() offsetDistance: number = 8;\n\n /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */\n @Prop() modifiers: Object[] = [];\n\n @State() renderedShowValue: boolean = false;\n\n @State() popperInstance: Instance;\n\n @State() target: any;\n\n @State() isShown: boolean = false;\n\n @Watch('show')\n onShowChange(newValue: boolean) {\n this.isShown = newValue;\n }\n\n @Watch('referenceEl')\n onReferenceElChange(newValue: HTMLElement, oldValue: HTMLElement) {\n if (newValue !== oldValue) {\n this.popperInstance?.destroy();\n\n if (newValue) {\n this.initialize(newValue);\n }\n }\n }\n\n @Listen('click', { target: 'window' })\n onAnyClick(event: MouseEvent) {\n if (this.isShown && this.show === null) {\n // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/\n const isClickOutside = !event.composedPath().includes(this.host as any);\n if (isClickOutside) {\n this.isShown = false;\n }\n }\n }\n\n initialize = (referenceEl) => {\n this.popperInstance = createPopper(referenceEl, this.host, {\n placement: this.placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [this.offsetSkidding, this.offsetDistance],\n },\n },\n ...this.modifiers,\n ],\n });\n\n if (this.show === null) {\n referenceEl.addEventListener('click', (event) => {\n event.stopPropagation();\n if (this.isShown) {\n this.isShown = false;\n } else {\n this.isShown = true;\n }\n });\n }\n };\n\n connectedCallback() {\n if (this.show !== null) {\n this.isShown = this.show;\n }\n }\n\n componentDidLoad() {\n if (this.selector || this.referenceEl) {\n const referenceEl = this.referenceEl ?? document.querySelector(this.selector);\n\n if (referenceEl) {\n this.initialize(referenceEl);\n } else {\n console.error(\n `Could not initialize popover-canvas: element with selector '${this.selector}' not found.`,\n );\n }\n }\n }\n\n componentDidRender() {\n if (this.isShown && !this.renderedShowValue) {\n // Here we update the popper position since its position is wrong\n // before it is rendered.\n this.popperInstance.update();\n }\n this.renderedShowValue = this.isShown;\n }\n\n disconnectedCallback() {\n this.popperInstance?.destroy();\n }\n\n render() {\n return (\n <Host class={`sdds-popover-canvas ${this.isShown ? 'sdds-popover-canvas-show' : ''}`}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-popover-menu.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-popover-menu.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,cAAc,GAAG,oUAAoU;;MCS9U,WAAW;;;oBAIK,EAAE;;gBAML,KAAK;qBAGE,MAAM;0BAGJ,CAAC;0BAGD,CAAC;6BAEI,KAAK;;;;EAO3C,kBAAkB;IAChB,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;GACF;EAED,gBAAgB;;IACd,IAAI,CAAC,MAAM,GAAG,MAAA,IAAI,CAAC,WAAW,mCAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC;IAEnC,IAAI,CAAC,cAAc,GAAGA,mBAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE;MACvE,QAAQ,EAAE,OAAO;MACjB,SAAS,EAAE,IAAI,CAAC,SAAS;MACzB,SAAS,EAAE;QACT;UACE,IAAI,EAAE,QAAQ;UACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC;WACnD;SACF;OACF;KACF,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG;MACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB,CAAC;IAEF,MAAM,QAAQ,GAAG;MACf,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB,CAAC;IAEF,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAK;MAC9C,KAAK,CAAC,eAAe,EAAE,CAAC;MAExB,IAAI,IAAI,CAAC,IAAI,EAAE;QACb,QAAQ,EAAE,CAAC;OACZ;WAAM;QACL,QAAQ,EAAE,CAAC;OACZ;KACF,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAK;MAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB,CAAC,CAAC;IAEH,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,KAAK;MAC1D,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB,CAAC,CAAC;GACJ;EAED,kBAAkB;IAChB,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;;;MAGxC,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;KAC9B;IACD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC;GACpC;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;GAChC;EAED,MAAM;IACJ,QACEC,QAACC,UAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,IAAI,GAAG,wBAAwB,GAAG,EAAE,EAAE,IAC3ED,qBAAa,CACR,EACP;GACH;;;;;;;","names":["createPopper","h","Host"],"sources":["./src/components/popover-menu/popover-menu.scss?tag=sdds-popover-menu&encapsulation=shadow","./src/components/popover-menu/popover-menu.tsx"],"sourcesContent":["@import '../../mixins/box-sizing';\n\n@import '../../mixins/z-index';\n\n:host {\n @include sdds-box-sizing;\n\n overflow: hidden;\n width: 160px;\n background-color: var(--sdds-popover-menu-background);\n padding: 16px;\n box-shadow: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 10%);\n border-radius: 4px;\n display: none;\n z-index: z(tooltip);\n}\n\n:host(.sdds-popover-menu-show) {\n opacity: 1;\n display: block;\n}\n","import { Component, Element, Host, Listen, h, Prop, State } from '@stencil/core';\nimport { createPopper } from '@popperjs/core';\nimport type { Placement, Instance } from '@popperjs/core';\n\n@Component({\n tag: 'sdds-popover-menu',\n styleUrl: 'popover-menu.scss',\n shadow: true,\n})\nexport class PopoverMenu {\n @Element() popoverMenuElement!: HTMLElement;\n\n /** The CSS-selector for an element that will trigger the popover */\n @Prop() selector: string = '';\n\n /** Element that will trigger the popover (takes priority over selector) */\n @Prop() referenceEl: HTMLElement;\n\n /** Decides if the Popover Menu should be visible from the start */\n @Prop() show: boolean = false;\n\n /** Decides the placement of the Popover Menu */\n @Prop() placement: Placement = 'auto';\n\n /** Sets the offset skidding */\n @Prop() offsetSkidding: number = 0;\n\n /** Sets the offset distance */\n @Prop() offsetDistance: number = 8;\n\n @State() renderedShowValue: boolean = false;\n\n @State() popperInstance: Instance;\n\n @State() target: any;\n\n @Listen('mousedown', { target: 'window' })\n handleOutsideClick() {\n if (this.show) {\n this.show = false;\n }\n }\n\n componentDidLoad() {\n this.target = this.referenceEl ?? document.querySelector(this.selector);\n this.renderedShowValue = this.show;\n\n this.popperInstance = createPopper(this.target, this.popoverMenuElement, {\n strategy: 'fixed',\n placement: this.placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [this.offsetSkidding, this.offsetDistance],\n },\n },\n ],\n });\n\n const showMenu = () => {\n this.show = true;\n };\n\n const hideMenu = () => {\n this.show = false;\n };\n\n this.target.addEventListener('mousedown', (event) => {\n event.stopPropagation();\n\n if (this.show) {\n hideMenu();\n } else {\n showMenu();\n }\n });\n\n this.popoverMenuElement.addEventListener('mousemove', (event) => {\n event.stopPropagation();\n });\n\n this.popoverMenuElement.addEventListener('mousedown', (event) => {\n event.stopPropagation();\n });\n }\n\n componentDidRender() {\n if (this.show && !this.renderedShowValue) {\n // Here we update the popper position since its position is wrong\n // before it is rendered.\n this.popperInstance.update();\n }\n this.renderedShowValue = this.show;\n }\n\n disconnectedCallback() {\n this.popperInstance?.destroy();\n }\n\n render() {\n return (\n <Host class={`sdds-popover-menu ${this.show ? 'sdds-popover-menu-show' : ''}`}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-radio-button.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-radio-button.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,smKAAsmK;;MCSznK,WAAW;;;;;;mBAiBI,MAAM,CAAC,UAAU,EAAE;mBAGD,KAAK;oBAGrB,KAAK;oBAGL,KAAK;;EAgBjC,MAAM;IACJ,QACEA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,mBACA,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,kBACP,IAAI,CAAC,OAAO;;;;MAK1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE;QACR,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;UAClB,OAAO,EAAE,IAAI,CAAC,OAAO;UACrB,KAAK,EAAE,IAAI,CAAC,KAAK;SACnB,CAAC,CAAA;OACH,GAAI,EACLA,mBAAO,OAAO,EAAE,IAAI,CAAC,OAAO,IAC1BA,qBAAa,CACP,CACF,EACR;GACH;;;;;;;","names":["h"],"sources":["./src/components/radio-button/radio-button-component.scss?tag=sdds-radio-button&encapsulation=scoped","./src/components/radio-button/radio-button.tsx"],"sourcesContent":["@import './radio-button-vars.scss';\n@import '../../mixins/box-sizing';\n\n.sdds-radio-button {\n @include sdds-box-sizing;\n\n display: flex;\n align-items: center;\n margin-left: -4px;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-radio-button-color);\n\n .sdds-form-input[type='radio'] {\n appearance: none;\n outline: none;\n margin: 0;\n border: 0;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n position: relative;\n cursor: pointer;\n\n + label {\n padding: var(--sdds-spacing-element-4) 0 var(--sdds-spacing-element-4)\n var(--sdds-spacing-element-4);\n cursor: pointer;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n border-radius: 50%;\n box-sizing: border-box;\n }\n\n &::before {\n width: 24px;\n height: 24px;\n left: 0;\n top: 0;\n }\n\n &::after {\n border: 1px solid var(--sdds-radio-button-interaction-01);\n background-color: var(--sdds-radio-button-interaction-02);\n width: 16px;\n height: 16px;\n left: 4px;\n top: 4px;\n }\n\n &:hover {\n &::before {\n background-color: var(--sdds-radio-button-background-hover);\n opacity: 0.12;\n }\n }\n\n &:focus {\n &::before {\n background-color: var(--sdds-radio-button-background-focus);\n opacity: 0.24;\n animation: rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards;\n }\n }\n\n &:disabled,\n &.disabled {\n cursor: not-allowed;\n\n &::after {\n border-color: var(--sdds-radio-button-border-color-disabled-after);\n background-color: var(--sdds-radio-button-interaction-02);\n }\n\n + label {\n color: var(--sdds-radio-button-disabled);\n cursor: not-allowed;\n }\n\n &:hover {\n &::before {\n display: none;\n opacity: 1;\n }\n }\n }\n }\n\n .sdds-form-input[type='radio']:checked {\n &::after {\n border: 4px solid var(--sdds-radio-button-interaction-01);\n }\n\n &:disabled,\n &.disabled {\n &:hover::before,\n &::before {\n display: block;\n width: 16px;\n height: 16px;\n left: 4px;\n top: 4px;\n border: 1px solid var(--sdds-radio-button-color-disabled-before);\n box-sizing: content-box;\n }\n\n &::after {\n border: 4px solid var(--sdds-radio-button-interaction-02);\n background-color: var(--sdds-radio-button-color-disabled-after);\n left: calc(4px + 1px);\n top: calc(4px + 1px);\n }\n }\n }\n\n @keyframes rb-focus {\n 0% {\n transform: scale(0);\n opacity: 0;\n }\n\n 100% {\n transform: scale(1);\n opacity: 0.24;\n }\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { HostElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-radio-button',\n styleUrl: 'radio-button-component.scss',\n shadow: false,\n scoped: true,\n})\nexport class RadioButton {\n\n /** Name of radio button, used for reference. */\n @Prop() name: string;\n\n /** Value of input. */\n @Prop() value: string;\n\n /** REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMET HAS BEEN MADE! */\n\n /** Label mainly used for accesibility tools. */\n // @Prop() ariaLabelledBy: string;\n\n /** Label mainly used for accesibility tools. */\n // @Prop() ariaDescribedBy: string;\n\n /** Unique radio button identifier. */\n @Prop() radioId: string = crypto.randomUUID();\n \n /** Decides if the radio button is checked or not. */\n @Prop({ reflect: true }) checked: boolean = false;\n \n /** Decides if the radio button is required or not. */\n @Prop() required: boolean = false;\n \n /** Decides if the radio button is disabled or not. */\n @Prop() disabled: boolean = false;\n\n @Element() host: HostElement;\n\n /** Sends unique radio button identifier and status when it is checked. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing. */\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n radioId: string;\n value: string;\n }>;\n\n render() {\n return (\n <div class=\"sdds-radio-button\">\n <input \n class=\"sdds-form-input\" \n type=\"radio\" \n name={this.name}\n id={this.radioId} \n value={this.value}\n checked={this.checked} \n aria-checked={this.checked} \n\n // REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMENT HAS BEEN MADE!\n // aria-labelledby={this.ariaLabelledBy} \n // aria-describedby={this.host.getAttribute('aria-describedby')}\n required={this.required} \n disabled={this.disabled}\n onChange={() => {\n this.sddsChange.emit({\n radioId: this.radioId,\n value: this.value,\n })\n }} />\n <label htmlFor={this.radioId}>\n <slot></slot>\n </label>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-slider.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"sdds-slider.entry.cjs.js","mappings":"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","names":["h"],"sources":["./src/components/slider/slider.scss?tag=sdds-slider","./src/components/slider/slider.tsx"],"sourcesContent":["@import 'slider-vars';\n@import '../../mixins/box-sizing';\n\nsdds-slider {\n @include sdds-box-sizing;\n\n width: 100%;\n\n input[type='range'].sdds-slider-native-element {\n display: none;\n }\n}\n\n.sdds-slider-wrapper {\n width: 100%;\n\n &.read-only {\n pointer-events: none;\n }\n}\n\n.sdds-slider {\n width: 100%;\n display: flex;\n flex-wrap: nowrap;\n padding-top: 65px;\n\n .sdds-slider-inner {\n width: 100%;\n height: 20px;\n position: relative;\n }\n\n .sdds-slider__controls {\n position: relative;\n top: -25px;\n\n .sdds-slider__control {\n cursor: pointer;\n\n &.sdds-slider__control-minus {\n padding: 18px 18px 18px 0;\n }\n\n &.sdds-slider__control-plus {\n padding: 18px 0 18px 18px;\n }\n }\n }\n\n .sdds-slider__input-values {\n position: relative;\n top: -25px;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n\n .sdds-slider__input-value {\n user-select: none;\n padding: 18px;\n color: var(--sdds-grey-700);\n\n //@include type-style('detail-02');\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n\n .sdds-slider__input-field-wrapper {\n background-color: var(--sdds-slider-inputfield-background);\n display: flex;\n align-items: center;\n justify-content: center;\n\n input.sdds-slider__input-field {\n // @include type-style('detail-02');\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n color: var(--sdds-slider-input-inputfield-color);\n border: 0;\n background-color: transparent;\n text-align: center;\n padding: 12px;\n box-shadow: inset 0 -1px 0 var(--sdds-slider-inputfield-box-shadow);\n border-radius: 4px 4px 0 0;\n\n &:hover {\n box-shadow: inset 0 -1px 0 var(--sdds-grey-600);\n }\n\n &:focus {\n box-shadow: inset 0 -2px 0 var(--sdds-blue-400);\n outline: 0;\n }\n }\n }\n }\n\n label {\n // @include type-style('detail-05');\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n user-select: none;\n position: absolute;\n color: var(--sdds-slider-label-color);\n top: -16px;\n transform: translateY(-100%);\n\n &.offset {\n top: -35px;\n }\n }\n\n .sdds-slider__value {\n // @include type-style('detail-01');\n font: var(--sdds-detail-01);\n letter-spacing: var(--sdds-detail-01-ls);\n user-select: none;\n border-radius: 4px;\n padding: 8px;\n position: absolute;\n transform: translate(-50%, -100%);\n top: -24px;\n background-color: var(--sdds-grey-800);\n color: var(--sdds-white);\n\n svg {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 34px;\n }\n }\n\n .sdds-slider__scrubber {\n position: absolute;\n\n .sdds-slider__scrubber-inner {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n background-color: var(--sdds-slider-thumb-color);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n cursor: pointer;\n\n &::before {\n content: ' ';\n display: none;\n width: 48px;\n height: 48px;\n background-color: var(--sdds-slider-thumb-color);\n position: absolute;\n border-radius: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover {\n &::before {\n display: block;\n opacity: 0.08;\n }\n }\n\n &.pressed {\n width: 24px;\n height: 24px;\n\n &::before {\n display: block;\n opacity: 0.16 !important;\n }\n }\n }\n }\n\n .sdds-slider__value-dividers-wrapper {\n position: relative;\n width: 100%;\n pointer-events: none;\n }\n\n .sdds-slider__value-dividers {\n pointer-events: none;\n position: absolute;\n display: flex;\n justify-content: space-between;\n width: 100%;\n\n .sdds-slider__value-divider {\n transform: translateY(-50%);\n height: 16px;\n background-color: var(--sdds-slider-divider-color);\n color: var(--sdds-slider-divider-values-color);\n width: 1px;\n\n span {\n display: block;\n user-select: none;\n color: var(-sdds-grey-700);\n\n // @include type-style('detail-05');\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n position: relative;\n top: -7px;\n left: 50%;\n transform: translate(-50%, -100%);\n width: 50px;\n text-align: center;\n }\n }\n }\n\n .sdds-slider__track {\n width: 100%;\n height: 2px;\n border-radius: 1px;\n background-color: var(--sdds-slider-track-color);\n position: relative;\n\n &:focus {\n outline: 0;\n\n .sdds-slider__scrubber {\n .sdds-slider__scrubber-inner {\n width: 24px;\n height: 24px;\n\n &::before {\n display: block;\n opacity: 0.08;\n }\n }\n }\n }\n\n .sdds-slider__track-fill {\n background-color: var(--sdds-slider-track-fill-color);\n border-radius: 2px;\n height: 4px;\n position: absolute;\n left: 0;\n top: -1px;\n }\n }\n\n &.disabled {\n // pointer-events: none;\n cursor: not-allowed;\n\n > * {\n pointer-events: none;\n }\n\n label {\n color: var(--sdds-slider-label-color-disabled);\n }\n\n .sdds-slider__controls {\n .sdds-slider__control {\n cursor: default;\n\n &.sdds-slider__control-minus,\n &.sdds-slider__control-plus {\n svg {\n fill: var(--sdds-slider-controls-color);\n }\n }\n }\n }\n\n .sdds-slider__input-values {\n .sdds-slider__input-value {\n color: var(--sdds-slider-controls-color);\n }\n\n .sdds-slider__input-field-wrapper {\n pointer-events: none;\n\n input.sdds-slider__input-field {\n color: var(--sdds-slider-controls-color);\n pointer-events: none;\n }\n }\n }\n\n .sdds-slider__value {\n display: none;\n }\n\n .sdds-slider__track {\n .sdds-slider__track-fill {\n background-color: var(--sdds-slider-track-fill-color);\n }\n }\n\n .sdds-slider__value-dividers {\n .sdds-slider__value-divider {\n span {\n color: var(--sdds-slider-track-fill-color);\n }\n }\n }\n\n .sdds-slider__scrubber {\n pointer-events: none;\n\n .sdds-slider__scrubber-inner {\n background: var(--sdds-slider-track-color);\n cursor: default;\n }\n }\n }\n\n &.sdds-slider-small {\n .sdds-slider__scrubber {\n .sdds-slider__scrubber-inner {\n width: 16px;\n height: 16px;\n\n &::before {\n width: 40px;\n height: 40px;\n }\n\n &.pressed {\n width: 20px;\n height: 20px;\n }\n }\n }\n }\n}\n\n.sdds-slider__controls {\n .sdds-slider__control {\n cursor: default;\n\n &.sdds-slider__control-minus,\n &.sdds-slider__control-plus {\n svg {\n fill: var(--sdds-slider-controls-color);\n }\n }\n }\n}\n","import { Component, h, Prop, Listen, EventEmitter, Event, Method } from '@stencil/core';\n\n@Component({\n tag: 'sdds-slider',\n styleUrl: 'slider.scss',\n shadow: false,\n})\nexport class Slider {\n /** Text for label */\n @Prop() label: string = '';\n\n /** Initial value */\n @Prop() value: string = '0';\n\n /** Minimum value */\n @Prop() min: string = '0';\n\n /** Maximum value */\n @Prop() max: string = '100';\n\n /** Number of tick markers (tick for min- and max-value will be added automatically) */\n @Prop() ticks: string = '0';\n\n /** Decide to show numbers above the tick markers or not */\n @Prop() showTickNumbers: boolean = false;\n\n /** Decide to show the tooltip or not */\n @Prop() tooltip: boolean = false;\n\n /** Sets the disabled state for the whole component */\n @Prop() disabled: boolean = false;\n\n /** Sets the read only state for the whole component */\n @Prop() readOnly: boolean = false;\n\n /** Decide to show the controls or not */\n @Prop() controls: boolean = false;\n\n /** Decide to show the input field or not */\n @Prop() input: boolean = false;\n\n /** Defines how much to increment/decrement the value when using controls */\n @Prop() step: string = '1';\n\n /** Name property (will be inherited by the native slider component) */\n @Prop() name: string = '';\n\n /** Sets the size of the scrubber */\n @Prop() scrubberSize: 'sm' | 'lg' = 'lg';\n\n /** Snap to the ticks grid */\n @Prop() snap: boolean = false;\n\n /** Id for the sliders input element, randomly generated if not specified. */\n @Prop() sliderId: string = crypto.randomUUID();\n\n wrapperElement: HTMLElement = null;\n\n scrubberElement: HTMLElement = null;\n\n scrubberInnerElement: HTMLElement = null;\n\n dividersElement: HTMLElement = null;\n\n trackElement: HTMLElement = null;\n\n trackFillElement: HTMLElement = null;\n\n minusElement: HTMLElement = null;\n\n plusElement: HTMLElement = null;\n\n inputElement: HTMLInputElement = null;\n\n nativeRangeInputElement: HTMLInputElement = null;\n\n scrubberGrabPos: object = { x: 0, y: 0 };\n\n scrubberGrabbed: boolean = false;\n\n scrubberLeft: number = 0;\n\n tickValues: Array<number> = [];\n\n disabledState: boolean = false;\n\n readonlyState: boolean = false;\n\n useControls: boolean = false;\n\n useInput: boolean = false;\n\n useSmall: boolean = false;\n\n useSnapping: boolean = false;\n\n supposedValueSlot: number = -1;\n\n eventListenersAdded: boolean = false;\n\n resizeObserverAdded: boolean = false;\n\n /** Sends unique checkbox identifier and value when the slider has a change in value. */\n @Event({\n eventName: 'sddsChange',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsChange: EventEmitter<{\n value: string;\n }>;\n\n /** Public method to re-initialise the slider if some configuration props are changed */\n @Method() async reset() {\n // @TODO: maybe refactor to use watch-decorators instead\n this.componentWillLoad();\n this.componentDidLoad();\n }\n\n @Listen('keydown')\n handleKeydown(event) {\n switch (event.key) {\n case 'ArrowLeft':\n this.stepLeft();\n break;\n\n case 'ArrowRight':\n this.stepRight();\n break;\n\n default:\n break;\n }\n }\n\n @Listen('mouseup', { target: 'window' })\n handleMouseUp() {\n if (!this.scrubberGrabbed) {\n return;\n }\n\n this.scrubberGrabbed = false;\n this.scrubberInnerElement.classList.remove('pressed');\n this.updateValue();\n\n this.trackElement.focus();\n }\n\n @Listen('touchend', { target: 'window' })\n handleTouchEnd() {\n if (!this.scrubberGrabbed) {\n return;\n }\n\n this.scrubberGrabbed = false;\n this.scrubberInnerElement.classList.remove('pressed');\n this.updateValue();\n\n this.trackElement.focus();\n }\n\n @Listen('mousemove', { target: 'window' })\n handleMouseMove(event) {\n if (!this.scrubberGrabbed) {\n return;\n }\n\n const numTicks = parseInt(this.ticks);\n const trackRect = this.trackElement.getBoundingClientRect();\n let localLeft = event.clientX - trackRect.left;\n this.supposedValueSlot = -1;\n\n if (this.useSnapping && numTicks > 0) {\n const v = Math.round(this.getTrackWidth() / (numTicks + 1));\n localLeft = Math.round(localLeft / v) * v;\n\n this.supposedValueSlot = Math.round(localLeft / v);\n }\n\n this.scrubberLeft = this.constrainScrubber(localLeft);\n this.scrubberElement.style.left = `${this.scrubberLeft}px`;\n\n this.updateValue();\n this.updateTrack();\n }\n\n @Listen('touchmove', { target: 'window' })\n handleTouchMove(event) {\n event.preventDefault();\n\n if (!this.scrubberGrabbed) {\n return;\n }\n\n const numTicks = parseInt(this.ticks);\n const trackRect = this.trackElement.getBoundingClientRect();\n let localLeft = event.touches[0].clientX - trackRect.left;\n\n this.supposedValueSlot = -1;\n\n if (this.useSnapping && numTicks > 0) {\n const v = Math.round(this.getTrackWidth() / (numTicks + 1));\n localLeft = Math.round(localLeft / v) * v;\n\n this.supposedValueSlot = Math.round(localLeft / v);\n }\n\n this.scrubberLeft = this.constrainScrubber(localLeft);\n this.scrubberElement.style.left = `${this.scrubberLeft}px`;\n\n this.updateValue();\n this.updateTrack();\n }\n\n updateTrack() {\n const trackWidth = this.getTrackWidth();\n const percentageFilled = (this.scrubberLeft / trackWidth) * 100;\n\n this.trackFillElement.style.width = `${percentageFilled}%`;\n }\n\n dispatchChangeEvent() {\n this.sddsChange.emit({ value: this.value });\n }\n\n updateValue() {\n const trackWidth = this.getTrackWidth();\n\n /* if snapping (supposedValueSlot > 0) is enabled, make sure we display the supposed value (instead of maybe getting a -1/+1 depending on rounding) */\n if (this.supposedValueSlot > 0) {\n const supposedValue = this.tickValues[this.supposedValueSlot];\n this.value = `${supposedValue}`;\n } else {\n const percentage = this.scrubberLeft / trackWidth;\n this.value = `${Math.trunc(this.getMin() + percentage * (this.getMax() - this.getMin()))}`;\n }\n\n this.dispatchChangeEvent();\n }\n\n updateValueForced(value) {\n this.value = value;\n this.dispatchChangeEvent();\n }\n\n getMin() {\n return parseFloat(this.min);\n }\n\n getMax() {\n return parseFloat(this.max);\n }\n\n constrainScrubber(x) {\n const width = this.getTrackWidth();\n\n if (x < 0) {\n return 0;\n }\n\n if (x > width) {\n return width;\n }\n\n return x;\n }\n\n getTrackWidth() {\n const trackRect = this.trackElement.getBoundingClientRect();\n return trackRect.right - trackRect.left;\n }\n\n calculateScrubberLeftFromValue(value) {\n const initValue = value;\n const trackWidth = this.getTrackWidth();\n\n const normalizedValue = initValue - this.getMin();\n const normalizedMax = this.getMax() - this.getMin();\n\n const calculatedLeft = (normalizedValue / normalizedMax) * trackWidth;\n\n this.scrubberLeft = calculatedLeft;\n\n this.scrubberElement.style.left = `${this.scrubberLeft}px`;\n }\n\n componentDidLoad() {\n if (!this.resizeObserverAdded) {\n this.resizeObserverAdded = true;\n\n const resizeObserver = new ResizeObserver((/* entries */) => {\n this.calculateScrubberLeftFromValue(this.value);\n this.updateTrack();\n });\n\n resizeObserver.observe(this.wrapperElement);\n }\n\n if (!this.eventListenersAdded) {\n this.eventListenersAdded = true;\n\n this.scrubberElement.addEventListener('mousedown', (event) => {\n event.preventDefault();\n this.grabScrubber(event.offsetX, event.offsetY);\n });\n\n this.scrubberElement.addEventListener('touchstart', (event) => {\n const rect = this.scrubberElement.getBoundingClientRect();\n const x = event.targetTouches[0].pageX - rect.left;\n const y = event.targetTouches[0].pageY - rect.top;\n this.grabScrubber(x, y);\n });\n\n if (this.useControls) {\n this.minusElement.addEventListener('click', () => {\n this.stepLeft();\n });\n\n this.plusElement.addEventListener('click', () => {\n this.stepRight();\n });\n }\n\n if (this.inputElement) {\n this.inputElement.addEventListener('keydown', (event) => {\n event.stopPropagation();\n\n if (event.key === 'Enter') {\n let newValue = parseInt(this.inputElement.value);\n\n if (newValue < this.getMin()) {\n newValue = this.getMin();\n } else if (newValue > this.getMax()) {\n newValue = this.getMax();\n }\n\n this.calculateScrubberLeftFromValue(newValue);\n this.updateValueForced(newValue);\n this.updateTrack();\n\n this.inputElement.blur();\n this.wrapperElement.focus();\n }\n });\n }\n }\n\n this.calculateScrubberLeftFromValue(this.value);\n this.updateTrack();\n }\n\n grabScrubber(xOffset, yOffset) {\n if (this.readonlyState) {\n return;\n }\n\n this.scrubberGrabPos = {\n x: xOffset,\n y: yOffset,\n };\n\n this.scrubberGrabbed = true;\n this.scrubberInnerElement.classList.add('pressed');\n }\n\n calculateInputSizeFromMax() {\n return this.max.length;\n }\n\n controlsStep(delta) {\n if (this.readonlyState || this.disabled) {\n return;\n }\n\n const trackWidth = this.getTrackWidth();\n const percentage = this.scrubberLeft / trackWidth;\n const numTicks = parseInt(this.ticks);\n\n let currentValue = this.getMin() + percentage * (this.getMax() - this.getMin());\n\n currentValue += delta;\n\n if (currentValue < this.getMin()) {\n currentValue = this.getMin();\n } else if (currentValue > this.getMax()) {\n currentValue = this.getMax();\n }\n\n this.value = `${currentValue}`;\n\n /* if snapping is enabled, instead just increment or decrement the current \"fixed\" value from our ticknumber array */\n if (this.useSnapping && numTicks > 0) {\n const stepDir = delta > 0 ? 1 : -1;\n this.supposedValueSlot += stepDir;\n\n if (this.supposedValueSlot < 0) {\n this.supposedValueSlot = 0;\n } else if (this.supposedValueSlot > numTicks + 1) {\n this.supposedValueSlot = numTicks + 1;\n }\n }\n\n this.calculateScrubberLeftFromValue(currentValue);\n this.updateTrack();\n this.updateValue();\n }\n\n stepLeft() {\n this.controlsStep(-parseInt(this.step));\n }\n\n stepRight() {\n this.controlsStep(parseInt(this.step));\n }\n\n componentWillLoad() {\n const numTicks = parseInt(this.ticks);\n\n if (numTicks > 0) {\n this.tickValues = [this.getMin()];\n\n const step = (this.getMax() - this.getMin()) / (numTicks + 1);\n\n for (let i = 1; i < numTicks + 1; i++) {\n this.tickValues.push(this.getMin() + Math.round(step * i));\n }\n\n this.tickValues.push(this.getMax());\n }\n\n if (this.disabled !== null) {\n this.disabledState = true;\n } else {\n this.disabledState = false;\n }\n\n if (this.readOnly !== null) {\n this.readonlyState = true;\n } else {\n this.readonlyState = false;\n }\n\n this.useInput = false;\n this.useControls = false;\n\n if (this.controls !== null) {\n this.useControls = true;\n } else if (this.input !== null) {\n this.useInput = true;\n }\n\n this.useSmall = false;\n\n if (this.scrubberSize === 'sm') {\n this.useSmall = true;\n }\n\n this.useSnapping = false;\n\n if (this.snap !== null) {\n this.useSnapping = true;\n }\n\n const min = this.getMin();\n const max = this.getMax();\n\n if (min > max) {\n console.warn(\n 'min-prop must have a higher value than max-prop for the component to work correctly.',\n );\n this.disabledState = true;\n }\n }\n\n render() {\n return (\n <div class={`sdds-slider-wrapper ${this.readonlyState ? 'read-only' : ''}`}>\n <input\n ref={(el) => {\n this.nativeRangeInputElement = el as HTMLInputElement;\n }}\n class=\"sdds-slider-native-element\"\n type=\"range\"\n value={this.value}\n name={this.name}\n min={this.min}\n max={this.max}\n disabled={this.disabled}\n id={this.sliderId}\n ></input>\n\n <div\n class={`sdds-slider ${this.disabledState ? 'disabled' : ''} ${\n this.useSmall ? 'sdds-slider-small' : ''\n }`}\n ref={(el) => {\n this.wrapperElement = el as HTMLElement;\n }}\n >\n {this.useInput && (\n <div class=\"sdds-slider__input-values\">\n <div\n ref={(el) => {\n this.minusElement = el as HTMLElement;\n }}\n class=\"sdds-slider__input-value\"\n >\n {this.min}\n </div>\n </div>\n )}\n\n {this.useControls && (\n <div class=\"sdds-slider__controls\">\n <div\n ref={(el) => (this.minusElement = el as HTMLElement)}\n class=\"sdds-slider__control sdds-slider__control-minus\"\n >\n <sdds-icon name=\"minus\" size=\"16px\"></sdds-icon>\n </div>\n </div>\n )}\n\n <div class=\"sdds-slider-inner\">\n <label class={this.tickValues.length > 0 && 'offset'}>{this.label}</label>\n\n {this.tickValues.length > 0 && (\n <div class=\"sdds-slider__value-dividers-wrapper\">\n <div\n ref={(el) => {\n this.dividersElement = el as HTMLElement;\n }}\n class=\"sdds-slider__value-dividers\"\n >\n {this.tickValues.map((value) => (\n <div class=\"sdds-slider__value-divider\">\n {this.showTickNumbers && <span>{value}</span>}\n </div>\n ))}\n </div>\n </div>\n )}\n\n <div\n class=\"sdds-slider__track\"\n ref={(el) => {\n this.trackElement = el as HTMLElement;\n }}\n tabindex={this.disabled ? '-1' : '0'}\n >\n <div\n class=\"sdds-slider__track-fill\"\n ref={(el) => {\n this.trackFillElement = el as HTMLElement;\n }}\n ></div>\n\n <div\n class=\"sdds-slider__scrubber\"\n ref={(el) => {\n this.scrubberElement = el as HTMLElement;\n }}\n >\n {this.tooltip !== null && (\n <div class=\"sdds-slider__value\">\n {this.value}\n <svg\n width=\"18\"\n height=\"14\"\n viewBox=\"0 0 18 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z\"\n fill=\"#37414F\"\n />\n </svg>\n </div>\n )}\n\n <div\n class=\"sdds-slider__scrubber-inner\"\n ref={(el) => {\n this.scrubberInnerElement = el as HTMLElement;\n }}\n ></div>\n </div>\n </div>\n </div>\n\n {this.useInput && (\n <div class=\"sdds-slider__input-values\">\n <div\n ref={(el) => {\n this.minusElement = el as HTMLElement;\n }}\n class=\"sdds-slider__input-value\"\n >\n {this.max}\n </div>\n <div class=\"sdds-slider__input-field-wrapper\">\n <input\n onFocus={(e) => {\n if (this.readonlyState) {\n e.preventDefault();\n this.inputElement.blur();\n }\n }}\n size={this.calculateInputSizeFromMax()}\n class=\"sdds-slider__input-field\"\n value={this.value}\n ref={(el) => {\n this.inputElement = el as HTMLInputElement;\n }}\n />\n </div>\n </div>\n )}\n\n {this.useControls && (\n <div class=\"sdds-slider__controls\">\n <div\n ref={(el) => (this.plusElement = el as HTMLElement)}\n class=\"sdds-slider__control sdds-slider__control-plus\"\n >\n <sdds-icon name=\"plus\" size=\"16px\"></sdds-icon>\n </div>\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}