npm - @scania/tegel - Versions diffs - 0.0.34 → 0.0.52 - Mend

@scania/tegel 0.0.34 → 0.0.52

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 (846) hide show

package/dist/tegel/p-3fcf9763.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["iconsCollection","iconCss","Icon","this","setIcons","arrayOfIcons","map","element","name","h","xmlns","viewBox","role","style","fontSize","size","fill","d","definition","componentWillLoad","arrayDataWatcher","icons_object","newValue","JSON","parse","render","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"],"mappings":"kDAAO,MAAMA,EAAkB,+p6CCA/B,MAAMC,EAAU,sL,MCWHC,EAAI,M,yBAwBfC,KAAAC,SAAW,IACTD,KAAKE,aAAaC,KAAIC,IACpB,GAAIA,EAAQC,OAASL,KAAKK,KAAM,CAC9B,OACEC,EAAA,OAAKC,MAAM,6BAA6BC,QAAQ,YAAW,kBAAkB,QAAQJ,EAAQC,OAAQI,KAAK,MAAMC,MAAO,CAAEC,SAAUX,KAAKY,OACtIN,EAAA,aAAQ,QAAQF,EAAQC,QACxBC,EAAA,QAAMO,KAAK,eAAeC,EAAGV,EAAQW,a,eA5BP,iB,UAGA,O,kBAERlB,E,kBAER,E,CAExBmB,oBACEhB,KAAKiB,iBAAiBjB,KAAKkB,a,CAG7BD,iBAAiBE,GACf,UAAWA,IAAa,SAAU,CAChCnB,KAAKE,aAAekB,KAAKC,MAAMF,E,KAC1B,CACLnB,KAAKE,aAAeiB,C,CAEtBnB,KAAKE,aAAe,IAAIF,KAAKE,a,CAe/BoB,SACE,OAAOhB,EAACiB,EAAI,KAAEvB,KAAKC,W"}

package/dist/tegel/p-3fd7d6ce.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as d,h as s}from"./p-1b74896d.js";const a=':root,.sdds-mode-light{--sdds-textarea-background-primary:var(--sdds-grey-50);--sdds-textarea-background-secondary:var(--sdds-white);--sdds-textarea-background:var(--sdds-textarea-background-primary);--sdds-textarea-color:var(--sdds-grey-868);--sdds-textarea-placeholder:var(--sdds-grey-500);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-disabled-color:var(--sdds-grey-400);--sdds-textarea-disabled-background:var(--sdds-white);--sdds-textarea-disabled-placeholder:var(--sdds-grey-400);--sdds-textarea-disabled-label:var(--sdds-grey-400);--sdds-textarea-label-color:var(--sdds-grey-958);--sdds-textarea-label-inside-color:var(--sdds-grey-700);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-helper:var(--sdds-grey-700);--sdds-textarea-helper-error:var(--sdds-negative);--sdds-textarea-bar:var(--sdds-blue-400);--sdds-textarea-bar-error:var(--sdds-negative);--sdds-textarea-textcounter:var(--sdds-grey-700);--sdds-textarea-textcounter-divider:var(--sdds-grey-500);--sdds-textarea-border-bottom:var(--sdds-grey-600);--sdds-textarea-border-bottom-hover:var(--sdds-grey-800);--sdds-textarea-border-bottom-success:var(--sdds-grey-958);--sdds-textarea-border-bottom-error:var(--sdds-negative);--sdds-textarea-icon-read-only-color:var(--sdds-grey-958);--sdds-textarea-icon-read-only-label-color:var(--sdds-grey-958);--sdds-textarea-resize-icon:var(--sdds-grey-500)}:root .sdds-mode-variant-primary,.sdds-mode-light .sdds-mode-variant-primary{--sdds-textarea-background:var(--sdds-textarea-background-primary)}:root .sdds-mode-variant-secondary,.sdds-mode-light .sdds-mode-variant-secondary{--sdds-textarea-background:var(--sdds-textarea-background-secondary)}.sdds-mode-dark{--sdds-textarea-background-primary:var(--sdds-grey-900);--sdds-textarea-background-secondary:var(--sdds-grey-868);--sdds-textarea-background:var(--sdds-textarea-background-primary);--sdds-textarea-color:var(--sdds-grey-200);--sdds-textarea-placeholder:var(--sdds-grey-600);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-700);--sdds-textarea-disabled-color:var(--sdds-grey-800);--sdds-textarea-disabled-background:var(--sdds-grey-868);--sdds-textarea-disabled-placeholder:var(--sdds-grey-800);--sdds-textarea-disabled-label:var(--sdds-grey-700);--sdds-textarea-label-color:var(--sdds-grey-100);--sdds-textarea-label-inside-color:var(--sdds-grey-400);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-700);--sdds-textarea-helper:var(--sdds-grey-600);--sdds-textarea-helper-error:var(--sdds-negative);--sdds-textarea-bar:var(--sdds-blue-400);--sdds-textarea-bar-error:var(--sdds-negative);--sdds-textarea-textcounter:var(--sdds-grey-600);--sdds-textarea-textcounter-divider:var(--sdds-grey-700);--sdds-textarea-border-bottom:var(--sdds-grey-600);--sdds-textarea-border-bottom-hover:var(--sdds-grey-400);--sdds-textarea-border-bottom-success:var(--sdds-grey-50);--sdds-textarea-border-bottom-error:var(--sdds-negative);--sdds-textarea-icon-read-only-color:var(--sdds-grey-100);--sdds-textarea-icon-read-only-label-color:var(--sdds-grey-50);--sdds-textarea-resize-icon:var(--sdds-grey-500)}.sdds-mode-dark .sdds-mode-variant-primary{--sdds-textarea-background:var(--sdds-textarea-background-primary)}.sdds-mode-dark .sdds-mode-variant-secondary{--sdds-textarea-background:var(--sdds-textarea-background-secondary)}.sdds-textarea-container{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.sdds-textarea-container .sdds-textarea-wrapper{position:relative;width:unset;min-width:100%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before,.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after{content:"";height:2px;width:0;position:absolute;background:var(--sdds-textarea-bar);transition:0.35s ease all}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before{left:50%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after{right:50%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after,.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before{top:calc(100% - 2px)}.sdds-textarea-input{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textarea-color);background-color:var(--sdds-textarea-background);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--sdds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.sdds-textarea-input::placeholder{opacity:1;color:var(--sdds-textarea-placeholder)}.sdds-textarea-input:focus::placeholder{color:var(--sdds-textarea-placeholder-focus-color)}.sdds-textarea-input:disabled{background-color:var(--sdds-textarea-disabled-background);color:var(--sdds-textarea-disabled-color);cursor:not-allowed}.sdds-textarea-input:disabled::placeholder{color:var(--sdds-textarea-disabled-placeholder)}.sdds-textarea-input:disabled~.sdds-textfield-label-inside{color:var(--sdds-textarea-disabled-label)}.sdds-textarea-input::-webkit-resizer{display:none}.sdds-textarea-input:hover{border-bottom-color:var(--sdds-textarea-border-bottom-hover)}.sdds-textarea-resizer-icon{color:var(--sdds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--sdds-textarea-background)}.sdds-textarea-resizer-icon svg{display:block}.sdds-textarea-label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--sdds-spacing-element-8);color:var(--sdds-textarea-label-color)}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);transition:0.1s ease all;color:var(--sdds-textarea-label-inside-color);position:absolute;top:var(--sdds-spacing-element-20);left:var(--sdds-spacing-element-16)}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input::placeholder{color:transparent}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input ::placeholder{color:transparent}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textarea-placeholder-focus-color)}.sdds-textarea-container.sdds-textarea-focus.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::before,.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::after{width:50%}.sdds-textarea-container.sdds-textarea-data.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.sdds-textarea-textcounter{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--sdds-spacing-element-4)}.sdds-textarea-textcounter .sdds-textfield-textcounter-divider{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter-divider)}.sdds-textarea-helper{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--sdds-spacing-element-4);color:var(--sdds-textarea-helper);flex-grow:2;flex-basis:auto}.sdds-textarea-helper~.sdds-textarea-textcounter{flex-basis:auto}.sdds-textarea-success .sdds-textarea-input{border-bottom-color:var(--sdds-textarea-border-bottom-success)}.sdds-textarea-error .sdds-textarea-input{border-bottom-color:var(--sdds-textarea-border-bottom-error)}.sdds-textarea-error .sdds-textarea-wrapper::after,.sdds-textarea-error .sdds-textarea-wrapper::before{background:var(--sdds-textarea-bar-error)}.sdds-textarea-error .sdds-textarea-helper{color:var(--sdds-textarea-helper-error)}.sdds-textarea-disabled .sdds-textarea-input{border-bottom-color:transparent}.sdds-textarea-disabled .sdds-textarea-label{color:var(--sdds-textarea-disabled-label)}.sdds-textarea-icon__readonly{display:none;position:absolute;right:18px;top:18px;color:var(--sdds-textarea-icon-read-only-color)}.sdds-textarea-icon__readonly-label{display:none;position:absolute;right:18px;top:48px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);padding:8px;color:var(--sdds-textarea-icon-read-only-label-color);background-color:var(--sdds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.sdds-textarea-readonly{pointer-events:none}.sdds-textarea-readonly .sdds-textarea-icon__readonly{display:block}.sdds-textarea-readonly .sdds-textarea-icon__readonly:hover~.sdds-textarea-icon__readonly-label{display:block}.sdds-textarea-readonly .sdds-textfield-input{padding-right:54px;background-color:transparent}.sdds-textarea-readonly .sdds-textfield-container{background-color:transparent}';const r=class{constructor(s){e(this,s);this.sddsChange=d(this,"sddsChange",6);this.sddsBlur=d(this,"sddsBlur",6);this.sddsInput=d(this,"sddsInput",6);this.sddsFocus=d(this,"sddsFocus",6);this.label="";this.name="";this.helper=undefined;this.cols=undefined;this.rows=undefined;this.labelPosition="no-label";this.placeholder="";this.value="";this.disabled=false;this.readOnly=false;this.state="default";this.maxLength=undefined;this.modeVariant=null;this.autoFocus=false;this.focusInput=undefined}handleChange(e){this.sddsChange.emit(e)}handleBlur(e){this.sddsBlur.emit(e);this.focusInput=false}handleInput(e){this.sddsInput.emit(e);this.value=e.target.value}handleFocus(e){this.textEl.focus();this.focusInput=true;this.sddsFocus.emit(e)}render(){var e;return s("div",{class:`\n sdds-textarea-container\n ${this.labelPosition==="inside"?"sdds-textarea-label-inside":""}\n ${this.focusInput?"sdds-textarea-focus":""}\n ${this.disabled?"sdds-textarea-disabled":""}\n ${this.readOnly?"sdds-textarea-readonly":""}\n ${this.modeVariant!==null?`sdds-mode-variant-${this.modeVariant}`:""}\n ${this.value?"sdds-textarea-data":""}\n ${this.state==="error"\|\|this.state==="success"?`sdds-textarea-${this.state}`:""}\n `},this.labelPosition!=="no-label"&&s("span",{class:"sdds-textarea-label"},this.label),s("div",{class:"sdds-textarea-wrapper"},s("textarea",{class:"sdds-textarea-input",ref:e=>this.textEl=e,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autoFocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:e=>{if(!this.readOnly){this.handleFocus(e)}},onBlur:e=>{if(!this.readOnly){this.handleBlur(e)}},onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e)}),s("span",{class:"sdds-textarea-resizer-icon"},s("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),s("span",{class:"sdds-textarea-icon__readonly"},s("sdds-icon",{name:"edit_inactive"})),s("span",{class:"sdds-textarea-icon__readonly-label"},"This field is non-editable")),s("span",{class:"sdds-textarea-helper"},this.state==="error"&&s("sdds-icon",{name:"error",size:"16px"}),this.helper),this.maxLength>0&&s("div",{class:"sdds-textarea-textcounter"},this.value===null?0:(e=this.value)===null\|\|e===void 0?void 0:e.length,s("span",{class:"sdds-textfield-textcounter-divider"}," / ")," ",this.maxLength))}};r.style=a;export{r as sdds_textarea};
2	- //# sourceMappingURL=p-3fd7d6ce.entry.js.map

package/dist/tegel/p-3fd7d6ce.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["textareaCss","Textarea","handleChange","event","this","sddsChange","emit","handleBlur","sddsBlur","focusInput","handleInput","sddsInput","value","target","handleFocus","textEl","focus","sddsFocus","render","h","class","labelPosition","disabled","readOnly","modeVariant","state","label","ref","inputEl","readonly","placeholder","name","autofocus","autoFocus","maxlength","maxLength","cols","rows","onFocus","onBlur","onInput","onChange","width","height","viewBox","fill","xmlns","d","size","helper","_a","length"],"sources":["./src/components/textarea/textarea.scss?tag=sdds-textarea","./src/components/textarea/textarea.tsx"],"sourcesContent":["@import './textarea-theme-vars.scss';\n\n@mixin textfield-base {\n border-radius: 4px 4px 0 0;\n width: 100%;\n box-sizing: border-box;\n margin: 0;\n border: none;\n outline: none;\n height: 100%;\n color: var(--sdds-textarea-color);\n background-color: var(--sdds-textarea-background);\n\n &::placeholder {\n opacity: 1;\n color: var(--sdds-textarea-placeholder);\n }\n\n &:focus::placeholder {\n color: var(--sdds-textarea-placeholder-focus-color);\n }\n\n &:disabled {\n background-color: var(--sdds-textarea-disabled-background);\n color: var(--sdds-textarea-disabled-color);\n cursor: not-allowed;\n\n &::placeholder {\n color: var(--sdds-textarea-disabled-placeholder);\n }\n\n ~ .sdds-textfield-label-inside {\n color: var(--sdds-textarea-disabled-label);\n }\n }\n}\n\n@mixin placeholder-label {\n &::placeholder {\n color: transparent;\n }\n\n ::placeholder {\n color: transparent;\n }\n\n //Input field in focus\n &:focus::placeholder {\n transition: color 0.35s ease;\n color: var(--sdds-textarea-placeholder-focus-color);\n }\n}\n\n.sdds-textarea-container {\n //@extend .sdds-textfield-container;\n border-radius: 4px 4px 0 0;\n position: relative;\n box-sizing: border-box;\n\n //@extend end\n\n height: auto;\n width: 100%;\n min-width: 208px;\n display: inline-flex;\n background-color: transparent;\n flex-flow: row wrap;\n border-bottom: 0;\n}\n\n.sdds-textarea-container {\n .sdds-textarea-wrapper {\n position: relative;\n width: unset;\n min-width: 100%;\n }\n}\n\n.sdds-textarea-container:not(.sdds-textarea-disabled) {\n .sdds-textarea-wrapper {\n &::before,\n &::after {\n content: '';\n height: 2px;\n width: 0;\n position: absolute;\n background: var(--sdds-textarea-bar);\n transition: 0.35s ease all;\n }\n\n &::before {\n left: 50%;\n }\n\n &::after {\n right: 50%;\n }\n\n &::after,\n &::before {\n top: calc(100% - 2px);\n }\n }\n}\n\n.sdds-textarea-input {\n @include textfield-base;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n padding: var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);\n display: block;\n resize: vertical;\n border-bottom: 1px solid var(--sdds-textarea-border-bottom);\n transition: border-bottom-color 200ms ease;\n\n // Display none only works in Chrome\n &::-webkit-resizer {\n display: none;\n }\n\n &:hover {\n border-bottom-color: var(--sdds-textarea-border-bottom-hover);\n }\n}\n\n// Need to override default resizer in FF & Safari\n.sdds-textarea-resizer-icon {\n color: var(--sdds-textarea-resize-icon);\n position: absolute;\n display: block;\n bottom: 2px;\n right: 1px;\n padding-bottom: 2px;\n padding-right: 2px;\n pointer-events: none;\n background-color: var(--sdds-textarea-background);\n\n svg {\n display: block;\n }\n}\n\n.sdds-textarea-label {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n display: block;\n z-index: 1;\n margin-bottom: var(--sdds-spacing-element-8);\n color: var(--sdds-textarea-label-color);\n}\n\n.sdds-textarea-container {\n &.sdds-textarea-label-inside {\n .sdds-textarea-label {\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n transition: 0.1s ease all;\n\n //@include end\n\n color: var(--sdds-textarea-label-inside-color);\n position: absolute;\n top: var(--sdds-spacing-element-20);\n left: var(--sdds-spacing-element-16);\n }\n\n .sdds-textarea-input {\n @include placeholder-label;\n }\n }\n\n &.sdds-textarea-focus {\n &.sdds-textarea-label-inside {\n .sdds-textarea-label {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n top: var(--sdds-spacing-element-8);\n }\n }\n\n .sdds-textarea-wrapper {\n &::before,\n &::after {\n width: 50%;\n }\n }\n }\n\n &.sdds-textarea-data {\n &.sdds-textarea-label-inside {\n .sdds-textarea-label {\n font: var(--sdds-detail-07);\n letter-spacing: var(--sdds-detail-07-ls);\n top: var(--sdds-spacing-element-8);\n }\n }\n }\n}\n\n.sdds-textarea-textcounter {\n //@extend .sdds-textfield-textcounter;\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n color: var(--sdds-textarea-textcounter);\n float: right;\n\n & .sdds-textfield-textcounter-divider {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n color: var(--sdds-textarea-textcounter-divider);\n }\n\n //@extend end\n\n flex-basis: 100%;\n text-align: right;\n padding-top: var(--sdds-spacing-element-4);\n}\n\n.sdds-textarea-helper {\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n display: flex;\n gap: 8px;\n align-items: center;\n padding-top: var(--sdds-spacing-element-4);\n color: var(--sdds-textarea-helper);\n flex-grow: 2;\n flex-basis: auto;\n\n ~ .sdds-textarea-textcounter {\n flex-basis: auto;\n }\n}\n\n// Different state\n\n.sdds-textarea-success {\n .sdds-textarea-input {\n border-bottom-color: var(--sdds-textarea-border-bottom-success);\n }\n}\n\n.sdds-textarea-error {\n .sdds-textarea-input {\n border-bottom-color: var(--sdds-textarea-border-bottom-error);\n }\n\n .sdds-textarea-wrapper {\n &::after,\n &::before {\n background: var(--sdds-textarea-bar-error);\n }\n }\n\n .sdds-textarea-helper {\n color: var(--sdds-textarea-helper-error);\n }\n}\n\n//Disabled state\n.sdds-textarea-disabled {\n .sdds-textarea-input {\n border-bottom-color: transparent;\n }\n\n .sdds-textarea-label {\n color: var(--sdds-textarea-disabled-label);\n }\n}\n\n//Read only state\n\n.sdds-textarea-icon__readonly {\n display: none;\n position: absolute;\n right: 18px;\n top: 18px;\n color: var(--sdds-textarea-icon-read-only-color);\n\n &-label {\n display: none;\n position: absolute;\n right: 18px;\n top: 48px;\n font: var(--sdds-detail-05);\n letter-spacing: var(--sdds-detail-05-ls);\n padding: 8px;\n color: var(--sdds-textarea-icon-read-only-label-color);\n background-color: var(--sdds-textarea-icon-read-only-label-background);\n white-space: nowrap;\n border-radius: 4px 0 4px 4px;\n }\n}\n\n.sdds-textarea-readonly {\n pointer-events: none;\n\n .sdds-textarea-icon__readonly {\n display: block;\n\n &:hover {\n ~ .sdds-textarea-icon__readonly-label {\n display: block;\n }\n }\n }\n\n .sdds-textfield-input {\n padding-right: 54px;\n background-color: transparent;\n }\n\n .sdds-textfield-container {\n background-color: transparent;\n }\n}\n","import { Component, h, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'sdds-textarea',\n styleUrl: 'textarea.scss',\n shadow: false,\n})\nexport class Textarea {\n /** Textinput for focus state */\n textEl?: HTMLTextAreaElement;\n\n /** Label text */\n @Prop() label: string = '';\n\n /** Name attribute */\n @Prop() name: string = '';\n\n /** Helper text */\n @Prop() helper: string;\n\n /** Textarea cols attribute */\n @Prop() cols: number;\n\n /** Textarea rows attribute */\n @Prop() rows: number;\n\n /** Position of the label for the textfield. */\n @Prop() labelPosition: 'inside' | 'outside' | 'no-label' = 'no-label';\n\n /** Placeholder text */\n @Prop() placeholder: string = '';\n\n /** Value of the input text */\n @Prop() value: string = '';\n\n /** Set input in disabled state */\n @Prop() disabled: boolean = false;\n\n /** Set input in readonly state */\n @Prop() readOnly: boolean = false;\n\n /** Error state of input */\n @Prop() state: 'error' | 'success' | 'default' = 'default';\n\n /** Max length of input */\n @Prop() maxLength: number;\n\n /** Mode variant of the textarea */\n @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n /** Control of autofocus */\n @Prop() autoFocus: boolean = false;\n\n /** Listen to the focus state of the input */\n @State() focusInput;\n\n /** Change event for the textarea */\n @Event({\n eventName: 'sddsChange',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsChange: EventEmitter;\n\n handleChange(event): void {\n this.sddsChange.emit(event);\n }\n\n /** Blur event for the textarea */\n @Event({\n eventName: 'sddsBlur',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsBlur: EventEmitter<FocusEvent>;\n\n handleBlur(event): void {\n this.sddsBlur.emit(event);\n this.focusInput = false;\n }\n\n /** Input event for the textarea */\n @Event({\n eventName: 'sddsInput',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsInput: EventEmitter<InputEvent>;\n\n // Data input event in value prop\n handleInput(event): void {\n this.sddsInput.emit(event);\n this.value = event.target.value;\n }\n\n /** Focus event for the textarea */\n @Event({\n eventName: 'sddsFocus',\n composed: true,\n bubbles: true,\n cancelable: false,\n })\n sddsFocus: EventEmitter<FocusEvent>;\n\n /* Set the input as focus when clicking the whole textfield with suffix/prefix */\n handleFocus(event): void {\n this.textEl.focus();\n this.focusInput = true;\n this.sddsFocus.emit(event);\n }\n\n render() {\n return (\n <div\n class={`\n sdds-textarea-container\n ${this.labelPosition === 'inside' ? 'sdds-textarea-label-inside' : ''}\n ${this.focusInput ? 'sdds-textarea-focus' : ''}\n ${this.disabled ? 'sdds-textarea-disabled' : ''}\n ${this.readOnly ? 'sdds-textarea-readonly' : ''}\n ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}\n ${this.value ? 'sdds-textarea-data' : ''}\n ${this.state === 'error' || this.state === 'success' ? `sdds-textarea-${this.state}` : ''}\n `}\n >\n {this.labelPosition !== 'no-label' && (\n <span class={'sdds-textarea-label'}>{this.label}</span>\n )}\n <div class=\"sdds-textarea-wrapper\">\n <textarea\n class={'sdds-textarea-input'}\n ref={(inputEl) => (this.textEl = inputEl as HTMLTextAreaElement)}\n disabled={this.disabled}\n readonly={this.readOnly}\n placeholder={this.placeholder}\n value={this.value}\n name={this.name}\n autofocus={this.autoFocus}\n maxlength={this.maxLength}\n cols={this.cols}\n rows={this.rows}\n onFocus={(event) => {\n if (!this.readOnly) {\n this.handleFocus(event);\n }\n }}\n onBlur={(event) => {\n if (!this.readOnly) {\n this.handleBlur(event);\n }\n }}\n onInput={(event) => this.handleInput(event)}\n onChange={(event) => this.handleChange(event)}\n ></textarea>\n <span class=\"sdds-textarea-resizer-icon\">\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z\"\n fill=\"currentColor\"\n />\n </svg>\n </span>\n <span class=\"sdds-textarea-icon__readonly\">\n <sdds-icon name=\"edit_inactive\"></sdds-icon>\n </span>\n <span class=\"sdds-textarea-icon__readonly-label\">This field is non-editable</span>\n </div>\n <span class={'sdds-textarea-helper'}>\n {this.state === 'error' && <sdds-icon name=\"error\" size=\"16px\"></sdds-icon>}\n {this.helper}\n </span>\n\n {this.maxLength > 0 && (\n <div class={'sdds-textarea-textcounter'}>\n {this.value === null ? 0 : this.value?.length}\n <span class=\"sdds-textfield-textcounter-divider\"> / </span> {this.maxLength}\n </div>\n )}\n </div>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,slS,MCOPC,EAAQ,M,wLAKK,G,UAGD,G,iFAYoC,W,iBAG7B,G,WAGN,G,cAGI,M,cAGA,M,WAGqB,U,0CAMF,K,eAGlB,M,0BAc7BC,aAAaC,GACXC,KAAKC,WAAWC,KAAKH,E,CAYvBI,WAAWJ,GACTC,KAAKI,SAASF,KAAKH,GACnBC,KAAKK,WAAa,K,CAapBC,YAAYP,GACVC,KAAKO,UAAUL,KAAKH,GACpBC,KAAKQ,MAAQT,EAAMU,OAAOD,K,CAa5BE,YAAYX,GACVC,KAAKW,OAAOC,QACZZ,KAAKK,WAAa,KAClBL,KAAKa,UAAUX,KAAKH,E,CAGtBe,S,MACE,OACEC,EAAA,OACEC,MAAO,8CAELhB,KAAKiB,gBAAkB,SAAW,6BAA+B,eACjEjB,KAAKK,WAAa,sBAAwB,eAC1CL,KAAKkB,SAAW,yBAA2B,eAC3ClB,KAAKmB,SAAW,yBAA2B,eAC3CnB,KAAKoB,cAAgB,KAAO,qBAAqBpB,KAAKoB,cAAgB,eACtEpB,KAAKQ,MAAQ,qBAAuB,eACpCR,KAAKqB,QAAU,SAAWrB,KAAKqB,QAAU,UAAY,iBAAiBrB,KAAKqB,QAAU,gBAGtFrB,KAAKiB,gBAAkB,YACtBF,EAAA,QAAMC,MAAO,uBAAwBhB,KAAKsB,OAE5CP,EAAA,OAAKC,MAAM,yBACTD,EAAA,YACEC,MAAO,sBACPO,IAAMC,GAAaxB,KAAKW,OAASa,EACjCN,SAAUlB,KAAKkB,SACfO,SAAUzB,KAAKmB,SACfO,YAAa1B,KAAK0B,YAClBlB,MAAOR,KAAKQ,MACZmB,KAAM3B,KAAK2B,KACXC,UAAW5B,KAAK6B,UAChBC,UAAW9B,KAAK+B,UAChBC,KAAMhC,KAAKgC,KACXC,KAAMjC,KAAKiC,KACXC,QAAUnC,IACR,IAAKC,KAAKmB,SAAU,CAClBnB,KAAKU,YAAYX,E,GAGrBoC,OAASpC,IACP,IAAKC,KAAKmB,SAAU,CAClBnB,KAAKG,WAAWJ,E,GAGpBqC,QAAUrC,GAAUC,KAAKM,YAAYP,GACrCsC,SAAWtC,GAAUC,KAAKF,aAAaC,KAEzCgB,EAAA,QAAMC,MAAM,8BACVD,EAAA,OACEuB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN3B,EAAA,oBACY,UAAS,YACT,UACV4B,EAAE,6uBACFF,KAAK,mBAIX1B,EAAA,QAAMC,MAAM,gCACVD,EAAA,aAAWY,KAAK,mBAElBZ,EAAA,QAAMC,MAAM,sCAAoC,+BAElDD,EAAA,QAAMC,MAAO,wBACVhB,KAAKqB,QAAU,SAAWN,EAAA,aAAWY,KAAK,QAAQiB,KAAK,SACvD5C,KAAK6C,QAGP7C,KAAK+B,UAAY,GAChBhB,EAAA,OAAKC,MAAO,6BACThB,KAAKQ,QAAU,KAAO,GAAIsC,EAAA9C,KAAKQ,SAAK,MAAAsC,SAAA,SAAAA,EAAEC,OACvChC,EAAA,QAAMC,MAAM,sCAAoC,OAAW,IAAEhB,KAAK+B,W"}

package/dist/tegel/p-4835650e.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as d,c as s,h as a,H as t,g as i}from"./p-1b74896d.js";const r=".card{box-shadow:var(--sdds-card-box);background-color:var(--sdds-card-background);display:block;border-radius:4px;max-width:368px;overflow:hidden}.card.clickable:hover{box-shadow:var(--sdds-card-box-hover);cursor:pointer}.card .card-top{font:var(--sdds-headline-06);letter-spacing:var(--sdds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-top img.card-top-image{width:36px;height:36px;border-radius:100%}.card .card-top .card-top-header{padding-left:16px;display:flex;flex-direction:column;row-gap:4px}.card .card-top .card-top-header.no-header-img{padding-left:0}.card .card-top .card-top-header.single-line-header{row-gap:0}.card .card-top.below{padding-top:16px}.card .card-header{color:var(--sdds-card-headline)}.card .card-subheader{color:var(--sdds-card-sub-headline)}.card .card-body-img{width:100%}.card .sdds-divider{margin:16px 16px 0;background-color:var(--sdds-card-divider);height:1px}.card slot[name=card-body]::slotted(){font:var(--sdds-detail-03);letter-spacing:var(--sdds-detail-03-ls);color:var(--sdds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px}.card slot[name=card-bottom]::slotted(){display:flex;padding:16px}button{border:none;text-align:left;padding:0}button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--sdds-card-box-pressed)}";const e=class{constructor(t){d(this,t);this.sddsClick=s(this,"sddsClick",7);this.handleClick=()=>{this.sddsClick.emit({cardId:this.cardId})};this.getCardContent=()=>a("div",null,this.headerPlacement==="above"&&a("div",{class:`card-top ${this.headerPlacement}`},this.headerImg&&a("img",{class:`card-top-image`,src:this.headerImg,alt:this.headerImgAlt})," ",a("div",{class:`\n card-top-header\n ${!this.headerImg?"no-header-img":""}\n ${!this.header\|\|!this.subheader?"single-line-header":""}\n `},a("span",{class:`card-header`},this.header),a("span",{class:`card-subheader`},this.subheader))),a("div",{class:`card-body`},this.bodyImg&&a("img",{class:`card-body-img`,src:this.bodyImg,alt:this.bodyImgAlt}),this.headerPlacement==="below"&&(this.headerImg\|\|this.header\|\|this.subheader)&&a("div",{class:`card-top ${this.headerPlacement}`},this.headerImg&&a("img",{class:`card-top-image`,src:this.headerImg,alt:this.headerImgAlt}),a("div",{class:`\n card-top-header\n ${!this.headerImg?"no-header-img":""}\n ${!this.header\|\|!this.subheader?"single-line-header":""}\n `},a("span",{class:`card-header`},this.header),a("span",{class:`card-subheader`},this.subheader))),this.bodyDivider&&a("div",{class:`sdds-divider`}),a("slot",{name:"card-body"})),a("div",{class:`card-bottom`},this.hasCardBottomSlot&&a("slot",{name:`card-bottom`})));this.modeVariant=null;this.headerPlacement="above";this.header=undefined;this.subheader=undefined;this.headerImg=undefined;this.headerImgAlt=undefined;this.bodyImg=undefined;this.bodyImgAlt=undefined;this.bodyDivider=false;this.clickable=false;this.cardId=crypto.randomUUID();this.hasCardBottomSlot=false;this.hasCardBodySlot=false}connectedCallback(){this.hasCardBottomSlot=!!this.hostElement.querySelector('[slot="card-bottom"]');this.hasCardBodySlot=!!this.hostElement.querySelector('[slot="card-body"]')}render(){return a(t,{class:this.modeVariant&&`sdds-mode-variant-${this.modeVariant}`},this.clickable?a("button",{class:`card ${this.clickable?"clickable":""} ${this.headerPlacement}`,onClick:()=>{if(this.clickable){this.handleClick()}}},this.getCardContent()):a("div",{class:`card ${this.clickable?"clickable":""} ${this.headerPlacement}`},this.getCardContent()))}get hostElement(){return i(this)}};e.style=r;export{e as sdds_card};
2	- //# sourceMappingURL=p-4835650e.entry.js.map

package/dist/tegel/p-4835650e.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sddsCardCss","SddsCard","this","handleClick","sddsClick","emit","cardId","getCardContent","h","headerPlacement","class","headerImg","src","alt","headerImgAlt","header","subheader","bodyImg","bodyImgAlt","bodyDivider","name","hasCardBottomSlot","crypto","randomUUID","connectedCallback","hostElement","querySelector","hasCardBodySlot","render","Host","modeVariant","clickable","onClick"],"sources":["./src/components/card/sdds-card.scss?tag=sdds-card&encapsulation=shadow","./src/components/card/sdds-card.tsx"],"sourcesContent":[".card {\n box-shadow: var(--sdds-card-box);\n background-color: var(--sdds-card-background);\n display: block;\n border-radius: 4px;\n max-width: 368px;\n overflow: hidden;\n\n &.clickable {\n &:hover {\n box-shadow: var(--sdds-card-box-hover);\n cursor: pointer;\n }\n }\n\n .card-top {\n font: var(--sdds-headline-06);\n letter-spacing: var(--sdds-headline-06-ls);\n padding: 16px;\n display: flex;\n align-items: center;\n\n img.card-top-image {\n width: 36px;\n height: 36px;\n border-radius: 100%;\n }\n\n .card-top-header {\n padding-left: 16px;\n display: flex;\n flex-direction: column;\n row-gap: 4px;\n\n &.no-header-img {\n padding-left: 0;\n }\n\n &.single-line-header {\n row-gap: 0;\n }\n }\n\n &.below {\n padding-top: 16px;\n }\n }\n\n .card-header {\n color: var(--sdds-card-headline);\n }\n\n .card-subheader {\n color: var(--sdds-card-sub-headline);\n }\n\n .card-body-img {\n width: 100%;\n }\n\n .sdds-divider {\n margin: 16px 16px 0;\n background-color: var(--sdds-card-divider);\n height: 1px;\n }\n\n slot[name='card-body']::slotted(*) {\n font: var(--sdds-detail-03);\n letter-spacing: var(--sdds-detail-03-ls);\n color: var(--sdds-card-body-color);\n padding: 0 16px;\n margin-bottom: 16px;\n margin-top: 16px;\n }\n\n slot[name='card-bottom']::slotted(*) {\n display: flex;\n padding: 16px;\n }\n}\n\nbutton {\n border: none;\n text-align: left;\n padding: 0;\n\n &:focus {\n outline: 2px solid var(--sdds-blue-400);\n outline-offset: -2px;\n }\n\n &:active {\n box-shadow: var(--sdds-card-box-pressed);\n }\n}\n","import { Component, h, Prop, Event, EventEmitter, Element, State, Host } from '@stencil/core';\n\n@Component({\n tag: 'sdds-card',\n styleUrl: 'sdds-card.scss',\n shadow: true,\n})\nexport class SddsCard {\n /** Variant of the card based on the theme used. */\n @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n /** Placement of the header */\n @Prop() headerPlacement: 'above' | 'below' = 'above';\n\n /** Text in the header */\n @Prop() header: string;\n\n /** Subheader text in the header */\n @Prop() subheader: string;\n\n /** Header image src */\n @Prop() headerImg: string;\n\n /** Alt text for the header image */\n @Prop() headerImgAlt: string;\n\n /** Body image src */\n @Prop() bodyImg: string;\n\n /** Alt text for the body image */\n @Prop() bodyImgAlt: string;\n\n /** Divider for the body */\n @Prop() bodyDivider: boolean = false;\n\n /** Makes the card clickable. */\n @Prop() clickable: boolean = false;\n\n /** ID for the card, must be unique.\n *\n * **NOTE**: If you're listening for card events you need to set this ID yourself to identify the card, as the default ID is random and will be different every time.\n */\n @Prop() cardId: string = crypto.randomUUID();\n\n /** Sends unique card identifier when the card is clicked, if clickable=true */\n @Event({\n eventName: 'sddsClick',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsClick: EventEmitter<{\n cardId: string;\n }>;\n\n @Element() hostElement: HTMLSddsCardElement;\n\n @State() hasCardBottomSlot: boolean = false;\n\n @State() hasCardBodySlot: boolean = false;\n\n connectedCallback() {\n this.hasCardBottomSlot = !!this.hostElement.querySelector('[slot=\"card-bottom\"]');\n this.hasCardBodySlot = !!this.hostElement.querySelector('[slot=\"card-body\"]');\n }\n\n handleClick = () => {\n this.sddsClick.emit({\n cardId: this.cardId,\n });\n };\n\n getCardContent = () => (\n <div>\n {this.headerPlacement === 'above' && (\n <div class={`card-top ${this.headerPlacement}`}>\n {this.headerImg && (\n <img class={`card-top-image`} src={this.headerImg} alt={this.headerImgAlt} />\n )}{' '}\n <div\n class={`\n card-top-header\n ${!this.headerImg ? 'no-header-img' : ''}\n ${!this.header || !this.subheader ? 'single-line-header' : ''}\n `}\n >\n <span class={`card-header`}>{this.header}</span>\n <span class={`card-subheader`}>{this.subheader}</span>\n </div>\n </div>\n )}\n <div class={`card-body`}>\n {this.bodyImg && <img class={`card-body-img`} src={this.bodyImg} alt={this.bodyImgAlt} />}\n {this.headerPlacement === 'below' && (this.headerImg || this.header || this.subheader) && (\n <div class={`card-top ${this.headerPlacement}`}>\n {this.headerImg && (\n <img class={`card-top-image`} src={this.headerImg} alt={this.headerImgAlt} />\n )}\n <div\n class={`\n card-top-header\n ${!this.headerImg ? 'no-header-img' : ''}\n ${!this.header || !this.subheader ? 'single-line-header' : ''}\n `}\n >\n <span class={`card-header`}>{this.header}</span>\n <span class={`card-subheader`}>{this.subheader}</span>\n </div>\n </div>\n )}\n {this.bodyDivider && <div class={`sdds-divider`}></div>}\n <slot name=\"card-body\"></slot>\n </div>\n <div class={`card-bottom`}>\n {this.hasCardBottomSlot && <slot name={`card-bottom`}></slot>}\n </div>\n </div>\n );\n\n render() {\n return (\n <Host class={this.modeVariant && `sdds-mode-variant-${this.modeVariant}`}>\n {this.clickable ? (\n <button\n class={`card ${this.clickable ? 'clickable' : ''} ${this.headerPlacement}`}\n onClick={() => {\n if (this.clickable) {\n this.handleClick();\n }\n }}\n >\n {this.getCardContent()}\n </button>\n ) : (\n <div class={`card ${this.clickable ? 'clickable' : ''} ${this.headerPlacement}`}>\n {this.getCardContent()}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAc,40C,MCOPC,EAAQ,M,8DA2DnBC,KAAAC,YAAc,KACZD,KAAKE,UAAUC,KAAK,CAClBC,OAAQJ,KAAKI,QACb,EAGJJ,KAAAK,eAAiB,IACfC,EAAA,WACGN,KAAKO,kBAAoB,SACxBD,EAAA,OAAKE,MAAO,YAAYR,KAAKO,mBAC1BP,KAAKS,WACJH,EAAA,OAAKE,MAAO,iBAAkBE,IAAKV,KAAKS,UAAWE,IAAKX,KAAKY,eAC5D,IACHN,EAAA,OACEE,MAAO,2CAENR,KAAKS,UAAY,gBAAkB,kBACnCT,KAAKa,SAAWb,KAAKc,UAAY,qBAAuB,kBAGzDR,EAAA,QAAME,MAAO,eAAgBR,KAAKa,QAClCP,EAAA,QAAME,MAAO,kBAAmBR,KAAKc,aAI3CR,EAAA,OAAKE,MAAO,aACTR,KAAKe,SAAWT,EAAA,OAAKE,MAAO,gBAAiBE,IAAKV,KAAKe,QAASJ,IAAKX,KAAKgB,aAC1EhB,KAAKO,kBAAoB,UAAYP,KAAKS,WAAaT,KAAKa,QAAUb,KAAKc,YAC1ER,EAAA,OAAKE,MAAO,YAAYR,KAAKO,mBAC1BP,KAAKS,WACJH,EAAA,OAAKE,MAAO,iBAAkBE,IAAKV,KAAKS,UAAWE,IAAKX,KAAKY,eAE/DN,EAAA,OACEE,MAAO,+CAENR,KAAKS,UAAY,gBAAkB,oBACnCT,KAAKa,SAAWb,KAAKc,UAAY,qBAAuB,oBAGzDR,EAAA,QAAME,MAAO,eAAgBR,KAAKa,QAClCP,EAAA,QAAME,MAAO,kBAAmBR,KAAKc,aAI1Cd,KAAKiB,aAAeX,EAAA,OAAKE,MAAO,iBACjCF,EAAA,QAAMY,KAAK,eAEbZ,EAAA,OAAKE,MAAO,eACTR,KAAKmB,mBAAqBb,EAAA,QAAMY,KAAM,kB,iBAzGE,K,qBAGF,Q,sKAqBd,M,eAGF,M,YAMJE,OAAOC,a,uBAeM,M,qBAEF,K,CAEpCC,oBACEtB,KAAKmB,oBAAsBnB,KAAKuB,YAAYC,cAAc,wBAC1DxB,KAAKyB,kBAAoBzB,KAAKuB,YAAYC,cAAc,qB,CAwD1DE,SACE,OACEpB,EAACqB,EAAI,CAACnB,MAAOR,KAAK4B,aAAe,qBAAqB5B,KAAK4B,eACxD5B,KAAK6B,UACJvB,EAAA,UACEE,MAAO,QAAQR,KAAK6B,UAAY,YAAc,MAAM7B,KAAKO,kBACzDuB,QAAS,KACP,GAAI9B,KAAK6B,UAAW,CAClB7B,KAAKC,a,IAIRD,KAAKK,kBAGRC,EAAA,OAAKE,MAAO,QAAQR,KAAK6B,UAAY,YAAc,MAAM7B,KAAKO,mBAC3DP,KAAKK,kB"}

package/dist/tegel/p-4ee81b96.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as d,h as i}from"./p-1b74896d.js";const e=':root,.sdds-mode-light{--sdds-slider-label-color:var(--sdds-grey-958);--sdds-slider-label-color-disabled:var(--sdds-grey-400);--sdds-slider-thumb-color:var(--sdds-blue-800);--sdds-slider-divider-color:var(--sdds-grey-400);--sdds-slider-track-color:var(--sdds-grey-400);--sdds-slider-track-fill-color:var(--sdds-blue-800);--sdds-slider-input-inputfield-color:var(--sdds-grey-700);--sdds-slider-inputfield-color:var(--sdds-grey-400);--sdds-slider-controls-color:var(--sdds-grey-958);--sdds-slider-inputfield-background:var(--sdds-white);--sdds-slider-inputfield-box-shadow:var(--sdds-grey-400);--sdds-slider-divider-values-color:var(--sdds-grey-958)}.sdds-mode-dark{--sdds-slider-label-color:var(--sdds-grey-100);--sdds-slider-label-color-disabled:var(--sdds-grey-700);--sdds-slider-thumb-color:var(--sdds-grey-100);--sdds-slider-divider-color:var(--sdds-grey-700);--sdds-slider-track-color:var(--sdds-grey-700);--sdds-slider-track-fill-color:var(--sdds-grey-100);--sdds-slider-inputfield-color:var(--sdds-grey-700);--sdds-slider-input-inputfield-color:var(--sdds-grey-400);--sdds-slider-controls-color:var(--sdds-grey-100);--sdds-slider-inputfield-background:var(--sdds-grey-900);--sdds-slider-inputfield-box-shadow:var(--sdds-grey-800);--sdds-slider-divider-values-color:var(--sdds-grey-100)}sdds-slider{box-sizing:border-box;width:100%}sdds-slider {box-sizing:border-box}sdds-slider input[type=range].sdds-slider-native-element{display:none}.sdds-slider-wrapper{width:100%}.sdds-slider-wrapper.read-only{pointer-events:none}.sdds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.sdds-slider .sdds-slider-inner{width:100%;height:20px;position:relative}.sdds-slider .sdds-slider__controls{position:relative;top:-25px}.sdds-slider .sdds-slider__controls .sdds-slider__control{cursor:pointer}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus{padding:18px 18px 18px 0}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus{padding:18px 0 18px 18px}.sdds-slider .sdds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-value{user-select:none;padding:18px;color:var(--sdds-grey-700);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper{background-color:var(--sdds-slider-inputfield-background);display:flex;align-items:center;justify-content:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--sdds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--sdds-grey-600)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--sdds-blue-400);outline:0}.sdds-slider label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);user-select:none;position:absolute;color:var(--sdds-slider-label-color);top:-16px;transform:translateY(-100%)}.sdds-slider label.offset{top:-35px}.sdds-slider .sdds-slider__value{font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--sdds-grey-800);color:var(--sdds-white)}.sdds-slider .sdds-slider__value svg{position:absolute;left:50%;transform:translateX(-50%);top:34px}.sdds-slider .sdds-slider__scrubber{position:absolute}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:20px;height:20px;border-radius:100%;background-color:var(--sdds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--sdds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner:hover::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:24px;height:24px}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed::before{display:block;opacity:0.16 !important}.sdds-slider .sdds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.sdds-slider .sdds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--sdds-slider-divider-color);color:var(--sdds-slider-divider-values-color);width:1px}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider span{display:block;user-select:none;color:var(-sdds-grey-700);font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.sdds-slider .sdds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--sdds-slider-track-color);position:relative}.sdds-slider .sdds-slider__track:focus{outline:0}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:24px;height:24px}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.sdds-slider.disabled{cursor:not-allowed}.sdds-slider.disabled>{pointer-events:none}.sdds-slider.disabled label{color:var(--sdds-slider-label-color-disabled)}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus svg,.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg{fill:var(--sdds-slider-controls-color)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-value{color:var(--sdds-slider-controls-color)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper{pointer-events:none}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{color:var(--sdds-slider-controls-color);pointer-events:none}.sdds-slider.disabled .sdds-slider__value{display:none}.sdds-slider.disabled .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-slider-track-fill-color)}.sdds-slider.disabled .sdds-slider__value-dividers .sdds-slider__value-divider span{color:var(--sdds-slider-track-fill-color)}.sdds-slider.disabled .sdds-slider__scrubber{pointer-events:none}.sdds-slider.disabled .sdds-slider__scrubber .sdds-slider__scrubber-inner{background:var(--sdds-slider-track-color);cursor:default}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:16px;height:16px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{width:40px;height:40px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:20px;height:20px}.sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus svg,.sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg{fill:var(--sdds-slider-controls-color)}';const r=class{constructor(i){s(this,i);this.sddsChange=d(this,"sddsChange",7);this.wrapperElement=null;this.scrubberElement=null;this.scrubberInnerElement=null;this.dividersElement=null;this.trackElement=null;this.trackFillElement=null;this.minusElement=null;this.plusElement=null;this.inputElement=null;this.nativeRangeInputElement=null;this.scrubberGrabPos={x:0,y:0};this.scrubberGrabbed=false;this.scrubberLeft=0;this.tickValues=[];this.disabledState=false;this.readonlyState=false;this.useControls=false;this.useInput=false;this.useSmall=false;this.useSnapping=false;this.supposedValueSlot=-1;this.eventListenersAdded=false;this.resizeObserverAdded=false;this.label="";this.value="0";this.min="0";this.max="100";this.ticks="0";this.showTickNumbers=false;this.tooltip=null;this.disabled=null;this.readOnly=null;this.controls=null;this.input=null;this.step="1";this.name="";this.size="";this.snap=null;this.sliderId=crypto.randomUUID()}async reset(){this.componentWillLoad();this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":this.stepLeft();break;case"ArrowRight":this.stepRight();break}}handleMouseUp(){if(!this.scrubberGrabbed){return}this.scrubberGrabbed=false;this.scrubberInnerElement.classList.remove("pressed");this.updateValue();this.trackElement.focus()}handleTouchEnd(){if(!this.scrubberGrabbed){return}this.scrubberGrabbed=false;this.scrubberInnerElement.classList.remove("pressed");this.updateValue();this.trackElement.focus()}handleMouseMove(s){if(!this.scrubberGrabbed){return}const d=parseInt(this.ticks);const i=this.trackElement.getBoundingClientRect();let e=s.clientX-i.left;this.supposedValueSlot=-1;if(this.useSnapping&&d>0){const s=Math.round(this.getTrackWidth()/(d+1));e=Math.round(e/s)s;this.supposedValueSlot=Math.round(e/s)}this.scrubberLeft=this.constrainScrubber(e);this.scrubberElement.style.left=`${this.scrubberLeft}px`;this.updateValue();this.updateTrack()}handleTouchMove(s){s.preventDefault();if(!this.scrubberGrabbed){return}const d=parseInt(this.ticks);const i=this.trackElement.getBoundingClientRect();let e=s.touches[0].clientX-i.left;this.supposedValueSlot=-1;if(this.useSnapping&&d>0){const s=Math.round(this.getTrackWidth()/(d+1));e=Math.round(e/s)s;this.supposedValueSlot=Math.round(e/s)}this.scrubberLeft=this.constrainScrubber(e);this.scrubberElement.style.left=`${this.scrubberLeft}px`;this.updateValue();this.updateTrack()}updateTrack(){const s=this.getTrackWidth();const d=this.scrubberLeft/s100;this.trackFillElement.style.width=`${d}%`}dispatchChangeEvent(){this.sddsChange.emit({value:this.value})}updateValue(){const s=this.getTrackWidth();if(this.supposedValueSlot>0){const s=this.tickValues[this.supposedValueSlot];this.value=`${s}`}else{const d=this.scrubberLeft/s;this.value=`${Math.trunc(this.getMin()+d(this.getMax()-this.getMin()))}`}this.dispatchChangeEvent()}updateValueForced(s){this.value=s;this.dispatchChangeEvent()}getMin(){return parseFloat(this.min)}getMax(){return parseFloat(this.max)}constrainScrubber(s){const d=this.getTrackWidth();if(s<0){return 0}if(s>d){return d}return s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateScrubberLeftFromValue(s){const d=s;const i=this.getTrackWidth();const e=d-this.getMin();const r=this.getMax()-this.getMin();const t=e/ri;this.scrubberLeft=t;this.scrubberElement.style.left=`${this.scrubberLeft}px`}componentDidLoad(){if(!this.resizeObserverAdded){this.resizeObserverAdded=true;const s=new ResizeObserver((()=>{this.calculateScrubberLeftFromValue(this.value);this.updateTrack()}));s.observe(this.wrapperElement)}if(!this.eventListenersAdded){this.eventListenersAdded=true;this.scrubberElement.addEventListener("mousedown",(s=>{s.preventDefault();this.grabScrubber(s.offsetX,s.offsetY)}));this.scrubberElement.addEventListener("touchstart",(s=>{const d=this.scrubberElement.getBoundingClientRect();const i=s.targetTouches[0].pageX-d.left;const e=s.targetTouches[0].pageY-d.top;this.grabScrubber(i,e)}));if(this.useControls){this.minusElement.addEventListener("click",(()=>{this.stepLeft()}));this.plusElement.addEventListener("click",(()=>{this.stepRight()}))}if(this.inputElement){this.inputElement.addEventListener("keydown",(s=>{s.stopPropagation();if(s.key==="Enter"){let s=parseInt(this.inputElement.value);if(s<this.getMin()){s=this.getMin()}else if(s>this.getMax()){s=this.getMax()}this.calculateScrubberLeftFromValue(s);this.updateValueForced(s);this.updateTrack();this.inputElement.blur();this.wrapperElement.focus()}}))}}this.calculateScrubberLeftFromValue(this.value);this.updateTrack()}grabScrubber(s,d){if(this.readonlyState){return}this.scrubberGrabPos={x:s,y:d};this.scrubberGrabbed=true;this.scrubberInnerElement.classList.add("pressed")}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readonlyState\|\|this.disabled){return}const d=this.getTrackWidth();const i=this.scrubberLeft/d;const e=parseInt(this.ticks);let r=this.getMin()+i(this.getMax()-this.getMin());r+=s;if(r<this.getMin()){r=this.getMin()}else if(r>this.getMax()){r=this.getMax()}this.value=`${r}`;if(this.useSnapping&&e>0){const d=s>0?1:-1;this.supposedValueSlot+=d;if(this.supposedValueSlot<0){this.supposedValueSlot=0}else if(this.supposedValueSlot>e+1){this.supposedValueSlot=e+1}}this.calculateScrubberLeftFromValue(r);this.updateTrack();this.updateValue()}stepLeft(){this.controlsStep(-parseInt(this.step))}stepRight(){this.controlsStep(parseInt(this.step))}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[this.getMin()];const d=(this.getMax()-this.getMin())/(s+1);for(let i=1;i<s+1;i++){this.tickValues.push(this.getMin()+Math.round(d*i))}this.tickValues.push(this.getMax())}if(this.disabled!==null){this.disabledState=true}else{this.disabledState=false}if(this.readOnly!==null){this.readonlyState=true}else{this.readonlyState=false}this.useInput=false;this.useControls=false;if(this.controls!==null){this.useControls=true}else if(this.input!==null){this.useInput=true}this.useSmall=false;if(this.size==="sm"){this.useSmall=true}this.useSnapping=false;if(this.snap!==null){this.useSnapping=true}const d=this.getMin();const i=this.getMax();if(d>i){console.warn("min-prop must have a higher value than max-prop for the component to work correctly.");this.disabledState=true}}render(){return i("div",{class:`sdds-slider-wrapper ${this.readonlyState?"read-only":""}`},i("input",{ref:s=>{this.nativeRangeInputElement=s},class:"sdds-slider-native-element",type:"range",value:this.value,name:this.name,min:this.min,max:this.max,disabled:this.disabled,id:this.sliderId}),i("div",{class:`sdds-slider ${this.disabledState?"disabled":""} ${this.useSmall?"sdds-slider-small":""}`,ref:s=>{this.wrapperElement=s}},this.useInput&&i("div",{class:"sdds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"sdds-slider__input-value"},this.min)),this.useControls&&i("div",{class:"sdds-slider__controls"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__control sdds-slider__control-minus"},i("sdds-icon",{name:"minus",size:"16px"}))),i("div",{class:"sdds-slider-inner"},i("label",{class:this.tickValues.length>0&&"offset"},this.label),this.tickValues.length>0&&i("div",{class:"sdds-slider__value-dividers-wrapper"},i("div",{ref:s=>{this.dividersElement=s},class:"sdds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"sdds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{class:"sdds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0"},i("div",{class:"sdds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),i("div",{class:"sdds-slider__scrubber",ref:s=>{this.scrubberElement=s}},this.tooltip!==null&&i("div",{class:"sdds-slider__value"},this.value,i("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{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",fill:"#37414F"}))),i("div",{class:"sdds-slider__scrubber-inner",ref:s=>{this.scrubberInnerElement=s}})))),this.useInput&&i("div",{class:"sdds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"sdds-slider__input-value"},this.max),i("div",{class:"sdds-slider__input-field-wrapper"},i("input",{onFocus:s=>{if(this.readonlyState){s.preventDefault();this.inputElement.blur()}},size:this.calculateInputSizeFromMax(),class:"sdds-slider__input-field",value:this.value,ref:s=>{this.inputElement=s}}))),this.useControls&&i("div",{class:"sdds-slider__controls"},i("div",{ref:s=>this.plusElement=s,class:"sdds-slider__control sdds-slider__control-plus"},i("sdds-icon",{name:"plus",size:"16px"})))))}};r.style=e;export{r as sdds_slider};
2	- //# sourceMappingURL=p-4ee81b96.entry.js.map

package/dist/tegel/p-4ee81b96.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sliderCss","Slider","this","wrapperElement","scrubberElement","scrubberInnerElement","dividersElement","trackElement","trackFillElement","minusElement","plusElement","inputElement","nativeRangeInputElement","scrubberGrabPos","x","y","scrubberGrabbed","scrubberLeft","tickValues","disabledState","readonlyState","useControls","useInput","useSmall","useSnapping","supposedValueSlot","eventListenersAdded","resizeObserverAdded","crypto","randomUUID","async","componentWillLoad","componentDidLoad","handleKeydown","event","key","stepLeft","stepRight","handleMouseUp","classList","remove","updateValue","focus","handleTouchEnd","handleMouseMove","numTicks","parseInt","ticks","trackRect","getBoundingClientRect","localLeft","clientX","left","v","Math","round","getTrackWidth","constrainScrubber","style","updateTrack","handleTouchMove","preventDefault","touches","trackWidth","percentageFilled","width","dispatchChangeEvent","sddsChange","emit","value","supposedValue","percentage","trunc","getMin","getMax","updateValueForced","parseFloat","min","max","right","calculateScrubberLeftFromValue","initValue","normalizedValue","normalizedMax","calculatedLeft","resizeObserver","ResizeObserver","observe","addEventListener","grabScrubber","offsetX","offsetY","rect","targetTouches","pageX","pageY","top","stopPropagation","newValue","blur","xOffset","yOffset","add","calculateInputSizeFromMax","length","controlsStep","delta","disabled","currentValue","stepDir","step","i","push","readOnly","controls","input","size","snap","console","warn","render","h","class","ref","el","type","name","id","sliderId","label","map","showTickNumbers","tabindex","tooltip","height","viewBox","fill","xmlns","d","onFocus","e"],"sources":["./src/components/slider/slider.scss?tag=sdds-slider","./src/components/slider/slider.tsx"],"sourcesContent":["@import 'slider-theme-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.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}","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 = null;\n\n /** Sets the disabled state for the whole component */\n @Prop() disabled: boolean = null;\n\n /** Sets the read only state for the whole component */\n @Prop() readOnly: boolean = null;\n\n /** Decide to show the controls or not */\n @Prop() controls: boolean = null;\n\n /** Decide to show the input field or not */\n @Prop() input: boolean = null;\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() size: 'sm' | '' = '';\n\n /** Snap to the ticks grid */\n @Prop() snap: boolean = null;\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.size === '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"],"mappings":"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"}

package/dist/tegel/p-58cfea69.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as t,h as s,H as d,g as a}from"./p-1b74896d.js";const l=":host(.sdds-table__header-cell){box-sizing:border-box;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);display:table-cell;text-align:left;color:var(--sdds-data-table-color);background-color:var(--sdds-data-table-header-background);border-bottom:1px solid var(--sdds-data-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.sdds-table__header-cell) *{box-sizing:border-box}:host(.sdds-table__header-cell) .sdds-table__header-text{padding:0 16px;margin:0}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button:focus{outline:2px solid var(--sdds-data-table-header-btn-focus);outline-offset:-2px}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button:focus .sdds-table__header-button-icon{opacity:1}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button .sdds-table__header-button-text{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);text-align:left;color:var(--sdds-data-table-header-btn-color)}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button .sdds-table__header-button-icon{flex:0 0 16px;height:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;fill:var(--sdds-data-table-color)}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button:hover .sdds-table__header-button-icon{opacity:1}:host(.sdds-table__header-cell--right-align) .sdds-table__header-button{text-align:right;justify-content:end;flex-direction:row-reverse}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button{background-color:var(--sdds-data-table-header-btn-background)}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button:hover{background-color:var(--sdds-data-table-header-btn-background-hover)}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button .sdds-table__header-button-icon{opacity:1}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button .sdds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.sdds-table--compact){height:33px}:host(.sdds-table--divider){border-right:1px solid var(--sdds-data-table-divider)}:host(.sdds-table--divider:last-of-type){border-right:none}:host(.sdds-table--no-min-width){min-width:unset}:host(.sdds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.sdds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.sdds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.sdds-table--toolbar-available){border-radius:0}:host(.sdds-table--extra-column.sdds-table--toolbar-available){border-radius:0}:host(.sdds-table__header-cell.sdds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.sdds-table__header-cell.sdds-table--toolbar-available:last-of-type){border-top-right-radius:0}";const i=["enableMultiselect","enableExpandableRows","compactDesign","noMinWidth","verticalDividers"];const o=class{constructor(d){e(this,d);this.sortColumnDataEvent=t(this,"sortColumnDataEvent",7);this.textAlignEvent=t(this,"textAlignEvent",7);this.headCellHoverEvent=t(this,"headCellHoverEvent",7);this.sortButtonClick=e=>{if(this.sortingDirection!=="asc"){this.sortingDirection="asc"}else{this.sortingDirection="desc"}this.sortedByMyKey=true;this.sortColumnDataEvent.emit([this.tableId,e,this.sortingDirection])};this.headerCellContent=()=>{if(this.sortable&&!this.disableSortingBtn){return s("button",{class:"sdds-table__header-button",onClick:()=>this.sortButtonClick(this.columnKey)},s("span",{class:"sdds-table__header-button-text",style:{textAlign:this.textAlignState}},this.columnTitle),this.sortingDirection===""&&s("svg",{class:"sdds-table__header-button-icon",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 15"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z"}),s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z"}),s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z"})),this.sortingDirection!==""&&s("svg",{class:`sdds-table__header-button-icon ${this.sortingDirection==="desc"?"sdds-table__header-button-icon--rotate":""}`,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"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"})))}return s("p",{class:"sdds-table__header-text",style:{textAlign:this.textAlignState}},this.columnTitle)};this.onHeadCellHover=e=>{this.headCellHoverEvent.emit([this.tableId,e])};this.columnKey=undefined;this.columnTitle=undefined;this.customWidth=undefined;this.sortable=false;this.textAlign=undefined;this.textAlignState=undefined;this.sortingDirection="";this.sortedByMyKey=false;this.disableSortingBtn=false;this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=false;this.enableMultiselect=false;this.enableToolbarDesign=false;this.tableId="";this.enableExpandableRows=false}tablePropsChangedEventListener(e){if(this.tableId===e.detail.tableId){e.detail.changed.filter((e=>i.includes(e))).forEach((t=>{if(typeof this[t]==="undefined"){throw new Error(`Table prop is not supported: ${t}`)}this[t]=e.detail[t]}))}}sortingSwitcherEventListener(e){const[t,s]=e.detail;if(this.tableId===t){this.disableSortingBtn=s}}updateOptionsContent(e){if(this.tableId===e.detail[0]){if(this.columnKey!==e.detail[1]){this.sortedByMyKey=false;setTimeout((()=>{this.sortingDirection=""}),200)}}}enableMultiselectEventListener(e){if(this.tableId===e.detail[0])[,this.enableMultiselect]=e.detail}connectedCallback(){this.tableEl=this.host.closest("sdds-table");this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((e=>{this[e]=this.tableEl[e]}))}componentWillRender(){if(this.textAlign==="right"\|\|this.textAlign==="end"){this.textAlignState="right"}else{this.textAlignState="left"}this.textAlignEvent.emit([this.tableId,this.columnKey,this.textAlignState]);this.enableToolbarDesign=this.host.closest("sdds-table").getElementsByTagName("sdds-table-toolbar").length>=1}render(){return s(d,{class:{"sdds-table__header-cell":true,"sdds-table__header-cell--sortable":this.sortable,"sdds-table__header-cell--is-sorted":this.sortedByMyKey,"sdds-table__header-cell--custom-width":this.customWidth!=="","sdds-table__header-cell--right-align":this.textAlignState==="right","sdds-table--compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-table--no-min-width":this.noMinWidth,"sdds-table--extra-column":this.enableMultiselect\|\|this.enableExpandableRows,"sdds-table--toolbar-available":this.enableToolbarDesign},style:{width:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.columnKey),onMouseLeave:()=>this.onHeadCellHover("")},this.headerCellContent())}get host(){return a(this)}};o.style=l;export{o as sdds_header_cell};
2	- //# sourceMappingURL=p-58cfea69.entry.js.map

package/dist/tegel/p-58cfea69.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableHeaderCellCss","relevantTableProps","TableHeaderCell","this","sortButtonClick","key","sortingDirection","sortedByMyKey","sortColumnDataEvent","emit","tableId","headerCellContent","sortable","disableSortingBtn","h","class","onClick","columnKey","style","textAlign","textAlignState","columnTitle","fill","xmlns","viewBox","d","onHeadCellHover","headCellHoverEvent","tablePropsChangedEventListener","event","detail","changed","filter","changedProp","includes","forEach","Error","sortingSwitcherEventListener","receivedID","receivedSortingStatus","updateOptionsContent","setTimeout","enableMultiselectEventListener","enableMultiselect","connectedCallback","tableEl","host","closest","componentWillLoad","tablePropName","componentWillRender","textAlignEvent","enableToolbarDesign","getElementsByTagName","length","render","Host","customWidth","compactDesign","verticalDividers","noMinWidth","enableExpandableRows","width","onMouseOver","onMouseLeave"],"sources":["./src/components/data-table/table-header-cell/table-header-cell.scss?tag=sdds-header-cell&encapsulation=shadow","./src/components/data-table/table-header-cell/table-header-cell.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__header-cell) {\n @include sdds-box-sizing;\n\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n display: table-cell;\n text-align: left;\n color: var(--sdds-data-table-color);\n background-color: var(--sdds-data-table-header-background);\n border-bottom: 1px solid var(--sdds-data-table-header-background-hover);\n padding: 0;\n height: 48px;\n min-width: 192px;\n box-sizing: border-box;\n vertical-align: middle;\n overflow: hidden;\n transition: background-color 200ms ease;\n\n .sdds-table__header-text {\n padding: 0 16px;\n margin: 0;\n }\n}\n\n:host(.sdds-table__header-cell--sortable) {\n .sdds-table__header-button {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: start;\n flex-direction: row;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n transition: background-color 200ms ease;\n\n &:focus {\n outline: 2px solid var(--sdds-data-table-header-btn-focus);\n outline-offset: -2px;\n\n .sdds-table__header-button-icon {\n opacity: 1;\n }\n }\n\n .sdds-table__header-button-text {\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n text-align: left;\n color: var(--sdds-data-table-header-btn-color);\n }\n\n .sdds-table__header-button-icon {\n /* not to shrink on lot of text */\n flex: 0 0 16px;\n height: 16px;\n opacity: 0;\n transform-origin: center;\n transition: opacity 200ms ease-in, transform 200ms ease;\n fill: var(--sdds-data-table-color);\n }\n\n &:hover {\n .sdds-table__header-button-icon {\n opacity: 1;\n }\n }\n }\n}\n\n:host(.sdds-table__header-cell--right-align) {\n .sdds-table__header-button {\n text-align: right;\n justify-content: end;\n flex-direction: row-reverse;\n }\n}\n\n:host(.sdds-table__header-cell--is-sorted) {\n .sdds-table__header-button {\n background-color: var(--sdds-data-table-header-btn-background);\n\n &:hover {\n background-color: var(--sdds-data-table-header-btn-background-hover);\n }\n\n .sdds-table__header-button-icon {\n opacity: 1;\n }\n\n .sdds-table__header-button-icon--rotate {\n transform: rotate(180deg);\n }\n }\n}\n\n:host(.sdds-table--compact) {\n height: 33px;\n}\n\n:host(.sdds-table--divider) {\n border-right: 1px solid var(--sdds-data-table-divider);\n}\n\n:host(.sdds-table--divider:last-of-type) {\n border-right: none;\n}\n\n:host(.sdds-table--no-min-width) {\n min-width: unset;\n}\n\n// border-radius style control\n// it depends id multiselect si on or off, same for if toolbar is there or not\n:host(.sdds-table__header-cell:first-of-type) {\n border-top-left-radius: 4px;\n}\n\n:host(.sdds-table__header-cell:last-of-type) {\n border-top-right-radius: 4px;\n}\n\n:host(.sdds-table--extra-column:first-of-type) {\n border-top-left-radius: 0;\n}\n\n:host(.sdds-table--toolbar-available) {\n border-radius: 0;\n}\n\n:host(.sdds-table--extra-column.sdds-table--toolbar-available) {\n border-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:first-of-type) {\n border-top-left-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:last-of-type) {\n border-top-right-radius: 0;\n}\n","import {\n Component,\n Prop,\n h,\n Host,\n Event,\n EventEmitter,\n State,\n Listen,\n Element,\n} from '@stencil/core';\nimport { TablePropsChangedEvent } from '../table/table';\n\nconst relevantTableProps: TablePropsChangedEvent['changed'] = [\n 'enableMultiselect',\n 'enableExpandableRows',\n 'compactDesign',\n 'noMinWidth',\n 'verticalDividers',\n];\n\n@Component({\n tag: 'sdds-header-cell',\n styleUrl: 'table-header-cell.scss',\n shadow: true,\n})\nexport class TableHeaderCell {\n /** Value of column key, usually comes from JSON, needed for sorting */\n @Prop({ reflect: true }) columnKey: string;\n\n /** Text that displays in column cell */\n @Prop({ reflect: true }) columnTitle: string;\n\n /** In case noMinWidth setting, user has to specify width value for each column, for example \"150px\" */\n @Prop({ reflect: true }) customWidth: string;\n\n /** If passed as prop, enables sorting on that column */\n @Prop() sortable: boolean = false;\n\n /** Setting for text align, default is left, but user can pass \"right\" as string - useful for numeric values */\n @Prop({ reflect: true }) textAlign: string;\n\n @State() textAlignState: string;\n\n @State() sortingDirection: string = '';\n\n @State() sortedByMyKey: boolean = false;\n\n @State() disableSortingBtn: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() enableMultiselect: boolean = false;\n\n @State() enableToolbarDesign: boolean = false;\n\n @State() tableId: string = '';\n\n @State() enableExpandableRows: boolean = false;\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n /** Sends unique table identifier,column key and sorting direction to the sdds-table-body component */\n @Event({\n eventName: 'sortColumnDataEvent',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sortColumnDataEvent: EventEmitter<any>;\n\n /** Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */\n @Event({\n eventName: 'textAlignEvent',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n textAlignEvent: EventEmitter<any>;\n\n /** Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */\n @Event({\n eventName: 'headCellHoverEvent',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n headCellHoverEvent: EventEmitter<any>;\n\n @Listen('tablePropsChangedEvent', { target: 'body' })\n tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n // Listen to parent data-table if sorting is allowed\n @Listen('sortingSwitcherEvent', { target: 'body' })\n sortingSwitcherEventListener(event: CustomEvent<any>) {\n const [receivedID, receivedSortingStatus] = event.detail;\n if (this.tableId === receivedID) {\n this.disableSortingBtn = receivedSortingStatus;\n }\n }\n\n // target is set to body so other instances of same component \"listen\" and react to the change\n @Listen('sortColumnDataEvent', { target: 'body' })\n updateOptionsContent(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) {\n // grab only value at position 1 as it is the \"key\"\n if (this.columnKey !== event.detail[1]) {\n this.sortedByMyKey = false;\n // To sync with CSS transition timing\n setTimeout(() => {\n this.sortingDirection = '';\n }, 200);\n }\n }\n }\n\n @Listen('enableMultiselectEvent', { target: 'body' })\n enableMultiselectEventListener(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) [, this.enableMultiselect] = event.detail;\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n }\n\n componentWillRender() {\n // enable only right or left text align\n if (this.textAlign === 'right' || this.textAlign === 'end') {\n this.textAlignState = 'right';\n } else {\n this.textAlignState = 'left';\n }\n // To enable body cells text align per rules set in head cell\n this.textAlignEvent.emit([this.tableId, this.columnKey, this.textAlignState]);\n\n this.enableToolbarDesign =\n this.host.closest('sdds-table').getElementsByTagName('sdds-table-toolbar').length >= 1;\n }\n\n sortButtonClick = (key) => {\n // Toggling direction of sorting as we only use one button for sorting\n if (this.sortingDirection !== 'asc') {\n this.sortingDirection = 'asc';\n } else {\n this.sortingDirection = 'desc';\n }\n // Setting to true we can set enable CSS class for \"active\" state of column\n this.sortedByMyKey = true;\n // Use array to send both key and sorting direction\n this.sortColumnDataEvent.emit([this.tableId, key, this.sortingDirection]);\n };\n\n headerCellContent = () => {\n if (this.sortable && !this.disableSortingBtn) {\n return (\n <button\n class=\"sdds-table__header-button\"\n onClick={() => this.sortButtonClick(this.columnKey)}\n >\n <span class=\"sdds-table__header-button-text\" style={{ textAlign: this.textAlignState }}>\n {this.columnTitle}\n </span>\n\n {this.sortingDirection === '' && (\n <svg\n class=\"sdds-table__header-button-icon\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 12 15\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z\"\n />\n </svg>\n )}\n {/* First icon is arrow down as first set direction is ascending, clicking it again rotates the icon as we set descending order */}\n {this.sortingDirection !== '' && (\n <svg\n class={`sdds-table__header-button-icon ${\n this.sortingDirection === 'desc' ? 'sdds-table__header-button-icon--rotate' : ''\n }`}\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 32 32\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"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\"\n />\n </svg>\n )}\n </button>\n );\n }\n return (\n <p class=\"sdds-table__header-text\" style={{ textAlign: this.textAlignState }}>\n {this.columnTitle}\n </p>\n );\n };\n\n onHeadCellHover = (key) => {\n this.headCellHoverEvent.emit([this.tableId, key]);\n };\n\n render() {\n return (\n <Host\n class={{\n 'sdds-table__header-cell': true,\n 'sdds-table__header-cell--sortable': this.sortable,\n 'sdds-table__header-cell--is-sorted': this.sortedByMyKey,\n 'sdds-table__header-cell--custom-width': this.customWidth !== '',\n 'sdds-table__header-cell--right-align': this.textAlignState === 'right',\n 'sdds-table--compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-table--no-min-width': this.noMinWidth,\n 'sdds-table--extra-column': this.enableMultiselect || this.enableExpandableRows,\n 'sdds-table--toolbar-available': this.enableToolbarDesign,\n }}\n style={{ width: this.customWidth }}\n // Calling actions from here to enable hover functionality for both sortable and un-sortable tables\n onMouseOver={() => this.onHeadCellHover(this.columnKey)}\n onMouseLeave={() => this.onHeadCellHover('')}\n >\n {this.headerCellContent()}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-591dfbcd.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as s,h as t,H as a,g as i}from"./p-1b74896d.js";const d=":host,.sdds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host ,.sdds-table {box-sizing:border-box}:host(.sdds-table--responsive),.sdds-table--responsive{width:100%}";const n=class{constructor(t){e(this,t);this.tablePropsChangedEvent=s(this,"tablePropsChangedEvent",7);this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=undefined;this.enableMultiselect=false;this.enableExpandableRows=false;this.enableResponsive=false;this.modeVariant=null;this.tableId=crypto.randomUUID()}emitTablePropsChangedEvent(e,s){this.tablePropsChangedEvent.emit({tableId:this.tableId,changed:[e],[e]:s})}enableMultiselectChanged(e){this.emitTablePropsChangedEvent("enableMultiselect",e)}enableExpandableRowsChanged(e){this.emitTablePropsChangedEvent("enableExpandableRows",e)}compactDesignChanged(e){this.emitTablePropsChangedEvent("compactDesign",e)}verticalDividersChanged(e){this.emitTablePropsChangedEvent("verticalDividers",e)}noMinWidthChanged(e){this.emitTablePropsChangedEvent("noMinWidth",e)}modeVariantChanged(e){this.emitTablePropsChangedEvent("modeVariant",e)}render(){return t(a,{class:{"sdds-table--responsive":this.enableResponsive}},t("table",{class:{"sdds-table":true,"sdds-table--compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-table--no-min-width":this.noMinWidth,"sdds-table--responsive":this.enableResponsive}},t("slot",null)))}get host(){return i(this)}static get watchers(){return{enableMultiselect:["enableMultiselectChanged"],enableExpandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],modeVariant:["modeVariantChanged"]}}};n.style=d;export{n as sdds_table};
2	- //# sourceMappingURL=p-591dfbcd.entry.js.map

package/dist/tegel/p-591dfbcd.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableCss","Table","crypto","randomUUID","emitTablePropsChangedEvent","changedValueName","changedValue","this","tablePropsChangedEvent","emit","tableId","changed","enableMultiselectChanged","newValue","enableExpandableRowsChanged","compactDesignChanged","verticalDividersChanged","noMinWidthChanged","modeVariantChanged","render","h","Host","class","enableResponsive","compactDesign","verticalDividers","noMinWidth"],"sources":["./src/components/data-table/table/table.scss?tag=sdds-table&encapsulation=shadow","./src/components/data-table/table/table.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host,\n.sdds-table {\n border-collapse: collapse;\n display: table;\n @include sdds-box-sizing;\n}\n\n:host(.sdds-table--responsive),\n.sdds-table--responsive {\n width: 100%;\n}\n","// https://stackoverflow.com/questions/63051941/how-to-pass-data-as-array-of-object-in-stencil-js\n// https://medium.com/@scottmgerstl/passing-an-object-or-array-to-stencil-dd62b7d92641\n\nimport { Component, Prop, h, Host, Event, EventEmitter, Element, Watch } from '@stencil/core';\n\ntype Props = {\n verticalDividers: boolean;\n compactDesign: boolean;\n noMinWidth: boolean;\n enableMultiselect: boolean;\n enableExpandableRows: boolean;\n enableResponsive: boolean;\n modeVariant: 'primary' | 'secondary' | null;\n};\n\nexport type TablePropsChangedEvent = {\n tableId: string;\n changed: Array<keyof Props>;\n} & Partial<Props>;\n\n@Component({\n tag: 'sdds-table',\n styleUrl: 'table.scss',\n shadow: true,\n})\nexport class Table {\n /** Enables style with vertical dividers between columns */\n @Prop({ reflect: true }) verticalDividers: boolean = false;\n\n /** Enables style where data-table toolbar, rows and footer are less high */\n @Prop({ reflect: true }) compactDesign: boolean = false;\n\n /** Enables to customise width on data-table columns */\n @Prop({ reflect: true }) noMinWidth: boolean;\n // TODO: Due to unknown reason, one of this items has to be left as is. If all are false, it seems like emitting is not properly done and it affects other events in data table. Try setting it and observe text-align set on header cell\n\n /** Enables multiselect feature of data-table */\n @Prop({ reflect: true }) enableMultiselect: boolean = false;\n\n /** Enables extended row feature of data-table */\n @Prop({ reflect: true }) enableExpandableRows: boolean = false;\n\n /** Enables table to take 100% available width with equal spacing of columns */\n @Prop({ reflect: true }) enableResponsive: boolean = false;\n\n /** Variant of the component, based on current mode. */\n @Prop({ reflect: true }) modeVariant: 'primary' | 'secondary' = null;\n\n /** ID used for internal table functionality and events, must be unique.\n *\n * **NOTE**: If you're listening for table events you need to set this ID yourself to identify the table, as the default ID is random and will be different every time.\n */\n @Prop() tableId: string = crypto.randomUUID();\n\n @Element() host: HTMLElement;\n\n /** Broadcasts changes to the tables props */\n @Event({\n eventName: 'tablePropsChangedEvent',\n bubbles: true,\n composed: true,\n cancelable: true,\n })\n tablePropsChangedEvent: EventEmitter<TablePropsChangedEvent>;\n\n emitTablePropsChangedEvent(changedValueName: keyof Props, changedValue: Props[keyof Props]) {\n this.tablePropsChangedEvent.emit({\n tableId: this.tableId,\n changed: [changedValueName],\n [changedValueName]: changedValue,\n });\n }\n\n @Watch('enableMultiselect')\n enableMultiselectChanged(newValue: boolean) {\n this.emitTablePropsChangedEvent('enableMultiselect', newValue);\n }\n\n @Watch('enableExpandableRows')\n enableExpandableRowsChanged(newValue: boolean) {\n this.emitTablePropsChangedEvent('enableExpandableRows', newValue);\n }\n\n @Watch('compactDesign')\n compactDesignChanged(newValue: boolean) {\n this.emitTablePropsChangedEvent('compactDesign', newValue);\n }\n\n @Watch('verticalDividers')\n verticalDividersChanged(newValue: boolean) {\n this.emitTablePropsChangedEvent('verticalDividers', newValue);\n }\n\n @Watch('noMinWidth')\n noMinWidthChanged(newValue: boolean) {\n this.emitTablePropsChangedEvent('noMinWidth', newValue);\n }\n\n @Watch('modeVariant')\n modeVariantChanged(newValue: 'primary' | 'secondary' | null) {\n this.emitTablePropsChangedEvent('modeVariant', newValue);\n }\n\n render() {\n return (\n <Host class={{ 'sdds-table--responsive': this.enableResponsive }}>\n <table\n class={{\n 'sdds-table': true,\n 'sdds-table--compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-table--no-min-width': this.noMinWidth,\n 'sdds-table--responsive': this.enableResponsive,\n }}\n >\n <slot />\n </table>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAW,gM,MCyBJC,EAAK,M,8GAEqC,M,mBAGH,M,iDAOI,M,0BAGG,M,sBAGJ,M,iBAGW,K,aAMtCC,OAAOC,Y,CAajCC,2BAA2BC,EAA+BC,GACxDC,KAAKC,uBAAuBC,KAAK,CAC/BC,QAASH,KAAKG,QACdC,QAAS,CAACN,GACVA,CAACA,GAAmBC,G,CAKxBM,yBAAyBC,GACvBN,KAAKH,2BAA2B,oBAAqBS,E,CAIvDC,4BAA4BD,GAC1BN,KAAKH,2BAA2B,uBAAwBS,E,CAI1DE,qBAAqBF,GACnBN,KAAKH,2BAA2B,gBAAiBS,E,CAInDG,wBAAwBH,GACtBN,KAAKH,2BAA2B,mBAAoBS,E,CAItDI,kBAAkBJ,GAChBN,KAAKH,2BAA2B,aAAcS,E,CAIhDK,mBAAmBL,GACjBN,KAAKH,2BAA2B,cAAeS,E,CAGjDM,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAAE,yBAA0Bf,KAAKgB,mBAC5CH,EAAA,SACEE,MAAO,CACL,aAAc,KACd,sBAAuBf,KAAKiB,cAC5B,sBAAuBjB,KAAKkB,iBAC5B,2BAA4BlB,KAAKmB,WACjC,yBAA0BnB,KAAKgB,mBAGjCH,EAAA,c"}

package/dist/tegel/p-5b615b67.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as d,H as e,g as o,c as t}from"./p-1b74896d.js";const i=":host(.sdds-table__body-cell){box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--sdds-data-table-color);padding:var(--sdds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.sdds-table__body-cell) {box-sizing:border-box}:host(.sdds-table__body-cell--no-padding){padding:0}:host(.sdds-table__body-cell--hover){background-color:var(--sdds-data-table-body-cell-background-hover)}:host(.sdds-table__compact){padding:var(--sdds-spacing-element-8) var(--sdds-spacing-element-16)}:host(.sdds-table--divider){border-right:1px solid var(--sdds-data-table-divider)}:host(.sdds-table--divider:last-of-type){border-right:none}:host(.sdds-table--no-min-width){min-width:unset}";const r=["verticalDividers","compactDesign","noMinWidth"];const a=class{constructor(d){s(this,d);this.cellValue=undefined;this.cellKey=undefined;this.disablePadding=false;this.textAlignState=undefined;this.activeSorting=false;this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=false;this.whiteBackground=false;this.tableId=""}tablePropsChangedEventListener(s){if(this.tableId===s.detail.tableId){s.detail.changed.filter((s=>r.includes(s))).forEach((d=>{if(typeof this[d]==="undefined"){throw new Error(`Table prop is not supported: ${d}`)}this[d]=s.detail[d]}))}}headCellHoverEventListener(s){const[d,e]=s.detail;if(this.tableId===d){this.activeSorting=this.cellKey===e}}textAlignEventListener(s){const[d,e,o]=s.detail;if(this.tableId===d){if(this.cellKey===e){this.textAlignState=o}}}connectedCallback(){this.tableEl=this.host.closest("sdds-table");this.tableId=this.tableEl.tableId}componentWillLoad(){r.forEach((s=>{this[s]=this.tableEl[s]}))}render(){return d(e,{class:{"sdds-table__body-cell":true,"sdds-table__body-cell--hover":this.activeSorting,"sdds-table__compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-table--no-min-width":this.noMinWidth,"sdds-table__body-cell--no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,d("slot",null))}get host(){return o(this)}};a.style=i;const c=":root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:white;--sdds-checkbox-background-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item {box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:\"\";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:0.24;transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host(.sdds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--sdds-data-table-divider);background-color:var(--sdds-data-table-body-row-background);transition:background-color 200ms ease;color:var(--sdds-data-table-color)}:host(.sdds-table__row) *{box-sizing:border-box}:host(.sdds-table__row) .sdds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.sdds-table__row:hover){background-color:var(--sdds-data-table-body-row-background-hover)}:host(.sdds-table__row--selected){background-color:var(--sdds-data-table-body-row-background-active)}:host(.sdds-table__row--selected:hover){background-color:var(--sdds-data-table-body-row-background-active-hover)}:host(.sdds-table__row--hidden){display:none}:host(.sdds-table__row--expended){width:100%;background-color:pink}:host .sdds-form-label--data-table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.sdds-table__compact) .sdds-form-label--data-table{height:32px}:host(.sdds-table--divider) .sdds-table__body-cell--checkbox{border-right:1px solid var(--sdds-data-table-divider)}";const l=["enableMultiselect","verticalDividers","compactDesign","modeVariant"];const b=class{constructor(d){s(this,d);this.bodyRowToTable=t(this,"bodyRowToTable",7);this.runPaginationEvent=t(this,"runPaginationEvent",7);this.enableMultiselect=false;this.bodyCheckBoxStatus=false;this.mainCheckBoxStatus=false;this.verticalDividers=false;this.compactDesign=false;this.noMinWidth=false;this.modeVariant=null;this.tableId=""}bodyCheckBoxClicked(s){const d=this.host;this.bodyCheckBoxStatus=s.currentTarget.checked;if(this.bodyCheckBoxStatus===true){d.classList.add("sdds-table__row--selected")}else{d.classList.remove("sdds-table__row--selected")}this.bodyRowToTable.emit(this.bodyCheckBoxStatus)}bodyCheckBoxStatusUpdater(s){this.mainCheckBoxStatus=s;this.bodyCheckBoxStatus=this.mainCheckBoxStatus;const d=this.host;if(this.bodyCheckBoxStatus===true){d.classList.add("sdds-table__row--selected")}else{d.classList.remove("sdds-table__row--selected")}this.bodyRowToTable.emit(this.bodyCheckBoxStatus)}tablePropsChangedEventListener(s){if(this.tableId===s.detail.tableId){s.detail.changed.filter((s=>l.includes(s))).forEach((d=>{if(typeof this[d]==="undefined"){throw new Error(`Table prop is not supported: ${d}`)}this[d]=s.detail[d]}))}}headCheckboxListener(s){if(this.tableId===s.detail[0]){this.bodyCheckBoxStatusUpdater(s.detail[1])}}updateBodyCheckboxesEventListener(s){const[d,e]=s.detail;if(this.tableId===d){this.bodyCheckBoxStatusUpdater(e)}}connectedCallback(){this.tableEl=this.host.closest("sdds-table");this.tableId=this.tableEl.tableId}componentWillLoad(){l.forEach((s=>{this[s]=this.tableEl[s]}))}componentDidLoad(){this.runPaginationEvent.emit(this.tableId)}render(){return d(e,{class:{"sdds-table__row":true,"sdds-table__compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-mode-variant-primary":this.modeVariant==="primary","sdds-mode-variant-secondary":this.modeVariant==="secondary"}},this.enableMultiselect&&d("td",{class:"sdds-table__body-cell sdds-table__body-cell--checkbox"},d("div",{class:"sdds-checkbox-item"},d("label",{class:"sdds-form-label sdds-form-label--data-table"},d("input",{class:"sdds-form-input",type:"checkbox",onChange:s=>this.bodyCheckBoxClicked(s),checked:this.bodyCheckBoxStatus})))),d("slot",null))}get host(){return o(this)}};b.style=c;export{a as sdds_body_cell,b as sdds_table_body_row};
2	- //# sourceMappingURL=p-5b615b67.entry.js.map

package/dist/tegel/p-5b615b67.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tableBodyCellCss","relevantTableProps","TableBodyCell","tablePropsChangedEventListener","event","this","tableId","detail","changed","filter","changedProp","includes","forEach","Error","headCellHoverEventListener","receivedID","receivedKeyValue","activeSorting","cellKey","textAlignEventListener","receivedKey","receivedTextAlign","textAlignState","connectedCallback","tableEl","host","closest","componentWillLoad","tablePropName","render","h","Host","class","compactDesign","verticalDividers","noMinWidth","disablePadding","style","textAlign","cellValue","tableBodyRowCss","TableBodyRow","bodyCheckBoxClicked","row","bodyCheckBoxStatus","currentTarget","checked","classList","add","remove","bodyRowToTable","emit","bodyCheckBoxStatusUpdater","status","mainCheckBoxStatus","headCheckboxListener","updateBodyCheckboxesEventListener","receivedBodyCheckboxStatus","componentDidLoad","runPaginationEvent","modeVariant","enableMultiselect","type","onChange"],"sources":["./src/components/data-table/table-body-cell/table-body-cell.scss?tag=sdds-body-cell&encapsulation=shadow","./src/components/data-table/table-body-cell/table-body-cell.tsx","./src/components/data-table/table-body-row/table-body-row.scss?tag=sdds-table-body-row&encapsulation=shadow","./src/components/data-table/table-body-row/table-body-row.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__body-cell) {\n @include sdds-box-sizing;\n\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n display: table-cell;\n box-sizing: border-box;\n color: var(--sdds-data-table-color);\n padding: var(--sdds-spacing-element-16);\n min-width: 192px;\n vertical-align: top;\n background-color: transparent;\n transition: background-color 200ms ease;\n}\n\n:host(.sdds-table__body-cell--no-padding) {\n padding: 0;\n}\n\n:host(.sdds-table__body-cell--hover) {\n background-color: var(--sdds-data-table-body-cell-background-hover);\n}\n\n:host(.sdds-table__compact) {\n padding: var(--sdds-spacing-element-8) var(--sdds-spacing-element-16);\n}\n\n:host(.sdds-table--divider) {\n border-right: 1px solid var(--sdds-data-table-divider);\n}\n\n:host(.sdds-table--divider:last-of-type) {\n border-right: none;\n}\n\n:host(.sdds-table--no-min-width) {\n min-width: unset;\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { TablePropsChangedEvent } from '../table/table';\n\nconst relevantTableProps: TablePropsChangedEvent['changed'] = [\n 'verticalDividers',\n 'compactDesign',\n 'noMinWidth',\n];\n@Component({\n tag: 'sdds-body-cell',\n styleUrl: 'table-body-cell.scss',\n shadow: true,\n})\nexport class TableBodyCell {\n /** Value that will be presented as text inside a cell */\n @Prop({ reflect: true }) cellValue: string | number;\n\n /** Passing same cell key for all body cells which is used in head cell enables features of text align and hovering */\n @Prop({ reflect: true }) cellKey: any;\n\n /** Disables internal padding. Useful when passing other components to cell. */\n @Prop({ reflect: true }) disablePadding: boolean = false;\n\n @State() textAlignState: string;\n\n @State() activeSorting: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() whiteBackground: boolean = false;\n\n @State() tableId: string = '';\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n @Listen('tablePropsChangedEvent', { target: 'body' })\n tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n // Listen to headKey from data-table-header-element\n @Listen('headCellHoverEvent', { target: 'body' })\n headCellHoverEventListener(event: CustomEvent<any>) {\n const [receivedID, receivedKeyValue] = event.detail;\n\n if (this.tableId === receivedID) {\n this.activeSorting = this.cellKey === receivedKeyValue;\n }\n }\n\n // Listen to textAlignEvent from data-table-header-element\n @Listen('textAlignEvent', { target: 'body' })\n textAlignEventListener(event: CustomEvent<any>) {\n const [receivedID, receivedKey, receivedTextAlign] = event.detail;\n\n if (this.tableId === receivedID) {\n if (this.cellKey === receivedKey) {\n this.textAlignState = receivedTextAlign;\n }\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n }\n\n render() {\n return (\n <Host\n class={{\n 'sdds-table__body-cell': true,\n 'sdds-table__body-cell--hover': this.activeSorting,\n 'sdds-table__compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-table--no-min-width': this.noMinWidth,\n 'sdds-table__body-cell--no-padding': this.disablePadding,\n }}\n style={{ textAlign: this.textAlignState }}\n >\n {this.cellValue}\n <slot />\n </Host>\n );\n }\n}\n","/* As checkbox is not a web component, we have to import them here in order to have styles available - shadow DOM is a reason */\n@import '../../checkbox/checkbox';\n@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__row) {\n @include sdds-box-sizing;\n\n display: table-row;\n border-bottom: 1px solid var(--sdds-data-table-divider);\n background-color: var(--sdds-data-table-body-row-background);\n transition: background-color 200ms ease;\n color: var(--sdds-data-table-color);\n\n .sdds-table__body-cell--checkbox {\n min-width: 48px;\n width: 48px;\n padding: 0;\n }\n}\n\n:host(.sdds-table__row:hover) {\n background-color: var(--sdds-data-table-body-row-background-hover);\n}\n\n:host(.sdds-table__row--selected) {\n background-color: var(--sdds-data-table-body-row-background-active);\n}\n\n:host(.sdds-table__row--selected:hover) {\n background-color: var(--sdds-data-table-body-row-background-active-hover);\n}\n\n:host(.sdds-table__row--hidden) {\n display: none;\n}\n\n:host(.sdds-table__row--expended) {\n width: 100%;\n background-color: pink;\n}\n\n:host {\n // Extra rule for label use in data-data-table\n .sdds-form-label--data-table {\n width: 100%;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n }\n}\n\n:host(.sdds-table__compact) {\n .sdds-form-label--data-table {\n height: 32px;\n }\n}\n\n:host(.sdds-table--divider) {\n .sdds-table__body-cell--checkbox {\n border-right: 1px solid var(--sdds-data-table-divider);\n }\n}\n","import { Component, Element, h, Host, State, Event, EventEmitter, Listen } from '@stencil/core';\nimport { TablePropsChangedEvent } from '../table/table';\n\nconst relevantTableProps: TablePropsChangedEvent['changed'] = [\n 'enableMultiselect',\n 'verticalDividers',\n 'compactDesign',\n 'modeVariant',\n];\n\n@Component({\n tag: 'sdds-table-body-row',\n styleUrl: 'table-body-row.scss',\n shadow: true,\n})\nexport class TableBodyRow {\n @State() enableMultiselect: boolean = false;\n\n @State() bodyCheckBoxStatus: boolean = false;\n\n @State() mainCheckBoxStatus: boolean = false;\n\n @State() verticalDividers: boolean = false;\n\n @State() compactDesign: boolean = false;\n\n @State() noMinWidth: boolean = false;\n\n @State() modeVariant: 'primary' | 'secondary' = null;\n\n @State() tableId: string = '';\n\n @Element() host: HTMLElement;\n\n tableEl: HTMLSddsTableElement;\n\n bodyCheckBoxClicked(event) {\n const row = this.host;\n this.bodyCheckBoxStatus = event.currentTarget.checked;\n if (this.bodyCheckBoxStatus === true) {\n row.classList.add('sdds-table__row--selected');\n } else {\n row.classList.remove('sdds-table__row--selected');\n }\n this.bodyRowToTable.emit(this.bodyCheckBoxStatus);\n }\n\n bodyCheckBoxStatusUpdater(status) {\n this.mainCheckBoxStatus = status;\n this.bodyCheckBoxStatus = this.mainCheckBoxStatus;\n const row = this.host;\n if (this.bodyCheckBoxStatus === true) {\n row.classList.add('sdds-table__row--selected');\n } else {\n row.classList.remove('sdds-table__row--selected');\n }\n this.bodyRowToTable.emit(this.bodyCheckBoxStatus);\n }\n\n @Listen('tablePropsChangedEvent', { target: 'body' })\n tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>) {\n if (this.tableId === event.detail.tableId) {\n event.detail.changed\n .filter((changedProp) => relevantTableProps.includes(changedProp))\n .forEach((changedProp) => {\n if (typeof this[changedProp] === 'undefined') {\n throw new Error(`Table prop is not supported: ${changedProp}`);\n }\n this[changedProp] = event.detail[changedProp];\n });\n }\n }\n\n /** Send status of single row to the parent, sdds-table component that hold logic for data export and main checkbox control */\n @Event({\n eventName: 'bodyRowToTable',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n bodyRowToTable: EventEmitter<boolean>;\n\n /** Event that triggers pagination function. Needed as first rows have to be rendered in order for pagination to run */\n @Event({\n eventName: 'runPaginationEvent',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n runPaginationEvent: EventEmitter<string>;\n\n @Listen('mainCheckboxSelectedEvent', { target: 'body' })\n headCheckboxListener(event: CustomEvent<any>) {\n if (this.tableId === event.detail[0]) {\n this.bodyCheckBoxStatusUpdater(event.detail[1]);\n }\n }\n\n @Listen('updateBodyCheckboxesEvent', { target: 'body' })\n updateBodyCheckboxesEventListener(event: CustomEvent<any>) {\n const [receivedID, receivedBodyCheckboxStatus] = event.detail;\n if (this.tableId === receivedID) {\n this.bodyCheckBoxStatusUpdater(receivedBodyCheckboxStatus);\n }\n }\n\n connectedCallback() {\n this.tableEl = this.host.closest('sdds-table');\n this.tableId = this.tableEl.tableId;\n }\n\n componentWillLoad() {\n relevantTableProps.forEach((tablePropName) => {\n this[tablePropName] = this.tableEl[tablePropName];\n });\n }\n\n componentDidLoad() {\n this.runPaginationEvent.emit(this.tableId);\n }\n\n render() {\n return (\n <Host\n class={{\n 'sdds-table__row': true,\n 'sdds-table__compact': this.compactDesign,\n 'sdds-table--divider': this.verticalDividers,\n 'sdds-mode-variant-primary': this.modeVariant === 'primary',\n 'sdds-mode-variant-secondary': this.modeVariant === 'secondary',\n }}\n >\n {this.enableMultiselect && (\n <td class=\"sdds-table__body-cell sdds-table__body-cell--checkbox\">\n <div class=\"sdds-checkbox-item\">\n <label class=\"sdds-form-label sdds-form-label--data-table\">\n <input\n class=\"sdds-form-input\"\n type=\"checkbox\"\n onChange={(event) => this.bodyCheckBoxClicked(event)}\n checked={this.bodyCheckBoxStatus}\n />\n </label>\n </div>\n </td>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/tegel/p-650d5e31.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s,H as a,g as o}from"./p-1b74896d.js";const i='.sdds-navigation-tabs{box-sizing:border-box;background-color:var(--sdds-navigation-tabs-background);position:relative;display:flex;}.sdds-navigation-tabs *{box-sizing:border-box}.sdds-navigation-tabs::after{content:" ";display:block;border-bottom:1px solid var(--sdds-navigation-tabs-horizontal-divider-background);opacity:var(--sdds-navigation-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}.sdds-navigation-tabs-wrapper{display:flex;flex-wrap:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}.sdds-navigation-tabs-wrapper::-webkit-scrollbar{display:none}.sdds-navigation-tabs-forward{cursor:pointer;width:48px;height:100%;border:0;position:absolute;right:0;top:0;background-color:var(--sdds-navigation-tabs-scroll-btn-background);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-navigation-tabs-forward__show{opacity:1;pointer-events:all}.sdds-navigation-tabs-forward:hover{background-color:var(--sdds-navigation-tabs-scroll-btn-background-hover);text-decoration:none}.sdds-navigation-tabs-forward:active{background-color:var(--sdds-navigation-tabs-scroll-btn-background-active)}.sdds-navigation-tabs-forward:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-navigation-tabs-back{cursor:pointer;width:48px;height:100%;border:0;position:absolute;left:0;top:0;background-color:var(--sdds-navigation-tabs-scroll-btn-background);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-navigation-tabs-back__show{opacity:1;pointer-events:all}.sdds-navigation-tabs-back:hover{background-color:var(--sdds-navigation-tabs-scroll-btn-background-hover)}.sdds-navigation-tabs-back:active{background-color:var(--sdds-navigation-tabs-scroll-btn-background-active)}.sdds-navigation-tabs-back:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}::slotted(.sdds-navigation-tabs-tab){font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-navigation-tabs-tab-color);opacity:0.6;padding:26px 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}::slotted(.sdds-navigation-tabs-tab)::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}::slotted(.sdds-navigation-tabs-tab:first-child){margin-left:32px}::slotted(.sdds-navigation-tabs-tab:last-child){margin-right:32px}::slotted(.sdds-navigation-tabs-tab:hover){color:var(--sdds-navigation-tabs-tab-color-hover);opacity:1}::slotted(.sdds-navigation-tabs-tab:hover)::after{width:100%}::slotted(.sdds-navigation-tabs-tab:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px;color:var(--sdds-navigation-tabs-tab-color-focus);opacity:1}::slotted(.sdds-navigation-tabs-tab:focus)::after{width:0}::slotted(.sdds-navigation-tabs-tab-active){color:var(--sdds-navigation-tabs-tab-color-active);opacity:1}::slotted(.sdds-navigation-tabs-tab-active)::after{width:100%;background-color:var(--sdds-navigation-tabs-tab-indicator-background-active)}::slotted(.sdds-navigation-tabs-tab-active:focus)::after{width:100%}::slotted(.sdds-navigation-tabs-tab-disabled){color:var(--sdds-navigation-tabs-tab-color-disabled);opacity:var(--sdds-navigation-tabs-tab-color-opacity-disabled);pointer-events:none}';const n=class{constructor(s){t(this,s);this.navWrapperElement=null;this.componentWidth=0;this.buttonsWidth=0;this.scrollWidth=0;this.buttonWidth=0;this.tabs=[];this.showLeftScroll=false;this.showRightScroll=false;this.modeVariant=null}componentDidRender(){this.calculateButtonWidth()}componentDidLoad(){const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let a=0;const o=Array.from(this.host.children);o.forEach((t=>{const s=window.getComputedStyle(t);a+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight);t.classList.add("sdds-navigation-tabs-tab")}));this.componentWidth=s;this.buttonsWidth=a;this.scrollWidth=a-s;if(this.buttonsWidth>this.componentWidth){this.evaluateScrollButtons()}else{this.showLeftScroll=false;this.showRightScroll=false}}))}));t.observe(this.navWrapperElement);this.calculateButtonWidth()}calculateButtonWidth(){let t=0;const s=Array.from(this.host.children);s.forEach((s=>{const a=window.getComputedStyle(s);const o=s.clientWidth+parseFloat(a.marginLeft)+parseFloat(a.marginRight);if(o>t){t=o}}));this.buttonWidth=t}scrollRight(){const t=this.navWrapperElement.scrollLeft;this.navWrapperElement.scrollLeft=t+this.buttonWidth;this.evaluateScrollButtons()}scrollLeft(){const t=this.navWrapperElement.scrollLeft;this.navWrapperElement.scrollLeft=t-this.buttonWidth;this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;if(t>=this.scrollWidth){this.showRightScroll=false}else{this.showRightScroll=true}if(t<=0){this.showLeftScroll=false}else{this.showLeftScroll=true}}render(){return s(a,{class:`${this.modeVariant!==null?`sdds-mode-variant-${this.modeVariant}`:""}`},s("div",{class:"sdds-navigation-tabs"},s("div",{class:"sdds-navigation-tabs-wrapper",ref:t=>{this.navWrapperElement=t}},s("slot",null)),s("div",{class:"sdds-navigation-tabs-navigation"},s("button",{class:`sdds-navigation-tabs-forward ${this.showRightScroll?"sdds-navigation-tabs-forward-show":""}`,onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.1147 17.3291C5.87062 17.0851 5.87062 16.6893 6.1147 16.4453L12.2948 10.2652C12.4412 10.1187 12.4412 9.8813 12.2948 9.73485L6.1147 3.55476C5.87062 3.31068 5.87062 2.91496 6.1147 2.67088C6.35878 2.4268 6.75451 2.4268 6.99858 2.67088L13.1787 8.85097C13.8133 9.48557 13.8133 10.5145 13.1787 11.1491L6.99858 17.3291C6.75451 17.5732 6.35878 17.5732 6.1147 17.3291Z",fill:"#0D0F13"}))),s("button",{class:`sdds-navigation-tabs-back ${this.showLeftScroll?"sdds-navigation-tabs-back-show":""}`,onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.8853 2.67085C14.1294 2.91493 14.1294 3.31066 13.8853 3.55473L7.70522 9.73482C7.55878 9.88127 7.55878 10.1187 7.70522 10.2652L13.8853 16.4452C14.1294 16.6893 14.1294 17.085 13.8853 17.3291C13.6412 17.5732 13.2455 17.5732 13.0014 17.3291L6.82134 11.149C6.18674 10.5144 6.18674 9.48554 6.82134 8.85094L13.0014 2.67085C13.2455 2.42677 13.6412 2.42677 13.8853 2.67085Z",fill:"#0D0F13"}))))))}get host(){return o(this)}};n.style=i;export{n as sdds_navigation_tabs};
2	- //# sourceMappingURL=p-650d5e31.entry.js.map