npm - @dso-toolkit/core - Versions diffs - 62.4.0 → 62.5.0 - Mend

@dso-toolkit/core 62.4.0 → 62.5.0

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

Files changed (308) hide show

package/dist/dso-toolkit/p-4ace5655.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as a,h as s}from"./p-3ca5b6f4.js";const l=`<svg id="air" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M24,8h0a.6.6,0,0,1-.38.56l-.1,0h0A8.18,8.18,0,0,0,21,10c-.21.55.33,2.11.77,3a.61.61,0,0,1-.12.71.63.63,0,0,1-.39.17,4.8,4.8,0,0,0-4-2.15H17a4.58,4.58,0,0,0-.37-.69A3.07,3.07,0,0,0,19,8.62h0a2.24,2.24,0,0,0,.06-.52s0-.07,0-.1,0-.07,0-.1A2.24,2.24,0,0,0,19,7.38h0a3.07,3.07,0,0,0-6,0h0a2.24,2.24,0,0,0-.06.52s0,.07,0,.1,0,.06,0,.1a.77.77,0,0,0,0,.15,6.49,6.49,0,0,0-4.51.35l-.06,0A.61.61,0,0,1,8,8.09V8H8V7.91a.61.61,0,0,1,.37-.48l.11,0h0A13.68,13.68,0,0,0,11.08,6a9.37,9.37,0,0,0-.86-3,.62.62,0,0,1,.83-.81,9.12,9.12,0,0,0,2.8.89H14A6.79,6.79,0,0,0,15.42.42a.61.61,0,0,1,1.15,0,8.43,8.43,0,0,0,1.65,2.76h.13a7.76,7.76,0,0,0,2.58-.91.61.61,0,0,1,.84.81c-.44.89-1,2.45-.77,3a8.18,8.18,0,0,0,2.48,1.33h0l.1,0A.6.6,0,0,1,24,8ZM10.68,22.34a5.15,5.15,0,0,1-3.12,1,4.72,4.72,0,0,1-4.81-3.76l-.14-.45h-.5A2,2,0,0,1,0,17.24a2,2,0,0,1,2.11-1.92,2.17,2.17,0,0,1,1.32.43l.4.29.37-.32a5,5,0,0,1,2.18-1.09l.44-.24V14a4.17,4.17,0,0,1,4.35-4,4.24,4.24,0,0,1,4.3,3.43l.1.67.69-.25a3,3,0,0,1,1-.17A2.64,2.64,0,0,1,20,16.19a2.32,2.32,0,0,1,0,.46l-.08.38.38.18A2.93,2.93,0,0,1,22,19.83a3.12,3.12,0,0,1-3.24,3,3.52,3.52,0,0,1-1.71-.45L16.47,22l-.26.58a2.58,2.58,0,0,1-4.62,0l-.3-.68Z"/>\n</svg>\n`;const n=`<svg id="angle-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,15,7.29,10.6a.9.9,0,0,1,0-1.33,1.07,1.07,0,0,1,1.42,0L12,12.35l3.29-3.08a1.07,1.07,0,0,1,1.42,0,.9.9,0,0,1,0,1.33Z"/>\n</svg>\n`;const t=`<svg id="angle-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13.65,17a.91.91,0,0,1-.66-.29L8.59,12,13,7.29a.89.89,0,0,1,1.32,0,1,1,0,0,1,0,1.42L11.23,12l3.08,3.29a1,1,0,0,1,0,1.42A.91.91,0,0,1,13.65,17Z"/>\n</svg>\n`;const o=`<svg id="angle-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M9.94,17a1,1,0,0,1-.67-.29,1.07,1.07,0,0,1,0-1.42L12.35,12,9.27,8.71a1.07,1.07,0,0,1,0-1.42.9.9,0,0,1,1.33,0L15,12l-4.4,4.71A1,1,0,0,1,9.94,17Z"/>\n</svg>\n`;const v=`<svg id="angle-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16,14.59a1.06,1.06,0,0,1-.71-.28L12,11.23,8.71,14.31a1,1,0,0,1-1.42,0,.89.89,0,0,1,0-1.32L12,8.59,16.71,13a.89.89,0,0,1,0,1.32A1.06,1.06,0,0,1,16,14.59Z"/>\n</svg>\n`;const i=`<svg id="balloon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13,23a.92.92,0,0,1-.36-.07A1,1,0,0,1,12,22V18H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H23a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H17.93l-4.19,4.67A1,1,0,0,1,13,23ZM2,16H13a1,1,0,0,1,1,1v2.39l2.74-3.06a1,1,0,0,1,.74-.33H22V2H2ZM20,5a1,1,0,0,0-1-1H5A1,1,0,0,0,5,6H19A1,1,0,0,0,20,5Zm0,4a1,1,0,0,0-1-1H5a1,1,0,0,0,0,2H19A1,1,0,0,0,20,9Zm-4,4a1,1,0,0,0-1-1H5a1,1,0,0,0,0,2H15A1,1,0,0,0,16,13Z"/>\n</svg>\n`;const g=`<svg id="bars" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22,7.2a.8.8,0,0,1-.8.8H2.8A.8.8,0,0,1,2,7.2V5.8A.8.8,0,0,1,2.8,5H21.2a.8.8,0,0,1,.8.8Zm0,3.6a.8.8,0,0,0-.8-.8H2.8a.8.8,0,0,0-.8.8v1.4a.8.8,0,0,0,.8.8H21.2a.8.8,0,0,0,.8-.8Zm0,5a.8.8,0,0,0-.8-.8H2.8a.8.8,0,0,0-.8.8v1.4a.8.8,0,0,0,.8.8H21.2a.8.8,0,0,0,.8-.8Z"/>\n</svg>\n`;const r=`<svg id="buildings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,24H0V9H12ZM10,11H8v2h2Zm0,3H8v2h2Zm0,3H8v2h2ZM4,11H2v2H4Zm3,0H5v2H7ZM4,14H2v2H4Zm3,0H5v2H7ZM4,17H2v2H4Zm3,0H5v2H7Zm0,4H5v3H7ZM24,6H19V0L7,2V8h6V24h6V23h5ZM20,21H18V19h2Zm0-3H18V16h2Zm0-3H18V13h2Zm0-3H18V10h2Zm0-3H18V7h2Zm3,12H21V19h2Zm0-3H21V16h2Zm0-3H21V13h2Zm0-3H21V10h2Zm0-3H21V7h2Z"/>\n</svg>\n`;const w=`<svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7,4.84A.16.16,0,0,1,6.84,5H5.16A.16.16,0,0,1,5,4.84V1.16A.16.16,0,0,1,5.16,1H6.84A.16.16,0,0,1,7,1.16ZM19,1.16A.16.16,0,0,0,18.84,1H17.16a.16.16,0,0,0-.16.16V4.84a.16.16,0,0,0,.16.16h1.68A.16.16,0,0,0,19,4.84ZM23,5V22a1,1,0,0,1-1,1H2a1,1,0,0,1-1-1V5A1,1,0,0,1,2,4H4v1A1.09,1.09,0,0,0,5,6H7a1.06,1.06,0,0,0,1-1V4h8v1a1.07,1.07,0,0,0,1,1h2a1.05,1.05,0,0,0,1-1V4h2A1,1,0,0,1,23,5Zm-2,5.55a.54.54,0,0,0-.53-.55H3.53a.54.54,0,0,0-.53.55v9.9a.54.54,0,0,0,.53.55H20.47a.54.54,0,0,0,.53-.55Z"/>\n</svg>\n`;const c=`<svg id="call" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,17.86V22a1,1,0,0,1-1,1A22,22,0,0,1,1,2,1,1,0,0,1,2,1H6a1,1,0,0,1,1,.84L8.26,7A1,1,0,0,1,8,7.88L5.42,10.57a20.11,20.11,0,0,0,8,8L16.12,16a1,1,0,0,1,.87-.28l5.17,1.14A1,1,0,0,1,23,17.86Z"/>\n</svg>\n`;const h=`<svg id="caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19.71,10,13.08,16.6a1.35,1.35,0,0,1-1.9,0L4.3,9.93C3.77,9.42,4,9,4.71,9H19.28C20,9,20.23,9.43,19.71,10Z"/>\n</svg>\n`;const e=`<svg id="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>\n</svg>\n`;const A=`<svg id="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35ZM12,3a9,9,0,1,0,9,9,9,9,0,0,0-9-9m0-2A11,11,0,1,1,1,12,11,11,0,0,1,12,1ZM10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>\n</svg>\n`;const Z=`<svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,16,5.29,9.63a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.42,0l5.29,5,5.29-5a1,1,0,0,1,1.42,0,.91.91,0,0,1,0,1.34Z"/>\n</svg>\n`;const p=`<svg id="chevron-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15.05,19a.93.93,0,0,1-.67-.29L8,12l6.37-6.71a.93.93,0,0,1,1.35,0,1,1,0,0,1,0,1.42l-5,5.29,5,5.29a1,1,0,0,1,0,1.42A.93.93,0,0,1,15.05,19Z"/>\n</svg>\n`;const d=`<svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M9,19a.93.93,0,0,1-.67-.29,1,1,0,0,1,0-1.42l5-5.29-5-5.29a1,1,0,0,1,0-1.42.93.93,0,0,1,1.35,0L16,12,9.62,18.71A.93.93,0,0,1,9,19Z"/>\n</svg>\n`;const H=`<svg id="chevron-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,16a1,1,0,0,1-.71-.28l-5.29-5-5.29,5a1,1,0,0,1-1.42,0,.93.93,0,0,1,0-1.35L12,8l6.71,6.38a.91.91,0,0,1,0,1.34A1,1,0,0,1,18,16Z"/>\n</svg>\n`;const m=`<svg id="circle-notch" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,23A11.11,11.11,0,0,1,9.8,1,1,1,0,0,1,11,1.81,1,1,0,0,1,10.2,3,9.09,9.09,0,0,0,12,21,9.09,9.09,0,0,0,13.8,3,1,1,0,0,1,13,1.81,1,1,0,0,1,14.2,1,11.11,11.11,0,0,1,12,23Z"/>\n</svg>\n`;const V=`<svg id="clock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,11h0V6.17a1,1,0,0,0-2,0v5.42l-3.21,3.2a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l3.49-3.5a.91.91,0,0,0,.22-.33A.84.84,0,0,0,13,12Z"/>\n</svg>\n`;const M=`<svg id="copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,1H11A2,2,0,0,0,9,3V5H3A2,2,0,0,0,1,7V21a2,2,0,0,0,2,2H13a2,2,0,0,0,2-2V19h6a2,2,0,0,0,2-2V6ZM17,3.06,20.94,7H17ZM13,21H3V7H9V17a2,2,0,0,0,2,2h2Zm8-4H11V3h4V9h6Z"/>\n</svg>\n`;const x=`<svg id="crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22,9,19.14,18H4.86L2,9l5.53,3a1.91,1.91,0,1,0,1-.08L12,8l3.42,3.85a1.9,1.9,0,1,0,1,.08ZM12,7a2,2,0,1,0-2-2A2,2,0,0,0,12,7ZM4,9A2,2,0,1,0,2,7,2,2,0,0,0,4,9ZM20,9a2,2,0,1,0-2-2A2,2,0,0,0,20,9ZM5.53,20.68A.47.47,0,0,0,6,21H18a.5.5,0,0,0,.44-.32l.45-1.36a.23.23,0,0,0-.23-.32H5.33a.23.23,0,0,0-.23.32Z"/>\n</svg>\n`;const C=`<svg id="cultural" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M6,18H4V10H6Zm4-8H8v8h2Zm6,0H14v8h2Zm4,0H18v8h2Zm1,11V19H3v2H1v2H23V21Zm.09-12H2.92c-1,0-1.21-.45-.53-1l8.2-6.6a2.12,2.12,0,0,1,2.49,0L21.6,8C22.29,8.56,22.06,9,21.09,9ZM14,6a2,2,0,1,0-2,2A2,2,0,0,0,14,6Z"/>\n</svg>`;const u=`<svg id="document" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.11,1H5A2,2,0,0,0,3,3V21a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V7.89ZM19,21H5V3h8V9h6Zm-2-2H7V17H17Zm0-4H7V13H17Z"/>\n</svg>\n`;const f=`<svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.72,10.44,12,17l-6.7-6.52C4.8,10,5,9.63,5.63,9.63H8.5V1.82A.8.8,0,0,1,9.28,1h5.44a.8.8,0,0,1,.78.82V9.61h2.87C19,9.6,19.2,10,18.72,10.44ZM1,17v6H23V17Zm16,3a2,2,0,1,1-2-2A2,2,0,0,1,17,20Zm5,0a2,2,0,1,1-2-2A2,2,0,0,1,22,20Z"/>\n</svg>\n`;const L=`<svg id="email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,3H1A1,1,0,0,0,0,4V20a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V4A1,1,0,0,0,23,3ZM20.39,5l-8.08,6.38a.59.59,0,0,1-.73,0L3.59,5ZM2,19V6.28L10.35,13a2.62,2.62,0,0,0,1.57.52,2.53,2.53,0,0,0,1.68-.62L22,6.27V19Z"/>\n</svg>\n`;const B=`<svg id="energy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8,8ZM24,8V8Zm0,0a.61.61,0,0,1-.42.57c-.94.32-2.43,1-2.66,1.57a8.22,8.22,0,0,0,.81,2.71l0,0a.42.42,0,0,0,0,.1.62.62,0,0,1-.13.66h0a.62.62,0,0,1-.67.13l-.1,0,0,0a8.15,8.15,0,0,0-2.69-.81,3.25,3.25,0,0,0-1.05,1.42,2.08,2.08,0,0,0,2,1.67h.19a4,4,0,0,1-.17,8c-2.79,0-2.64-3-4-3H9.86A4,4,0,0,1,6,24H3V23H1.13a1,1,0,1,1,0-2H3V19H1.13a1,1,0,1,1,0-2H3V16H6a4,4,0,0,1,3.86,3h5.26c2.37,0,2.36,3,4,3a2,2,0,0,0,0-4L19,18a4.08,4.08,0,0,1-3.46-2.24h0a.6.6,0,0,0-.06-.11h0l0-.06a7.54,7.54,0,0,0-1.17-2.47.5.5,0,0,0-.11-.09,8.54,8.54,0,0,0-3.12.79.65.65,0,0,1-.69-.15.62.62,0,0,1-.09-.7,6.9,6.9,0,0,0,.89-2.89.46.46,0,0,0-.1-.13A9.3,9.3,0,0,0,8.41,8.57a.6.6,0,0,1,0-1.14A9.3,9.3,0,0,0,11,6.08a.46.46,0,0,0,.1-.13,6.86,6.86,0,0,0-.89-2.89.62.62,0,0,1,.09-.7A.65.65,0,0,1,11,2.21,8.54,8.54,0,0,0,14.13,3a.5.5,0,0,0,.11-.09A7.54,7.54,0,0,0,15.41.44a.61.61,0,0,1,1.17,0c.32.94,1,2.43,1.58,2.67a8.15,8.15,0,0,0,2.69-.81l0,0,.1,0a.62.62,0,0,1,.67.13h0A.62.62,0,0,1,21.8,3a.42.42,0,0,0,0,.1l0,0a8.22,8.22,0,0,0-.81,2.71c.23.53,1.72,1.25,2.66,1.57A.61.61,0,0,1,24,8ZM19.07,8a3.1,3.1,0,0,0-.5-1.66h0A4.23,4.23,0,0,0,18.24,6l-.06-.07-.08-.07a3.29,3.29,0,0,0-.41-.33h0a3.07,3.07,0,0,0-3.87.4A3.11,3.11,0,0,0,12.92,8V8a3.11,3.11,0,0,0,.9,2.12,3.07,3.07,0,0,0,3.87.4h0a3.29,3.29,0,0,0,.41-.33l.08-.07.06-.07a4.23,4.23,0,0,0,.33-.41h0A3.1,3.1,0,0,0,19.07,8Z"/>\n</svg>\n`;const F=`<svg id="environment" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2,14a6.65,6.65,0,0,1-1,.15C-.41,15.8-.59,19.35,2.19,21.83,3.76,23.23,5.3,24,8.42,24c.57,0,1.18,0,1.85-.08A31.64,31.64,0,0,0,16,22.53s-1.39-.87-2.42-5.62c-.89-4.13-4.09-6.38-5.87-6.58-.41,0-.79-.07-1.15-.07-1.48,0-2.49.39-2.68,1a10.7,10.7,0,0,1-.66,1.66,8.39,8.39,0,0,1-.86-3.67c0-.23.09-.48.09-.7S2.1,8,1.87,8A10.05,10.05,0,0,0,.45,10.18a1.11,1.11,0,0,0-.08.72A11.66,11.66,0,0,0,2,14Zm2.43.73A14.92,14.92,0,0,0,7.23,18c1.37,1.07,2.1.81,2.11.81a.74.74,0,0,1,1,.35A.8.8,0,0,1,10,20.18c-.15.08-1.55.72-3.73-1a16,16,0,0,1-3.13-3.57ZM22,10a6.65,6.65,0,0,1,1-.15c1.41-1.68,1.59-5.23-1.19-7.71C20.24.77,18.7,0,15.58,0,15,0,14.4,0,13.73.08A31.64,31.64,0,0,0,8,1.47s1.39.87,2.42,5.62c.89,4.13,4.09,6.38,5.87,6.58.41,0,.79.07,1.15.07,1.48,0,2.49-.39,2.68-1a10.7,10.7,0,0,1,.66-1.66,8.39,8.39,0,0,1,.86,3.67c0,.23-.09.48-.09.7s.35.59.58.53a10.05,10.05,0,0,0,1.42-2.17,1.11,1.11,0,0,0,.08-.72A11.66,11.66,0,0,0,22,10ZM19.6,9.3A14.92,14.92,0,0,0,16.77,6c-1.37-1.07-2.1-.81-2.11-.81a.74.74,0,0,1-1-.35A.8.8,0,0,1,14,3.82c.15-.08,1.55-.72,3.73,1a16,16,0,0,1,3.13,3.57Z"/>\n</svg>\n`;const y=`<svg id="exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,17a1.92,1.92,0,0,1-2-1.82V2.82A1.92,1.92,0,0,1,12,1a1.92,1.92,0,0,1,2,1.82V15.18A1.92,1.92,0,0,1,12,17Zm0,2a2,2,0,1,0,2,2A2,2,0,0,0,12,19Z"/>\n</svg>\n`;const b=`<svg id="external-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,6V9.69c0,.33-.2.41-.43.17L17.06,8.35l-3.35,3.36a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42l3.36-3.35L14.14,5.43C13.9,5.19,14,5,14.31,5H19V6ZM18,17V13a1,1,0,0,0-2,0v4a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V9A1,1,0,0,1,7,8h4a1,1,0,0,0,0-2H7A3,3,0,0,0,4,9v8a3,3,0,0,0,3,3h8A3,3,0,0,0,18,17Z"/>\n</svg>\n`;const k=`<svg id="eye-slash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.72,6.7l3-3L20.29,2.29,17,5.55A9.91,9.91,0,0,0,12,4C5.37,4,0,12.5,0,12.5a26.34,26.34,0,0,0,4.74,5.35L2,20.54,3.46,22l2.89-2.89A10.3,10.3,0,0,0,12,21c6.63,0,12-8.5,12-8.5A26.13,26.13,0,0,0,18.72,6.7ZM2.44,12.5C4.29,10,8.13,6,12,6a7.61,7.61,0,0,1,3.57,1l-.82.81a5,5,0,0,0-5.43,0A2.91,2.91,0,0,1,12.63,10L9,13.64A3,3,0,0,1,7,12V12a5,5,0,0,0,.83,2.75L6.16,16.43A23.7,23.7,0,0,1,2.44,12.5ZM12,19a8.16,8.16,0,0,1-4.2-1.38l1.45-1.45a5,5,0,0,0,6.92-6.92l1.11-1.12a22.62,22.62,0,0,1,4.28,4.37C19.71,15,15.87,19,12,19Z"/>\n</svg>`;const z=`<svg id="eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,6c3.87,0,7.71,4,9.56,6.5C19.71,15,15.87,19,12,19s-7.71-4-9.56-6.5C4.29,10,8.13,6,12,6m0-2C5.37,4,0,12.5,0,12.5S5.37,21,12,21s12-8.5,12-8.5S18.63,4,12,4Zm0,3a5,5,0,0,0-2.68.79A3,3,0,1,1,7,12V12a5,5,0,1,0,5-5Z"/>\n</svg>\n`;const S=`<svg id="filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21,3.45A.45.45,0,0,0,20.55,3H3.45A.45.45,0,0,0,3,3.45v1.9a1.31,1.31,0,0,0,.31.78l6.38,6.59a1.26,1.26,0,0,1,.31.78v4.17a1,1,0,0,0,.36.73l3.28,2.52c.2.16.36.07.36-.18V13.49a1.31,1.31,0,0,1,.31-.78l6.38-6.58A1.31,1.31,0,0,0,21,5.35Z"/>\n</svg>\n`;const q=`<svg id="forbidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM3,12A9,9,0,0,1,5,6.39L17.61,19A8.91,8.91,0,0,1,12,21,9,9,0,0,1,3,12Zm16,5.61L6.39,5A9,9,0,0,1,19,17.61Z"/>\n</svg>\n`;const E=`<svg id="health" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M22.49,13.09C20.8,16,17.58,19.23,12,23c-5.58-3.76-8.8-7-10.48-9.9H5.87l.61-.74,2.38,4.23,1.81-.14,2.42-6.61,2.61,6.47,2.68-3.21Zm-3.89-12C18.21,1,17.85,1,17.51,1,14.79,1,12.29,3.84,12,3.84S9.2,1,6.49,1c-.34,0-.7,0-1.09.05C3.05,1.27.33,3.35,0,7.32V8.64A9.42,9.42,0,0,0,.56,11.1H4.93L6.8,8.84l2.74,4.88,2.57-7,1.86,0,2.33,5.78,1.14-1.35,6,0A9.28,9.28,0,0,0,24,8.64V7.32C23.67,3.35,21,1.27,18.6,1.05Z"/>\n</svg>\n`;const D=`<svg id="help-active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,17a1,1,0,1,1,1-1A1,1,0,0,1,12,18Zm1-4v.09a1,1,0,0,1-2,0V14c0-2.37,3-2.36,3-4a2,2,0,0,0-4,0v.09a1,1,0,0,1-2,0V10a4,4,0,0,1,8,0C16,12.79,13,12.64,13,14Z"/>\n</svg>\n`;const O=`<svg id="help" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,17a1,1,0,1,0-1-1A1,1,0,0,0,12,18ZM12,6a4,4,0,0,0-4,4v.09a1,1,0,0,0,2,0V10a2,2,0,0,1,4,0c0,1.64-3,1.63-3,4v.09a1,1,0,0,0,2,0V14c0-1.36,3-1.21,3-4A4,4,0,0,0,12,6Z"/>\n</svg>\n`;const T=`<svg id="house" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M17.67,12a.33.33,0,0,1,.33.33v4.34a.33.33,0,0,1-.33.33H12.33a.33.33,0,0,1-.33-.33V12.33a.33.33,0,0,1,.33-.33h5.34Zm4.17-1.58L12.26,2.09a.42.42,0,0,0-.52,0L2.16,10.42a.52.52,0,0,0-.07.66H4V21.58a.42.42,0,0,0,.42.42H19.58a.42.42,0,0,0,.42-.42V11.09h1.91A.52.52,0,0,0,21.84,10.42ZM10,19.67a.33.33,0,0,1-.33.33H6.33A.33.33,0,0,1,6,19.67V12.33A.33.33,0,0,1,6.33,12H9.67a.33.33,0,0,1,.33.33Z"/>\n</svg>\n`;const j=`<svg id="info-active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12,9a1,1,0,1,0-1-1A1,1,0,0,0,12,9Zm1,7.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n`;const I=`<svg id="info-i" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11,8a1,1,0,1,1,1,1A1,1,0,0,1,11,8Zm2,8.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n`;const P=`<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,8a1,1,0,1,0-1-1A1,1,0,0,0,12,9Zm1,7.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n`;const R=`<svg id="infrastructure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7.86,8l8.2.05L22,23H2Zm2.76,5h2.71l-.86-4H11.34Zm3.87,9-1.18-6H10.73l-1,6ZM1,1v9H3.52a9,9,0,0,1,17,0H23V1Z"/>\n</svg>\n`;const U=`<svg id="label" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23.28,2.33A2.82,2.82,0,0,1,24,4.07V9.16a3,3,0,0,1-.69,1.77L11.46,23.68a1,1,0,0,1-1.41,0L.29,14a1,1,0,0,1,0-1.41L13.07.69A3,3,0,0,1,14.84,0h5.09a2.82,2.82,0,0,1,1.74.72ZM19,7a2,2,0,0,0,2-2,2,2,0,1,0-2,2Z"/>\n</svg>\n`;const $=`<svg id="land" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5.62,16A9.84,9.84,0,0,1,1,18.29V7.6l4.81,5.88a2.9,2.9,0,0,0-.4,1.46A3,3,0,0,0,5.62,16Zm1.59-1.08a1.19,1.19,0,1,0,1.18-1.18A1.18,1.18,0,0,0,7.21,14.94Zm1.18-3a3,3,0,0,1,1.6.47L18.51,5.5,14.74,1H1V4.74l6.14,7.5A2.91,2.91,0,0,1,8.39,12Zm0,6a3,3,0,0,1-1.64-.5A13,13,0,0,1,1,20.11V23H13.82L9.51,17.71A2.94,2.94,0,0,1,8.39,17.93ZM17.13,1l2.81,3.34L23,1.86V1ZM15.67,5.09a1.83,1.83,0,0,1-3.52.73A1.77,1.77,0,0,1,12,5.09a1.84,1.84,0,0,1,3.67,0ZM7.88,22.92l-.08-.11-1-1.24-1-1.24,1.34-1.1,1,1.24.8-.65L10,21.16ZM8.4,10l-.08-.1h0l-4.94-6,1.5-1.27L8.23,6.71,10,5.36l1.66,2ZM20.77,7.75,22,9.15,23,10.41V4.19L11.16,13.8a3.08,3.08,0,0,1,.22,1.14,2.93,2.93,0,0,1-.48,1.61L16.15,23H23V17.57l-5,4.19L15.2,18.41,21,13.58,23,16V13.26l-2.46-2.93-1.86,1.56-1.18-1.4,1.86-1.57Z"/>\n</svg>\n`;const _=`<svg id="landscape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8,0l3,11H0L3,2,6,3ZM21,9,18,8l-4,7,10,3V6ZM5,16c1,.56,4.5,2.74,4.81,3C9.81,19,1,23,0,24H17.65c2-3,3-5,2-6S9.79,15.25,10,15c.46-.55,5-4,5-4H13S3.83,15.36,5,16ZM22,3h0a.46.46,0,0,1-.28.42l-.08,0h0a6.08,6.08,0,0,0-1.86,1,4.39,4.39,0,0,0,.58,2.25.47.47,0,0,1-.09.54.46.46,0,0,1-.54.07,6,6,0,0,0-1.93-.68h-.11a6.37,6.37,0,0,0-1.23,2.07A.48.48,0,0,1,16,9a.48.48,0,0,1-.42-.31,5,5,0,0,0-1.06-2h-.12a7.19,7.19,0,0,0-2.1.66.44.44,0,0,1-.51-.08.48.48,0,0,1-.11-.52,7.08,7.08,0,0,0,.65-2.25,11.24,11.24,0,0,0-1.94-1h0l-.08,0A.46.46,0,0,1,10,3.06h0V3h0V3h0a.46.46,0,0,1,.29-.37l.08,0h0a11.24,11.24,0,0,0,1.94-1A5,5,0,0,0,12,0H20a3,3,0,0,0-.28,1.54,6.08,6.08,0,0,0,1.86,1h0l.08,0A.46.46,0,0,1,22,3ZM18.31,3s0,0,0-.07a1.61,1.61,0,0,0,0-.39h0a2.31,2.31,0,0,0-4.52,0h0a1.61,1.61,0,0,0,0,.39s0,0,0,.07,0,0,0,.07a1.61,1.61,0,0,0,0,.39h0a2.31,2.31,0,0,0,4.52,0h0a1.61,1.61,0,0,0,0-.39S18.31,3,18.31,3Z"/>\n</svg>`;const G=`<svg id="layers" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20.63,14.39c.51.41.48.79,0,1.23l-7.52,5.76c-.56.42-.84.63-1.11.62h0c-.27,0-.55-.2-1.11-.62L3.37,15.62c-.48-.44-.51-.82,0-1.23l.85-.65,6.67,5.11c.56.41.84.62,1.11.61h0c.27,0,.55-.2,1.11-.61l6.67-5.11ZM13.09,3.55l7.54,5.77c.51.4.48.78,0,1.23l-7.52,5.76c-.56.42-.84.62-1.11.61h0c-.27,0-.55-.19-1.11-.61L3.37,10.55c-.48-.45-.51-.83,0-1.23l7.54-5.77C11.46,3.18,11.74,3,12,3S12.54,3.18,13.09,3.55Z"/>\n</svg>\n`;const J=`<svg id="location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,24c-1.11,0-8-9-8-16a8.28,8.28,0,0,1,8-8c4,0,8,4,8,8C20,15,13.14,24,12,24ZM12,3a5,5,0,1,0,5,5A5,5,0,0,0,12,3Z"/>\n</svg>\n`;const K=`<svg id="location-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <ellipse cx="12" cy="8.57" rx="4.5" ry="4.29" fill="none"/>\n <path d="M12,1.71A7.28,7.28,0,0,0,4.8,8.57c0,6,6.2,13.72,7.2,13.72s7.2-7.72,7.2-13.72C19.2,5.14,15.6,1.71,12,1.71Zm0,11.15A4.4,4.4,0,0,1,7.5,8.57,4.39,4.39,0,0,1,12,4.29a4.39,4.39,0,0,1,4.5,4.28A4.4,4.4,0,0,1,12,12.86Z" fill="#e17000"/>\n <path d="M12,0C7.21,0,3,4,3,8.57c0,3.85,2.18,7.91,3.48,10C8,21,10.25,24,12,24s4-3,5.53-5.45c1.3-2.07,3.47-6.13,3.47-10C21,4.17,16.63,0,12,0Zm0,22.29c-1,0-7.2-7.72-7.2-13.72A7.28,7.28,0,0,1,12,1.71c3.6,0,7.2,3.43,7.2,6.86C19.2,14.57,13,22.29,12,22.29Z"/>\n </g>\n</svg>\n`;const N=`<svg id="location-search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16,12a4,4,0,1,1-4-4A4,4,0,0,1,16,12Zm8,0a1,1,0,0,1-1,1H19.92A8,8,0,0,1,13,19.92V23a1,1,0,0,1-2,0V19.93a8,8,0,0,1-7-6.93H1a1,1,0,0,1,0-2H4.06a8,8,0,0,1,7-6.94V1a1,1,0,0,1,2,0V4.07A8,8,0,0,1,19.92,11H23A1,1,0,0,1,24,12Zm-6,0A6,6,0,0,0,12,6H12a6,6,0,0,0-6,6V12a6,6,0,0,0,12,0Z"/>\n</svg>\n`;const Q=`<svg id="lock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18.14,9H17V7A5,5,0,0,0,7,7V9H5.86A1.87,1.87,0,0,0,4,10.86v8.28A1.87,1.87,0,0,0,5.86,21H18.14A1.87,1.87,0,0,0,20,19.14V10.86A1.87,1.87,0,0,0,18.14,9ZM9,7a3,3,0,0,1,6,0V9H9Zm4.74,9.66a1.52,1.52,0,0,1,.26.84,1.5,1.5,0,1,1-2.75-.84,2.49,2.49,0,0,1-1.25-2,2.5,2.5,0,1,1,3.74,2Z"/>\n</svg>\n`;const W=`<svg id="magnet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,23C6.49,23,2,18.19,2,12.28V9H7v3.28a5.31,5.31,0,0,0,5,5.57,5.31,5.31,0,0,0,5-5.57V9h5v3.28C22,18.19,17.51,23,12,23ZM22,2H17V7h5ZM7,2H2V7H7Z"/>\n</svg>\n`;const X=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.2857143,-1 C11.7847729,-1 13,0.215227108 13,1.71428571 L13,3 L14.2857143,3 C15.7847729,3 17,4.21522711 17,5.71428571 L17,14.2857143 C17,15.7847729 15.7847729,17 14.2857143,17 L5.71428571,17 C4.21522711,17 3,15.7847729 3,14.2857143 L3,13 L1.71428571,13 C0.270747797,13 -0.909593834,11.8731227 -0.995046385,10.451061 L-1,10.2857143 L-1,1.71428571 C-1,0.215227108 0.215227108,-1 1.71428571,-1 L10.2857143,-1 Z M13,10.2857143 C13,11.7847729 11.7847729,13 10.2857143,13 L5,13 L5,14.2857143 C5,14.6802034 5.31979661,15 5.71428571,15 L14.2857143,15 C14.6802034,15 15,14.6802034 15,14.2857143 L15,5.71428571 C15,5.31979661 14.6802034,5 14.2857143,5 L13,5 L13,10.2857143 Z M10.2857143,1 L1.71428571,1 C1.31979661,1 1,1.31979661 1,1.71428571 L1,10.2857143 C1,10.6802034 1.31979661,11 1.71428571,11 L10.2857143,11 C10.6802034,11 11,10.6802034 11,10.2857143 L11,1.71428571 C11,1.31979661 10.6802034,1 10.2857143,1 Z" transform="translate(4 4)"/></svg>`;const Y=`<svg id="map-location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,15c-.7,0-5-5.63-5-10a5.18,5.18,0,0,1,5-5,5.38,5.38,0,0,1,5,5C24,9.38,19.71,15,19,15ZM19,1.88A3.13,3.13,0,1,0,22.13,5,3.12,3.12,0,0,0,19,1.88ZM20.68,16l1.23,5.77-4-1.35L17.52,16l-2-3,.62,7.49-3.22,1.3v-9.4L14,11.55h0l.33-.24-.85-1.6-.39.29L12,10.82,8.49,8.18A1,1,0,0,0,8.12,8h0a1.09,1.09,0,0,0-.4,0h0L3.28,9.63a.93.93,0,0,0-.57.66L0,22.92a.9.9,0,0,0,.28.86A.86.86,0,0,0,.89,24,.92.92,0,0,0,1.17,24L6.92,22l4.75,1.91h0a.78.78,0,0,0,.6,0h0L17.08,22,22.83,24a.87.87,0,0,0,.28.05.86.86,0,0,0,.59-.23.9.9,0,0,0,.28-.86L22.08,14ZM6.11,20.42l-4,1.35L4.35,11.15,7,10.21Zm5,1.37-3.22-1.3.82-9.91,2.4,1.81Z"/>\n</svg>\n`;const aa=`<svg id="marker" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M10.79,22l-1.2,1.24a.89.89,0,0,1-.73.24l-3.63-.65-1,1.05a.42.42,0,0,1-.61,0l-.48-.5-.58.46a.67.67,0,0,1-.38.18H.33a.43.43,0,0,1-.18-.75l1.39-1.54-.47-.49a.47.47,0,0,1,0-.65l1-1-.63-3.78A1,1,0,0,1,1.65,15l1.2-1.25ZM23.91,5.12a.53.53,0,0,0-.06-.67L19.72.16A.48.48,0,0,0,19.07.1L4.37,12.16l7.94,8.26Z"/>\n</svg>\n`;const sa=`<svg id="measurement" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M1,24a1,1,0,0,1-1-1V1A1,1,0,0,1,2,1V23A1,1,0,0,1,1,24Zm23-1V1a1,1,0,0,0-2,0V23a1,1,0,0,0,2,0Zm-4-5-2-2v1H6V16L4,18l2,2V19H18v1Zm-8-3a1,1,0,1,0-1-1A1,1,0,0,0,12,15ZM12,3A4,4,0,0,0,8,7v.09a1,1,0,0,0,2,0V7a2,2,0,0,1,4,0c0,1.64-3,1.63-3,4v.09a1,1,0,0,0,2,0V11c0-1.36,3-1.21,3-4A4,4,0,0,0,12,3Z"/>\n</svg>\n`;const la=`<svg id="minus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z"></path>\n <polygon fill="currentColor" points="7 11 7 13 17 13 17 11"></polygon>\n</svg>\n`;const na=`<svg id="minus-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,4a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H18m0-2H6A4,4,0,0,0,2,6V18a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V6a4,4,0,0,0-4-4ZM17,12a.92.92,0,0,0-.81-1H7.81A.92.92,0,0,0,7,12a.92.92,0,0,0,.81,1h8.38A.92.92,0,0,0,17,12Z"/>\n</svg>\n`;const ta=`<svg id="minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5.3,10.7 L18.7,10.7 C19.4179702,10.7 20,11.2820298 20,12 C20,12.7179702 19.4179702,13.3 18.7,13.3 L5.3,13.3 C4.58202983,13.3 4,12.7179702 4,12 C4,11.2820298 4.58202983,10.7 5.3,10.7 Z"/>\n</svg>\n`;const oa=`<svg id="more" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M6,10a2,2,0,1,0,2,2A2,2,0,0,0,6,10Zm12,0a2,2,0,1,0,2,2A2,2,0,0,0,18,10Zm-6,0a2,2,0,1,0,2,2A2,2,0,0,0,12,10Z"/>\n</svg>\n`;const va=`<svg id="municipality" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16,10V9H8v1H0V23H8v1h3V18h2v6h3V23h8V10ZM4,20H2V12H4Zm4,0H6V12H8Zm5-7H11V11h2Zm5,7H16V12h2Zm4,0H20V12h2ZM22,1.88a2.55,2.55,0,0,1,2,0V.51a2.53,2.53,0,0,0-2,0c-1,.41-2,.74-3-.26V0H18V6.38L16,6V3.5L12,2,8,3.5V6L0,7.5V9H8V8h8V9h8V7.5l-5-.94V4.2c1,1,2,.67,3,.25a2.55,2.55,0,0,1,2,0V3.09a2.55,2.55,0,0,0-2,0c-1,.41-2,.75-3-.25V1.63C20,2.63,21,2.29,22,1.88ZM12,6a1,1,0,1,1,1-1A1,1,0,0,1,12,6Z"/>\n</svg>\n`;const ia=`<svg id="nature" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23,22.41c0,.79-22,.79-22,0,0-.3.74-.58,2-.81V19.21a2.35,2.35,0,0,1-2-2.44C1,13.36,2.67,11,3.5,11S6,13.36,6,16.77a2.35,2.35,0,0,1-2,2.44v2.24A61.55,61.55,0,0,1,12,21c1.8,0,3.5.06,5,.16V16.43a4.29,4.29,0,0,1-3.37-2.65,7,7,0,0,0,1-9.95C15.75,1.43,17.14,0,18,0,19.69,0,23,4.72,23,11.55a4.72,4.72,0,0,1-4,4.88v4.89C21.44,21.58,23,22,23,22.41ZM11,18V12.9a5,5,0,1,0-1,.1h0v5.05c-1.72.16-3,.71-3,1.36s8,.79,8,0S13.21,18,11,18Z"/>\n</svg>\n`;const ga=`<svg id="new-window" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,11a.92.92,0,0,1-.81,1H15v2.19A.92.92,0,0,1,14,15a.92.92,0,0,1-1-.81V12H10.81A.92.92,0,0,1,10,11a.92.92,0,0,1,.81-1H13V7.81A.92.92,0,0,1,14,7a.92.92,0,0,1,1,.81V10h2.19A.92.92,0,0,1,18,11Zm6-9V18a2,2,0,0,1-2,2H20v2a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V6A2,2,0,0,1,2,4H4V2A2,2,0,0,1,6,0H22A2,2,0,0,1,24,2ZM18,20H6a2,2,0,0,1-2-2V8H2V21a1,1,0,0,0,1,1H17a1,1,0,0,0,1-1ZM22,4H6V17a1,1,0,0,0,1,1H21a1,1,0,0,0,1-1ZM7,1A1,1,0,1,0,8,2,1,1,0,0,0,7,1Zm3,0a1,1,0,1,0,1,1A1,1,0,0,0,10,1Zm3,0a1,1,0,1,0,1,1A1,1,0,0,0,13,1Z"/>\n</svg>\n`;const ra=`<svg id="paperclip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21.88,8.94,10,20.6A4.63,4.63,0,0,1,6.62,22h0a5.78,5.78,0,0,1-4.05-1.81,5.34,5.34,0,0,1,0-7.56l9.3-9.26a1,1,0,1,1,1.48,1.48l-9.3,9.26h0a3.26,3.26,0,0,0,0,4.6,3.79,3.79,0,0,0,2.58,1.21,2.55,2.55,0,0,0,1.85-.81h0L20.4,7.46a1.83,1.83,0,0,0,.5-1.39,2.24,2.24,0,0,0-.63-1.44,1.85,1.85,0,0,0-2.61,0h0L7.43,14.73a.48.48,0,0,0,0,.67.48.48,0,0,0,.34.14.46.46,0,0,0,.34-.14l7.36-7.28a1,1,0,0,1,1.48,0A1,1,0,0,1,17,9.6h0L9.6,16.88h0a2.66,2.66,0,0,1-3.65,0,2.55,2.55,0,0,1,0-3.63L16.17,3.15a4,4,0,0,1,5.59,0A4.31,4.31,0,0,1,23,6,3.89,3.89,0,0,1,21.88,8.94Z"/>\n</svg>\n`;const wa=`<svg id="parking" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm-2.91,8.4a2.93,2.93,0,0,1-.63,1,4,4,0,0,1-1.26.84,4.6,4.6,0,0,1-1.73.29H11v3.07H8.51V7.17h4A6.5,6.5,0,0,1,14,7.33a3.42,3.42,0,0,1,1.1.47,2.41,2.41,0,0,1,.87,1,3.06,3.06,0,0,1,.3,1.41A3.57,3.57,0,0,1,16.09,11.4ZM13.58,9.52a1.15,1.15,0,0,1,.21.69,2,2,0,0,1-.1.69,1.17,1.17,0,0,1-.34.48,1.47,1.47,0,0,1-.68.31,5.81,5.81,0,0,1-1,.07H11V8.94h1.38a2.26,2.26,0,0,1,.74.17A1.21,1.21,0,0,1,13.58,9.52ZM19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm-2.91,8.4a2.93,2.93,0,0,1-.63,1,4,4,0,0,1-1.26.84,4.6,4.6,0,0,1-1.73.29H11v3.07H8.51V7.17h4A6.5,6.5,0,0,1,14,7.33a3.42,3.42,0,0,1,1.1.47,2.41,2.41,0,0,1,.87,1,3.06,3.06,0,0,1,.3,1.41A3.57,3.57,0,0,1,16.09,11.4ZM13.58,9.52a1.15,1.15,0,0,1,.21.69,2,2,0,0,1-.1.69,1.17,1.17,0,0,1-.34.48,1.47,1.47,0,0,1-.68.31,5.81,5.81,0,0,1-1,.07H11V8.94h1.38a2.26,2.26,0,0,1,.74.17A1.21,1.21,0,0,1,13.58,9.52Z"/>\n</svg>\n`;const ca=`<svg id="pencil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M16.27,3.2l4.56,4.54L8,20.52,3.43,16ZM22.54,4,20,1.46a1.4,1.4,0,0,0-2-.1l-.87.86,4.58,4.57.87-.86A1.4,1.4,0,0,0,22.54,4ZM1,22.35h0a.4.4,0,0,0,.1.5.4.4,0,0,0,.5.1h0l5.44-1.49L2.51,16.9Z"/>\n</svg>\n`;const ha=`<svg id="pin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M15.34,14.44,14,22.5a1.5,1.5,0,0,1-3,0L9.66,14.44a7.5,7.5,0,1,1,5.68,0Zm-1.11-2.57a5.68,5.68,0,0,1-4.59-9.7,6,6,0,1,0,8.3,7.74A5.63,5.63,0,0,1,14.23,11.87Z"/>\n</svg>\n`;const ea=`<svg id="pin-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <path d="M8.18,7.54a4.94,4.94,0,0,1,1.41-4A5.16,5.16,0,0,0,7,8.64a5.07,5.07,0,0,0,5.55,4.58,5,5,0,0,0,4.08-3,4.77,4.77,0,0,1-3.13,1.68A4.83,4.83,0,0,1,8.18,7.54Z" fill="none"/>\n <path d="M12,1.71A6.45,6.45,0,0,0,9.61,14.09L10.74,21a1.26,1.26,0,1,0,2.52,0l1.13-6.91A6.45,6.45,0,0,0,12,1.71Zm.5,11.51A5.07,5.07,0,0,1,7,8.64,5.16,5.16,0,0,1,9.59,3.58a4.94,4.94,0,0,0-1.41,4,4.83,4.83,0,0,0,5.27,4.35,4.77,4.77,0,0,0,3.13-1.68A5,5,0,0,1,12.5,13.22Z" fill="#79b929"/>\n <path d="M12,0A8.08,8.08,0,0,0,4,8.14a8.13,8.13,0,0,0,4.09,7.1l1,5.93a2.94,2.94,0,0,0,5.88,0l1-5.93A8.13,8.13,0,0,0,20,8.14,8.08,8.08,0,0,0,12,0Zm2.39,14.09L13.26,21a1.26,1.26,0,1,1-2.52,0L9.61,14.09A6.45,6.45,0,0,1,12,1.71a6.45,6.45,0,0,1,2.39,12.38Z"/>\n </g>\n</svg>\n`;const Aa=`<svg id="plus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z"></path>\n <polygon fill="currentColor" points="13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11"></polygon>\n</svg>\n`;const Za=`<svg id="plus-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M18,4a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H18m0-2H6A4,4,0,0,0,2,6V18a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V6a4,4,0,0,0-4-4Zm-1.81,9H13V7.81A.92.92,0,0,0,12,7a.92.92,0,0,0-1,.81V11H7.81A.92.92,0,0,0,7,12a.92.92,0,0,0,.81,1H11v3.19A.92.92,0,0,0,12,17a.92.92,0,0,0,1-.81V13h3.19A.92.92,0,0,0,17,12,.92.92,0,0,0,16.19,11Z"/>\n</svg>\n`;const pa=`<svg id="plus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M17.87,11H13V6.13A1.08,1.08,0,0,0,12,5a1.08,1.08,0,0,0-1,1.13V11H6.13A1.08,1.08,0,0,0,5,12a1.08,1.08,0,0,0,1.13,1H11v4.87A1.08,1.08,0,0,0,12,19a1.08,1.08,0,0,0,1-1.13V13h4.87A1.08,1.08,0,0,0,19,12,1.08,1.08,0,0,0,17.87,11Z"/>\n</svg>\n`;const da=`<svg id="print" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M21.33,9H18V4a2,2,0,0,0-2-2H6A2,2,0,0,0,4,4V9H2.67A.67.67,0,0,0,2,9.67v6.66a.67.67,0,0,0,.67.67h1l-.66,2.75a1.87,1.87,0,0,0,2,2.25H16.92a1.87,1.87,0,0,0,2-2.25L18.29,17h3a.67.67,0,0,0,.67-.67V9.67A.67.67,0,0,0,21.33,9ZM6,4H16V9H6ZM19.5,14A1.5,1.5,0,1,1,21,12.5,1.5,1.5,0,0,1,19.5,14Zm-3.67,1L17,19.89l-.09.11H5.17l-.1-.11L6.21,15Z"/>\n</svg>\n`;const Ha=`<svg id="procedures" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7.14,8a.26.26,0,0,0-.26.26V9.42a6.64,6.64,0,0,0-2.73,1.13l-.82-.82a.27.27,0,0,0-.19-.08A.27.27,0,0,0,3,9.73L1.74,11a.27.27,0,0,0,0,.37l.82.82a6.81,6.81,0,0,0-1.15,2.73H.26a.26.26,0,0,0-.26.26v1.73a.26.26,0,0,0,.26.26H1.42a6.64,6.64,0,0,0,1.13,2.73l-.82.82a.27.27,0,0,0,0,.37L3,22.26a.27.27,0,0,0,.37,0l.82-.82a6.81,6.81,0,0,0,2.73,1.15v1.15a.26.26,0,0,0,.26.26H8.86a.26.26,0,0,0,.26-.26V22.58a6.64,6.64,0,0,0,2.73-1.13l.82.82a.27.27,0,0,0,.37,0l1.22-1.22a.27.27,0,0,0,0-.37l-.82-.82a6.81,6.81,0,0,0,1.15-2.73h1.15a.26.26,0,0,0,.26-.26V15.14a.26.26,0,0,0-.26-.26H14.58a6.64,6.64,0,0,0-1.13-2.73l.82-.82a.27.27,0,0,0,0-.37L13.05,9.74a.27.27,0,0,0-.18-.08.27.27,0,0,0-.19.08l-.82.82A6.81,6.81,0,0,0,9.13,9.41V8.26A.26.26,0,0,0,8.87,8ZM8,14a2,2,0,1,1-1.41.58A2,2,0,0,1,8,14ZM15.25.47a.21.21,0,0,0-.12.26l.31.83A5.23,5.23,0,0,0,13.77,3.1L13,2.73a.22.22,0,0,0-.27.1L12.15,4a.2.2,0,0,0,.1.27l.8.37A5.12,5.12,0,0,0,13,6.94l-.83.31A.19.19,0,0,0,12,7.5l.46,1.25a.21.21,0,0,0,.26.12l.83-.31a5.23,5.23,0,0,0,1.54,1.67l-.37.8a.21.21,0,0,0,.1.27l1.2.55a.2.2,0,0,0,.27-.1l.37-.8a5.12,5.12,0,0,0,2.27.09l.31.83a.19.19,0,0,0,.25.12l1.25-.46a.21.21,0,0,0,.12-.26l-.31-.83A5.23,5.23,0,0,0,22.23,8.9l.8.37a.21.21,0,0,0,.27-.1L23.85,8a.2.2,0,0,0-.1-.27L23,7.33A5.12,5.12,0,0,0,23,5.06l.83-.31A.19.19,0,0,0,24,4.5l-.46-1.25a.21.21,0,0,0-.26-.12l-.83.31A5.23,5.23,0,0,0,20.9,1.77l.37-.8a.2.2,0,0,0-.1-.27L20,.15a.22.22,0,0,0-.16,0,.23.23,0,0,0-.11.11l-.37.8A5.12,5.12,0,0,0,17.06,1L16.75.13A.2.2,0,0,0,16.5,0ZM17,3.19a3,3,0,1,1-1.68,1.55A3,3,0,0,1,17,3.19Z"/>\n</svg>\n`;const ma=`<svg id="redo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12.3,3a9.43,9.43,0,0,1,6.61,2.67L20.4,4.19c.33-.33.6-.22.6.25v4.7a.85.85,0,0,1-.86.86h-4.7c-.47,0-.58-.27-.25-.6l2.28-2.29A7.32,7.32,0,0,0,12.3,5a7.12,7.12,0,0,0-7.23,7,7.12,7.12,0,0,0,7.23,7A7.22,7.22,0,0,0,19,14.62a1,1,0,0,1,1.34-.55,1,1,0,0,1,.57,1.31A9.27,9.27,0,0,1,12.3,21,9.16,9.16,0,0,1,3,12,9.16,9.16,0,0,1,12.3,3Z"/>\n</svg>\n`;const Va=`<svg id="safety" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23.79,4.08a.79.79,0,0,0-.56-.23h0A3.05,3.05,0,0,1,21,3,2.85,2.85,0,0,1,20.19.78.76.76,0,0,0,20,.23.79.79,0,0,0,19.42,0H4.58A.79.79,0,0,0,4,.23a.76.76,0,0,0-.21.55A2.85,2.85,0,0,1,3,3a3.05,3.05,0,0,1-2.18.9h0a.79.79,0,0,0-.57.23A.77.77,0,0,0,0,4.64,23.46,23.46,0,0,0,11.59,23.89a.82.82,0,0,0,.82,0A23.46,23.46,0,0,0,24,4.64.77.77,0,0,0,23.79,4.08ZM10.86,16.86,6,12.17a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.41,0l3.4,3.31,7.18-7a1,1,0,0,1,1.41,0,.93.93,0,0,1,0,1.36Z"/>\n</svg>\n`;const Ma=`<svg id="search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20.71,19.29,16.46,15A7.52,7.52,0,1,0,15,16.46l4.25,4.25a1,1,0,0,0,1.42,0A1,1,0,0,0,20.71,19.29ZM5,10.5A5.5,5.5,0,1,1,10.5,16,5.51,5.51,0,0,1,5,10.5Z"/>\n</svg>\n`;const xa=`<svg id="scale" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M2,20a1,1,0,0,1-1-1V5A1,1,0,0,1,3,5V19A1,1,0,0,1,2,20Zm21-1V5a1,1,0,0,0-2,0V19a1,1,0,0,0,2,0ZM7,19V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Z"/>\n</svg>\n`;const Ca=`<svg id="sitemap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M23.2,17H22V12H13V7h1.2a.8.8,0,0,0,.8-.8V1.8a.8.8,0,0,0-.8-.8H9.8a.8.8,0,0,0-.8.8V6.2a.8.8,0,0,0,.8.8H11v5H2v5H.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8H5.2a.8.8,0,0,0,.8-.8V17.8a.8.8,0,0,0-.8-.8H4V14h7v3H9.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8h4.4a.8.8,0,0,0,.8-.8V17.8a.8.8,0,0,0-.8-.8H13V14h7v3H18.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8h4.4a.8.8,0,0,0,.8-.8V17.8A.8.8,0,0,0,23.2,17Z"/>\n</svg>`;const ua=`<svg id="soil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M14.09,6.55a3.32,3.32,0,0,1,0-1.65,2.14,2.14,0,0,1,2-1.79c.5-.07,1-.09,1.52-.11.3,0,.4.09.38.39-.06.6-.09,1.21-.21,1.81A2.13,2.13,0,0,1,15.87,7C15.43,7.05,14.25,6.87,14.09,6.55Zm-3.18,0a3.32,3.32,0,0,0,0-1.65,2.14,2.14,0,0,0-2-1.79C8.4,3,7.89,3,7.38,3c-.3,0-.4.09-.38.39.06.6.09,1.21.21,1.81A2.13,2.13,0,0,0,9.13,7C9.57,7.05,10.75,6.87,10.91,6.55ZM13,10.89a2.12,2.12,0,0,0,1.8,1.91,15.48,15.48,0,0,0,1.8.2c.31,0,.4-.08.39-.39,0-.5-.05-1-.12-1.52a2.14,2.14,0,0,0-1.8-2,3.39,3.39,0,0,0-1.64,0C13.12,9.26,13,10.44,13,10.89Zm9,9-1-1c0-1-1-1-2-1s-2-1.06-4-1.06A5.13,5.13,0,0,0,12,15c-1.34-3-1.68-4.33-1.68-4.9,0-1.67,2-1.69,2.05-1.69a.72.72,0,0,0,0-1.44C11.22,7,9,8.07,9,10.13a18.32,18.32,0,0,0,1.67,5.1,2.19,2.19,0,0,0-.67.45s-4,0-4.8,1.94L4.83,18l-.4-.3c-.37-.29-.83,1.15-1.32,1.15C2,18.8,1,20.88,1,20.86V23H23V20.86C23,19.71,23,19.84,22,19.84Z"/>\n</svg>\n`;const fa=`<svg id="sort-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,4a1.47,1.47,0,0,1,.91.36c.53.44,4.31,3.68,5.66,4.84a1.07,1.07,0,0,1,.4.57A1.07,1.07,0,0,1,17.8,11H6.2A1.07,1.07,0,0,1,5,9.77a1.07,1.07,0,0,1,.4-.57C6.78,8,10.56,4.8,11.09,4.36A1.47,1.47,0,0,1,12,4Z"/>\n</svg>\n`;const La=`<svg id="sort-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,21a1.47,1.47,0,0,1-.91-.36C10.56,20.2,6.78,17,5.43,15.8A1,1,0,0,1,6.2,14H17.8a1,1,0,0,1,.77,1.8c-1.35,1.16-5.13,4.4-5.66,4.84A1.47,1.47,0,0,1,12,21Z"/>\n</svg>\n`;const Ba=`<svg id="sort" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,21a1.47,1.47,0,0,1-.91-.36C10.56,20.2,6.78,17,5.43,15.8A1,1,0,0,1,6.2,14H17.8a1,1,0,0,1,.77,1.8c-1.35,1.16-5.13,4.4-5.66,4.84A1.47,1.47,0,0,1,12,21ZM12,4a1.47,1.47,0,0,0-.91.36C10.56,4.8,6.78,8,5.43,9.2a1.07,1.07,0,0,0-.4.57A1.07,1.07,0,0,0,6.2,11H17.8A1.07,1.07,0,0,0,19,9.77a1.07,1.07,0,0,0-.4-.57C17.22,8,13.44,4.8,12.91,4.36A1.47,1.47,0,0,0,12,4Z"/>\n</svg>\n`;const Fa=`<svg id="sound" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M3,15a1,1,0,0,1-1-1V10a1,1,0,0,1,2,0v4A1,1,0,0,1,3,15Zm19-2V11a1,1,0,0,0-2,0v2a1,1,0,0,0,2,0ZM7,16V8A1,1,0,0,0,5,8v8a1,1,0,0,0,2,0Zm3-2V10a1,1,0,0,0-2,0v4a1,1,0,0,0,2,0Zm3,3V7a1,1,0,0,0-2,0V17a1,1,0,0,0,2,0Zm6,0V7a1,1,0,0,0-2,0V17a1,1,0,0,0,2,0Zm-3,4V3a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z"/>\n</svg>\n`;const ya=`<svg id="status-error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g id="status-error">\n <path fill="#FFF" fill-rule="nonzero" d="M15.728 1H8.272a2 2 0 0 0-1.414.586L1.586 6.858A2 2 0 0 0 1 8.272v7.456a2 2 0 0 0 .586 1.414l5.272 5.272A2 2 0 0 0 8.272 23h7.456a2 2 0 0 0 1.414-.586l5.272-5.272A2 2 0 0 0 23 15.728V8.272a2 2 0 0 0-.586-1.414l-5.272-5.272A2 2 0 0 0 15.728 1Z"/>\n <path fill="#ce3f51" d="m16.228 2.793 4.98 4.98a1 1 0 0 1 .292.706v7.042a1 1 0 0 1-.293.707l-4.98 4.98a1 1 0 0 1-.706.292H8.479a1 1 0 0 1-.707-.293l-4.98-4.98a1 1 0 0 1-.292-.706V8.479a1 1 0 0 1 .293-.707l4.98-4.98a1 1 0 0 1 .706-.292h7.042a1 1 0 0 1 .707.293Z"/>\n <path fill="#FFF" fill-rule="nonzero" d="M16.737 7.263c.35.35.35.917 0 1.267L13.267 12l3.47 3.47a.896.896 0 1 1-1.267 1.267L12 13.267l-3.47 3.47a.896.896 0 1 1-1.267-1.267l3.47-3.47-3.47-3.47A.896.896 0 1 1 8.53 7.263l3.47 3.47 3.47-3.47a.896.896 0 0 1 1.267 0Z"/>\n </g>\n</svg>\n`;const ba=`<svg id="status-danger" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g>\n <path d="M22.6,18.51c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4a1.7,1.7,0,0,1,3.12,0Z" fill="#ce3f51"/>\n <path d="M12,3a1.9,1.9,0,0,1,1.56,1l9,14.48c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4A1.9,1.9,0,0,1,12,3m0-1A2.89,2.89,0,0,0,9.6,3.5L.55,18a2.75,2.75,0,0,0-.28,2.81A2.59,2.59,0,0,0,2.65,22h18.7a2.59,2.59,0,0,0,2.38-1.21A2.75,2.75,0,0,0,23.45,18L14.4,3.5A2.89,2.89,0,0,0,12,2Z" fill="#fff"/>\n </g>\n <path d="M12,16a1,1,0,0,1-1-.91V8.91a1,1,0,0,1,2,0v6.18A1,1,0,0,1,12,16Zm0,1a1,1,0,1,0,1,1A1,1,0,0,0,12,17Z" fill="#fff"/>\n</svg>\n`;const ka=`<svg id="status-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g id="status-info">\n <path fill="#FFF" d="M19 1a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4h14Z"/>\n <path fill="#2b5780" d="M5.35 2.5h13.3a2.85 2.85 0 0 1 2.85 2.85v13.3a2.85 2.85 0 0 1-2.85 2.85H5.35a2.85 2.85 0 0 1-2.85-2.85V5.35A2.85 2.85 0 0 1 5.35 2.5Z"/>\n <path fill="#FFF" fill-rule="nonzero" d="M13.695 17.952a1.28 1.28 0 0 1-2.561 0v-6.405h-.754a.942.942 0 0 1-.94-.874l-.002-.067c0-.52.422-.942.942-.942h2.373c.52 0 .942.422.942.942v7.346Z"/>\n <circle id="Oval" cx="12.075" cy="6.5" r="1.658" fill="#FFF"/>\n </g>\n</svg>\n`;const za=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">\n <g id="status-success">\n <rect id="Rectangle" x="0" y="0"/>\n <path id="Outer" fill="#FFF" fill-rule="nonzero" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12A12 12 0 0 0 12 0Z"/>\n <path id="Inner" fill="#39870c" fill-rule="nonzero" d="M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5"/>\n <path id="V" fill="#FFF" fill-rule="nonzero" d="M15.873 7.887a1 1 0 1 1 1.58 1.226l-6.488 8.365-4.405-4.837a1 1 0 1 1 1.48-1.345l2.803 3.075 5.03-6.484Z"/>\n </g>\n </g>\n</svg>\n`;const Sa=`<svg id="status-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning">\n\t<path fill="#191919" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#DCD400" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#191919" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;const qa=`<svg id="status-warning-inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning-inline">\n\t<path fill="#FFFFFF" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#CE3F51" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#FFFFFF" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;const Ea=`<svg id="status-warning-inline-negative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning-inline-negative">\n\t<path fill="#CE3F51" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#FFFFFF" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#CE3F51" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;const Da=`<svg id="table" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20,0H4A4,4,0,0,0,0,4V20a4,4,0,0,0,4,4H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0ZM2,20V8H7V22H4A2,2,0,0,1,2,20Zm7,2V8h6V22Zm11,0H17V8h5V20A2,2,0,0,1,20,22ZM2,6V4A2,2,0,0,1,4,2H20a2,2,0,0,1,2,2V6Z"/>\n</svg>\n`;const Oa=`<svg id="times" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M13.36,12l3.3-3.3A1,1,0,1,0,15.3,7.34L12,10.64,8.7,7.34A1,1,0,1,0,7.34,8.7l3.3,3.3-3.3,3.3A1,1,0,1,0,8.7,16.66l3.3-3.3,3.3,3.3a1,1,0,1,0,1.36-1.36Z"/>\n</svg>\n`;const Ta=`<svg id="trash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M19,2V5H5V2H9V1h6V2Zm0,6.16V21.84A1.16,1.16,0,0,1,17.84,23H6.16A1.16,1.16,0,0,1,5,21.84V8.16A1.16,1.16,0,0,1,6.16,7H17.84A1.16,1.16,0,0,1,19,8.16ZM9,9.6A.6.6,0,0,0,8.4,9H7.6a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Zm4,0a.6.6,0,0,0-.6-.6h-.8a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Zm4,0a.6.6,0,0,0-.6-.6h-.8a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Z"/>\n</svg>\n`;const ja=`<svg id="undo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.63,1A11.49,11.49,0,0,0,3.55,4.27L1.74,2.46c-.41-.41-.74-.27-.74.3V8.51a1,1,0,0,0,1,1.05H7.79c.58,0,.72-.34.31-.74L5.31,6a8.94,8.94,0,0,1,6.32-2.59A8.71,8.71,0,0,1,20.47,12a8.71,8.71,0,0,1-8.84,8.56,8.82,8.82,0,0,1-8.2-5.35,1.27,1.27,0,0,0-1.64-.68,1.22,1.22,0,0,0-.7,1.6A11.34,11.34,0,0,0,11.63,23,11.2,11.2,0,0,0,23,12,11.2,11.2,0,0,0,11.63,1Z"/>\n</svg>\n`;const Ia=`<svg id="user-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M11.91,12h.18A4.93,4.93,0,0,0,17,7.09V6.91A4.93,4.93,0,0,0,12.09,2h-.18A4.93,4.93,0,0,0,7,6.91v.18A4.93,4.93,0,0,0,11.91,12ZM9,6.91A2.92,2.92,0,0,1,11.91,4h.18A2.92,2.92,0,0,1,15,6.91v.18A2.92,2.92,0,0,1,12.09,10h-.18A2.92,2.92,0,0,1,9,7.09ZM20.86,19.73l-2.19-5.4a4.63,4.63,0,0,0-3-2.26A6.8,6.8,0,0,1,8.51,12a4.82,4.82,0,0,0-3.18,2.33l-2.19,5.4C2.75,20.81,3.17,22,4.51,22h15C20.83,22,21.25,20.81,20.86,19.73ZM5.2,20l2-4.87a2.29,2.29,0,0,1,1.18-.94,8.75,8.75,0,0,0,3.84.88,8.82,8.82,0,0,0,3.65-.8,2.08,2.08,0,0,1,1,.84l2,4.89Z"/>\n</svg>\n`;const Pa=`<svg id="user" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M7,7.09V6.91A4.93,4.93,0,0,1,11.91,2h.18A4.93,4.93,0,0,1,17,6.91v.18A4.93,4.93,0,0,1,12.09,12h-.18A4.93,4.93,0,0,1,7,7.09ZM20.86,19.73l-2.19-5.11a4.62,4.62,0,0,0-3-2.25,6.83,6.83,0,0,1-7.21-.08,4.82,4.82,0,0,0-3.18,2.33L3.14,19.73C2.75,20.81,3.17,22,4.51,22h15C20.83,22,21.25,20.81,20.86,19.73Z"/>\n</svg>`;const Ra=`<svg id="users" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M5,7.09V6.91A4.93,4.93,0,0,1,9.91,2h.18a4.92,4.92,0,0,1,4.77,3.81,2.86,2.86,0,0,1,2-.81h.3A2.86,2.86,0,0,1,20,7.85v.3A2.86,2.86,0,0,1,17.15,11h-.3a2.83,2.83,0,0,1-2.5-1.52A4.9,4.9,0,0,1,10.09,12H9.91A4.93,4.93,0,0,1,5,7.09ZM22.91,16.6l-1.46-3.16a3.06,3.06,0,0,0-2-1.39A4.87,4.87,0,0,1,14.67,12a5.1,5.1,0,0,0-.94.37h0a6.83,6.83,0,0,1-7.21-.08,4.82,4.82,0,0,0-3.18,2.33L1.14,19.73C.75,20.81,1.17,22,2.51,22h15c1.34,0,1.76-1.19,1.37-2.27L18.12,18H22A1,1,0,0,0,22.91,16.6Z"/>\n</svg>\n`;const Ua=`<svg id="water" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M20,15.33C20,19,16.42,22,12,22s-8-3-8-6.67c0-3.11,3.72-7.18,6-10A11.15,11.15,0,0,0,12,2a11.15,11.15,0,0,0,2,3.33C16.28,8.15,20,12.22,20,15.33ZM9.09,16.5A5.12,5.12,0,0,1,7.47,12,4.69,4.69,0,0,0,6,15.43,4.42,4.42,0,0,0,10.24,20,4.2,4.2,0,0,0,14,17.49C12.69,18.39,10.64,18,9.09,16.5Z"/>\n</svg>`;const $a=`<svg id="wip-wip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm7,9a1.08,1.08,0,0,0-1.13-1H6.13A1.08,1.08,0,0,0,5,10a1.08,1.08,0,0,0,1.13,1H17.87A1.08,1.08,0,0,0,19,10Zm0,4a1.08,1.08,0,0,0-1.13-1H6.13A1.08,1.08,0,0,0,5,14a1.08,1.08,0,0,0,1.13,1H17.87A1.08,1.08,0,0,0,19,14Z"/>\n</svg>\n`;const _a=":host{display:inline-block;height:24px;vertical-align:top;width:24px},::after,*::before{box-sizing:border-box}.icon-container{display:block;line-height:0}";const Ga=[{alias:"air",svg:l},{alias:"angle-down",svg:n},{alias:"angle-left",svg:t},{alias:"angle-right",svg:o},{alias:"angle-up",svg:v},{alias:"balloon",svg:i},{alias:"bars",svg:g},{alias:"buildings",svg:r},{alias:"calendar",svg:w},{alias:"call",svg:c},{alias:"caret-down",svg:h},{alias:"check",svg:e},{alias:"check-circle",svg:A},{alias:"chevron-down",svg:Z},{alias:"chevron-left",svg:p},{alias:"chevron-right",svg:d},{alias:"chevron-up",svg:H},{alias:"circle-notch",svg:m},{alias:"clock",svg:V},{alias:"copy",svg:M},{alias:"crown",svg:x},{alias:"cultural",svg:C},{alias:"document",svg:u},{alias:"download",svg:f},{alias:"email",svg:L},{alias:"energy",svg:B},{alias:"environment",svg:F},{alias:"exclamation",svg:y},{alias:"external-link",svg:b},{alias:"eye-slash",svg:k},{alias:"eye",svg:z},{alias:"filter",svg:S},{alias:"forbidden",svg:q},{alias:"health",svg:E},{alias:"help-active",svg:D},{alias:"help",svg:O},{alias:"house",svg:T},{alias:"info-active",svg:j},{alias:"info-i",svg:I},{alias:"info",svg:P},{alias:"infrastructure",svg:R},{alias:"label",svg:U},{alias:"land",svg:$},{alias:"landscape",svg:_},{alias:"layers",svg:G},{alias:"location",svg:J},{alias:"location-outline",svg:K},{alias:"location-search",svg:N},{alias:"lock",svg:Q},{alias:"magnet",svg:W},{alias:"map-layers",svg:X},{alias:"map-location",svg:Y},{alias:"marker",svg:aa},{alias:"measurement",svg:sa},{alias:"minus-circle",svg:la},{alias:"minus-square",svg:na},{alias:"minus",svg:ta},{alias:"more",svg:oa},{alias:"municipality",svg:va},{alias:"nature",svg:ia},{alias:"new-window",svg:ga},{alias:"paperclip",svg:ra},{alias:"parking",svg:wa},{alias:"pencil",svg:ca},{alias:"pin",svg:ha},{alias:"pin-outline",svg:ea},{alias:"plus-circle",svg:Aa},{alias:"plus-square",svg:Za},{alias:"plus",svg:pa},{alias:"print",svg:da},{alias:"procedures",svg:Ha},{alias:"redo",svg:ma},{alias:"safety",svg:Va},{alias:"scale",svg:xa},{alias:"search",svg:Ma},{alias:"sitemap",svg:Ca},{alias:"soil",svg:ua},{alias:"sort-ascending",svg:fa},{alias:"sort-descending",svg:La},{alias:"sort",svg:Ba},{alias:"sound",svg:Fa},{alias:"status-danger",svg:ba},{alias:"status-error",svg:ya},{alias:"status-info",svg:ka},{alias:"status-success",svg:za},{alias:"status-warning",svg:Sa},{alias:"status-warning-inline",svg:qa},{alias:"status-warning-inline-negative",svg:Ea},{alias:"table",svg:Da},{alias:"times",svg:Oa},{alias:"trash",svg:Ta},{alias:"undo",svg:ja},{alias:"user-line",svg:Ia},{alias:"user",svg:Pa},{alias:"users",svg:Ra},{alias:"water",svg:Ua},{alias:"wip-wip",svg:$a}];const Ja=class{constructor(s){a(this,s);this.icon=undefined}render(){if(this.icon){const a=Ga.find((a=>a.alias===this.icon));if(!a){throw new TypeError(`Unknown svg: ${this.icon}`)}return s("span",{class:"icon-container",innerHTML:a.svg})}}};Ja.style=_a;export{Ja as dso_icon};
2	- //# sourceMappingURL=p-4ace5655.entry.js.map

package/dist/dso-toolkit/p-4ace5655.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["iconCss","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","balloon","bars","buildings","calendar","call","caretDown","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","circleNotch","clock","copy","crown","cultural","document","download","email","energy","environment","exclamation","externalLink","eyeSlash","eye","filter","forbidden","health","helpActive","help","house","infoActive","infoI","info","infrastructure","label","land","landscape","layers","location","locationOutline","locationSearch","lock","magnet","mapLayers","mapLocation","marker","measurement","minusCircle","minusSquare","minus","more","municipality","nature","newWindow","paperclip","parking","pencil","pin","pinOutline","plusCircle","plusSquare","plus","print","procedures","redo","safety","scale","search","sitemap","soil","sortAscending","sortDescending","sort","sound","statusDanger","statusError","statusInfo","statusSuccess","statusWarning","statusWarningInline","statusWarningInlineNegative","table","times","trash","undo","userLine","user","users","water","wipWip","Icon","render","this","icon","find","i","TypeError","h","class","innerHTML"],"sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n display: inline-block;\r\n height: icon.$size;\r\n vertical-align: icon.$vertical-align;\r\n width: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n display: block;\r\n line-height: 0;\r\n}\r\n","import { Component, h, Prop } from \"@stencil/core\";\r\n\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n { alias: \"air\", svg: air },\r\n { alias: \"angle-down\", svg: angleDown },\r\n { alias: \"angle-left\", svg: angleLeft },\r\n { alias: \"angle-right\", svg: angleRight },\r\n { alias: \"angle-up\", svg: angleUp },\r\n { alias: \"balloon\", svg: balloon },\r\n { alias: \"bars\", svg: bars },\r\n { alias: \"buildings\", svg: buildings },\r\n { alias: \"calendar\", svg: calendar },\r\n { alias: \"call\", svg: call },\r\n { alias: \"caret-down\", svg: caretDown },\r\n { alias: \"check\", svg: check },\r\n { alias: \"check-circle\", svg: checkCircle },\r\n { alias: \"chevron-down\", svg: chevronDown },\r\n { alias: \"chevron-left\", svg: chevronLeft },\r\n { alias: \"chevron-right\", svg: chevronRight },\r\n { alias: \"chevron-up\", svg: chevronUp },\r\n { alias: \"circle-notch\", svg: circleNotch },\r\n { alias: \"clock\", svg: clock },\r\n { alias: \"copy\", svg: copy },\r\n { alias: \"crown\", svg: crown },\r\n { alias: \"cultural\", svg: cultural },\r\n { alias: \"document\", svg: document },\r\n { alias: \"download\", svg: download },\r\n { alias: \"email\", svg: email },\r\n { alias: \"energy\", svg: energy },\r\n { alias: \"environment\", svg: environment },\r\n { alias: \"exclamation\", svg: exclamation },\r\n { alias: \"external-link\", svg: externalLink },\r\n { alias: \"eye-slash\", svg: eyeSlash },\r\n { alias: \"eye\", svg: eye },\r\n { alias: \"filter\", svg: filter },\r\n { alias: \"forbidden\", svg: forbidden },\r\n { alias: \"health\", svg: health },\r\n { alias: \"help-active\", svg: helpActive },\r\n { alias: \"help\", svg: help },\r\n { alias: \"house\", svg: house },\r\n { alias: \"info-active\", svg: infoActive },\r\n { alias: \"info-i\", svg: infoI },\r\n { alias: \"info\", svg: info },\r\n { alias: \"infrastructure\", svg: infrastructure },\r\n { alias: \"label\", svg: label },\r\n { alias: \"land\", svg: land },\r\n { alias: \"landscape\", svg: landscape },\r\n { alias: \"layers\", svg: layers },\r\n { alias: \"location\", svg: location },\r\n { alias: \"location-outline\", svg: locationOutline },\r\n { alias: \"location-search\", svg: locationSearch },\r\n { alias: \"lock\", svg: lock },\r\n { alias: \"magnet\", svg: magnet },\r\n { alias: \"map-layers\", svg: mapLayers },\r\n { alias: \"map-location\", svg: mapLocation },\r\n { alias: \"marker\", svg: marker },\r\n { alias: \"measurement\", svg: measurement },\r\n { alias: \"minus-circle\", svg: minusCircle },\r\n { alias: \"minus-square\", svg: minusSquare },\r\n { alias: \"minus\", svg: minus },\r\n { alias: \"more\", svg: more },\r\n { alias: \"municipality\", svg: municipality },\r\n { alias: \"nature\", svg: nature },\r\n { alias: \"new-window\", svg: newWindow },\r\n { alias: \"paperclip\", svg: paperclip },\r\n { alias: \"parking\", svg: parking },\r\n { alias: \"pencil\", svg: pencil },\r\n { alias: \"pin\", svg: pin },\r\n { alias: \"pin-outline\", svg: pinOutline },\r\n { alias: \"plus-circle\", svg: plusCircle },\r\n { alias: \"plus-square\", svg: plusSquare },\r\n { alias: \"plus\", svg: plus },\r\n { alias: \"print\", svg: print },\r\n { alias: \"procedures\", svg: procedures },\r\n { alias: \"redo\", svg: redo },\r\n { alias: \"safety\", svg: safety },\r\n { alias: \"scale\", svg: scale },\r\n { alias: \"search\", svg: search },\r\n { alias: \"sitemap\", svg: sitemap },\r\n { alias: \"soil\", svg: soil },\r\n { alias: \"sort-ascending\", svg: sortAscending },\r\n { alias: \"sort-descending\", svg: sortDescending },\r\n { alias: \"sort\", svg: sort },\r\n { alias: \"sound\", svg: sound },\r\n { alias: \"status-danger\", svg: statusDanger },\r\n { alias: \"status-error\", svg: statusError },\r\n { alias: \"status-info\", svg: statusInfo },\r\n { alias: \"status-success\", svg: statusSuccess },\r\n { alias: \"status-warning\", svg: statusWarning },\r\n { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n { alias: \"table\", svg: table },\r\n { alias: \"times\", svg: times },\r\n { alias: \"trash\", svg: trash },\r\n { alias: \"undo\", svg: undo },\r\n { alias: \"user-line\", svg: userLine },\r\n { alias: \"user\", svg: user },\r\n { alias: \"users\", svg: users },\r\n { alias: \"water\", svg: water },\r\n { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n tag: \"dso-icon\",\r\n styleUrl: \"./icon.scss\",\r\n shadow: true,\r\n})\r\nexport class Icon {\r\n /**\r\n * The alias of the icon.\r\n */\r\n @Prop()\r\n icon?: string;\r\n\r\n render() {\r\n if (this.icon) {\r\n const icon = icons.find((i) => i.alias === this.icon);\r\n if (!icon) {\r\n throw new TypeError(`Unknown svg: ${this.icon}`);\r\n }\r\n\r\n return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n }\r\n }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-4e04b39f.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["headerCss","minDesktopViewportWidth","Header","this","onWindowResize","debounce","_a","dropdownElement","removeAttribute","_b","setDropDownMenu","setOverflowMenu","showDropDown","dropdownOptionsOffset","calculateDropdownOptionsOffset","MenuItem","item","h","class","active","undefined","href","url","onClick","e","clickHandler","menuItem","label","type","options","dsoHeaderClick","emit","originalEvent","isModifiedEvent","setShowDropDown","value","shrinkMenuToFit","wrapper","nav","clientWidth","mainMenu","overflowMenuItems","length","componentDidRender","window","setTimeout","componentDidLoad","useDropDownMenu","innerWidth","host","clientHeight","getBoundingClientRect","bottom","top","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","render","Fragment","clsx","ref","element","name","userHomeUrl","authStatus","strategy","slot","map","userProfileUrl","userProfileName","loginUrl","logoutUrl","showHelp","helpUrl","icon","filter","_","index","placement","userHomeActive"],"sources":["src/components/header/header.scss?tag=dso-header&encapsulation=scoped","src/components/header/header.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n\r\n@use \"header.variables\" as core-header-variables;\r\n\r\n@mixin nav-item-border($color) {\r\n border-bottom: 4px solid $color;\r\n}\r\n\r\n@mixin nav-item-main {\r\n font-size: 1.25em;\r\n line-height: 1;\r\n margin-top: units.$u1;\r\n padding: units.$u2 0;\r\n}\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n.dso-header {\r\n border-bottom: 1px solid colors.$grijs-20;\r\n display: flex;\r\n flex-wrap: wrap;\r\n position: relative;\r\n\r\n @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n align-items: center;\r\n }\r\n\r\n @media screen and (max-width: media-query-breakpoints.$screen-sm-max) {\r\n &.use-drop-down {\r\n flex-wrap: nowrap;\r\n }\r\n }\r\n\r\n .dso-nav {\r\n border: 0;\r\n }\r\n}\r\n\r\n.logo-container {\r\n flex: 1 1 12.5rem;\r\n margin-inline-end: units.$u3;\r\n padding-bottom: units.$u2;\r\n padding-top: units.$u2;\r\n}\r\n\r\n.dso-header-session {\r\n display: flex;\r\n align-items: center;\r\n margin-left: auto;\r\n\r\n .profile,\r\n .login,\r\n .logout,\r\n .help {\r\n .dso-tertiary {\r\n cursor: pointer;\r\n font-family: typography.$font-family-base;\r\n font-weight: 600;\r\n line-height: 1.5;\r\n }\r\n }\r\n\r\n .profile {\r\n margin-left: units.$u1;\r\n\r\n + .logout,\r\n ~ .help {\r\n border-left: 3px solid colors.$grijs-20;\r\n margin-left: units.$u1;\r\n padding-left: units.$u1;\r\n }\r\n }\r\n\r\n .help {\r\n a,\r\n button {\r\n display: flex;\r\n }\r\n }\r\n}\r\n\r\n.dso-navbar {\r\n flex-basis: 100%;\r\n\r\n .dso-dropdown-options {\r\n border-top: 1px solid colors.$grijs-20;\r\n }\r\n}\r\n\r\ndso-dropdown-menu {\r\n button {\r\n align-items: center;\r\n background-color: transparent;\r\n border: 0;\r\n display: flex;\r\n font-family: typography.$font-family-base;\r\n padding-right: units.$u4;\r\n }\r\n\r\n .dso-dropdown-options {\r\n border: 0;\r\n border-radius: 0;\r\n\r\n @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n width: 375px;\r\n }\r\n\r\n @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n width: 100%;\r\n }\r\n\r\n ul li {\r\n a,\r\n button {\r\n color: colors.$bosgroen;\r\n font-size: 1.25rem;\r\n padding: units.$u2;\r\n white-space: pre-wrap;\r\n\r\n &:focus {\r\n color: colors.$wit;\r\n }\r\n\r\n &:hover {\r\n background-color: colors.$wit;\r\n color: colors.$bosgroen;\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &.dso-active {\r\n a {\r\n font-weight: 600;\r\n }\r\n }\r\n\r\n + li {\r\n border-top: 1px solid colors.$grijs-20;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dropdown {\r\n margin-left: auto;\r\n display: flex;\r\n align-items: center;\r\n\r\n dso-dropdown-menu {\r\n position: static;\r\n\r\n .dso-dropdown-options {\r\n right: 0;\r\n top: 100%;\r\n }\r\n\r\n > button {\r\n color: colors.$grasgroen;\r\n font-size: typography.$font-size-base;\r\n font-weight: 600;\r\n line-height: normal;\r\n position: relative;\r\n\r\n &::after {\r\n margin-left: units.$u1;\r\n position: absolute;\r\n right: 0px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n }\r\n\r\n &:hover,\r\n &:active {\r\n cursor: pointer;\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dso-nav {\r\n align-items: end;\r\n column-gap: units.$u4;\r\n display: flex;\r\n list-style: none;\r\n margin-bottom: 0;\r\n margin-top: 0;\r\n padding-left: 0;\r\n\r\n > li {\r\n margin-bottom: 4px;\r\n\r\n > a {\r\n display: block;\r\n\r\n &,\r\n &:hover,\r\n &:focus,\r\n &:visited {\r\n color: colors.$bosgroen;\r\n }\r\n }\r\n\r\n &.dso-active,\r\n &.is-active {\r\n margin-bottom: 0;\r\n\r\n > a {\r\n @include nav-item-border(core-header-variables.$navigation-selected-color);\r\n\r\n font-weight: bold;\r\n }\r\n }\r\n }\r\n\r\n &.dso-nav-main {\r\n display: flex !important;\r\n\r\n > li {\r\n > a {\r\n @include anchor.reverse();\r\n @include nav-item-main();\r\n\r\n // stylelint-disable-next-line declaration-property-value-disallowed-list -- no wrapping wanted because of icon\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n dso-dropdown-menu {\r\n .dso-dropdown-options {\r\n left: units.$ru2 * -1 !important;\r\n top: 3px !important;\r\n }\r\n\r\n button {\r\n @include nav-item-main();\r\n\r\n align-items: center;\r\n color: colors.$bosgroen;\r\n padding-right: units.$u4;\r\n\r\n &:hover,\r\n &:active {\r\n cursor: pointer;\r\n text-decoration: underline;\r\n }\r\n\r\n &::after {\r\n margin-left: units.$u1;\r\n position: absolute;\r\n right: 0px;\r\n top: auto;\r\n transform: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .menu-user-home {\r\n margin-left: auto;\r\n\r\n dso-icon {\r\n height: 1em;\r\n margin-right: units.$u1;\r\n position: relative;\r\n top: -2px;\r\n width: 1.2em;\r\n }\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Fragment, h, Prop, State, Watch } from \"@stencil/core\";\r\n\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { HeaderMenuItem, HeaderNavigationType, HeaderEvent } from \"./header.interfaces\";\r\n\r\nconst minDesktopViewportWidth = 992;\r\n\r\n@Component({\r\n tag: \"dso-header\",\r\n styleUrl: \"header.scss\",\r\n scoped: true,\r\n})\r\nexport class Header {\r\n private clickHandler(\r\n e: MouseEvent,\r\n type: HeaderNavigationType,\r\n options?: { menuItem?: HeaderMenuItem; url?: string }\r\n ) {\r\n this.dsoHeaderClick.emit({\r\n originalEvent: e,\r\n isModifiedEvent: isModifiedEvent(e),\r\n type,\r\n menuItem: options?.menuItem,\r\n url: options?.url ?? options?.menuItem?.url,\r\n });\r\n }\r\n\r\n private dropdownElement?: HTMLElement;\r\n\r\n @Element()\r\n host!: HTMLDsoHeaderElement;\r\n\r\n /**\r\n * The main menu items.\r\n */\r\n @Prop()\r\n mainMenu?: HeaderMenuItem[] = [];\r\n\r\n /**\r\n * Either have the dropdown menu appear automatically or always.\r\n */\r\n @Prop()\r\n useDropDownMenu: \"always\" | \"auto\" = \"auto\";\r\n\r\n /**\r\n * Used to show the login/logout option. 'none' renders nothing.\r\n */\r\n @Prop()\r\n authStatus: \"none\" | \"loggedIn\" | \"loggedOut\" = \"none\";\r\n\r\n /**\r\n * When the `authStatus` is `loggedOut` a loginUrl can be provided.\r\n * The login button will then render as an anchor.\r\n */\r\n @Prop()\r\n loginUrl?: string;\r\n\r\n /**\r\n * The URL to open when the user activates \"logout\".\r\n * If no URL is specified, a button element is used instead.\r\n */\r\n @Prop()\r\n logoutUrl?: string;\r\n\r\n /**\r\n * Show a help-button or link in the header\r\n */\r\n @Prop()\r\n showHelp? = false;\r\n\r\n /**\r\n * The URL to open when the user activates \"help\".\r\n * If no URL is specified, a button element is used instead.\r\n */\r\n @Prop()\r\n helpUrl?: string;\r\n\r\n /**\r\n * The name to show when the user is logged in.\r\n */\r\n @Prop()\r\n userProfileName?: string;\r\n\r\n /**\r\n * The URL to open when the user activates the profile url.\r\n */\r\n @Prop()\r\n userProfileUrl?: string;\r\n\r\n /**\r\n * The URL to open when the user activates \"Mijn Omgevingsloket\".\r\n */\r\n @Prop()\r\n userHomeUrl?: string;\r\n\r\n /**\r\n * Set this to true when the user is at \"Mijn Omgevingsloket\".\r\n */\r\n @Prop()\r\n userHomeActive?: boolean;\r\n\r\n @State()\r\n showDropDown?: boolean;\r\n\r\n @State()\r\n overflowMenuItems = 0;\r\n\r\n @State()\r\n dropdownOptionsOffset = 0;\r\n\r\n /**\r\n * Emitted when something in the header is selected.\r\n *\r\n * `event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`\r\n */\r\n @Event()\r\n dsoHeaderClick!: EventEmitter<HeaderEvent>;\r\n\r\n @Watch(\"useDropDownMenu\")\r\n setShowDropDown(value: \"always\" | \"auto\") {\r\n if (value === \"auto\") {\r\n this.setDropDownMenu();\r\n\r\n return;\r\n }\r\n\r\n this.showDropDown = value === \"always\";\r\n }\r\n\r\n private wrapper: HTMLDivElement | undefined;\r\n\r\n private nav: HTMLUListElement | undefined;\r\n\r\n private shrinkMenuToFit() {\r\n if (!this.wrapper || !this.nav) {\r\n return;\r\n }\r\n\r\n if (this.wrapper.clientWidth >= this.nav.clientWidth) {\r\n return;\r\n }\r\n\r\n if (this.mainMenu && this.overflowMenuItems >= this.mainMenu.length) {\r\n return;\r\n }\r\n\r\n this.overflowMenuItems++;\r\n }\r\n\r\n componentDidRender() {\r\n if (this.showDropDown) {\r\n this.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n\r\n return;\r\n }\r\n\r\n window.setTimeout(() => this.shrinkMenuToFit(), 0);\r\n }\r\n\r\n componentDidLoad() {\r\n this.setShowDropDown(this.useDropDownMenu);\r\n\r\n if (this.showDropDown) {\r\n this.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n }\r\n }\r\n\r\n private setOverflowMenu() {\r\n if (this.showDropDown) {\r\n return;\r\n }\r\n\r\n if (this.overflowMenuItems !== 0) {\r\n this.overflowMenuItems = 0;\r\n return;\r\n }\r\n\r\n this.shrinkMenuToFit();\r\n }\r\n\r\n private setDropDownMenu() {\r\n if (this.useDropDownMenu !== \"auto\") {\r\n return;\r\n }\r\n\r\n this.showDropDown = window.innerWidth < minDesktopViewportWidth;\r\n }\r\n\r\n private calculateDropdownOptionsOffset() {\r\n if (!this.dropdownElement) {\r\n return 0;\r\n }\r\n\r\n return (\r\n this.host.clientHeight -\r\n (this.dropdownElement?.getBoundingClientRect().bottom - this.host.getBoundingClientRect().top)\r\n );\r\n }\r\n\r\n private onWindowResize = debounce(() => {\r\n this.dropdownElement?.removeAttribute(\"open\");\r\n this.dropdownElement?.removeAttribute(\"tabindex\");\r\n\r\n this.setDropDownMenu();\r\n this.setOverflowMenu();\r\n\r\n if (this.showDropDown) {\r\n this.dropdownOptionsOffset = this.calculateDropdownOptionsOffset();\r\n }\r\n }, 100);\r\n\r\n connectedCallback() {\r\n window.addEventListener(\"resize\", this.onWindowResize);\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener(\"resize\", this.onWindowResize);\r\n }\r\n\r\n private MenuItem = (item: HeaderMenuItem) => {\r\n return (\r\n <li class={item.active ? \"dso-active\" : undefined}>\r\n <a\r\n href={item.url}\r\n aria-current={item.active ? \"page\" : undefined}\r\n onClick={(e) => this.clickHandler(e, \"menuItem\", { menuItem: item })}\r\n >\r\n {item.label}\r\n </a>\r\n </li>\r\n );\r\n };\r\n\r\n render() {\r\n // Prevent 'flickering' when useDropDownMenu = 'always'\r\n if (this.showDropDown === undefined) {\r\n return;\r\n }\r\n\r\n return (\r\n <>\r\n <div\r\n class={clsx(\"dso-header\", {\r\n [\"use-drop-down\"]: this.showDropDown,\r\n })}\r\n ref={(element) => (this.wrapper = element)}\r\n >\r\n <div class=\"logo-container\">\r\n <slot name=\"logo\" />\r\n </div>\r\n {this.showDropDown &&\r\n this.mainMenu &&\r\n (this.mainMenu.length > 0 || this.userHomeUrl || this.authStatus !== \"none\") && (\r\n <div class=\"dropdown\">\r\n <dso-dropdown-menu\r\n dropdown-align=\"right\"\r\n strategy=\"absolute\"\r\n dropdownOptionsOffset={this.dropdownOptionsOffset}\r\n ref={(element) => (this.dropdownElement = element)}\r\n >\r\n <button type=\"button\" slot=\"toggle\">\r\n <span>Menu</span>\r\n </button>\r\n <div class=\"dso-dropdown-options\">\r\n <ul>\r\n {this.mainMenu.map(this.MenuItem)}\r\n {this.userHomeUrl && (\r\n <li>\r\n <a\r\n href={this.userHomeUrl}\r\n onClick={(e) => this.clickHandler(e, \"userHome\", { url: this.userHomeUrl })}\r\n >\r\n Mijn Omgevingsloket\r\n </a>\r\n </li>\r\n )}\r\n {this.userProfileUrl && this.userProfileName && this.authStatus === \"loggedIn\" && (\r\n <li>\r\n <a\r\n href={this.userProfileUrl}\r\n onClick={(e) => this.clickHandler(e, \"profile\", { url: this.userProfileUrl })}\r\n >\r\n {this.userProfileName}\r\n <span class=\"profile-label\"> - Mijn profiel</span>\r\n </a>\r\n </li>\r\n )}\r\n {this.authStatus === \"loggedOut\" && (\r\n <li>\r\n {this.loginUrl ? (\r\n <a\r\n href={this.loginUrl}\r\n onClick={(e) => this.clickHandler(e, \"login\", { url: this.loginUrl })}\r\n >\r\n Inloggen\r\n </a>\r\n ) : (\r\n <button type=\"button\" onClick={(e) => this.clickHandler(e, \"login\")}>\r\n Inloggen\r\n </button>\r\n )}\r\n </li>\r\n )}\r\n {this.authStatus === \"loggedIn\" && (\r\n <li>\r\n {this.logoutUrl ? (\r\n <a\r\n href={this.logoutUrl}\r\n onClick={(e) => this.clickHandler(e, \"logout\", { url: this.logoutUrl })}\r\n >\r\n Uitloggen\r\n </a>\r\n ) : (\r\n <button type=\"button\" onClick={(e) => this.clickHandler(e, \"logout\")}>\r\n Uitloggen\r\n </button>\r\n )}\r\n </li>\r\n )}\r\n {this.showHelp && (\r\n <li>\r\n {this.helpUrl ? (\r\n <a\r\n href={this.helpUrl}\r\n class=\"dso-tertiary\"\r\n onClick={(e) => this.clickHandler(e, \"help\", { url: this.helpUrl })}\r\n >\r\n <span>Help</span>\r\n <dso-icon icon=\"help\"></dso-icon>\r\n </a>\r\n ) : (\r\n <button type=\"button\" class=\"dso-tertiary\" onClick={(e) => this.clickHandler(e, \"help\")}>\r\n <span>Help</span>\r\n <dso-icon icon=\"help\"></dso-icon>\r\n </button>\r\n )}\r\n </li>\r\n )}\r\n </ul>\r\n </div>\r\n </dso-dropdown-menu>\r\n </div>\r\n )}\r\n {!this.showDropDown && (\r\n <>\r\n <div class=\"dso-header-session\">\r\n {this.userProfileUrl && this.userProfileName && this.authStatus === \"loggedIn\" && (\r\n <div class=\"profile\">\r\n <a\r\n href={this.userProfileUrl}\r\n class=\"dso-tertiary\"\r\n onClick={(e) => this.clickHandler(e, \"profile\", { url: this.userProfileUrl })}\r\n >\r\n {this.userProfileName}\r\n </a>\r\n </div>\r\n )}\r\n {this.authStatus === \"loggedOut\" && (\r\n <div class=\"login\">\r\n {this.loginUrl ? (\r\n <a\r\n href={this.loginUrl}\r\n class=\"dso-tertiary\"\r\n onClick={(e) => this.clickHandler(e, \"login\", { url: this.loginUrl })}\r\n >\r\n Inloggen\r\n </a>\r\n ) : (\r\n <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"login\")}>\r\n Inloggen\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n {this.authStatus === \"loggedIn\" && (\r\n <div class=\"logout\">\r\n {this.logoutUrl ? (\r\n <a\r\n href={this.logoutUrl}\r\n class=\"dso-tertiary\"\r\n onClick={(e) => this.clickHandler(e, \"logout\", { url: this.logoutUrl })}\r\n >\r\n Uitloggen\r\n </a>\r\n ) : (\r\n <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"logout\")}>\r\n Uitloggen\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n {this.showHelp && (\r\n <div class=\"help\">\r\n {this.helpUrl ? (\r\n <a\r\n href={this.helpUrl}\r\n class=\"dso-tertiary\"\r\n onClick={(e) => this.clickHandler(e, \"help\", { url: this.helpUrl })}\r\n >\r\n <span>Help</span>\r\n <dso-icon icon=\"help\"></dso-icon>\r\n </a>\r\n ) : (\r\n <button class=\"dso-tertiary\" type=\"button\" onClick={(e) => this.clickHandler(e, \"help\")}>\r\n <span>Help</span>\r\n <dso-icon icon=\"help\"></dso-icon>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n {((this.mainMenu && this.mainMenu.length > 0) || this.userHomeUrl) && (\r\n <nav class=\"dso-navbar\">\r\n <ul class=\"dso-nav dso-nav-main\" ref={(element) => (this.nav = element)}>\r\n {this.mainMenu &&\r\n this.mainMenu\r\n .filter((_, index) => this.mainMenu && index < this.mainMenu.length - this.overflowMenuItems)\r\n .map(this.MenuItem)}\r\n {this.overflowMenuItems > 0 && (\r\n <li>\r\n <dso-dropdown-menu placement=\"bottom\">\r\n <button type=\"button\" slot=\"toggle\">\r\n <span>Meer</span>\r\n </button>\r\n <div class=\"dso-dropdown-options\">\r\n <ul>\r\n {this.mainMenu &&\r\n this.mainMenu\r\n .filter(\r\n (_, index) =>\r\n this.mainMenu && index >= this.mainMenu.length - this.overflowMenuItems\r\n )\r\n .map(this.MenuItem)}\r\n </ul>\r\n </div>\r\n </dso-dropdown-menu>\r\n </li>\r\n )}\r\n {this.userHomeUrl && (\r\n <li class={clsx(\"menu-user-home\", { \"dso-active\": this.userHomeActive })}>\r\n <a\r\n href={this.userHomeUrl}\r\n aria-current={this.userHomeActive ? \"page\" : undefined}\r\n onClick={(e) => this.clickHandler(e, \"userHome\", { url: this.userHomeUrl })}\r\n >\r\n <dso-icon icon=\"user-line\"></dso-icon>\r\n Mijn Omgevingsloket\r\n </a>\r\n </li>\r\n )}\r\n </ul>\r\n </nav>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n </>\r\n );\r\n }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-59fe2479.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DsoTreeItem","owner","ancestors","item","index","level","setSize","h","key","id","class","clsx","hasItems","open","_a","items","length","role","onClick","e","itemClick","icon","active","selected","tabindex","_b","undefined","loading","href","label","_c","icons","map","title","Fragment","size","_d","childItem","childIndex","org","treeViewCss","TreeView","this","keyDownListener","event","defaultPrevented","isIndexLetter","str","match","tree","composedPath","find","HTMLElement","className","target","HTMLParagraphElement","moveFocus","expandItemOrFocusChild","collapseItemOrFocusParent","click","setFocusByFirstCharacter","shiftKey","preventDefault","contentElement","closest","eventTarget","setFocus","dsoClickItem","emit","path","originalEvent","dsoCloseItem","dsoOpenItem","focusItem","itemToFocus","Error","elementToFocus","Array","from","querySelectorAll","filter","offsetWidth","offsetHeight","dataset","tabIndex","forEach","focus","el","moveTo","focusableItems","indexOf","focusableItem","getAttribute","controlElement","previousElementSibling","firstElementChild","parentTarget","parentElement","char","backwards","reverse","current","toLowerCase","nextItem","textContent","startsWith","render","onKeyDown","ref","element","collection"],"sources":["src/components/tree-view/tree-item.tsx","src/components/tree-view/tree-view.scss?tag=dso-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["import { h, FunctionalComponent, Fragment } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { TreeViewItem, TreeViewItemIcon } from \"./tree-view.interfaces\";\r\n\r\nimport { TreeView } from \"./tree-view\";\r\n\r\ninterface TreeViewItemProps {\r\n owner: TreeView;\r\n ancestors: TreeViewItem[];\r\n item: TreeViewItem;\r\n index: number;\r\n level: number;\r\n setSize: number;\r\n}\r\n\r\nexport const DsoTreeItem: FunctionalComponent<TreeViewItemProps> = ({\r\n owner,\r\n ancestors,\r\n item,\r\n index,\r\n level,\r\n setSize,\r\n}) => (\r\n <li\r\n key={item.id}\r\n class={clsx(\"tree-item\", { \"has-child\": item.hasItems, \"is-expanded\": !!item.open && !!item.items?.length })}\r\n role=\"none\"\r\n >\r\n <div class=\"tree-branch-control\">\r\n {item.hasItems ? (\r\n <div onClick={(e) => owner.itemClick(e, ancestors, item)}>\r\n <dso-icon icon={item.open ? \"minus-square\" : \"plus-square\"}></dso-icon>\r\n </div>\r\n ) : (\r\n <dso-icon></dso-icon>\r\n )}\r\n </div>\r\n <p\r\n class={clsx(\"tree-content\", { active: item.active }, { selected: item.selected })}\r\n tabindex={level === 1 && index === 0 ? 0 : -1}\r\n role=\"treeitem\"\r\n aria-expanded={item.hasItems ? \"\" + (!!item.open && !!item.items?.length) : undefined}\r\n aria-current={item.active ? \"true\" : undefined}\r\n aria-level={level}\r\n aria-setsize={setSize}\r\n aria-posinset={index + 1}\r\n aria-busy={item.loading ? \"true\" : undefined}\r\n data-item-id={item.id}\r\n onClick={(e) => owner.itemClick(e, ancestors, item)}\r\n >\r\n {item.selected && <span class=\"sr-only\">Resultaat: </span>}\r\n {item.href ? (\r\n <a href={item.href} tabindex=\"-1\">\r\n {item.label}\r\n </a>\r\n ) : (\r\n <span>{item.label}</span>\r\n )}\r\n {item.icons?.map((icon: TreeViewItemIcon) => (\r\n <dso-icon icon={icon.icon} title={icon.label}></dso-icon>\r\n ))}\r\n </p>\r\n {item.open && (\r\n <>\r\n {item.hasItems && !item.items && item.loading ? (\r\n <dso-progress-indicator size=\"small\" label=\"Resultaten laden: een moment geduld alstublieft.\" />\r\n ) : (\r\n <ul role=\"group\">\r\n {item.items?.map((childItem: TreeViewItem, childIndex: number, org: TreeViewItem[]) => (\r\n <DsoTreeItem\r\n owner={owner}\r\n ancestors={[...ancestors, item]}\r\n item={childItem}\r\n index={childIndex}\r\n level={level + 1}\r\n setSize={org.length}\r\n ></DsoTreeItem>\r\n ))}\r\n </ul>\r\n )}\r\n </>\r\n )}\r\n </li>\r\n);\r\n","@use \"sass:math\";\r\n\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n\r\n@use \"tree-view.mixins\" as core-tree-view-mixins;\r\n@use \"tree-view.variables\" as core-tree-view-variables;\r\n\r\n:host {\r\n ul {\r\n list-style-type: none;\r\n padding-inline-start: core-tree-view-variables.$indent;\r\n position: relative;\r\n }\r\n\r\n li {\r\n position: relative;\r\n }\r\n\r\n ul[role=\"tree\"] {\r\n padding-left: 0;\r\n }\r\n\r\n // connects branch or leaf to parent\r\n ul[role=\"group\"]::before {\r\n @include core-tree-view-mixins.vertical-line(\r\n core-tree-view-variables.$indent + core-tree-view-variables.$hcenter,\r\n 0,\r\n core-tree-view-variables.$vspace\r\n );\r\n }\r\n\r\n li:not(.has-child) {\r\n // horizontal connector for a leaf\r\n &::before {\r\n @include core-tree-view-mixins.horizontal-line(\r\n core-tree-view-variables.$hcenter,\r\n core-tree-view-variables.$vcenter,\r\n core-tree-view-variables.$hspace + 0.5 * core-tree-view-variables.$icon-size - 4px\r\n );\r\n }\r\n\r\n // vertical connector for a leaf\r\n &::after {\r\n @include core-tree-view-mixins.vertical-line(\r\n core-tree-view-variables.$hcenter,\r\n core-tree-view-variables.$vspace,\r\n 100%\r\n );\r\n }\r\n\r\n // vertical connector for the last leaf\r\n &:last-child::after {\r\n height: core-tree-view-variables.$vcenter;\r\n top: 0;\r\n }\r\n }\r\n\r\n li.has-child {\r\n // horizontal connector for a branch\r\n &::before {\r\n @include core-tree-view-mixins.horizontal-line(\r\n core-tree-view-variables.$icon-size,\r\n core-tree-view-variables.$vcenter,\r\n core-tree-view-variables.$hspace - 4px\r\n );\r\n }\r\n\r\n // vertical connector for a branch (not last)\r\n &:not(:last-child)::after {\r\n @include core-tree-view-mixins.vertical-line(\r\n core-tree-view-variables.$hcenter,\r\n core-tree-view-variables.$vcenter + 0.5 * core-tree-view-variables.$icon-size,\r\n calc(100% - core-tree-view-variables.$icon-size)\r\n );\r\n }\r\n\r\n // vertical line after a expanded branch (creating dead ends)\r\n &.is-expanded:last-child::after {\r\n @include core-tree-view-mixins.vertical-line(\r\n core-tree-view-variables.$hcenter,\r\n core-tree-view-variables.$vcenter + 0.5 * core-tree-view-variables.$icon-size,\r\n calc(100% - (core-tree-view-variables.$vcenter + 0.5 * core-tree-view-variables.$icon-size))\r\n );\r\n }\r\n }\r\n\r\n .tree-branch-control {\r\n color: colors.$grasgroen;\r\n display: inline-block;\r\n font-size: math.div(2 * core-tree-view-variables.$icon-size, 3);\r\n margin: core-tree-view-variables.$vspace core-tree-view-variables.$hspace core-tree-view-variables.$vspace 0;\r\n vertical-align: top;\r\n\r\n > div {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .tree-content {\r\n cursor: pointer;\r\n display: inline-block;\r\n margin: core-tree-view-variables.$vspace 0;\r\n max-width: calc(100% - (core-tree-view-variables.$indent + core-tree-view-variables.$hspace));\r\n\r\n a {\r\n color: scaffolding.$text-color;\r\n text-decoration: underline;\r\n\r\n &:hover,\r\n &:focus {\r\n color: scaffolding.$text-color;\r\n text-decoration: none;\r\n }\r\n\r\n &:active {\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n &.selected {\r\n color: scaffolding.$text-color;\r\n font-weight: 700;\r\n text-decoration: underline;\r\n\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n &.active {\r\n color: colors.$mauve;\r\n font-style: italic;\r\n font-weight: 700;\r\n\r\n text-decoration: underline;\r\n\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n\r\n a {\r\n color: colors.$mauve;\r\n\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n\r\n dso-icon {\r\n color: colors.$grasgroen;\r\n font-size: 0.75em;\r\n margin-left: 0.5em;\r\n vertical-align: text-bottom;\r\n }\r\n }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n","import { h, Component, ComponentInterface, Event, EventEmitter, Prop, Method } from \"@stencil/core\";\r\n\r\nimport { TreeViewPointerEvent, TreeViewItem } from \"./tree-view.interfaces\";\r\nimport { DsoTreeItem } from \"./tree-item\";\r\n\r\n@Component({\r\n tag: \"dso-tree-view\",\r\n styleUrl: \"./tree-view.scss\",\r\n shadow: true,\r\n})\r\nexport class TreeView implements ComponentInterface {\r\n private tree?: HTMLElement;\r\n\r\n /**\r\n * The collection of TreeViewItems\r\n */\r\n @Prop()\r\n collection!: TreeViewItem[];\r\n\r\n /**\r\n * Emitted when a tree view item is opened.\r\n * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the\r\n * root to the item that is emitting the open event. The consumer of the event is responsible for updating\r\n * the TreeView's collection (usually set the open state on the last TreeViewItem in path).\r\n */\r\n @Event()\r\n dsoOpenItem!: EventEmitter<TreeViewItem[]>;\r\n\r\n /**\r\n * Emitted when a tree view item is closed.\r\n * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the\r\n * root to the item that is emitting the close event. The consumer of the event is responsible for updating\r\n * the TreeView's collection (usually set the closed state on the last TreeViewItem in path).\r\n */\r\n @Event()\r\n dsoCloseItem!: EventEmitter<TreeViewItem[]>;\r\n\r\n /**\r\n * Emitted when a tree view item is clicked.\r\n * The `detail` property of the `CustomEvent` will contain an object with:\r\n * `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event.\r\n * `originalEvent` = the original click event.\r\n * The consumer of the event is responsible for updating the TreeView's collection (usually set the active\r\n * state on the last TreeViewItem in path and clear all other active item states).\r\n */\r\n @Event()\r\n dsoClickItem!: EventEmitter<TreeViewPointerEvent>;\r\n\r\n /**\r\n * Set focus on the last item in the specified path.\r\n * The consumer is responsible for providing a TreeView collection where the last item is visible.\r\n * @async\r\n * @returns Whether the item was found.\r\n */\r\n @Method()\r\n async focusItem(path: TreeViewItem[]): Promise<boolean> {\r\n const tree = this.tree;\r\n\r\n if (!tree || path.length === 0) {\r\n return false;\r\n }\r\n\r\n const itemToFocus = path[path.length - 1];\r\n if (!itemToFocus) {\r\n throw new Error(\"No itemToFocus found\");\r\n }\r\n\r\n const elementToFocus = (Array.from(tree.querySelectorAll(\"p\") ?? []) as HTMLElement[])\r\n .filter((item) => item.offsetWidth > 0 && item.offsetHeight > 0)\r\n .find((item) => item.dataset[\"itemId\"] === itemToFocus.id);\r\n\r\n if (!elementToFocus) {\r\n return false;\r\n }\r\n\r\n TreeView.setFocus(tree, elementToFocus);\r\n\r\n return true;\r\n }\r\n\r\n private keyDownListener = (event: KeyboardEvent) => {\r\n if (event.defaultPrevented) {\r\n return;\r\n }\r\n\r\n const isIndexLetter = (str: string) => str.length === 1 && str.match(/\\S/);\r\n\r\n const tree = event\r\n .composedPath()\r\n .find((item) => (item instanceof HTMLElement ? item.className === \"dso-tree\" : false));\r\n\r\n if (!(event.target instanceof HTMLParagraphElement) || !(tree instanceof HTMLElement)) {\r\n return;\r\n }\r\n\r\n switch (event.key) {\r\n case \"ArrowDown\":\r\n TreeView.moveFocus(tree, event.target, \"next\");\r\n break;\r\n case \"ArrowUp\":\r\n TreeView.moveFocus(tree, event.target, \"previous\");\r\n break;\r\n case \"ArrowRight\":\r\n TreeView.expandItemOrFocusChild(tree, event.target);\r\n break;\r\n case \"ArrowLeft\":\r\n TreeView.collapseItemOrFocusParent(tree, event.target);\r\n break;\r\n case \"End\":\r\n TreeView.moveFocus(tree, event.target, \"last\");\r\n break;\r\n case \"Home\":\r\n TreeView.moveFocus(tree, event.target, \"first\");\r\n break;\r\n case \"Enter\":\r\n case \" \":\r\n event.target.click();\r\n break;\r\n default:\r\n if (isIndexLetter(event.key)) {\r\n if (TreeView.setFocusByFirstCharacter(tree, event.target, event.key, event.shiftKey)) {\r\n break;\r\n }\r\n }\r\n\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n };\r\n\r\n // eslint-disable-next-line @stencil-community/own-props-must-be-private -- Omdat this als TreeView instance aan Functionele Components wordt gegeven\r\n itemClick = (event: MouseEvent, ancestors: TreeViewItem[], item: TreeViewItem) => {\r\n if (!(event.target instanceof HTMLElement)) {\r\n return;\r\n }\r\n\r\n const contentElement = event.target.closest(\".tree-content\");\r\n\r\n if (contentElement) {\r\n const tree = event\r\n .composedPath()\r\n .find((eventTarget) => (eventTarget instanceof HTMLElement ? eventTarget.className === \"dso-tree\" : false));\r\n if (!(contentElement instanceof HTMLParagraphElement) || !(tree instanceof HTMLElement)) {\r\n return;\r\n }\r\n\r\n TreeView.setFocus(tree, contentElement);\r\n this.dsoClickItem.emit({ path: [...ancestors, item], originalEvent: event });\r\n\r\n return;\r\n }\r\n\r\n if (item.open) {\r\n this.dsoCloseItem.emit([...ancestors, item]);\r\n } else {\r\n this.dsoOpenItem.emit([...ancestors, item]);\r\n }\r\n };\r\n\r\n private static setFocus(tree: HTMLElement, target: HTMLElement) {\r\n if (target) {\r\n (Array.from(tree.querySelectorAll(\"p\")) as HTMLElement[])\r\n .filter((item) => item.tabIndex === 0)\r\n .forEach((item) => (item.tabIndex = -1));\r\n\r\n target.tabIndex = 0;\r\n target.focus();\r\n }\r\n }\r\n\r\n private static moveFocus(tree: HTMLElement, el: HTMLElement, moveTo: \"first\" | \"previous\" | \"next\" | \"last\"): void {\r\n const focusableItems = (Array.from(tree.querySelectorAll(\"p\")) as HTMLElement[]).filter(\r\n (item) => item.offsetWidth > 0 && item.offsetHeight > 0\r\n );\r\n\r\n let index = 0;\r\n switch (moveTo) {\r\n case \"first\":\r\n index = 0;\r\n break;\r\n case \"previous\":\r\n index = focusableItems.indexOf(el) - 1;\r\n break;\r\n case \"next\":\r\n index = focusableItems.indexOf(el) + 1;\r\n break;\r\n case \"last\":\r\n index = focusableItems.length - 1;\r\n break;\r\n }\r\n\r\n const focusableItem = focusableItems[index];\r\n if (!focusableItem) {\r\n throw new Error(\"No focusableItem found\");\r\n }\r\n\r\n TreeView.setFocus(tree, focusableItem);\r\n }\r\n\r\n private static expandItemOrFocusChild(tree: HTMLElement, target: HTMLElement): void {\r\n if (target?.getAttribute(\"aria-expanded\") === \"true\") {\r\n TreeView.moveFocus(tree, target, \"next\");\r\n } else {\r\n const controlElement = target.previousElementSibling?.firstElementChild;\r\n if (controlElement instanceof HTMLElement) {\r\n controlElement.click();\r\n }\r\n }\r\n }\r\n\r\n private static collapseItemOrFocusParent(tree: HTMLElement, target: HTMLElement): void {\r\n if (target?.getAttribute(\"aria-expanded\") === \"true\") {\r\n const controlElement = target.previousElementSibling?.firstElementChild;\r\n if (controlElement instanceof HTMLElement) {\r\n controlElement.click();\r\n }\r\n } else {\r\n const parentTarget = target?.parentElement?.parentElement?.previousElementSibling;\r\n if (parentTarget instanceof HTMLElement) {\r\n TreeView.setFocus(tree, parentTarget);\r\n }\r\n }\r\n }\r\n\r\n private static setFocusByFirstCharacter(\r\n tree: HTMLElement,\r\n el: HTMLElement,\r\n char: string,\r\n backwards: boolean\r\n ): boolean {\r\n const focusableItems = (Array.from(tree.querySelectorAll(\"p\")) as HTMLElement[]).filter(\r\n (item) => item.offsetWidth > 0 && item.offsetHeight > 0\r\n );\r\n\r\n if (backwards) {\r\n focusableItems.reverse();\r\n }\r\n\r\n const current = focusableItems.indexOf(el);\r\n\r\n char = char.toLowerCase();\r\n let nextItem = focusableItems.find(\r\n (item, index) => index > current && item.textContent?.toLowerCase().startsWith(char)\r\n );\r\n if (!nextItem) {\r\n nextItem = focusableItems.find(\r\n (item, index) => index < current && item.textContent?.toLowerCase().startsWith(char)\r\n );\r\n }\r\n\r\n if (nextItem) {\r\n TreeView.setFocus(tree, nextItem);\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n id=\"tree\"\r\n class=\"dso-tree\"\r\n onKeyDown={(e) => this.keyDownListener(e)}\r\n ref={(element) => (this.tree = element)}\r\n >\r\n <ul role=\"tree\" aria-label=\"Objectenboom\">\r\n {this.collection?.map((item, index) => (\r\n <DsoTreeItem\r\n owner={this}\r\n ancestors={[]}\r\n item={item}\r\n index={index}\r\n level={1}\r\n setSize={this.collection.length}\r\n ></DsoTreeItem>\r\n ))}\r\n </ul>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-5c976ac9.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,c as t,h as i,H as e,a}from"./p-3ca5b6f4.js";const l=":host{display:block}";const o=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const r=class{constructor(i){s(this,i);this.dsoSizeChange=t(this,"dsoSizeChange",7);this.observer=new ResizeObserver((([s])=>{var t,i;if(!s){throw new Error("No entry found")}const e=(i=(t=o.find((t=>s.contentRect.width>=t.width)))===null\|\|t===void 0?void 0:t.alias)!==null&&i!==void 0?i:o[0].alias;this.sizeAlias=e;this.dsoSizeChange.emit(e)}));this.sizeAlias=o[0].alias;this.sizeWidth=0}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return i(e,{small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},i("slot",null))}get host(){return a(this)}};r.style=l;export{r as dso_responsive_element};
2	- //# sourceMappingURL=p-5c976ac9.entry.js.map

package/dist/dso-toolkit/p-5d7f4ff2.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- let t;const o=new Uint8Array(16);function r(){if(!t){t=typeof crypto!=="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto);if(!t){throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}}return t(o)}const n=[];for(let t=0;t<256;++t){n.push((t+256).toString(16).slice(1))}function e(t,o=0){return(n[t[o+0]]+n[t[o+1]]+n[t[o+2]]+n[t[o+3]]+"-"+n[t[o+4]]+n[t[o+5]]+"-"+n[t[o+6]]+n[t[o+7]]+"-"+n[t[o+8]]+n[t[o+9]]+"-"+n[t[o+10]]+n[t[o+11]]+n[t[o+12]]+n[t[o+13]]+n[t[o+14]]+n[t[o+15]]).toLowerCase()}const u=typeof crypto!=="undefined"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const c={randomUUID:u};function p(t,o,n){if(c.randomUUID&&!o&&!t){return c.randomUUID()}t=t\|\|{};const u=t.random\|\|(t.rng\|\|r)();u[6]=u[6]&15\|64;u[8]=u[8]&63\|128;if(o){n=n\|\|0;for(let t=0;t<16;++t){o[n+t]=u[t]}return o}return e(u)}export{p as v};
2	- //# sourceMappingURL=p-5d7f4ff2.js.map

package/dist/dso-toolkit/p-5d7f4ff2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["getRandomValues","rnds8","Uint8Array","rng","crypto","bind","Error","byteToHex","i","push","toString","slice","unsafeStringify","arr","offset","toLowerCase","randomUUID","native","v4","options","buf","rnds","random"],"sources":["../../node_modules/uuid/dist/esm-browser/rng.js","../../node_modules/uuid/dist/esm-browser/stringify.js","../../node_modules/uuid/dist/esm-browser/native.js","../../node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();\n}\n\nfunction stringify(arr, offset = 0) {\n const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n if (native.randomUUID && !buf && !options) {\n return native.randomUUID();\n }\n\n options = options || {};\n const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (let i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return unsafeStringify(rnds);\n}\n\nexport default v4;"],"mappings":"AAGA,IAAIA,EACJ,MAAMC,EAAQ,IAAIC,WAAW,IACd,SAASC,IAEtB,IAAKH,EAAiB,CAEpBA,SAAyBI,SAAW,aAAeA,OAAOJ,iBAAmBI,OAAOJ,gBAAgBK,KAAKD,QAEzG,IAAKJ,EAAiB,CACpB,MAAM,IAAIM,MAAM,2GACtB,CACA,CAEE,OAAON,EAAgBC,EACzB,CCXA,MAAMM,EAAY,GAElB,IAAK,IAAIC,EAAI,EAAGA,EAAI,MAAOA,EAAG,CAC5BD,EAAUE,MAAMD,EAAI,KAAOE,SAAS,IAAIC,MAAM,GAChD,CAEO,SAASC,EAAgBC,EAAKC,EAAS,GAG5C,OAAQP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,MAAMC,aACvf,CChBA,MAAMC,SAAoBZ,SAAW,aAAeA,OAAOY,YAAcZ,OAAOY,WAAWX,KAAKD,QAChG,MAAAa,EAAe,CACbD,cCEF,SAASE,EAAGC,EAASC,EAAKN,GACxB,GAAIG,EAAOD,aAAeI,IAAQD,EAAS,CACzC,OAAOF,EAAOD,YAClB,CAEEG,EAAUA,GAAW,GACrB,MAAME,EAAOF,EAAQG,SAAWH,EAAQhB,KAAOA,KAE/CkB,EAAK,GAAKA,EAAK,GAAK,GAAO,GAC3BA,EAAK,GAAKA,EAAK,GAAK,GAAO,IAE3B,GAAID,EAAK,CACPN,EAASA,GAAU,EAEnB,IAAK,IAAIN,EAAI,EAAGA,EAAI,KAAMA,EAAG,CAC3BY,EAAIN,EAASN,GAAKa,EAAKb,EAC7B,CAEI,OAAOY,CACX,CAEE,OAAOR,EAAgBS,EACzB,Q"}

package/dist/dso-toolkit/p-a377846a.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["DaysOfWeek","createDate","year","month","day","dayInt","parseInt","monthInt","yearInt","isValid","Number","isInteger","Date","parseDutchDate","value","matches","split","length","printDutchDate","date","d","getDate","toString","padStart","m","getMonth","y","getFullYear","isEqual","a","b","addDays","days","setDate","startOfWeek","firstDayOfWeek","Monday","getDay","diff","endOfWeek","startOfMonth","endOfMonth","setMonth","setYear","setFullYear","inRange","min","max","clamp","time","getTime","getDaysInRange","start","end","current","push","getViewOfMonth","DatePickerLegacyDay","focusedDay","today","onDaySelect","onKeyboardNavigation","focusedDayRef","isToday","isFocused","notCurrentMonth","isOutsideRange","handleClick","e","h","class","tabIndex","onClick","onKeyDown","disabled","type","ref","el","chunk","array","chunkSize","result","i","slice","mapWithOffset","startingOffset","mapFn","map","_","adjustedIndex","item","Error","DatePickerLegacyMonth","selectedDate","focusedDate","labelledById","localization","onDateSelect","onMouseDown","onFocusIn","role","onFocusin","dayNames","dayName","scope","substr","week","undefined","buttonLabel","placeholder","selectedDateMessage","prevMonthLabel","nextMonthLabel","monthSelectLabel","yearSelectLabel","closeLabel","keyboardInstruction","calendarHeading","monthNames","monthNamesShort","monthRange","selectedYear","minDate","maxDate","minYear","minMonth","maxYear","maxMonth","filter","_month","index","range","from","to","datePickerLegacyCss","keyCode","TAB","ESC","SPACE","PAGE_UP","PAGE_DOWN","END","HOME","LEFT","UP","RIGHT","DOWN","DISALLOWED_CHARACTERS","TRANSITION_MS","cleanValue","input","regex","cursor","selectionStart","beforeCursor","afterCursor","filteredBeforeCursor","replace","filterAfterCursor","newValue","newCursor","selectionEnd","DsoDatePickerLegacy","this","monthSelectId","createIdentifier","yearSelectId","dialogLabelId","defaultLocalization","enableActiveFocus","activeFocus","disableActiveFocus","toggleOpen","preventDefault","open","hide","show","handleEscKey","event","handleBlur","stopPropagation","dsoBlur","emit","component","handleKeyUp","dsoKeyUp","originalEvent","handleKeyDown","dsoKeyDown","handleFocus","dsoFocus","handleTouchStart","touch","changedTouches","initialTouchX","pageX","initialTouchY","pageY","handleTouchMove","handleTouchEnd","distX","_a","distY","_b","threshold","isHorizontalSwipe","Math","abs","isDownwardsSwipe","addMonths","handleNextMonthClick","handlePreviousMonthClick","handleFirstFocusableKeydown","shiftKey","focusedDayNode","focus","handleKeyboardNavigation","firstFocusableElement","handled","addYears","handleDaySelect","_event","setValue","setFocusedDay","handleMonthSelect","target","HTMLSelectElement","handleYearSelect","handleInputChange","cleanedValue","prepareEvent","valueAsDate","required","error","clampValue","processFocusedDayNode","element","setTimeout","handleDocumentClick","path","composedPath","Node","contains","setFocus","datePickerLegacyInput","hideTimeoutId","clearTimeout","visible","focusTimeoutId","monthSelectNode","moveFocusToButton","datePickerLegacyButton","months","years","previousValue","dsoDateChange","componentWillLoad","componentDidLoad","dsoAutofocus","render","formattedDate","focusedMonth","focusedYear","prevMonthDisabled","nextMonthDisabled","Host","id","identifier","invalid","describedBy","onInput","onFocus","onBlur","onKeyUp","autoComplete","icon","direction","onTouchMove","onTouchStart","onTouchEnd","htmlFor","onChange","indexOf","key","selected"],"sources":["src/components/date-picker-legacy/date-utils.ts","src/components/date-picker-legacy/date-picker-day.tsx","src/components/date-picker-legacy/date-picker-month.tsx","src/components/date-picker-legacy/date-localization.ts","src/components/date-picker-legacy/utils/month-range.ts","src/components/date-picker-legacy/utils/range.ts","src/components/date-picker-legacy/date-picker-legacy.scss?tag=dso-date-picker-legacy&encapsulation=scoped","src/components/date-picker-legacy/date-picker-legacy.tsx"],"sourcesContent":["// eslint-disable-next-line @stencil-community/ban-exported-const-enums -- This enum is not part of public API\r\nexport enum DaysOfWeek {\r\n Sunday = 0,\r\n Monday = 1,\r\n Tuesday = 2,\r\n Wednesday = 3,\r\n Thursday = 4,\r\n Friday = 5,\r\n Saturday = 6,\r\n}\r\n\r\nexport function createDate(year: string, month: string, day: string): Date | undefined {\r\n const dayInt = parseInt(day, 10);\r\n const monthInt = parseInt(month, 10);\r\n const yearInt = parseInt(year, 10);\r\n\r\n const isValid =\r\n Number.isInteger(yearInt) && // all parts should be integers\r\n Number.isInteger(monthInt) &&\r\n Number.isInteger(dayInt) &&\r\n monthInt > 0 && // month must be 1-12\r\n monthInt <= 12 &&\r\n dayInt > 0 && // day must be 1-31\r\n dayInt <= 31 &&\r\n yearInt > 0;\r\n\r\n if (isValid) {\r\n return new Date(yearInt, monthInt - 1, dayInt);\r\n }\r\n}\r\n\r\n/**\r\n * @param value date string in Dutch format D-M-YYYY\r\n */\r\nexport function parseDutchDate(value: string | undefined): Date | undefined {\r\n if (!value) {\r\n return;\r\n }\r\n\r\n const matches = value.split(\"-\");\r\n\r\n if (\r\n matches.length === 3 &&\r\n typeof matches[0] === \"string\" &&\r\n typeof matches[1] === \"string\" &&\r\n typeof matches[2] === \"string\" &&\r\n matches[2].length === 4\r\n ) {\r\n return createDate(matches[2], matches[1], matches[0]);\r\n }\r\n}\r\n\r\n/**\r\n * print date in format DD-MM-YYYY\r\n * @param date\r\n */\r\nexport function printDutchDate(date: Date | undefined): string {\r\n if (!date) {\r\n return \"\";\r\n }\r\n\r\n const d = date.getDate().toString(10).padStart(2, \"0\");\r\n const m = (date.getMonth() + 1).toString(10).padStart(2, \"0\");\r\n const y = date.getFullYear().toString(10).padStart(2, \"0\");\r\n\r\n return `${d}-${m}-${y}`;\r\n}\r\n\r\n/**\r\n * Compare if two dates are equal in terms of day, month, and year\r\n */\r\nexport function isEqual(a: Date | undefined, b: Date | undefined): boolean {\r\n if (!a || !b) {\r\n return false;\r\n }\r\n\r\n return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\r\n}\r\n\r\nexport function addDays(date: Date, days: number): Date {\r\n const d = new Date(date);\r\n d.setDate(d.getDate() + days);\r\n return d;\r\n}\r\n\r\nexport function addMonths(date: Date, months: number): Date {\r\n const d = new Date(date);\r\n d.setMonth(date.getMonth() + months);\r\n return d;\r\n}\r\n\r\nexport function addYears(date: Date, years: number): Date {\r\n const d = new Date(date);\r\n d.setFullYear(date.getFullYear() + years);\r\n return d;\r\n}\r\n\r\nexport function startOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n const d = new Date(date);\r\n const day = d.getDay();\r\n const diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;\r\n\r\n d.setDate(d.getDate() - diff);\r\n return d;\r\n}\r\n\r\nexport function endOfWeek(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date {\r\n const d = new Date(date);\r\n const day = d.getDay();\r\n const diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);\r\n\r\n d.setDate(d.getDate() + diff);\r\n return d;\r\n}\r\n\r\nexport function startOfMonth(date: Date): Date {\r\n return new Date(date.getFullYear(), date.getMonth(), 1);\r\n}\r\n\r\nexport function endOfMonth(date: Date): Date {\r\n return new Date(date.getFullYear(), date.getMonth() + 1, 0);\r\n}\r\n\r\nexport function setMonth(date: Date, month: number): Date {\r\n const d = new Date(date);\r\n d.setMonth(month);\r\n return d;\r\n}\r\n\r\nexport function setYear(date: Date, year: number): Date {\r\n const d = new Date(date);\r\n d.setFullYear(year);\r\n return d;\r\n}\r\n\r\n/**\r\n * Check if date is within a min and max\r\n */\r\nexport function inRange(date: Date, min?: Date, max?: Date): boolean {\r\n return clamp(date, min, max) === date;\r\n}\r\n\r\n/**\r\n * Ensures date is within range, returns min or max if out of bounds\r\n */\r\nexport function clamp(date: Date, min?: Date, max?: Date): Date {\r\n const time = date.getTime();\r\n\r\n if (min && min instanceof Date && time < min.getTime()) {\r\n return min;\r\n }\r\n\r\n if (max && max instanceof Date && time > max.getTime()) {\r\n return max;\r\n }\r\n\r\n return date;\r\n}\r\n\r\n/**\r\n * given start and end date, return an (inclusive) array of all dates in between\r\n * @param start\r\n * @param end\r\n */\r\nfunction getDaysInRange(start: Date, end: Date): Date[] {\r\n const days: Date[] = [];\r\n let current = start;\r\n\r\n while (!isEqual(current, end)) {\r\n days.push(current);\r\n current = addDays(current, 1);\r\n }\r\n\r\n days.push(current);\r\n\r\n return days;\r\n}\r\n\r\n/**\r\n * given a date, return an array of dates from a calendar perspective\r\n * @param date\r\n * @param firstDayOfWeek\r\n */\r\nexport function getViewOfMonth(date: Date, firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday): Date[] {\r\n const start = startOfWeek(startOfMonth(date), firstDayOfWeek);\r\n const end = endOfWeek(endOfMonth(date), firstDayOfWeek);\r\n\r\n return getDaysInRange(start, end);\r\n}\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { isEqual, printDutchDate } from \"./date-utils\";\r\n\r\nexport type DatePickerLegacyDayProps = {\r\n focusedDay: Date;\r\n today: Date;\r\n day: Date;\r\n inRange: boolean;\r\n onDaySelect: (event: MouseEvent, day: Date) => void;\r\n onKeyboardNavigation: (event: KeyboardEvent) => void;\r\n focusedDayRef?: (element: HTMLButtonElement) => void;\r\n};\r\n\r\nexport const DatePickerLegacyDay: FunctionalComponent<DatePickerLegacyDayProps> = ({\r\n focusedDay,\r\n today,\r\n day,\r\n onDaySelect,\r\n onKeyboardNavigation,\r\n focusedDayRef,\r\n inRange,\r\n}) => {\r\n const isToday = isEqual(day, today);\r\n const isFocused = isEqual(day, focusedDay);\r\n const notCurrentMonth = day.getMonth() !== focusedDay.getMonth();\r\n const isOutsideRange = !inRange;\r\n\r\n function handleClick(e: MouseEvent) {\r\n onDaySelect(e, day);\r\n }\r\n\r\n return (\r\n <button\r\n class={{\r\n \"dso-date__day\": true,\r\n \"is-today\": isToday,\r\n }}\r\n tabIndex={isFocused ? 0 : -1}\r\n onClick={handleClick}\r\n onKeyDown={onKeyboardNavigation}\r\n disabled={isOutsideRange || notCurrentMonth}\r\n type=\"button\"\r\n ref={(el) => {\r\n if (isFocused && el && focusedDayRef) {\r\n focusedDayRef(el);\r\n }\r\n }}\r\n >\r\n <span aria-hidden=\"true\">{day.getDate()}</span>\r\n <span class=\"dso-date__vhidden\">{printDutchDate(day)}</span>\r\n </button>\r\n );\r\n};\r\n","import { h, FunctionalComponent } from \"@stencil/core\";\r\nimport { DsoLocalizedText } from \"./date-localization\";\r\nimport { DatePickerLegacyDay, DatePickerLegacyDayProps } from \"./date-picker-day\";\r\nimport { getViewOfMonth, inRange, DaysOfWeek, isEqual } from \"./date-utils\";\r\n\r\nfunction chunk<T>(array: T[], chunkSize: number): T[][] {\r\n const result = [];\r\n\r\n for (let i = 0; i < array.length; i += chunkSize) {\r\n result.push(array.slice(i, i + chunkSize));\r\n }\r\n\r\n return result;\r\n}\r\n\r\nfunction mapWithOffset<T, U>(array: T[], startingOffset: number, mapFn: (item: T) => U): U[] {\r\n return array.map((_, i) => {\r\n const adjustedIndex = (i + startingOffset) % array.length;\r\n const item = array[adjustedIndex];\r\n if (!item) {\r\n throw new Error(\"No item found\");\r\n }\r\n\r\n return mapFn(item);\r\n });\r\n}\r\n\r\ntype DatePickerLegacyMonthProps = {\r\n selectedDate: Date | undefined;\r\n focusedDate: Date;\r\n labelledById: string;\r\n localization: DsoLocalizedText;\r\n firstDayOfWeek: DaysOfWeek;\r\n min?: Date;\r\n max?: Date;\r\n onDateSelect: DatePickerLegacyDayProps[\"onDaySelect\"];\r\n onKeyboardNavigation: DatePickerLegacyDayProps[\"onKeyboardNavigation\"];\r\n focusedDayRef: (element: HTMLButtonElement) => void;\r\n onFocusIn?: (e: FocusEvent) => void;\r\n onMouseDown?: (e: MouseEvent) => void;\r\n};\r\n\r\nexport const DatePickerLegacyMonth: FunctionalComponent<DatePickerLegacyMonthProps> = ({\r\n selectedDate,\r\n focusedDate,\r\n labelledById,\r\n localization,\r\n firstDayOfWeek,\r\n min,\r\n max,\r\n onDateSelect,\r\n onKeyboardNavigation,\r\n focusedDayRef,\r\n onMouseDown,\r\n onFocusIn,\r\n}) => {\r\n const today = new Date();\r\n const days = getViewOfMonth(focusedDate, firstDayOfWeek);\r\n\r\n return (\r\n <table\r\n class=\"dso-date__table\"\r\n role=\"grid\"\r\n aria-labelledby={labelledById}\r\n onFocusin={onFocusIn}\r\n onMouseDown={onMouseDown}\r\n >\r\n <thead>\r\n <tr>\r\n {mapWithOffset(localization.dayNames, firstDayOfWeek, (dayName) => (\r\n <th class=\"dso-date__table-header\" scope=\"col\">\r\n <span aria-hidden=\"true\">{dayName.substr(0, 2)}</span>\r\n <span class=\"dso-date__vhidden\">{dayName}</span>\r\n </th>\r\n ))}\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {chunk(days, 7).map((week) => (\r\n <tr class=\"dso-date__row\">\r\n {week.map((day) => (\r\n <td\r\n class=\"dso-date__cell\"\r\n role=\"gridcell\"\r\n aria-selected={isEqual(day, selectedDate) ? \"true\" : undefined}\r\n aria-current={isEqual(day, today) ? \"date\" : undefined}\r\n >\r\n <DatePickerLegacyDay\r\n day={day}\r\n today={today}\r\n focusedDay={focusedDate}\r\n inRange={inRange(day, min, max)}\r\n onDaySelect={onDateSelect}\r\n onKeyboardNavigation={onKeyboardNavigation}\r\n focusedDayRef={focusedDayRef}\r\n />\r\n </td>\r\n ))}\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n );\r\n};\r\n","type MonthsNames = [string, string, string, string, string, string, string, string, string, string, string, string];\r\ntype DayNames = [string, string, string, string, string, string, string];\r\n\r\nexport type DsoLocalizedText = {\r\n buttonLabel: string;\r\n placeholder: string;\r\n selectedDateMessage: string;\r\n prevMonthLabel: string;\r\n nextMonthLabel: string;\r\n monthSelectLabel: string;\r\n yearSelectLabel: string;\r\n closeLabel: string;\r\n keyboardInstruction: string;\r\n calendarHeading: string;\r\n dayNames: DayNames;\r\n monthNames: MonthsNames;\r\n monthNamesShort: MonthsNames;\r\n};\r\n\r\nconst localization: DsoLocalizedText = {\r\n buttonLabel: \"Kies datum\",\r\n placeholder: \"dd-mm-jjjj\",\r\n selectedDateMessage: \"Geselecteerde datum is\",\r\n prevMonthLabel: \"Vorige maand\",\r\n nextMonthLabel: \"Volgende maand\",\r\n monthSelectLabel: \"Maand\",\r\n yearSelectLabel: \"Jaar\",\r\n closeLabel: \"Sluiten\",\r\n keyboardInstruction: \"Gebruik de pijltjestoetsen om een dag te kiezen\",\r\n calendarHeading: \"Kies een datum\",\r\n dayNames: [\"Zondag\", \"Maandag\", \"Dinsdag\", \"Woensdag\", \"Donderdag\", \"Vrijdag\", \"Zaterdag\"],\r\n monthNames: [\r\n \"Januari\",\r\n \"Februari\",\r\n \"Maart\",\r\n \"April\",\r\n \"Mei\",\r\n \"Juni\",\r\n \"Juli\",\r\n \"Augustus\",\r\n \"September\",\r\n \"Oktober\",\r\n \"November\",\r\n \"December\",\r\n ],\r\n monthNamesShort: [\"Jan\", \"Feb\", \"Mrt\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Okt\", \"Nov\", \"Dec\"],\r\n};\r\n\r\nexport default localization;\r\n","import { DsoLocalizedText } from \"../date-localization\";\r\n\r\nexport function monthRange(\r\n localization: DsoLocalizedText,\r\n selectedYear: number,\r\n minDate?: Date,\r\n maxDate?: Date\r\n): string[] {\r\n if (minDate && maxDate) {\r\n const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n return localization.monthNames.filter((_month, index) => {\r\n if (minYear === selectedYear && maxYear === selectedYear) {\r\n return index >= minMonth && index >= maxMonth;\r\n }\r\n\r\n if (minYear === selectedYear) {\r\n return index >= minMonth;\r\n }\r\n\r\n if (maxYear === selectedYear) {\r\n return index <= maxMonth;\r\n }\r\n\r\n return true;\r\n });\r\n }\r\n\r\n if (minDate) {\r\n const { minYear, minMonth } = { minYear: minDate.getFullYear(), minMonth: minDate.getMonth() };\r\n\r\n return localization.monthNames.filter((_month, index) => minYear === selectedYear && index >= minMonth);\r\n }\r\n\r\n if (maxDate) {\r\n const { maxYear, maxMonth } = { maxYear: maxDate.getFullYear(), maxMonth: maxDate.getMonth() };\r\n\r\n return localization.monthNames.filter((_month, index) => maxYear === selectedYear && index <= maxMonth);\r\n }\r\n\r\n return localization.monthNames;\r\n}\r\n","export function range(from: number, to: number) {\r\n const result: number[] = [];\r\n for (let i = from; i <= to; i++) {\r\n result.push(i);\r\n }\r\n return result;\r\n}\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@use \"date-picker-legacy.variables\" as core-date-picker-legacy-variables;\r\n\r\n:host {\r\n display: block;\r\n\r\n &[invalid]:not([invalid=\"false\"]) {\r\n .dso-date__input {\r\n border-color: colors.$danger-color;\r\n }\r\n }\r\n}\r\n\r\n.dso-date *,\r\n.dso-date *::before,\r\n.dso-date *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.dso-date {\r\n box-sizing: border-box;\r\n color: core-date-picker-legacy-variables.$color-text;\r\n display: block;\r\n font-family: core-date-picker-legacy-variables.$font;\r\n margin: 0;\r\n position: relative;\r\n text-align: left;\r\n width: 100%;\r\n\r\n &:not(.dso-visible) {\r\n .dso-date__dialog {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.dso-date__input {\r\n @include form-control.root();\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TOGGLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__toggle {\r\n -moz-appearance: none;\r\n -webkit-appearance: none;\r\n -webkit-user-select: none;\r\n align-items: center;\r\n appearance: none;\r\n background: core-date-picker-legacy-variables.$color-button-bg;\r\n border: 0;\r\n border-radius: 0;\r\n border-bottom-right-radius: core-date-picker-legacy-variables.$radius;\r\n border-top-right-radius: core-date-picker-legacy-variables.$radius;\r\n color: core-date-picker-legacy-variables.$color-icon;\r\n cursor: pointer;\r\n display: flex;\r\n height: core-date-picker-legacy-variables.$size;\r\n justify-content: center;\r\n padding: 0;\r\n position: absolute;\r\n right: 0;\r\n transform: translateY(-50%);\r\n top: 50%;\r\n user-select: none;\r\n width: core-date-picker-legacy-variables.$size;\r\n z-index: zindex.$datepicker + 1;\r\n\r\n &:disabled {\r\n color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n cursor: default;\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ DIALOG\r\n// ---------------------------------------------\r\n\r\n.dso-date__dialog {\r\n border-width: core-date-picker-legacy-variables.$border-width;\r\n display: flex;\r\n right: 0;\r\n min-width: 320px;\r\n opacity: 0;\r\n position: absolute;\r\n top: 100%;\r\n transform: scale(0.96) translateZ(0) translateY(-20px);\r\n transform-origin: top right;\r\n transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;\r\n visibility: hidden;\r\n will-change: transform, opacity, visibility;\r\n z-index: zindex.$datepicker-dialog;\r\n\r\n @media (max-width: 35.9375em) {\r\n background: core-date-picker-legacy-variables.$overlay;\r\n bottom: 0;\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n transform: translateZ(0);\r\n transform-origin: bottom center;\r\n }\r\n\r\n &.is-left {\r\n left: units.$padding-base-horizontal * -1 + core-date-picker-legacy-variables.$border-width;\r\n right: auto;\r\n width: auto;\r\n }\r\n\r\n &.is-active {\r\n opacity: 1;\r\n // The value of 1.0001 fixes a Chrome glitch with scaling\r\n transform: scale(1.0001) translateZ(0) translateY(0);\r\n visibility: visible;\r\n }\r\n}\r\n\r\n.dso-date__dialog-content {\r\n background: core-date-picker-legacy-variables.$surface;\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n border-radius: core-date-picker-legacy-variables.$radius;\r\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);\r\n margin-left: auto;\r\n margin-right: -1px;\r\n margin-top: 8px;\r\n max-width: 310px;\r\n min-width: 290px;\r\n padding: 16px;\r\n position: relative;\r\n transform: none;\r\n width: 100%;\r\n z-index: zindex.$datepicker-dialog;\r\n\r\n @media (max-width: 35.9375em) {\r\n border: 0;\r\n border-radius: 0;\r\n border-top-left-radius: core-date-picker-legacy-variables.$radius;\r\n border-top-right-radius: core-date-picker-legacy-variables.$radius;\r\n bottom: 0;\r\n left: 0;\r\n margin: 0;\r\n max-width: none;\r\n min-height: 26em;\r\n opacity: 0;\r\n padding: 0 8% 20px;\r\n position: absolute;\r\n transform: translateZ(0) translateY(100%);\r\n transition: transform core-date-picker-legacy-variables.$transition-duration ease,\r\n opacity core-date-picker-legacy-variables.$transition-duration ease,\r\n visibility core-date-picker-legacy-variables.$transition-duration ease;\r\n visibility: hidden;\r\n will-change: transform, opacity, visibility;\r\n\r\n .is-active & {\r\n opacity: 1;\r\n transform: translateZ(0) translateY(0);\r\n visibility: visible;\r\n }\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ TABLE\r\n// ---------------------------------------------\r\n\r\n.dso-date__table {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n color: core-date-picker-legacy-variables.$color-text;\r\n font-size: 1rem;\r\n font-weight: core-date-picker-legacy-variables.$font-normal;\r\n line-height: 1.25;\r\n min-width: (core-date-picker-legacy-variables.$size + 2) * 7;\r\n table-layout: fixed;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n.dso-date__table-header {\r\n font-size: 0.875em;\r\n font-weight: core-date-picker-legacy-variables.$font-bold;\r\n height: 36px;\r\n line-height: 36px;\r\n text-align: center;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n}\r\n\r\n.dso-date__cell {\r\n height: core-date-picker-legacy-variables.$size + 2;\r\n padding: 1px;\r\n text-align: center;\r\n width: core-date-picker-legacy-variables.$size + 2;\r\n}\r\n\r\n.dso-date__day {\r\n -moz-appearance: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background: transparent;\r\n border: 0;\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 1px transparent;\r\n color: core-date-picker-legacy-variables.$color-text;\r\n cursor: pointer;\r\n display: inline-block;\r\n font-family: core-date-picker-legacy-variables.$font;\r\n font-variant-numeric: tabular-nums;\r\n font-weight: core-date-picker-legacy-variables.$font-normal;\r\n height: core-date-picker-legacy-variables.$size;\r\n line-height: 0;\r\n padding: 0;\r\n position: relative;\r\n text-align: center;\r\n vertical-align: middle;\r\n width: core-date-picker-legacy-variables.$size;\r\n z-index: zindex.$datepicker;\r\n\r\n &.is-today {\r\n background: transparent;\r\n height: core-date-picker-legacy-variables.$size - 2;\r\n box-shadow: 0 0 0 1px core-date-picker-legacy-variables.$color-button;\r\n width: core-date-picker-legacy-variables.$size - 2;\r\n }\r\n\r\n &:hover,\r\n &:active {\r\n background: core-date-picker-legacy-variables.$color-button;\r\n color: core-date-picker-legacy-variables.$color-text-active;\r\n }\r\n\r\n &:focus {\r\n background: transparent;\r\n box-shadow: 0 0 0 2px colors.$bosgroen;\r\n color: core-date-picker-legacy-variables.$color-text;\r\n height: core-date-picker-legacy-variables.$size - 4;\r\n outline: 0;\r\n width: core-date-picker-legacy-variables.$size - 4;\r\n }\r\n\r\n [aria-selected=\"true\"] & {\r\n background: core-date-picker-legacy-variables.$color-button;\r\n color: core-date-picker-legacy-variables.$color-text-active;\r\n\r\n &:focus {\r\n background: transparent;\r\n\r\n span[aria-hidden=\"true\"] {\r\n background: core-date-picker-legacy-variables.$color-button;\r\n border: 1px solid colors.$wit;\r\n line-height: core-date-picker-legacy-variables.$size - 6;\r\n }\r\n }\r\n }\r\n\r\n &:disabled {\r\n background: colors.$wit;\r\n color: core-date-picker-legacy-variables.$color-text-disabled;\r\n cursor: default;\r\n }\r\n\r\n span[aria-hidden=\"true\"] {\r\n border-radius: 50%;\r\n display: inline-block;\r\n height: core-date-picker-legacy-variables.$size - 4;\r\n line-height: core-date-picker-legacy-variables.$size - 4;\r\n width: core-date-picker-legacy-variables.$size - 4;\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ HEADER\r\n// ---------------------------------------------\r\n\r\n.dso-date__header {\r\n align-items: center;\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 16px;\r\n width: 100%;\r\n\r\n span {\r\n font-size: 0.875rem;\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ NAVIGATION\r\n// ---------------------------------------------\r\n\r\n.dso-date__nav {\r\n white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n}\r\n\r\n.dso-date__prev,\r\n.dso-date__next {\r\n -moz-appearance: none;\r\n -webkit-appearance: none;\r\n align-items: center;\r\n appearance: none;\r\n background: core-date-picker-legacy-variables.$color-button-bg;\r\n border: 1px solid core-date-picker-legacy-variables.$color-button;\r\n border-radius: core-date-picker-legacy-variables.$radius;\r\n box-sizing: border-box;\r\n color: core-date-picker-legacy-variables.$color-button;\r\n cursor: pointer;\r\n display: inline-flex;\r\n font-size: 1em;\r\n height: 32px;\r\n justify-content: center;\r\n margin-left: 8px;\r\n padding: 0;\r\n width: 32px;\r\n\r\n @media (max-width: 35.9375em) {\r\n height: 40px;\r\n width: 40px;\r\n }\r\n\r\n &:hover,\r\n &:active {\r\n background-color: core-date-picker-legacy-variables.$color-button;\r\n color: core-date-picker-legacy-variables.$color-text-active;\r\n }\r\n\r\n &:focus {\r\n background: core-date-picker-legacy-variables.$color-button-bg;\r\n color: core-date-picker-legacy-variables.$color-button;\r\n }\r\n\r\n &:disabled {\r\n &,\r\n &:hover {\r\n background-color: colors.$wit;\r\n border-color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n svg {\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ SELECT\r\n// ---------------------------------------------\r\n\r\n.dso-date__select {\r\n display: inline-flex;\r\n height: units.$u1 * 4 - 4;\r\n line-height: units.$u1 * 4 - 4;\r\n position: relative;\r\n\r\n span {\r\n margin-right: 4px;\r\n }\r\n\r\n select {\r\n color: core-date-picker-legacy-variables.$color-primary;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n height: 100%;\r\n left: 0;\r\n opacity: 0;\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n z-index: zindex.$datepicker + 1;\r\n\r\n &:focus + .dso-date__select-label {\r\n box-shadow: 0 0 0 2px core-date-picker-legacy-variables.$color-primary;\r\n }\r\n\r\n &:disabled {\r\n color: core-date-picker-legacy-variables.$nav-button-disabled;\r\n }\r\n }\r\n}\r\n\r\n.dso-date__select-label {\r\n align-items: center;\r\n border-radius: core-date-picker-legacy-variables.$radius;\r\n color: core-date-picker-legacy-variables.$select;\r\n display: flex;\r\n padding: 0 4px 0 8px;\r\n pointer-events: none;\r\n position: relative;\r\n width: 100%;\r\n z-index: zindex.$datepicker;\r\n\r\n span {\r\n font-size: 1.25rem;\r\n font-weight: core-date-picker-legacy-variables.$font-bold;\r\n line-height: 1.25;\r\n }\r\n\r\n svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ MOBILE\r\n// ---------------------------------------------\r\n\r\n.dso-date__mobile {\r\n align-items: center;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\r\n display: flex;\r\n font-size: 1em;\r\n justify-content: space-between;\r\n margin-bottom: 20px;\r\n margin-left: -10%;\r\n overflow: hidden;\r\n padding: 12px 20px;\r\n position: relative;\r\n text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n width: 120%;\r\n\r\n @media (min-width: 36em) {\r\n border: 0;\r\n margin: 0;\r\n overflow: visible;\r\n padding: 0;\r\n position: absolute;\r\n right: -16px;\r\n top: -16px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.dso-date__mobile-heading {\r\n display: inline-block;\r\n font-weight: core-date-picker-legacy-variables.$font-bold;\r\n max-width: 84%;\r\n overflow: hidden;\r\n text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- 3rd party code\r\n\r\n @media (min-width: 36em) {\r\n display: none;\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ CLOSE\r\n// ---------------------------------------------\r\n\r\n.dso-date__close {\r\n -webkit-appearance: none;\r\n align-items: center;\r\n appearance: none;\r\n background-color: colors.$wit;\r\n border: 0;\r\n border-radius: 50%;\r\n color: core-date-picker-legacy-variables.$color-icon;\r\n cursor: pointer;\r\n display: flex;\r\n font-size: 1em;\r\n height: units.$u1 * 4;\r\n justify-content: center;\r\n margin-right: -4px;\r\n padding: 0;\r\n width: units.$u1 * 4;\r\n\r\n @media (min-width: 36em) {\r\n margin-right: 0;\r\n opacity: 0;\r\n }\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 2px colors.$bosgroen;\r\n outline: none;\r\n\r\n @media (min-width: 36em) {\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n\r\n// ---------------------------------------------\r\n// dso DATE PICKER __ VISUALLY HIDDEN\r\n// ---------------------------------------------\r\n\r\n.dso-date__vhidden {\r\n border: 0;\r\n clip: rect(1px, 1px, 1px, 1px);\r\n height: 1px;\r\n overflow: hidden;\r\n padding: 0;\r\n position: absolute;\r\n top: 0;\r\n width: 1px;\r\n}\r\n","import {\r\n Component,\r\n ComponentInterface,\r\n Host,\r\n Prop,\r\n Element,\r\n h,\r\n Event,\r\n EventEmitter,\r\n State,\r\n Listen,\r\n Method,\r\n} from \"@stencil/core\";\r\n\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport {\r\n addDays,\r\n startOfWeek,\r\n endOfWeek,\r\n setMonth,\r\n setYear,\r\n clamp,\r\n inRange,\r\n endOfMonth,\r\n startOfMonth,\r\n printDutchDate,\r\n parseDutchDate,\r\n DaysOfWeek,\r\n} from \"./date-utils\";\r\nimport { DatePickerLegacyMonth } from \"./date-picker-month\";\r\nimport defaultLocalization, { DsoLocalizedText } from \"./date-localization\";\r\nimport {\r\n DsoDatePickerLegacyDirection,\r\n DsoDatePickerLegacyChangeEvent,\r\n DsoDatePickerLegacyFocusEvent,\r\n DsoDatePickerLegacyKeyboardEvent,\r\n} from \"./date-picker-legacy.interfaces\";\r\nimport { monthRange } from \"./utils/month-range\";\r\nimport { range } from \"./utils/range\";\r\n\r\nconst keyCode = {\r\n TAB: 9,\r\n ESC: 27,\r\n SPACE: 32,\r\n PAGE_UP: 33,\r\n PAGE_DOWN: 34,\r\n END: 35,\r\n HOME: 36,\r\n LEFT: 37,\r\n UP: 38,\r\n RIGHT: 39,\r\n DOWN: 40,\r\n};\r\n\r\nconst DISALLOWED_CHARACTERS = /[^0-9-]+/g;\r\nconst TRANSITION_MS = 300;\r\n\r\nfunction cleanValue(input: HTMLInputElement, regex: RegExp): string {\r\n const value = input.value;\r\n const cursor = input.selectionStart;\r\n\r\n if (!cursor) {\r\n return value;\r\n }\r\n\r\n const beforeCursor = value.slice(0, cursor);\r\n const afterCursor = value.slice(cursor, value.length);\r\n\r\n const filteredBeforeCursor = beforeCursor.replace(regex, \"\");\r\n const filterAfterCursor = afterCursor.replace(regex, \"\");\r\n\r\n const newValue = filteredBeforeCursor + filterAfterCursor;\r\n const newCursor = filteredBeforeCursor.length;\r\n\r\n input.value = newValue;\r\n input.selectionStart = input.selectionEnd = newCursor;\r\n\r\n return newValue;\r\n}\r\n\r\n@Component({\r\n tag: \"dso-date-picker-legacy\",\r\n styleUrl: \"date-picker-legacy.scss\",\r\n shadow: false,\r\n scoped: true,\r\n})\r\nexport class DsoDatePickerLegacy implements ComponentInterface {\r\n /**\r\n * Own Properties\r\n */\r\n private monthSelectId = createIdentifier(\"DsoDateMonth\");\r\n private yearSelectId = createIdentifier(\"DsoDateYear\");\r\n private dialogLabelId = createIdentifier(\"DsoDateLabel\");\r\n\r\n private datePickerLegacyButton: HTMLButtonElement | undefined;\r\n private datePickerLegacyInput: HTMLInputElement | undefined;\r\n private firstFocusableElement: HTMLElement | undefined;\r\n private monthSelectNode: HTMLElement | undefined;\r\n private focusedDayNode: HTMLButtonElement | undefined;\r\n\r\n private focusTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n private hideTimeoutId: ReturnType<typeof setTimeout> | undefined;\r\n\r\n private initialTouchX: number | undefined;\r\n private initialTouchY: number | undefined;\r\n\r\n private localization: DsoLocalizedText = defaultLocalization;\r\n private firstDayOfWeek: DaysOfWeek = DaysOfWeek.Monday;\r\n\r\n private previousValue: string | undefined;\r\n\r\n /**\r\n * Reference to host HTML element.\r\n */\r\n @Element()\r\n element!: HTMLDsoDatePickerLegacyElement;\r\n\r\n /**\r\n * State() variables\r\n */\r\n @State()\r\n activeFocus = false;\r\n\r\n @State()\r\n focusedDay = new Date();\r\n\r\n @State()\r\n open = false;\r\n\r\n @State()\r\n visible = false;\r\n\r\n /**\r\n * Public Property API\r\n */\r\n\r\n /**\r\n * Name of the date picker input.\r\n */\r\n @Prop()\r\n name = \"date\";\r\n\r\n /**\r\n * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.\r\n */\r\n @Prop()\r\n identifier: string | undefined;\r\n\r\n /**\r\n * Makes the date picker input component disabled. This prevents users from being able to\r\n * interact with the input, and conveys its inactive state to assistive technologies.\r\n */\r\n @Prop({ reflect: true })\r\n disabled = false;\r\n\r\n /**\r\n * Defines a specific role attribute for the date picker input.\r\n */\r\n @Prop()\r\n role: string | null = null;\r\n\r\n /**\r\n * Forces the opening direction of the calendar modal to be always left or right.\r\n * This setting can be useful when the input is smaller than the opening date picker\r\n * would be as by default the picker always opens towards right.\r\n */\r\n @Prop()\r\n direction: DsoDatePickerLegacyDirection = \"right\";\r\n\r\n /**\r\n * Should the input be marked as required?\r\n */\r\n @Prop()\r\n required = false;\r\n\r\n /**\r\n * Is input invalid?\r\n */\r\n @Prop({ reflect: true })\r\n invalid?: boolean;\r\n\r\n /**\r\n * ID of element that describes the input element\r\n */\r\n @Prop()\r\n describedBy?: string;\r\n\r\n /**\r\n * Should the input be focused on load?\r\n */\r\n @Prop()\r\n dsoAutofocus = false;\r\n\r\n /**\r\n * Date value. Must be in Dutch date format: DD-MM-YYYY.\r\n */\r\n @Prop({ reflect: true, mutable: true })\r\n value = \"\";\r\n\r\n /**\r\n * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n * This setting can be used alone or together with the max property.\r\n */\r\n @Prop()\r\n min: string | undefined;\r\n\r\n /**\r\n * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.\r\n * This setting can be used alone or together with the min property.\r\n */\r\n @Prop()\r\n max: string | undefined;\r\n\r\n /**\r\n * Events section.\r\n */\r\n\r\n /**\r\n * Event emitted when a date is selected.\r\n */\r\n @Event()\r\n dsoDateChange!: EventEmitter<DsoDatePickerLegacyChangeEvent>;\r\n\r\n /**\r\n * Event emitted the date picker input is blurred.\r\n */\r\n @Event()\r\n dsoBlur!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n /**\r\n * Event emitted on key up in the date picker input.\r\n */\r\n @Event()\r\n dsoKeyUp!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n /**\r\n * Event emitted on key down in the date picker input.\r\n */\r\n @Event()\r\n dsoKeyDown!: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;\r\n\r\n /**\r\n * Event emitted the date picker input is focused.\r\n */\r\n @Event()\r\n dsoFocus!: EventEmitter<DsoDatePickerLegacyFocusEvent>;\r\n\r\n /**\r\n * Component event handling.\r\n */\r\n @Listen(\"click\", { target: \"document\", capture: true })\r\n handleDocumentClick(e: MouseEvent) {\r\n if (!this.open) {\r\n return;\r\n }\r\n\r\n const path = e.composedPath();\r\n\r\n for (const target of path) {\r\n if (target instanceof Node && this.element.contains(target)) {\r\n return;\r\n }\r\n }\r\n\r\n this.hide(false);\r\n }\r\n\r\n /**\r\n * Sets focus on the date picker's input. Use this method instead of the global `focus()`.\r\n */\r\n @Method()\r\n async setFocus() {\r\n return this.datePickerLegacyInput?.focus();\r\n }\r\n\r\n /**\r\n * Public methods API\r\n */\r\n\r\n /**\r\n * Show the calendar modal, moving focus to the calendar inside.\r\n */\r\n @Method()\r\n async show() {\r\n if (typeof this.hideTimeoutId !== \"undefined\") {\r\n clearTimeout(this.hideTimeoutId);\r\n }\r\n\r\n this.visible = true;\r\n\r\n setTimeout(() => {\r\n this.open = true;\r\n this.setFocusedDay(parseDutchDate(this.value) || new Date());\r\n\r\n if (typeof this.focusTimeoutId !== \"undefined\") {\r\n clearTimeout(this.focusTimeoutId);\r\n }\r\n\r\n this.focusTimeoutId = setTimeout(() => this.monthSelectNode?.focus(), TRANSITION_MS);\r\n });\r\n }\r\n\r\n /**\r\n * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus\r\n * returning to the date picker's button. Default is true.\r\n */\r\n @Method()\r\n async hide(moveFocusToButton = true) {\r\n this.open = false;\r\n\r\n // in cases where calendar is quickly shown and hidden\r\n // we should avoid moving focus to the button\r\n if (typeof this.focusTimeoutId !== \"undefined\") {\r\n clearTimeout(this.focusTimeoutId);\r\n }\r\n\r\n this.hideTimeoutId = setTimeout(() => {\r\n if (moveFocusToButton && this.datePickerLegacyButton) {\r\n this.datePickerLegacyButton.focus();\r\n }\r\n\r\n this.visible = false;\r\n }, TRANSITION_MS + 200);\r\n }\r\n\r\n /**\r\n * Local methods.\r\n */\r\n private enableActiveFocus = () => {\r\n this.activeFocus = true;\r\n };\r\n\r\n private disableActiveFocus = () => {\r\n this.activeFocus = false;\r\n };\r\n\r\n private addDays(days: number) {\r\n this.setFocusedDay(addDays(this.focusedDay, days));\r\n }\r\n\r\n private addMonths(months: number) {\r\n this.setMonth(this.focusedDay.getMonth() + months);\r\n }\r\n\r\n private addYears(years: number) {\r\n this.setYear(this.focusedDay.getFullYear() + years);\r\n }\r\n\r\n private startOfWeek() {\r\n this.setFocusedDay(startOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n }\r\n\r\n private endOfWeek() {\r\n this.setFocusedDay(endOfWeek(this.focusedDay, this.firstDayOfWeek));\r\n }\r\n\r\n private setMonth(month: number) {\r\n const min = setMonth(startOfMonth(this.focusedDay), month);\r\n const max = endOfMonth(min);\r\n const date = setMonth(this.focusedDay, month);\r\n\r\n this.setFocusedDay(clamp(date, min, max));\r\n }\r\n\r\n private setYear(year: number) {\r\n const min = setYear(startOfMonth(this.focusedDay), year);\r\n const max = endOfMonth(min);\r\n const date = setYear(this.focusedDay, year);\r\n\r\n this.setFocusedDay(clamp(date, min, max));\r\n }\r\n\r\n private setFocusedDay(day: Date) {\r\n this.focusedDay = clamp(day, parseDutchDate(this.min), parseDutchDate(this.max));\r\n }\r\n\r\n private toggleOpen = (e: Event) => {\r\n e.preventDefault();\r\n this.open ? this.hide(false) : this.show();\r\n };\r\n\r\n private handleEscKey = (event: KeyboardEvent) => {\r\n if (event.keyCode === keyCode.ESC) {\r\n this.hide();\r\n }\r\n };\r\n\r\n private handleBlur = (event: Event) => {\r\n event.stopPropagation();\r\n\r\n this.dsoBlur.emit({\r\n component: \"dso-date-picker-legacy\",\r\n });\r\n };\r\n\r\n private handleKeyUp = (event: KeyboardEvent) => {\r\n event.stopPropagation();\r\n\r\n this.dsoKeyUp.emit({\r\n component: \"dso-date-picker-legacy\",\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent) => {\r\n event.stopPropagation();\r\n\r\n this.dsoKeyDown.emit({\r\n component: \"dso-date-picker-legacy\",\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n private handleFocus = (event: Event) => {\r\n event.stopPropagation();\r\n\r\n this.dsoFocus.emit({\r\n component: \"dso-date-picker-legacy\",\r\n });\r\n };\r\n\r\n private handleTouchStart = (event: TouchEvent) => {\r\n const touch = event.changedTouches[0];\r\n if (!touch) {\r\n throw new Error(\"No touch found\");\r\n }\r\n\r\n this.initialTouchX = touch.pageX;\r\n this.initialTouchY = touch.pageY;\r\n };\r\n\r\n private handleTouchMove = (event: TouchEvent) => {\r\n event.preventDefault();\r\n };\r\n\r\n private handleTouchEnd = (event: TouchEvent) => {\r\n const touch = event.changedTouches[0];\r\n if (!touch) {\r\n throw new Error(\"No touch found\");\r\n }\r\n\r\n const distX = touch.pageX - (this.initialTouchX ?? 0); // get horizontal dist traveled\r\n const distY = touch.pageY - (this.initialTouchY ?? 0); // get vertical dist traveled\r\n const threshold = 70;\r\n\r\n const isHorizontalSwipe = Math.abs(distX) >= threshold && Math.abs(distY) <= threshold;\r\n const isDownwardsSwipe = Math.abs(distY) >= threshold && Math.abs(distX) <= threshold && distY > 0;\r\n\r\n if (isHorizontalSwipe) {\r\n this.addMonths(distX < 0 ? 1 : -1);\r\n } else if (isDownwardsSwipe) {\r\n this.hide(false);\r\n event.preventDefault();\r\n }\r\n\r\n this.initialTouchY = undefined;\r\n this.initialTouchX = undefined;\r\n };\r\n\r\n private handleNextMonthClick = (event: MouseEvent) => {\r\n event.preventDefault();\r\n this.addMonths(1);\r\n };\r\n\r\n private handlePreviousMonthClick = (event: MouseEvent) => {\r\n event.preventDefault();\r\n this.addMonths(-1);\r\n };\r\n\r\n private handleFirstFocusableKeydown = (event: KeyboardEvent) => {\r\n // this ensures focus is trapped inside the dialog\r\n if (event.keyCode === keyCode.TAB && event.shiftKey) {\r\n this.focusedDayNode?.focus();\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n private handleKeyboardNavigation = (event: KeyboardEvent) => {\r\n // handle tab separately, since it needs to be treated\r\n // differently to other keyboard interactions\r\n if (event.keyCode === keyCode.TAB && !event.shiftKey) {\r\n event.preventDefault();\r\n this.firstFocusableElement?.focus();\r\n return;\r\n }\r\n\r\n let handled = true;\r\n\r\n switch (event.keyCode) {\r\n case keyCode.RIGHT:\r\n this.addDays(1);\r\n break;\r\n case keyCode.LEFT:\r\n this.addDays(-1);\r\n break;\r\n case keyCode.DOWN:\r\n this.addDays(7);\r\n break;\r\n case keyCode.UP:\r\n this.addDays(-7);\r\n break;\r\n case keyCode.PAGE_UP:\r\n if (event.shiftKey) {\r\n this.addYears(-1);\r\n } else {\r\n this.addMonths(-1);\r\n }\r\n break;\r\n case keyCode.PAGE_DOWN:\r\n if (event.shiftKey) {\r\n this.addYears(1);\r\n } else {\r\n this.addMonths(1);\r\n }\r\n break;\r\n case keyCode.HOME:\r\n this.startOfWeek();\r\n break;\r\n case keyCode.END:\r\n this.endOfWeek();\r\n break;\r\n default:\r\n handled = false;\r\n }\r\n\r\n if (handled) {\r\n event.preventDefault();\r\n this.enableActiveFocus();\r\n }\r\n };\r\n\r\n private handleDaySelect = (_event: MouseEvent, day: Date) => {\r\n if (!inRange(day, parseDutchDate(this.min), parseDutchDate(this.max))) {\r\n return;\r\n }\r\n\r\n if (day.getMonth() === this.focusedDay.getMonth()) {\r\n this.setValue(day);\r\n this.hide();\r\n } else {\r\n this.setFocusedDay(day);\r\n }\r\n };\r\n\r\n private handleMonthSelect = (e: Event) => {\r\n // Todo\r\n if (e.target instanceof HTMLSelectElement) {\r\n this.setMonth(parseInt(e.target.value, 10));\r\n }\r\n };\r\n\r\n private handleYearSelect = (e: Event) => {\r\n if (e.target instanceof HTMLSelectElement) {\r\n this.setYear(parseInt(e.target.value, 10));\r\n }\r\n };\r\n\r\n private handleInputChange = (e: Event) => {\r\n const target = e.target as HTMLInputElement;\r\n\r\n const cleanedValue = cleanValue(target, DISALLOWED_CHARACTERS);\r\n\r\n this.setValue(cleanedValue);\r\n };\r\n\r\n private setValue(value: Date | string) {\r\n const event = this.prepareEvent(value);\r\n\r\n this.value = typeof value === \"string\" ? value : event.value;\r\n\r\n if (this.value !== this.previousValue) {\r\n this.dsoDateChange.emit(event);\r\n this.previousValue = this.value;\r\n }\r\n }\r\n\r\n private prepareEvent = (value: Date | string): DsoDatePickerLegacyChangeEvent => {\r\n const event: DsoDatePickerLegacyChangeEvent = {\r\n component: \"dso-date-picker-legacy\",\r\n value: \"\",\r\n valueAsDate: undefined,\r\n };\r\n\r\n if (value instanceof Date) {\r\n event.valueAsDate = value;\r\n } else {\r\n event.value = value;\r\n event.valueAsDate = parseDutchDate(value);\r\n }\r\n\r\n if (event.valueAsDate) {\r\n event.value = printDutchDate(event.valueAsDate);\r\n }\r\n\r\n if (!event.valueAsDate && this.required) {\r\n event.error = \"required\";\r\n }\r\n\r\n if (event.value && !event.valueAsDate) {\r\n event.error = \"invalid\";\r\n }\r\n\r\n if (event.valueAsDate && (this.min || this.max)) {\r\n const min = parseDutchDate(this.min);\r\n const max = parseDutchDate(this.max);\r\n const clampValue = clamp(event.valueAsDate, min, max);\r\n\r\n if (clampValue !== event.valueAsDate && clampValue === min) {\r\n event.valueAsDate = undefined;\r\n event.error = \"min-range\";\r\n } else if (clampValue !== event.valueAsDate && clampValue === max) {\r\n event.valueAsDate = undefined;\r\n event.error = \"max-range\";\r\n }\r\n }\r\n\r\n return event;\r\n };\r\n\r\n private processFocusedDayNode = (element: HTMLButtonElement) => {\r\n this.focusedDayNode = element;\r\n\r\n if (this.activeFocus && this.open) {\r\n setTimeout(() => element.focus(), 0);\r\n }\r\n };\r\n\r\n componentWillLoad(): void | Promise<void> {\r\n const minDate = parseDutchDate(this.min);\r\n const maxDate = parseDutchDate(this.max);\r\n\r\n if (minDate && minDate > this.focusedDay) {\r\n this.focusedDay = minDate;\r\n }\r\n\r\n if (maxDate && maxDate < this.focusedDay) {\r\n this.focusedDay = maxDate;\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const valueAsDate = parseDutchDate(this.value);\r\n if (valueAsDate) {\r\n this.previousValue = this.value = printDutchDate(valueAsDate);\r\n }\r\n\r\n if (this.dsoAutofocus) {\r\n this.setFocus();\r\n }\r\n }\r\n\r\n /**\r\n * render() function\r\n * Always the last one in the class.\r\n */\r\n render() {\r\n const valueAsDate = parseDutchDate(this.value);\r\n const formattedDate = valueAsDate && printDutchDate(valueAsDate);\r\n const selectedYear = (valueAsDate || this.focusedDay).getFullYear();\r\n const focusedMonth = this.focusedDay.getMonth();\r\n const focusedYear = this.focusedDay.getFullYear();\r\n\r\n const minDate = parseDutchDate(this.min);\r\n const maxDate = parseDutchDate(this.max);\r\n const prevMonthDisabled = minDate && minDate.getMonth() === focusedMonth && minDate.getFullYear() === focusedYear;\r\n const nextMonthDisabled = maxDate && maxDate.getMonth() === focusedMonth && maxDate.getFullYear() === focusedYear;\r\n\r\n let minYear = selectedYear - 10;\r\n let maxYear = selectedYear + 10;\r\n if (minDate) {\r\n minYear = Math.max(minYear, minDate.getFullYear());\r\n }\r\n if (maxDate) {\r\n maxYear = Math.min(maxYear, maxDate.getFullYear());\r\n }\r\n\r\n return (\r\n <Host>\r\n <div class={{ \"dso-date\": true, \"dso-visible\": this.visible }}>\r\n <div class=\"dso-date__input-wrapper\">\r\n <input\r\n class=\"dso-date__input\"\r\n value={this.value}\r\n placeholder={this.localization.placeholder}\r\n id={this.identifier}\r\n disabled={this.disabled}\r\n role={this.role ?? undefined}\r\n required={this.required ? true : undefined}\r\n aria-autocomplete=\"none\"\r\n aria-invalid={this.invalid?.toString()}\r\n aria-describedby={this.describedBy}\r\n onInput={this.handleInputChange}\r\n onFocus={this.handleFocus}\r\n onBlur={this.handleBlur}\r\n onKeyUp={this.handleKeyUp}\r\n onKeyDown={this.handleKeyDown}\r\n autoComplete=\"off\"\r\n ref={(element) => (this.datePickerLegacyInput = element)}\r\n />\r\n <button\r\n type=\"button\"\r\n class=\"dso-date__toggle\"\r\n onClick={this.toggleOpen}\r\n disabled={this.disabled}\r\n ref={(element) => (this.datePickerLegacyButton = element)}\r\n >\r\n <span class=\"dso-date__toggle-icon\">\r\n <dso-icon icon=\"calendar\"></dso-icon>\r\n </span>\r\n <span class=\"dso-date__vhidden\">\r\n {this.localization.buttonLabel}\r\n {formattedDate && (\r\n <span>\r\n , {this.localization.selectedDateMessage} {formattedDate}\r\n </span>\r\n )}\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div\r\n class={{\r\n \"dso-date__dialog\": true,\r\n \"is-left\": this.direction === \"left\",\r\n \"is-active\": this.open,\r\n }}\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-hidden={this.open ? \"false\" : \"true\"}\r\n aria-labelledby={this.dialogLabelId}\r\n onTouchMove={this.handleTouchMove}\r\n onTouchStart={this.handleTouchStart}\r\n onTouchEnd={this.handleTouchEnd}\r\n >\r\n <div class=\"dso-date__dialog-content\" onKeyDown={this.handleEscKey}>\r\n <div class=\"dso-date__vhidden dso-date__instructions\" aria-live=\"polite\">\r\n {this.localization.keyboardInstruction}\r\n </div>\r\n <div class=\"dso-date__mobile\" onFocusin={this.disableActiveFocus}>\r\n <label class=\"dso-date__mobile-heading\">{this.localization.calendarHeading}</label>\r\n <button\r\n class=\"dso-date__close\"\r\n ref={(element) => (this.firstFocusableElement = element)}\r\n onKeyDown={this.handleFirstFocusableKeydown}\r\n onClick={() => this.hide()}\r\n type=\"button\"\r\n >\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"dso-date__vhidden\">{this.localization.closeLabel}</span>\r\n </button>\r\n </div>\r\n <div class=\"dso-date__header\" onFocusin={this.disableActiveFocus}>\r\n <div>\r\n <h2 id={this.dialogLabelId} class=\"dso-date__vhidden\" aria-live=\"polite\">\r\n {this.localization.monthNames[focusedMonth]} {this.focusedDay.getFullYear()}\r\n </h2>\r\n\r\n <label htmlFor={this.monthSelectId} class=\"dso-date__vhidden\">\r\n {this.localization.monthSelectLabel}\r\n </label>\r\n <div class=\"dso-date__select\">\r\n <select\r\n id={this.monthSelectId}\r\n class=\"dso-date__select--month\"\r\n ref={(element) => (this.monthSelectNode = element)}\r\n onChange={this.handleMonthSelect}\r\n >\r\n {monthRange(this.localization, selectedYear, minDate, maxDate).map((month) => {\r\n const index = this.localization.monthNames.indexOf(month);\r\n\r\n return (\r\n <option key={month} value={index} selected={index === focusedMonth}>\r\n {month}\r\n </option>\r\n );\r\n })}\r\n </select>\r\n <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n <span>{this.localization.monthNamesShort[focusedMonth]}</span>\r\n <dso-icon icon=\"chevron-down\"></dso-icon>\r\n </div>\r\n </div>\r\n\r\n <label htmlFor={this.yearSelectId} class=\"dso-date__vhidden\">\r\n {this.localization.yearSelectLabel}\r\n </label>\r\n <div class=\"dso-date__select\">\r\n <select id={this.yearSelectId} class=\"dso-date__select--year\" onChange={this.handleYearSelect}>\r\n {range(minYear, maxYear).map((year) => (\r\n <option key={year} selected={year === focusedYear}>\r\n {year}\r\n </option>\r\n ))}\r\n </select>\r\n <div class=\"dso-date__select-label\" aria-hidden=\"true\">\r\n <span>{this.focusedDay.getFullYear()}</span>\r\n <dso-icon icon=\"chevron-down\"></dso-icon>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dso-date__nav\">\r\n <button\r\n class=\"dso-date__prev\"\r\n onClick={this.handlePreviousMonthClick}\r\n disabled={prevMonthDisabled}\r\n type=\"button\"\r\n >\r\n <dso-icon icon=\"chevron-left\"></dso-icon>\r\n <span class=\"dso-date__vhidden\">{this.localization.prevMonthLabel}</span>\r\n </button>\r\n <button\r\n class=\"dso-date__next\"\r\n onClick={this.handleNextMonthClick}\r\n disabled={nextMonthDisabled}\r\n type=\"button\"\r\n >\r\n <dso-icon icon=\"chevron-right\"></dso-icon>\r\n <span class=\"dso-date__vhidden\">{this.localization.nextMonthLabel}</span>\r\n </button>\r\n </div>\r\n </div>\r\n <DatePickerLegacyMonth\r\n selectedDate={valueAsDate}\r\n focusedDate={this.focusedDay}\r\n onDateSelect={this.handleDaySelect}\r\n onKeyboardNavigation={this.handleKeyboardNavigation}\r\n labelledById={this.dialogLabelId}\r\n localization={this.localization}\r\n firstDayOfWeek={this.firstDayOfWeek}\r\n focusedDayRef={this.processFocusedDayNode}\r\n min={minDate}\r\n max={maxDate}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"mappings":"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"}

package/dist/dso-toolkit/p-b5824894.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["markBarCss","MarkBar","this","handleInput","e","target","HTMLInputElement","dsoInput","emit","originalEvent","value","handleNext","dsoNext","handlePrevious","dsoPrevious","handleClear","dsoClear","render","current","totalCount","h","class","htmlFor","icon","label","type","id","onInput","onClick","disabled"],"sources":["src/components/mark-bar/mark-bar.scss?tag=dso-mark-bar&encapsulation=shadow","src/components/mark-bar/mark-bar.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n@use \"~dso-toolkit/src/components/button/button\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n$height: units.$ru5;\r\n$focus-border-width: 1px;\r\n\r\n.dso-mark-bar {\r\n display: flex;\r\n flex-grow: 1;\r\n margin-block: units.$u1;\r\n\r\n .dso-mark-bar-input {\r\n display: flex;\r\n position: relative;\r\n width: 100%;\r\n\r\n label {\r\n bottom: units.$u1;\r\n height: $height;\r\n left: 0;\r\n padding: units.$u1;\r\n position: absolute;\r\n top: 0;\r\n\r\n dso-icon {\r\n color: colors.$grasgroen;\r\n }\r\n }\r\n\r\n input {\r\n @include utilities.placeholder(colors.$input-color-placeholder);\r\n\r\n background-color: colors.$wit;\r\n background-image: none;\r\n border: 1px solid form-control.$focus-border-color;\r\n border-radius: 4px;\r\n border-width: 1px;\r\n box-shadow: none;\r\n display: block;\r\n font-size: typography.$root-font-size-base;\r\n height: $height;\r\n line-height: $height;\r\n padding: 6px $height 6px units.$u1;\r\n transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\r\n width: 100%;\r\n border-start-end-radius: 0;\r\n border-end-end-radius: 0;\r\n border-inline-end: 0;\r\n padding-left: $height;\r\n\r\n &:focus {\r\n border-color: form-control.$focus-border-color;\r\n box-shadow: inset 0 0 0 form-control.$focus-border-width form-control.$focus-border-color;\r\n outline: 0;\r\n }\r\n\r\n &::-ms-clear {\r\n display: none;\r\n }\r\n }\r\n\r\n button {\r\n background-color: transparent;\r\n border: 0;\r\n box-shadow: none;\r\n color: colors.$grasgroen;\r\n font-size: 0;\r\n height: $height;\r\n padding: units.$u1;\r\n position: absolute;\r\n right: 0;\r\n text-align: center;\r\n top: 0;\r\n width: $height;\r\n }\r\n }\r\n}\r\n\r\n.dso-button-container {\r\n position: relative;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: units.$u1;\r\n flex-shrink: 0;\r\n\r\n padding-inline: units.$u1;\r\n\r\n background-color: colors.$wit;\r\n\r\n border: 1px solid colors.$bosgroen;\r\n border-inline-start: 0;\r\n border-start-end-radius: scaffolding.$border-radius-base;\r\n border-end-end-radius: scaffolding.$border-radius-base;\r\n\r\n button {\r\n appearance: none;\r\n padding: 0;\r\n border: 0;\r\n background-color: transparent;\r\n color: colors.$grasgroen;\r\n\r\n &:disabled {\r\n color: colors.$grijs-20;\r\n }\r\n }\r\n\r\n .divider {\r\n position: absolute;\r\n inset-inline-start: 0;\r\n inset-block-start: units.$u1;\r\n inset-block-end: units.$u1;\r\n\r\n inline-size: 1px;\r\n\r\n background-color: colors.$grijs-20;\r\n }\r\n}\r\n","import { h, Component, ComponentInterface, Prop, Event, EventEmitter } from \"@stencil/core\";\r\nimport { MarkBarInputEvent, MarkBarClearEvent, MarkBarPaginationEvent } from \"./mark-bar.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-mark-bar\",\r\n styleUrl: \"./mark-bar.scss\",\r\n shadow: true,\r\n})\r\nexport class MarkBar implements ComponentInterface {\r\n /**\r\n * The current search value.\r\n */\r\n @Prop()\r\n value?: string;\r\n\r\n /**\r\n * The label for the input field.\r\n */\r\n @Prop()\r\n label = \"Zoeken in document\";\r\n\r\n /**\r\n * The current (one-based) highlighted search item.\r\n */\r\n @Prop()\r\n current?: number;\r\n\r\n /**\r\n * Total number of search results.\r\n */\r\n @Prop()\r\n totalCount?: number;\r\n\r\n /**\r\n * Emitted each time the user types in the search field.\r\n */\r\n @Event({ bubbles: false })\r\n dsoInput!: EventEmitter<MarkBarInputEvent>;\r\n\r\n /**\r\n * Emitted when user activates \"next search result\" button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoNext!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n /**\r\n * Emitted when user activates \"previous search result\" button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoPrevious!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n /**\r\n * Emitted when user activates \"clear search result\" button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoClear!: EventEmitter<MarkBarClearEvent>;\r\n\r\n private handleInput = (e: Event) => {\r\n if (!(e.target instanceof HTMLInputElement)) {\r\n return;\r\n }\r\n\r\n this.dsoInput.emit({\r\n originalEvent: e,\r\n value: e.target.value,\r\n });\r\n };\r\n\r\n private handleNext = (e: MouseEvent) => {\r\n this.dsoNext.emit({ originalEvent: e });\r\n };\r\n\r\n private handlePrevious = (e: MouseEvent) => {\r\n this.dsoPrevious.emit({ originalEvent: e });\r\n };\r\n\r\n private handleClear = (e: MouseEvent) => {\r\n this.dsoClear.emit({ originalEvent: e });\r\n };\r\n\r\n render() {\r\n const current = this.current || 0;\r\n const totalCount = this.totalCount || 0;\r\n\r\n return (\r\n <div class=\"dso-mark-bar\">\r\n <div class=\"dso-mark-bar-input\">\r\n <label htmlFor=\"search-input\">\r\n <dso-icon class=\"dso-search-icon\" icon=\"search\"></dso-icon>\r\n <span class=\"sr-only\">{this.label}</span>\r\n </label>\r\n <input type=\"text\" id=\"search-input\" value={this.value} onInput={this.handleInput} />\r\n <button type=\"button\" onClick={this.handleClear}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Zoekopdracht legen</span>\r\n </button>\r\n </div>\r\n <div class=\"dso-button-container\">\r\n <span class=\"divider\" />\r\n <button type=\"button\" onClick={this.handlePrevious} disabled={current <= 1}>\r\n <dso-icon icon=\"chevron-up\" class=\"hydrated\"></dso-icon>\r\n <span class=\"sr-only\">Vorig zoekresultaat</span>\r\n </button>\r\n <span>\r\n {current}/{totalCount}\r\n </span>\r\n <button type=\"button\" onClick={this.handleNext} disabled={current >= totalCount}>\r\n <dso-icon icon=\"chevron-down\" class=\"hydrated\"></dso-icon>\r\n <span class=\"sr-only\">Volgend zoekresultaat</span>\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAa,wu6B,MCQNC,EAAO,M,yKAiDVC,KAAAC,YAAeC,IACrB,KAAMA,EAAEC,kBAAkBC,kBAAmB,CAC3C,M,CAGFJ,KAAKK,SAASC,KAAK,CACjBC,cAAeL,EACfM,MAAON,EAAEC,OAAOK,OAChB,EAGIR,KAAAS,WAAcP,IACpBF,KAAKU,QAAQJ,KAAK,CAAEC,cAAeL,GAAI,EAGjCF,KAAAW,eAAkBT,IACxBF,KAAKY,YAAYN,KAAK,CAAEC,cAAeL,GAAI,EAGrCF,KAAAa,YAAeX,IACrBF,KAAKc,SAASR,KAAK,CAAEC,cAAeL,GAAI,E,gCA1DlC,qB,iDA6DR,MAAAa,GACE,MAAMC,EAAUhB,KAAKgB,SAAW,EAChC,MAAMC,EAAajB,KAAKiB,YAAc,EAEtC,OACEC,EAAA,OAAKC,MAAM,gBACTD,EAAA,OAAKC,MAAM,sBACTD,EAAA,SAAOE,QAAQ,gBACbF,EAAA,YAAUC,MAAM,kBAAkBE,KAAK,WACvCH,EAAA,QAAMC,MAAM,WAAWnB,KAAKsB,QAE9BJ,EAAA,SAAOK,KAAK,OAAOC,GAAG,eAAehB,MAAOR,KAAKQ,MAAOiB,QAASzB,KAAKC,cACtEiB,EAAA,UAAQK,KAAK,SAASG,QAAS1B,KAAKa,aAClCK,EAAA,YAAUG,KAAK,UACfH,EAAA,QAAMC,MAAM,WAAS,wBAGzBD,EAAA,OAAKC,MAAM,wBACTD,EAAA,QAAMC,MAAM,YACZD,EAAA,UAAQK,KAAK,SAASG,QAAS1B,KAAKW,eAAgBgB,SAAUX,GAAW,GACvEE,EAAA,YAAUG,KAAK,aAAaF,MAAM,aAClCD,EAAA,QAAMC,MAAM,WAAS,wBAEvBD,EAAA,YACGF,EAAO,IAAGC,GAEbC,EAAA,UAAQK,KAAK,SAASG,QAAS1B,KAAKS,WAAYkB,SAAUX,GAAWC,GACnEC,EAAA,YAAUG,KAAK,eAAeF,MAAM,aACpCD,EAAA,QAAMC,MAAM,WAAS,2B"}