npm - @dso-toolkit/core - Versions diffs - 62.9.0 → 62.11.0 - Mend

@dso-toolkit/core 62.9.0 → 62.11.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 (214) hide show

package/dist/dso-toolkit/p-eeacda43.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as s}from"./p-4592810d.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="asterisk" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path fill="currentColor" d="M8.014 20.99C7.518 21.663 7.01 22 6.494 22c-.519 0-1.037-.224-1.555-.673-.518-.45-.777-.887-.777-1.314 0-.426.203-.864.608-1.313l3.784-5.32-5.068-1.616C2.496 11.45 2 10.934 2 10.215c0-.404.068-.763.203-1.077.27-.943.833-1.414 1.689-1.414.18 0 .495.045.946.135l5.203 1.683V4.02c0-1.347.675-2.02 2.027-2.02 1.35 0 2.027.673 2.027 2.02v5.522l5.067-1.683c.45-.09.833-.135 1.149-.135.315 0 .675.224 1.08.673.406.45.609 1.044.609 1.785 0 .74-.495 1.268-1.486 1.582l-5.136 1.616 3.852 5.32c.36.404.54.83.54 1.28 0 .449-.259.898-.777 1.347-.518.449-1.025.673-1.52.673-.496 0-.991-.337-1.487-1.01L12 15.4l-3.986 5.59Z"/>\n</svg>\n`;const g=`<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 r=`<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 w=`<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 c=`<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 h=`<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 e=`<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 A=`<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 Z=`<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 p=`<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 d=`<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 H=`<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 m=`<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 V=`<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 M=`<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 x=`<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 C=`<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 u=`<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 f=`<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 L=`<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 B=`<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 F=`<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 y=`<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 k=`<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 z=`<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 S=`<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 q=`<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 E=`<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 D=`<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 O=`<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 T=`<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 j=`<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 I=`<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 P=`<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 R=`<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 U=`<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 $=`<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 G=`<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 J=`<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 K=`<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 N=`<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 Q=`<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 W=`<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 X=`<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 Y=`<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 aa=`<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 sa=`<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 la=`<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 na=`<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 ta=`<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 oa=`<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 va=`<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 ia=`<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 ga=`<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 ra=`<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 wa=`<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 ca=`<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 ha=`<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 ea=`<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 Aa=`<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 Za=`<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 pa=`<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 da=`<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 Ha=`<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 ma=`<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 Va=`<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 Ma=`<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 xa=`<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 Ca=`<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 ua=`<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 fa=`<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 La=`<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 Ba=`<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 Fa=`<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 ya=`<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 ka=`<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 za=`<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 Sa=`<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 qa=`<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 Ea=`<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 Da=`<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 Oa=`<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 Ta=`<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 ja=`<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 Ia=`<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 Pa=`<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 Ra=`<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 Ua=`<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 $a=`<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 Ga=":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 Ja=[{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:"asterisk",svg:i},{alias:"balloon",svg:g},{alias:"bars",svg:r},{alias:"buildings",svg:w},{alias:"calendar",svg:c},{alias:"call",svg:h},{alias:"caret-down",svg:e},{alias:"check",svg:A},{alias:"check-circle",svg:Z},{alias:"chevron-down",svg:p},{alias:"chevron-left",svg:d},{alias:"chevron-right",svg:H},{alias:"chevron-up",svg:m},{alias:"circle-notch",svg:V},{alias:"clock",svg:M},{alias:"copy",svg:x},{alias:"crown",svg:C},{alias:"cultural",svg:u},{alias:"document",svg:f},{alias:"download",svg:L},{alias:"email",svg:B},{alias:"energy",svg:F},{alias:"environment",svg:y},{alias:"exclamation",svg:k},{alias:"external-link",svg:b},{alias:"eye-slash",svg:z},{alias:"eye",svg:S},{alias:"filter",svg:q},{alias:"forbidden",svg:E},{alias:"health",svg:D},{alias:"help-active",svg:O},{alias:"help",svg:T},{alias:"house",svg:j},{alias:"info-active",svg:I},{alias:"info-i",svg:P},{alias:"info",svg:R},{alias:"infrastructure",svg:U},{alias:"label",svg:$},{alias:"land",svg:_},{alias:"landscape",svg:G},{alias:"layers",svg:J},{alias:"location",svg:K},{alias:"location-outline",svg:N},{alias:"location-search",svg:Q},{alias:"lock",svg:W},{alias:"magnet",svg:X},{alias:"map-layers",svg:Y},{alias:"map-location",svg:aa},{alias:"marker",svg:sa},{alias:"measurement",svg:la},{alias:"minus-circle",svg:na},{alias:"minus-square",svg:ta},{alias:"minus",svg:oa},{alias:"more",svg:va},{alias:"municipality",svg:ia},{alias:"nature",svg:ga},{alias:"new-window",svg:ra},{alias:"paperclip",svg:wa},{alias:"parking",svg:ca},{alias:"pencil",svg:ha},{alias:"pin",svg:ea},{alias:"pin-outline",svg:Aa},{alias:"plus-circle",svg:Za},{alias:"plus-square",svg:pa},{alias:"plus",svg:da},{alias:"print",svg:Ha},{alias:"procedures",svg:ma},{alias:"redo",svg:Va},{alias:"safety",svg:Ma},{alias:"scale",svg:Ca},{alias:"search",svg:xa},{alias:"sitemap",svg:ua},{alias:"soil",svg:fa},{alias:"sort-ascending",svg:La},{alias:"sort-descending",svg:Ba},{alias:"sort",svg:Fa},{alias:"sound",svg:ya},{alias:"status-danger",svg:ba},{alias:"status-error",svg:ka},{alias:"status-info",svg:za},{alias:"status-success",svg:Sa},{alias:"status-warning",svg:qa},{alias:"status-warning-inline",svg:Ea},{alias:"status-warning-inline-negative",svg:Da},{alias:"table",svg:Oa},{alias:"times",svg:Ta},{alias:"trash",svg:ja},{alias:"undo",svg:Ia},{alias:"user-line",svg:Pa},{alias:"user",svg:Ra},{alias:"users",svg:Ua},{alias:"water",svg:$a},{alias:"wip-wip",svg:_a}];const Ka=class{constructor(s){a(this,s);this.icon=undefined}render(){if(this.icon){const a=Ja.find((a=>a.alias===this.icon));if(!a){throw new TypeError(`Unknown svg: ${this.icon}`)}return s("span",{class:"icon-container",innerHTML:a.svg})}}};Ka.style=Ga;export{Ka as dso_icon};
2	+ //# sourceMappingURL=p-eeacda43.entry.js.map

package/dist/dso-toolkit/{p-e348d48b.entry.js.map → p-eeacda43.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["iconCss","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","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 asterisk from \"dso-toolkit/src/icons/asterisk.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: \"asterisk\", svg: asterisk },\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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"}
1	+ {"version":3,"names":["iconCss","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","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 asterisk from \"dso-toolkit/src/icons/asterisk.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: \"asterisk\", svg: asterisk },\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-f4cb0d36.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as o,c as d,h as s,a}from"./p-4592810d.js";import{v as i}from"./p-14616bce.js";const l="@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}},::after,*::before{box-sizing:border-box}:host{display:block}:host([fullscreen]) dialog{inline-size:100dvi;block-size:100dvb}:host([fullscreen]) dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host([fullscreen]) dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host([fullscreen]) dialog .dso-footer{flex-shrink:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-dialog>dso-scrollable{flex-grow:1;max-block-size:unset}:host dialog .dso-footer{flex-shrink:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{overflow:visible;padding:0;border:0}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.8)}.dso-modal .dso-dialog{inline-size:640px;background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header .dso-close{position:absolute;inset-block-start:16px;inset-inline-end:13px;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-modal>.dso-dialog>.dso-body{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:1.5rem;overflow-x:auto;padding:32px}.dso-modal>.dso-dialog>.dso-body p{margin:0 0 16px}.dso-modal>.dso-dialog>.dso-body ul,.dso-modal>.dso-dialog>.dso-body ol{margin-bottom:16px}.dso-modal>.dso-dialog>.dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>.dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>.dso-body pre{margin:0 0 16px}.dso-modal>.dso-dialog>.dso-body blockquote{padding:16px 24px}.dso-modal>.dso-dialog>.dso-body dso-highlight-box,.dso-modal>.dso-dialog>.dso-body .dso-highlight-box{margin-bottom:24px}.dso-modal>.dso-dialog>.dso-body img{height:auto;max-width:100%}.dso-modal>.dso-dialog>dso-scrollable{block-size:calc(100% - 96px - 1.5rem);max-block-size:calc(70vh - 144px - 1.5em);min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin:0 0 16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-bottom:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin:0 0 16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding:16px 24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box,.dso-modal>.dso-dialog>dso-scrollable .dso-body .dso-highlight-box{margin-bottom:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{height:auto;max-width:100%}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding:16px 32px;text-align:end}@media screen and (max-width: 767px){.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-width: 767px){.dso-modal .dso-dialog{max-inline-size:100%;margin-block-start:0}.dso-modal .dso-footer .dso-primary+.dso-primary,.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-primary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-primary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}.dso-modal .dso-footer button{inline-size:100%;text-align:center}.dso-modal .dso-footer button+button{margin-block-start:8px}.dso-modal .dso-footer button.dso-tertiary,.dso-modal .dso-footer button.dso-tertiary span{float:none}}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:216px;margin-block-start:8px;margin-block-end:8px}.dso-modal .dso-header{padding:8px 16px}.dso-modal .dso-header .dso-close{inset-block-start:8px}.dso-modal .dso-body{padding:16px 24px}.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding:8px 32px}}.dso-close dso-icon{color:#39870c}";const e=class{constructor(s){o(this,s);this.dsoClose=d(this,"dsoClose",7);this.ariaId=i();this.hasFooter=undefined;this.fullscreen=undefined;this.modalTitle=undefined;this.role="dialog";this.showCloseButton=true}componentWillLoad(){this.hasFooter=this.host.querySelector("[slot='footer']")!==null}componentDidLoad(){var o;if((o=this.htmlDialogElement)===null\|\|o===void 0?void 0:o.isConnected){this.htmlDialogElement.showModal()}document.body.classList.add("dso-modal-open")}disconnectedCallback(){var o;document.body.classList.remove("dso-modal-open");(o=this.htmlDialogElement)===null\|\|o===void 0?void 0:o.close()}render(){var o;return s("dialog",{class:"dso-modal",role:(o=this.role)!==null&&o!==void 0?o:undefined,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onCancel:o=>{o.preventDefault();this.dsoClose.emit({originalEvent:o})}},s("div",{class:"dso-dialog",role:"document"},this.modalTitle?s("div",{class:"dso-header"},s("h2",{id:this.ariaId},this.modalTitle),this.showCloseButton&&s("button",{type:"button",class:"dso-close",onClick:o=>this.dsoClose.emit({originalEvent:o})},s("dso-icon",{icon:"times"}),s("span",{class:"sr-only"},"Sluiten"))):s("span",{class:"sr-only",id:this.ariaId},"Dialoog"),s("dso-scrollable",null,s("div",{class:"dso-body",tabIndex:0},s("slot",{name:"body"}))),this.hasFooter&&s("div",{class:"dso-footer"},s("slot",{name:"footer"}))))}get host(){return a(this)}};e.style=l;export{e as dso_modal};
2	+ //# sourceMappingURL=p-f4cb0d36.entry.js.map

package/dist/dso-toolkit/p-f4cb0d36.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["modalCss","Modal","v4","componentWillLoad","this","hasFooter","host","querySelector","componentDidLoad","_a","htmlDialogElement","isConnected","showModal","document","body","classList","add","disconnectedCallback","remove","close","render","h","class","role","undefined","ariaId","ref","element","onCancel","e","preventDefault","dsoClose","emit","originalEvent","modalTitle","id","showCloseButton","type","onClick","icon","tabIndex","name"],"sources":["src/components/modal/modal.scss?tag=dso-modal&encapsulation=shadow","src/components/modal/modal.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/modal\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n display: block;\r\n}\r\n\r\n// fullscreen option\r\n:host([fullscreen]) dialog {\r\n @include modal.fullscreen();\r\n}\r\n\r\n// Go to fullscreen on =< 480px viewport\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n :host dialog {\r\n @include modal.fullscreen();\r\n }\r\n}\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\nbutton {\r\n @include button.element();\r\n}\r\n\r\n.dso-modal {\r\n @include modal.root();\r\n}\r\n\r\n.dso-close {\r\n dso-icon {\r\n color: modal.$close-icon-color;\r\n }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Prop, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { ModalCloseEvent } from \"./modal.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-modal\",\r\n styleUrl: \"modal.scss\",\r\n shadow: true,\r\n})\r\nexport class Modal implements ComponentInterface {\r\n private htmlDialogElement?: HTMLDialogElement;\r\n\r\n @Element()\r\n host!: HTMLDsoModalElement;\r\n\r\n @State()\r\n ariaId = v4();\r\n\r\n @State()\r\n hasFooter?: boolean;\r\n\r\n /**\r\n * when set the modal will be shown in fullscreen.\r\n */\r\n @Prop({ reflect: true })\r\n fullscreen?: boolean;\r\n\r\n /**\r\n * The title of the Modal.\r\n */\r\n @Prop()\r\n modalTitle?: string;\r\n\r\n /**\r\n * the role for the modal `dialog` | `alert` | `alertdialog`.\r\n */\r\n @Prop()\r\n role: string | null = \"dialog\";\r\n\r\n /**\r\n * when `false` the close button in the header will not be rendered. Defaults to `true`.\r\n *\r\n * Needs `modalTitle` to be set.\r\n */\r\n @Prop()\r\n showCloseButton = true;\r\n\r\n /**\r\n * Emitted when the user wants to close the Modal.\r\n */\r\n @Event()\r\n dsoClose!: EventEmitter<ModalCloseEvent>;\r\n\r\n componentWillLoad(): void {\r\n this.hasFooter = this.host.querySelector(\"[slot='footer']\") !== null;\r\n }\r\n\r\n componentDidLoad(): void {\r\n if (this.htmlDialogElement?.isConnected) {\r\n this.htmlDialogElement.showModal();\r\n }\r\n\r\n document.body.classList.add(\"dso-modal-open\");\r\n }\r\n\r\n disconnectedCallback(): void {\r\n document.body.classList.remove(\"dso-modal-open\");\r\n this.htmlDialogElement?.close();\r\n }\r\n\r\n render() {\r\n return (\r\n <dialog\r\n class=\"dso-modal\"\r\n role={this.role ?? undefined}\r\n aria-modal=\"true\"\r\n aria-labelledby={this.ariaId}\r\n ref={(element) => (this.htmlDialogElement = element)}\r\n onCancel={(e) => {\r\n e.preventDefault();\r\n\r\n this.dsoClose.emit({ originalEvent: e });\r\n }}\r\n >\r\n <div class=\"dso-dialog\" role=\"document\">\r\n {this.modalTitle ? (\r\n <div class=\"dso-header\">\r\n <h2 id={this.ariaId}>{this.modalTitle}</h2>\r\n {this.showCloseButton && (\r\n <button type=\"button\" class=\"dso-close\" onClick={(e) => this.dsoClose.emit({ originalEvent: e })}>\r\n <dso-icon icon=\"times\"></dso-icon>\r\n <span class=\"sr-only\">Sluiten</span>\r\n </button>\r\n )}\r\n </div>\r\n ) : (\r\n <span class=\"sr-only\" id={this.ariaId}>\r\n Dialoog\r\n </span>\r\n )}\r\n\r\n <dso-scrollable>\r\n <div class=\"dso-body\" tabIndex={0}>\r\n <slot name=\"body\" />\r\n </div>\r\n </dso-scrollable>\r\n\r\n {this.hasFooter && (\r\n <div class=\"dso-footer\">\r\n <slot name=\"footer\" />\r\n </div>\r\n )}\r\n </div>\r\n </dialog>\r\n );\r\n }\r\n}\r\n"],"mappings":"wFAAA,MAAMA,EAAW,43L,MCUJC,EAAK,M,wEAOPC,I,uFAqBa,S,qBAQJ,I,CAQlB,iBAAAC,GACEC,KAAKC,UAAYD,KAAKE,KAAKC,cAAc,qBAAuB,I,CAGlE,gBAAAC,G,MACE,IAAIC,EAAAL,KAAKM,qBAAiB,MAAAD,SAAA,SAAAA,EAAEE,YAAa,CACvCP,KAAKM,kBAAkBE,W,CAGzBC,SAASC,KAAKC,UAAUC,IAAI,iB,CAG9B,oBAAAC,G,MACEJ,SAASC,KAAKC,UAAUG,OAAO,mBAC/BT,EAAAL,KAAKM,qBAAiB,MAAAD,SAAA,SAAAA,EAAEU,O,CAG1B,MAAAC,G,MACE,OACEC,EAAA,UACEC,MAAM,YACNC,MAAMd,EAAAL,KAAKmB,QAAI,MAAAd,SAAA,EAAAA,EAAIe,UAAS,aACjB,OAAM,kBACApB,KAAKqB,OACtBC,IAAMC,GAAavB,KAAKM,kBAAoBiB,EAC5CC,SAAWC,IACTA,EAAEC,iBAEF1B,KAAK2B,SAASC,KAAK,CAAEC,cAAeJ,GAAI,GAG1CR,EAAA,OAAKC,MAAM,aAAaC,KAAK,YAC1BnB,KAAK8B,WACJb,EAAA,OAAKC,MAAM,cACTD,EAAA,MAAIc,GAAI/B,KAAKqB,QAASrB,KAAK8B,YAC1B9B,KAAKgC,iBACJf,EAAA,UAAQgB,KAAK,SAASf,MAAM,YAAYgB,QAAUT,GAAMzB,KAAK2B,SAASC,KAAK,CAAEC,cAAeJ,KAC1FR,EAAA,YAAUkB,KAAK,UACflB,EAAA,QAAMC,MAAM,WAAS,aAK3BD,EAAA,QAAMC,MAAM,UAAUa,GAAI/B,KAAKqB,QAAM,WAKvCJ,EAAA,sBACEA,EAAA,OAAKC,MAAM,WAAWkB,SAAU,GAC9BnB,EAAA,QAAMoB,KAAK,WAIdrC,KAAKC,WACJgB,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMoB,KAAK,a"}

package/dist/dso-toolkit/p-f6d1d215.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,h as i,a as s}from"./p-4592810d.js";function o(e){if(!e){return}const t=e.split("-");if(t.length===3&&typeof t[0]==="string"&&typeof t[1]==="string"&&typeof t[2]==="string"){const[e,i,s]=t;const o=e.padStart(2,"0");const d=i.padStart(2,"0");const n=s.padStart(4,"0");return[n,d,o].join("-")}return e}function d(e){if(!e){return""}const t=e.getDate().toString(10).padStart(2,"0");const i=(e.getMonth()+1).toString(10).padStart(2,"0");const s=e.getFullYear().toString(10).padStart(4,"0");return[t,i,s].join("-")}const n=".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;width:100%;height:40px;padding:6px 14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{width:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}";const a=class{constructor(i){e(this,i);this.dsoDateChange=t(this,"dsoDateChange",7);this.dsoBlur=t(this,"dsoBlur",7);this.dsoKeyUp=t(this,"dsoKeyUp",7);this.dsoKeyDown=t(this,"dsoKeyDown",7);this.dsoFocus=t(this,"dsoFocus",7);this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement)){return}const{validity:i}=t;const{value:s,valueAsDate:o}=this.dateValues(t);const d=this.validityToError(i);const n={component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d};this.dsoBlur.emit(n)};this.handleFocus=e=>{e.stopPropagation();this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})};this.handleKeyUp=e=>{e.stopPropagation();this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})};this.handleKeyDown=e=>{e.stopPropagation();this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})};this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement)){return}const{validity:i}=t;const{value:s,valueAsDate:o}=this.dateValues(t);const d=this.validityToError(i);const n={component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d};this.dsoDateChange.emit(n)};this.name="dso-date";this.identifier=undefined;this.disabled=false;this.required=false;this.invalid=undefined;this.describedBy=undefined;this.dsoAutofocus=false;this.value="";this.min=undefined;this.max=undefined}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:d(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t\|\|undefined}}validityToError(e){if(e.valueMissing){return"required"}if(e.rangeUnderflow){return"min-range"}if(e.rangeOverflow){return"max-range"}if(!e.valid){return"invalid"}return undefined}render(){var e;return i("input",{type:"date",id:this.identifier,class:"dso-date__input",value:o(this.value),name:this.name,min:o(this.min),max:o(this.max),disabled:this.disabled\|\|undefined,required:this.required\|\|undefined,"aria-autocomplete":"none","aria-invalid":(e=this.invalid)===null\|\|e===void 0?void 0:e.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus\|\|undefined,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return s(this)}};a.style=n;export{a as dso_date_picker};
2	+ //# sourceMappingURL=p-f6d1d215.entry.js.map

package/dist/dso-toolkit/p-f6d1d215.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["parseToValueFormat","value","matches","split","length","d","m","y","dd","padStart","mm","yyyy","join","parseToDutchFormat","date","getDate","toString","getMonth","getFullYear","datePickerCss","DsoDatePicker","this","handleBlur","e","stopPropagation","target","HTMLInputElement","validity","valueAsDate","dateValues","error","validityToError","event","component","originalEvent","dsoBlur","emit","handleFocus","dsoFocus","handleKeyUp","dsoKeyUp","handleKeyDown","dsoKeyDown","handleInputChange","dsoDateChange","rangeOverflow","rangeUnderflow","undefined","valueMissing","valid","render","h","type","id","identifier","class","name","min","max","disabled","required","_a","invalid","describedBy","autoComplete","autofocus","dsoAutofocus","onBlur","onFocus","onKeyUp","onKeyDown","onChange"],"sources":["src/components/date-picker/date-utils.ts","src/components/date-picker/date-picker.scss?tag=dso-date-picker&encapsulation=scoped","src/components/date-picker/date-picker.tsx"],"sourcesContent":["/**\r\n * dd-mm-yyyy to yyyy-mm-dd\r\n */\r\nexport function parseToValueFormat(value: string | undefined): string | 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 ) {\r\n const [d, m, y] = matches;\r\n\r\n const dd = d.padStart(2, \"0\");\r\n const mm = m.padStart(2, \"0\");\r\n const yyyy = y.padStart(4, \"0\");\r\n\r\n return [yyyy, mm, dd].join(\"-\");\r\n }\r\n\r\n return value;\r\n}\r\n\r\n/**\r\n * yyyy-mm-dd to dd-mm-yyyy\r\n */\r\nexport function parseToDutchFormat(date: Date | null): string {\r\n if (!date) {\r\n return \"\";\r\n }\r\n\r\n const dd = date.getDate().toString(10).padStart(2, \"0\");\r\n const mm = (date.getMonth() + 1).toString(10).padStart(2, \"0\");\r\n const yyyy = date.getFullYear().toString(10).padStart(4, \"0\");\r\n\r\n return [dd, mm, yyyy].join(\"-\");\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.variables\" as core-date-picker-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__input {\r\n @include form-control.root();\r\n\r\n &::-webkit-calendar-picker-indicator {\r\n position: relative;\r\n inset-inline-end: -8px;\r\n\r\n font-size: 1.75rem;\r\n\r\n filter: invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%);\r\n }\r\n}\r\n","import { Component, ComponentInterface, Prop, Element, h, Event, EventEmitter } from \"@stencil/core\";\r\n\r\nimport {\r\n DatePickerBlurEvent,\r\n DatePickerChangeEvent,\r\n DatePickerError,\r\n DatePickerFocusEvent,\r\n DatePickerKeyboardEvent,\r\n} from \"./date-picker.interfaces\";\r\nimport { parseToValueFormat, parseToDutchFormat } from \"./date-utils\";\r\n\r\n@Component({\r\n tag: \"dso-date-picker\",\r\n styleUrl: \"date-picker.scss\",\r\n shadow: false,\r\n scoped: true,\r\n})\r\nexport class DsoDatePicker implements ComponentInterface {\r\n /**\r\n * Reference to host HTML element.\r\n */\r\n @Element()\r\n element!: HTMLDsoDatePickerElement;\r\n\r\n /**\r\n * Name of the date picker input.\r\n */\r\n @Prop()\r\n name = \"dso-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 * Should the input be marked as required?\r\n */\r\n @Prop({ reflect: true })\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 })\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<DatePickerChangeEvent>;\r\n\r\n /**\r\n * Event emitted the date picker input is blurred.\r\n */\r\n @Event()\r\n dsoBlur!: EventEmitter<DatePickerBlurEvent>;\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<DatePickerKeyboardEvent>;\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<DatePickerKeyboardEvent>;\r\n\r\n /**\r\n * Event emitted the date picker input is focused.\r\n */\r\n @Event()\r\n dsoFocus!: EventEmitter<DatePickerFocusEvent>;\r\n\r\n private handleBlur = (e: FocusEvent) => {\r\n e.stopPropagation();\r\n\r\n const { target } = e;\r\n\r\n if (!(target instanceof HTMLInputElement)) {\r\n return;\r\n }\r\n\r\n const { validity } = target;\r\n const { value, valueAsDate } = this.dateValues(target);\r\n const error = this.validityToError(validity);\r\n\r\n const event: DatePickerBlurEvent = {\r\n component: \"dso-date-picker\",\r\n originalEvent: e,\r\n validity,\r\n value,\r\n valueAsDate,\r\n error,\r\n };\r\n\r\n this.dsoBlur.emit(event);\r\n };\r\n\r\n private handleFocus = (event: FocusEvent) => {\r\n event.stopPropagation();\r\n\r\n this.dsoFocus.emit({\r\n originalEvent: event,\r\n component: \"dso-date-picker\",\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\",\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\",\r\n originalEvent: event,\r\n });\r\n };\r\n\r\n private handleInputChange = (e: Event) => {\r\n const target = e.target;\r\n\r\n if (!(target instanceof HTMLInputElement)) {\r\n return;\r\n }\r\n\r\n const { validity } = target;\r\n const { value, valueAsDate } = this.dateValues(target);\r\n const error = this.validityToError(validity);\r\n\r\n const event: DatePickerChangeEvent = {\r\n component: \"dso-date-picker\",\r\n originalEvent: e,\r\n validity,\r\n value,\r\n valueAsDate,\r\n error,\r\n };\r\n\r\n this.dsoDateChange.emit(event);\r\n };\r\n\r\n private dateValues(target: HTMLInputElement): { value: string; valueAsDate: Date | undefined } {\r\n const { valueAsDate, validity } = target;\r\n\r\n return {\r\n value: parseToDutchFormat(valueAsDate),\r\n valueAsDate: (!validity.rangeOverflow && !validity.rangeUnderflow && valueAsDate) || undefined,\r\n };\r\n }\r\n\r\n private validityToError(validity: ValidityState): DatePickerError | undefined {\r\n if (validity.valueMissing) {\r\n return \"required\";\r\n }\r\n\r\n if (validity.rangeUnderflow) {\r\n return \"min-range\";\r\n }\r\n\r\n if (validity.rangeOverflow) {\r\n return \"max-range\";\r\n }\r\n\r\n if (!validity.valid) {\r\n return \"invalid\";\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n render() {\r\n return (\r\n <input\r\n type=\"date\"\r\n id={this.identifier}\r\n class=\"dso-date__input\"\r\n value={parseToValueFormat(this.value)}\r\n name={this.name}\r\n min={parseToValueFormat(this.min)}\r\n max={parseToValueFormat(this.max)}\r\n disabled={this.disabled || undefined}\r\n required={this.required || undefined}\r\n aria-autocomplete=\"none\"\r\n aria-invalid={this.invalid?.toString()}\r\n aria-describedby={this.describedBy}\r\n autoComplete=\"off\"\r\n autofocus={this.dsoAutofocus || undefined}\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n onKeyUp={this.handleKeyUp}\r\n onKeyDown={this.handleKeyDown}\r\n onChange={this.handleInputChange}\r\n />\r\n );\r\n }\r\n}\r\n"],"mappings":"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"}

package/dist/esm/dso-accordion-section.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const stateMap = {
   error: "fout:",
 };
-const accordionSectionCss = "*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button{color:#000;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:hover,:host(.dso-accordion-compact-black) .dso-section-handle button:active,:host(.dso-accordion-compact-black) .dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-top:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding:5px 16px 5px 0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon,:host(.dso-accordion-neutral) .dso-section-handle svg.di{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body{background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:0}:host(.dso-accordion-neutral) .dso-section-body.dso-animate-ready{transition:margin-block 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.dso-accordion-neutral) .dso-section-body .dso-section-body-content{padding:16px 16px 24px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body .dso-section-body-content{padding:16px 32px 24px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}";
+const accordionSectionCss = "*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus-visible{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button{color:#000;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:hover,:host(.dso-accordion-compact-black) .dso-section-handle button:active,:host(.dso-accordion-compact-black) .dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-top:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding:5px 16px 5px 0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon,:host(.dso-accordion-neutral) .dso-section-handle svg.di{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body{background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:0}:host(.dso-accordion-neutral) .dso-section-body.dso-animate-ready{transition:margin-block 260ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.dso-accordion-neutral) .dso-section-body .dso-section-body-content{padding:16px 16px 24px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body .dso-section-body-content{padding:16px 32px 24px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}";
 // eslint-disable-next-line no-console
 const log = window["_dsoLog"] === true ? console.log.bind(console.log) : function () { };

package/dist/esm/dso-accordion-section.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dso-accordion-section.entry.js","mappings":"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","names":[],"sources":["src/components/accordion/components/accordion-section.interfaces.ts","src/components/accordion/components/accordion-section.scss?tag=dso-accordion-section&encapsulation=shadow","src/components/accordion/components/accordion-section.tsx"],"sourcesContent":["export type AccordionSectionState = \"success\" \| \"info\" \| \"warning\" \| \"danger\" \| \"error\";\r\n\r\nexport type AccordionHeading = \"h2\" \| \"h3\" \| \"h4\" \| \"h5\";\r\n\r\nexport const stateMap: Record<AccordionSectionState, string> = {\r\n success: \"succes:\",\r\n info: \"info:\",\r\n warning: \"waarschuwing:\",\r\n danger: \"fout:\",\r\n error: \"fout:\",\r\n};\r\n\r\nexport interface AccordionSectionToggleClickEvent {\r\n /*\r\n The original MouseEvent that triggered the click.\r\n \r\n In case the Section Handle is an <a> this event can be used to preventDefault() so the framework router is reponsible for navigating the user.\r\n /\r\n originalEvent?: MouseEvent;\r\n\r\n /\r\n The requested state. If the Accordion Section is closed, `open = true`.\r\n /\r\n open: boolean;\r\n}\r\n\r\nexport interface AccordionSectionAnimationStartEvent {\r\n /\r\n Helper function to scroll the Accordion Section into view.\r\n /\r\n scrollIntoView(behavior?: ScrollBehavior): void;\r\n\r\n /\r\n Whether or not the Accordion opening or closing.\r\n /\r\n animation: \"opening\" \| \"closing\";\r\n}\r\n\r\nexport interface AccordionSectionAnimationEndEvent {\r\n /\r\n Helper function to scroll the Accordion Section into view.\r\n /\r\n scrollIntoView(behavior?: ScrollBehavior): void;\r\n\r\n /\r\n The state of the Accordion Section after animation.\r\n /\r\n open: boolean;\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n@use \"~dso-toolkit/src/components/accordion\";\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n\r\n@use \"accordion-section-theme-compact\";\r\n@use \"accordion-section-theme-compact-black\";\r\n@use \"accordion-section-theme-conclusion\";\r\n@use \"accordion-section-theme-default\";\r\n@use \"accordion-section-theme-neutral\";\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:host {\r\n display: block;\r\n\r\n .dso-section-handle {\r\n font-size: 1em;\r\n font-weight: 600;\r\n line-height: accordion.$handle-line-height;\r\n margin: 0;\r\n position: relative;\r\n\r\n > a:active {\r\n text-decoration: none;\r\n }\r\n\r\n a {\r\n @include anchor.clean();\r\n }\r\n\r\n .dso-status {\r\n font-weight: 400;\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n .dso-section-handle > button,\r\n .dso-section-handle > a {\r\n align-items: flex-start;\r\n background-color: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n display: flex;\r\n font-family: typography.$font-family-base;\r\n font-size: 1em;\r\n font-weight: 600;\r\n line-height: accordion.$handle-line-height;\r\n margin: 0;\r\n padding: accordion.$vertical-padding accordion.$horizontal-padding accordion.$vertical-padding;\r\n text-align: start;\r\n width: 100%;\r\n word-break: break-word;\r\n\r\n dso-icon {\r\n flex-shrink: 0;\r\n\r\n &.dso-section-handle-chevron {\r\n @include utilities.transition(transform);\r\n\r\n transform: rotate(0);\r\n }\r\n }\r\n\r\n > .dso-section-handle-addons:first-child,\r\n > dso-icon:first-child {\r\n margin-right: units.$u1;\r\n }\r\n\r\n > dso-icon:last-child {\r\n margin-left: auto;\r\n }\r\n\r\n > .dso-section-handle-addons:last-child {\r\n margin-left: auto;\r\n\r\n dso-attachments-counter,\r\n dso-icon {\r\n margin-left: 16px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host([open]:not([open=\"false\"])) {\r\n .dso-section-handle {\r\n > button,\r\n > a {\r\n .dso-section-handle-chevron {\r\n &:first-child {\r\n transform: rotate(90deg);\r\n }\r\n\r\n &:last-child {\r\n transform: rotate(-180deg);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dso-section-body {\r\n background-color: colors.$wit;\r\n border-top: 0;\r\n margin-top: accordion.$border-radius -1;\r\n\r\n .dso-section-body-content {\r\n padding: units.$u2 + accordion.$border-radius units.$u2 units.$u2;\r\n }\r\n}\r\n\r\n// Default\r\n:host(.dso-accordion-default) {\r\n @include accordion-section-theme-default.dso-web-component-accordion-default();\r\n}\r\n\r\n:host(.dso-accordion-default[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-default.dso-web-component-accordion-default-open();\r\n}\r\n\r\n:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-default.dso-web-component-accordion-default-open-nested();\r\n}\r\n\r\n// Compact\r\n:host(.dso-accordion-compact) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact();\r\n}\r\n\r\n:host(.dso-accordion-compact.dso-accordion-reverse-align) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact-reverse();\r\n}\r\n\r\n:host(.dso-accordion-compact[open]:not([open=\"false\"]):not(.dso-nested-accordion)) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact-open();\r\n}\r\n\r\n:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact-open-nested();\r\n}\r\n\r\n// Compact black\r\n:host(.dso-accordion-compact-black) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-accordion-reverse-align) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-reverse();\r\n}\r\n\r\n:host(.dso-accordion-compact-black[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-open();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-open-nested();\r\n}\r\n\r\n// Conclusion\r\n:host(.dso-accordion-conclusion) {\r\n @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion();\r\n}\r\n\r\n:host(.dso-accordion-conclusion[open]:not([open=\"false\"]):not(.dso-nested-accordion)) {\r\n @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion-open();\r\n}\r\n\r\n:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion-open-nested();\r\n}\r\n\r\n// Neutral\r\n:host(.dso-accordion-neutral) {\r\n @include accordion-section-theme-neutral.dso-web-component-accordion-neutral();\r\n}\r\n\r\n:host(.dso-accordion-neutral[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-neutral.dso-web-component-accordion-neutral-open();\r\n}\r\n\r\n:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-neutral.dso-web-component-accordion-neutral-open-nested();\r\n}\r\n","import {\r\n h,\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n Event,\r\n forceUpdate,\r\n Fragment,\r\n Host,\r\n Prop,\r\n State,\r\n EventEmitter,\r\n FunctionalComponent,\r\n Method,\r\n} from \"@stencil/core\";\r\n\r\nimport { AccordionInternalState } from \"../accordion.interfaces\";\r\nimport {\r\n AccordionHeading,\r\n AccordionSectionAnimationEndEvent,\r\n AccordionSectionState,\r\n AccordionSectionToggleClickEvent,\r\n AccordionSectionAnimationStartEvent,\r\n stateMap,\r\n} from \"./accordion-section.interfaces\";\r\nimport { ExpandableAnimationEndEvent } from \"../../expandable/expandable\";\r\n\r\n// eslint-disable-next-line no-console\r\nconst log = (window as any)[\"_dsoLog\"] === true ? console.log.bind(console.log) : function () {};\r\n\r\nconst HandleElement: FunctionalComponent<{\r\n handleUrl: string \| undefined;\r\n open: boolean;\r\n handleElementRef: (element: HTMLAnchorElement \| HTMLButtonElement \| undefined) => void;\r\n onClick: (e: MouseEvent) => void;\r\n}> = ({ handleUrl, onClick, open, handleElementRef }, children) => {\r\n if (handleUrl) {\r\n return (\r\n <a href={handleUrl} onClick={onClick} aria-expanded={open ? \"true\" : \"false\"} ref={handleElementRef}>\r\n {children}\r\n </a>\r\n );\r\n }\r\n\r\n return (\r\n <button type=\"button\" onClick={onClick} aria-expanded={open ? \"true\" : \"false\"} ref={handleElementRef}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n\r\nconst Handle: FunctionalComponent<{\r\n heading: AccordionHeading;\r\n ref: (element: HTMLHeadingElement \| undefined) => void;\r\n}> = ({ heading, ref }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return (\r\n <h2 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h2>\r\n );\r\n case \"h3\":\r\n return (\r\n <h3 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h3>\r\n );\r\n case \"h4\":\r\n return (\r\n <h4 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h4>\r\n );\r\n case \"h5\":\r\n return (\r\n <h5 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h5>\r\n );\r\n }\r\n};\r\n\r\nconst HandleIcon: FunctionalComponent<{\r\n state?: AccordionSectionState;\r\n icon?: string;\r\n attachmentCount?: number;\r\n}> = ({ state, icon, attachmentCount }) => {\r\n if (state) {\r\n return <HandleStateIcon state={state} />;\r\n }\r\n\r\n if (attachmentCount) {\r\n return <dso-attachments-counter count={attachmentCount}></dso-attachments-counter>;\r\n }\r\n\r\n if (icon) {\r\n return <dso-icon icon={icon}></dso-icon>;\r\n }\r\n};\r\n\r\nconst HandleStateIcon: FunctionalComponent<{ state: AccordionSectionState }> = ({ state }) => {\r\n if (state === \"error\") {\r\n return <dso-icon icon=\"status-error\"></dso-icon>;\r\n }\r\n\r\n if (state === \"danger\") {\r\n return <dso-icon icon=\"status-danger\"></dso-icon>;\r\n }\r\n\r\n if (state === \"success\") {\r\n return <dso-icon icon=\"status-success\"></dso-icon>;\r\n }\r\n\r\n if (state === \"info\") {\r\n return <dso-icon icon=\"status-info\"></dso-icon>;\r\n }\r\n\r\n if (state === \"warning\") {\r\n return <dso-icon icon=\"status-warning\"></dso-icon>;\r\n }\r\n};\r\n\r\n@Component({\r\n tag: \"dso-accordion-section\",\r\n styleUrl: \"accordion-section.scss\",\r\n shadow: true,\r\n})\r\nexport class AccordionSection implements ComponentInterface {\r\n private accordionState?: AccordionInternalState;\r\n\r\n private sectionBody?: HTMLDivElement;\r\n\r\n private sectionHeading?: HTMLHeadingElement;\r\n\r\n @Element()\r\n host!: HTMLDsoAccordionSectionElement;\r\n\r\n /*\r\n The title of the handle\r\n /\r\n @Prop()\r\n handleTitle?: string;\r\n\r\n /\r\n Which heading element to use.\r\n /\r\n @Prop()\r\n heading: AccordionHeading = \"h2\";\r\n\r\n /\r\n When set the handle will render as a `<a>`. When undefined it renders as a `<button>`\r\n /\r\n @Prop()\r\n handleUrl?: string;\r\n\r\n /\r\n `state` takes precedence over `attachmentCount` and `icon`\r\n /\r\n @Prop()\r\n status?: AccordionSectionState;\r\n\r\n /\r\n `attachmentCount` takes precedence over `icon`\r\n /\r\n @Prop()\r\n attachmentCount?: number;\r\n\r\n /\r\n To set an icon in the heading handle.\r\n /\r\n @Prop()\r\n icon?: string;\r\n\r\n /\r\n The status of the section.\r\n /\r\n @Prop()\r\n statusDescription?: string;\r\n\r\n /\r\n Set the Accordion Section open.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n Set when this Accordion Section contains or will contain an Accordion.\r\n /\r\n @Prop({ reflect: true })\r\n hasNestedAccordion = false;\r\n\r\n /\r\n Calling this method will set focus to the handle.\r\n /\r\n @Method()\r\n async focusHandle() {\r\n this.handleElementRef?.focus();\r\n }\r\n\r\n @State()\r\n hover = false;\r\n\r\n get containsNestedAccordion() {\r\n return this.host.querySelector(\"dso-accordion\") !== null;\r\n }\r\n\r\n componentWillLoad() {\r\n this.accordion?._getState().then((state) => {\r\n this.accordionState = state;\r\n\r\n forceUpdate(this.host);\r\n });\r\n }\r\n\r\n get isNeutral() {\r\n return this.accordionState?.variant === \"neutral\";\r\n }\r\n\r\n private async scrollIntoView(bodyHeight: number \| undefined, behavior: ScrollBehavior = \"auto\"): Promise<void> {\r\n log(\r\n `DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(\r\n bodyHeight,\r\n )}, behavior: ${JSON.stringify(behavior)})`,\r\n );\r\n\r\n const bodyClientRect = this.sectionBody?.getBoundingClientRect();\r\n const headingClientRect = this.sectionHeading?.getBoundingClientRect();\r\n\r\n log(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(bodyClientRect)};`);\r\n log(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(headingClientRect)};`);\r\n log(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);\r\n log(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`);\r\n\r\n if (!bodyClientRect \|\| !headingClientRect \|\| !this.accordionState) {\r\n log(`DSO Toolkit [Accordion Section] returning`);\r\n\r\n return;\r\n }\r\n\r\n // this y is relative to the top of the viewport.\r\n const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? bodyHeight ?? 0 : 0);\r\n\r\n log(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(sectionBottomY)};`);\r\n log(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);\r\n\r\n const box = this.host.getBoundingClientRect();\r\n\r\n const scrollTop = window.scrollY \|\| document.documentElement.scrollTop \|\| document.body.scrollTop;\r\n const clientTop = document.documentElement.clientTop \|\| document.body.clientTop \|\| 0;\r\n const top = box.top + scrollTop - clientTop;\r\n\r\n log(\"DSO Toolkit [Accordion Section] scroll\", { box, scrollTop, clientTop, top });\r\n\r\n if (sectionBottomY > window.innerHeight) {\r\n log(\r\n `DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(\r\n sectionBottomY > window.innerHeight,\r\n )};`,\r\n );\r\n\r\n const expandedAccordionHeight = sectionBottomY - headingClientRect.top;\r\n const shouldScrollToTopOfSection = expandedAccordionHeight > window.innerHeight;\r\n\r\n log(\r\n `DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(expandedAccordionHeight)};`,\r\n );\r\n log(\r\n `DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(\r\n shouldScrollToTopOfSection,\r\n )};`,\r\n );\r\n\r\n window.scrollTo({\r\n top: shouldScrollToTopOfSection ? top : top - (window.innerHeight - expandedAccordionHeight),\r\n behavior,\r\n });\r\n } else if (headingClientRect.top < 0) {\r\n log(\r\n `DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(headingClientRect.top < 0)};`,\r\n );\r\n\r\n window.scrollTo({\r\n top,\r\n behavior,\r\n });\r\n }\r\n }\r\n\r\n private get accordion() {\r\n return this.host.closest(\"dso-accordion\");\r\n }\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n this.dsoToggleClick.emit({\r\n originalEvent: event,\r\n open: !this.open,\r\n });\r\n };\r\n\r\n private handleExpandableAnimationStart = (e: CustomEvent<any>) => {\r\n this.dsoAnimationStart.emit({\r\n animation: this.open ? \"opening\" : \"closing\",\r\n scrollIntoView: (behavior: ScrollBehavior = \"auto\") => this.scrollIntoView(e.detail.bodyHeight, behavior),\r\n });\r\n };\r\n\r\n private handleExpandableAnimationEnd = (e: CustomEvent<ExpandableAnimationEndEvent>) => {\r\n this.dsoAnimationEnd.emit({\r\n open: this.open,\r\n scrollIntoView: (behavior: ScrollBehavior = \"auto\") => this.scrollIntoView(e.detail.bodyHeight, behavior),\r\n });\r\n };\r\n\r\n /\r\n Emitted when the user activates the toggle button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoToggleClick!: EventEmitter<AccordionSectionToggleClickEvent>;\r\n\r\n /\r\n Event emitted when the Accordion Section starts its toggle animation.\r\n /\r\n @Event({ bubbles: false })\r\n dsoAnimationStart!: EventEmitter<AccordionSectionAnimationStartEvent>;\r\n\r\n /\r\n Event emitted when the Accordion Section completes its toggle animation.\r\n */\r\n @Event({ bubbles: false })\r\n dsoAnimationEnd!: EventEmitter<AccordionSectionAnimationEndEvent>;\r\n\r\n private handleElementRef?: HTMLAnchorElement \| HTMLButtonElement;\r\n\r\n render() {\r\n const { variant, reverseAlign } = this.accordionState ?? {};\r\n const hasAddons = !!this.statusDescription \|\| !!this.status \|\| !!this.icon \|\| !!this.attachmentCount;\r\n\r\n return (\r\n <Host\r\n class={{\r\n \"dso-accordion-section\": true,\r\n [\"dso-accordion-\" + variant]: true,\r\n \"dso-nested-accordion\": this.hasNestedAccordion \|\| this.containsNestedAccordion,\r\n \"dso-accordion-reverse-align\": reverseAlign ?? false,\r\n }}\r\n hidden={!variant}\r\n onMouseenter={() => (this.hover = true)}\r\n onMouseleave={() => (this.hover = false)}\r\n >\r\n <Handle heading={this.heading} ref={(element) => (this.sectionHeading = element)}>\r\n <HandleElement\r\n handleUrl={this.handleUrl}\r\n onClick={this.handleClick}\r\n open={this.open}\r\n handleElementRef={(e) => (this.handleElementRef = e)}\r\n >\r\n {reverseAlign ? (\r\n <Fragment>\r\n {hasAddons && (\r\n <div class=\"dso-section-handle-addons\">\r\n <HandleIcon icon={this.icon} />\r\n </div>\r\n )}\r\n\r\n <span>{this.handleTitle}</span>\r\n\r\n <dso-icon class=\"dso-section-handle-chevron\" icon=\"chevron-down\"></dso-icon>\r\n </Fragment>\r\n ) : (\r\n <Fragment>\r\n <dso-icon class=\"dso-section-handle-chevron\" icon=\"chevron-right\"></dso-icon>\r\n\r\n {this.status && <span class=\"sr-only\">{stateMap[this.status]}</span>}\r\n\r\n <span>\r\n {this.handleTitle}\r\n {this.isNeutral && (\r\n <dso-icon class=\"info-icon\" icon={this.open \|\| this.hover ? \"info-active\" : \"info\"} />\r\n )}\r\n </span>\r\n\r\n {hasAddons && (\r\n <div class=\"dso-section-handle-addons\">\r\n {this.statusDescription && <span class=\"dso-status\">{this.statusDescription}</span>}\r\n <HandleIcon state={this.status} icon={this.icon} attachmentCount={this.attachmentCount} />\r\n </div>\r\n )}\r\n </Fragment>\r\n )}\r\n </HandleElement>\r\n </Handle>\r\n <dso-expandable\r\n class=\"dso-section-body\"\r\n open={this.open}\r\n enableAnimation\r\n minimumHeight={this.isNeutral ? 0 : 4}\r\n onDsoExpandableAnimationStart={this.handleExpandableAnimationStart}\r\n onDsoExpandableAnimationEnd={this.handleExpandableAnimationEnd}\r\n >\r\n <div class=\"dso-section-body-content\" ref={(element) => (this.sectionBody = element)}>\r\n <slot />\r\n </div>\r\n </dso-expandable>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dso-accordion-section.entry.js","mappings":";;AAIO,MAAM,QAAQ,GAA0C;EAC7D,OAAO,EAAE,SAAS;EAClB,IAAI,EAAE,OAAO;EACb,OAAO,EAAE,eAAe;EACxB,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,OAAO;CACf;;ACVD,MAAM,mBAAmB,GAAG,03ZAA03Z;;AC2Bt5Z;AACA,MAAM,GAAG,GAAI,MAAc,CAAC,SAAS,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,eAAc,CAAC;AAEjG,MAAM,aAAa,GAKd,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,QAAQ;EAC5D,IAAI,SAAS,EAAE;IACb,QACE,SAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,mBAAiB,IAAI,GAAG,MAAM,GAAG,OAAO,EAAE,GAAG,EAAE,gBAAgB,IAChG,QAAQ,CACP,EACJ;GACH;EAED,QACE,cAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,mBAAiB,IAAI,GAAG,MAAM,GAAG,OAAO,EAAE,GAAG,EAAE,gBAAgB,IAClG,QAAQ,CACF,EACT;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAGP,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,QAAQ;EAC9B,QAAQ,OAAO;IACb,QAAQ;IACR,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,oBAAoB,IACrC,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,oBAAoB,IACrC,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,oBAAoB,IACrC,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,oBAAoB,IACrC,QAAQ,CACN,EACL;GACL;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,GAIX,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE;EACpC,IAAI,KAAK,EAAE;IACT,OAAO,EAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;GAC1C;EAED,IAAI,eAAe,EAAE;IACnB,OAAO,+BAAyB,KAAK,EAAE,eAAe,GAA4B,CAAC;GACpF;EAED,IAAI,IAAI,EAAE;IACR,OAAO,gBAAU,IAAI,EAAE,IAAI,GAAa,CAAC;GAC1C;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAA0D,CAAC,EAAE,KAAK,EAAE;EACvF,IAAI,KAAK,KAAK,OAAO,EAAE;IACrB,OAAO,gBAAU,IAAI,EAAC,cAAc,GAAY,CAAC;GAClD;EAED,IAAI,KAAK,KAAK,QAAQ,EAAE;IACtB,OAAO,gBAAU,IAAI,EAAC,eAAe,GAAY,CAAC;GACnD;EAED,IAAI,KAAK,KAAK,SAAS,EAAE;IACvB,OAAO,gBAAU,IAAI,EAAC,gBAAgB,GAAY,CAAC;GACpD;EAED,IAAI,KAAK,KAAK,MAAM,EAAE;IACpB,OAAO,gBAAU,IAAI,EAAC,aAAa,GAAY,CAAC;GACjD;EAED,IAAI,KAAK,KAAK,SAAS,EAAE;IACvB,OAAO,gBAAU,IAAI,EAAC,gBAAgB,GAAY,CAAC;GACpD;AACH,CAAC,CAAC;MAOW,gBAAgB;;;;;;IAqKnB,gBAAW,GAAG,CAAC,KAAiB;MACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QACvB,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI;OACjB,CAAC,CAAC;KACJ,CAAC;IAEM,mCAA8B,GAAG,CAAC,CAAmB;MAC3D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;QAC1B,SAAS,EAAE,IAAI,CAAC,IAAI,GAAG,SAAS,GAAG,SAAS;QAC5C,cAAc,EAAE,CAAC,WAA2B,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC;OAC1G,CAAC,CAAC;KACJ,CAAC;IAEM,iCAA4B,GAAG,CAAC,CAA2C;MACjF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;QACxB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,cAAc,EAAE,CAAC,WAA2B,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC;OAC1G,CAAC,CAAC;KACJ,CAAC;;mBApK0B,IAAI;;;;;;gBAoCzB,KAAK;8BAMS,KAAK;iBAWlB,KAAK;;;;;EALb,MAAM,WAAW;;IACf,MAAA,IAAI,CAAC,gBAAgB,0CAAE,KAAK,EAAE,CAAC;GAChC;EAKD,IAAI,uBAAuB;IACzB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;GAC1D;EAED,iBAAiB;;IACf,MAAA,IAAI,CAAC,SAAS,0CAAE,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK;MACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;MAE5B,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACxB,CAAC,CAAC;GACJ;EAED,IAAI,SAAS;;IACX,OAAO,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,MAAK,SAAS,CAAC;GACnD;EAEO,MAAM,cAAc,CAAC,UAA8B,EAAE,WAA2B,MAAM;;IAC5F,GAAG,CACD,8DAA8D,IAAI,CAAC,SAAS,CAC1E,UAAU,CACX,eAAe,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAC5C,CAAC;IAEF,MAAM,cAAc,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,qBAAqB,EAAE,CAAC;IACjE,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,cAAc,0CAAE,qBAAqB,EAAE,CAAC;IAEvE,GAAG,CAAC,0DAA0D,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IACjG,GAAG,CAAC,6DAA6D,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACvG,GAAG,CAAC,yDAAyD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IACrG,GAAG,CAAC,+CAA+C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEjF,IAAI,CAAC,cAAc,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;MACjE,GAAG,CAAC,2CAA2C,CAAC,CAAC;MAEjD,OAAO;KACR;;IAGD,MAAM,cAAc,GAAG,iBAAiB,CAAC,GAAG,GAAG,iBAAiB,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5G,GAAG,CAAC,0DAA0D,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IACjG,GAAG,CAAC,wDAAwD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAEnG,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;IAClG,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,SAAS,GAAG,SAAS,CAAC;IAE5C,GAAG,CAAC,wCAAwC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC;IAElF,IAAI,cAAc,GAAG,MAAM,CAAC,WAAW,EAAE;MACvC,GAAG,CACD,2EAA2E,IAAI,CAAC,SAAS,CACvF,cAAc,GAAG,MAAM,CAAC,WAAW,CACpC,GAAG,CACL,CAAC;MAEF,MAAM,uBAAuB,GAAG,cAAc,GAAG,iBAAiB,CAAC,GAAG,CAAC;MACvE,MAAM,0BAA0B,GAAG,uBAAuB,GAAG,MAAM,CAAC,WAAW,CAAC;MAEhF,GAAG,CACD,mEAAmE,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,GAAG,CAC9G,CAAC;MACF,GAAG,CACD,sEAAsE,IAAI,CAAC,SAAS,CAClF,0BAA0B,CAC3B,GAAG,CACL,CAAC;MAEF,MAAM,CAAC,QAAQ,CAAC;QACd,GAAG,EAAE,0BAA0B,GAAG,GAAG,GAAG,GAAG,IAAI,MAAM,CAAC,WAAW,GAAG,uBAAuB,CAAC;QAC5F,QAAQ;OACT,CAAC,CAAC;KACJ;SAAM,IAAI,iBAAiB,CAAC,GAAG,GAAG,CAAC,EAAE;MACpC,GAAG,CACD,iEAAiE,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAC9G,CAAC;MAEF,MAAM,CAAC,QAAQ,CAAC;QACd,GAAG;QACH,QAAQ;OACT,CAAC,CAAC;KACJ;GACF;EAED,IAAY,SAAS;IACnB,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;GAC3C;EA2CD,MAAM;;IACJ,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,MAAA,IAAI,CAAC,cAAc,mCAAI,EAAE,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;IAErG,QACE,EAAC,IAAI,IACH,KAAK,EAAE;QACL,uBAAuB,EAAE,IAAI;QAC7B,CAAC,gBAAgB,GAAG,OAAO,GAAG,IAAI;QAClC,sBAAsB,EAAE,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,uBAAuB;QAC/E,6BAA6B,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK;OACrD,EACD,MAAM,EAAE,CAAC,OAAO,EAChB,YAAY,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EACvC,YAAY,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAExC,EAAC,MAAM,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,MAAM,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,IAC9E,EAAC,aAAa,IACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAEnD,YAAY,IACX,EAAC,QAAQ,QACN,SAAS,KACR,WAAK,KAAK,EAAC,2BAA2B,IACpC,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAC3B,CACP,EAED,gBAAO,IAAI,CAAC,WAAW,CAAQ,EAE/B,gBAAU,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,GAAY,CACnE,KAEX,EAAC,QAAQ,QACP,gBAAU,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,eAAe,GAAY,EAE5E,IAAI,CAAC,MAAM,IAAI,YAAM,KAAK,EAAC,SAAS,IAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAQ,EAEpE,gBACG,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,SAAS,KACb,gBAAU,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,aAAa,GAAG,MAAM,GAAI,CACvF,CACI,EAEN,SAAS,KACR,WAAK,KAAK,EAAC,2BAA2B,IACnC,IAAI,CAAC,iBAAiB,IAAI,YAAM,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,iBAAiB,CAAQ,EACnF,EAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,CAAC,eAAe,GAAI,CACtF,CACP,CACQ,CACZ,CACa,CACT,EACT,sBACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,eAAe,QACf,aAAa,EAAE,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,EACrC,6BAA6B,EAAE,IAAI,CAAC,8BAA8B,EAClE,2BAA2B,EAAE,IAAI,CAAC,4BAA4B,IAE9D,WAAK,KAAK,EAAC,0BAA0B,EAAC,GAAG,EAAE,CAAC,OAAO,MAAM,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,IAClF,eAAQ,CACJ,CACS,CACZ,EACP;GACH;;;;;;;","names":[],"sources":["src/components/accordion/components/accordion-section.interfaces.ts","src/components/accordion/components/accordion-section.scss?tag=dso-accordion-section&encapsulation=shadow","src/components/accordion/components/accordion-section.tsx"],"sourcesContent":["export type AccordionSectionState = \"success\" \| \"info\" \| \"warning\" \| \"danger\" \| \"error\";\r\n\r\nexport type AccordionHeading = \"h2\" \| \"h3\" \| \"h4\" \| \"h5\";\r\n\r\nexport const stateMap: Record<AccordionSectionState, string> = {\r\n success: \"succes:\",\r\n info: \"info:\",\r\n warning: \"waarschuwing:\",\r\n danger: \"fout:\",\r\n error: \"fout:\",\r\n};\r\n\r\nexport interface AccordionSectionToggleClickEvent {\r\n /*\r\n The original MouseEvent that triggered the click.\r\n \r\n In case the Section Handle is an <a> this event can be used to preventDefault() so the framework router is reponsible for navigating the user.\r\n /\r\n originalEvent?: MouseEvent;\r\n\r\n /\r\n The requested state. If the Accordion Section is closed, `open = true`.\r\n /\r\n open: boolean;\r\n}\r\n\r\nexport interface AccordionSectionAnimationStartEvent {\r\n /\r\n Helper function to scroll the Accordion Section into view.\r\n /\r\n scrollIntoView(behavior?: ScrollBehavior): void;\r\n\r\n /\r\n Whether or not the Accordion opening or closing.\r\n /\r\n animation: \"opening\" \| \"closing\";\r\n}\r\n\r\nexport interface AccordionSectionAnimationEndEvent {\r\n /\r\n Helper function to scroll the Accordion Section into view.\r\n /\r\n scrollIntoView(behavior?: ScrollBehavior): void;\r\n\r\n /\r\n The state of the Accordion Section after animation.\r\n /\r\n open: boolean;\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n@use \"~dso-toolkit/src/components/accordion\";\r\n@use \"~dso-toolkit/src/components/anchor\";\r\n\r\n@use \"accordion-section-theme-compact\";\r\n@use \"accordion-section-theme-compact-black\";\r\n@use \"accordion-section-theme-conclusion\";\r\n@use \"accordion-section-theme-default\";\r\n@use \"accordion-section-theme-neutral\";\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:host {\r\n display: block;\r\n\r\n .dso-section-handle {\r\n font-size: 1em;\r\n font-weight: 600;\r\n line-height: accordion.$handle-line-height;\r\n margin: 0;\r\n position: relative;\r\n\r\n > a:active {\r\n text-decoration: none;\r\n }\r\n\r\n a {\r\n @include anchor.clean();\r\n }\r\n\r\n .dso-status {\r\n font-weight: 400;\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n .dso-section-handle > button,\r\n .dso-section-handle > a {\r\n align-items: flex-start;\r\n background-color: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n display: flex;\r\n font-family: typography.$font-family-base;\r\n font-size: 1em;\r\n font-weight: 600;\r\n line-height: accordion.$handle-line-height;\r\n margin: 0;\r\n padding: accordion.$vertical-padding accordion.$horizontal-padding accordion.$vertical-padding;\r\n text-align: start;\r\n width: 100%;\r\n word-break: break-word;\r\n\r\n dso-icon {\r\n flex-shrink: 0;\r\n\r\n &.dso-section-handle-chevron {\r\n @include utilities.transition(transform);\r\n\r\n transform: rotate(0);\r\n }\r\n }\r\n\r\n > .dso-section-handle-addons:first-child,\r\n > dso-icon:first-child {\r\n margin-right: units.$u1;\r\n }\r\n\r\n > dso-icon:last-child {\r\n margin-left: auto;\r\n }\r\n\r\n > .dso-section-handle-addons:last-child {\r\n margin-left: auto;\r\n\r\n dso-attachments-counter,\r\n dso-icon {\r\n margin-left: 16px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n:host([open]:not([open=\"false\"])) {\r\n .dso-section-handle {\r\n > button,\r\n > a {\r\n .dso-section-handle-chevron {\r\n &:first-child {\r\n transform: rotate(90deg);\r\n }\r\n\r\n &:last-child {\r\n transform: rotate(-180deg);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dso-section-body {\r\n background-color: colors.$wit;\r\n border-top: 0;\r\n margin-top: accordion.$border-radius -1;\r\n\r\n .dso-section-body-content {\r\n padding: units.$u2 + accordion.$border-radius units.$u2 units.$u2;\r\n }\r\n}\r\n\r\n// Default\r\n:host(.dso-accordion-default) {\r\n @include accordion-section-theme-default.dso-web-component-accordion-default();\r\n}\r\n\r\n:host(.dso-accordion-default[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-default.dso-web-component-accordion-default-open();\r\n}\r\n\r\n:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-default.dso-web-component-accordion-default-open-nested();\r\n}\r\n\r\n// Compact\r\n:host(.dso-accordion-compact) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact();\r\n}\r\n\r\n:host(.dso-accordion-compact.dso-accordion-reverse-align) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact-reverse();\r\n}\r\n\r\n:host(.dso-accordion-compact[open]:not([open=\"false\"]):not(.dso-nested-accordion)) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact-open();\r\n}\r\n\r\n:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-compact.dso-web-component-accordion-compact-open-nested();\r\n}\r\n\r\n// Compact black\r\n:host(.dso-accordion-compact-black) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-accordion-reverse-align) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-reverse();\r\n}\r\n\r\n:host(.dso-accordion-compact-black[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-open();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-open-nested();\r\n}\r\n\r\n// Conclusion\r\n:host(.dso-accordion-conclusion) {\r\n @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion();\r\n}\r\n\r\n:host(.dso-accordion-conclusion[open]:not([open=\"false\"]):not(.dso-nested-accordion)) {\r\n @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion-open();\r\n}\r\n\r\n:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion-open-nested();\r\n}\r\n\r\n// Neutral\r\n:host(.dso-accordion-neutral) {\r\n @include accordion-section-theme-neutral.dso-web-component-accordion-neutral();\r\n}\r\n\r\n:host(.dso-accordion-neutral[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-neutral.dso-web-component-accordion-neutral-open();\r\n}\r\n\r\n:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n @include accordion-section-theme-neutral.dso-web-component-accordion-neutral-open-nested();\r\n}\r\n","import {\r\n h,\r\n Component,\r\n ComponentInterface,\r\n Element,\r\n Event,\r\n forceUpdate,\r\n Fragment,\r\n Host,\r\n Prop,\r\n State,\r\n EventEmitter,\r\n FunctionalComponent,\r\n Method,\r\n} from \"@stencil/core\";\r\n\r\nimport { AccordionInternalState } from \"../accordion.interfaces\";\r\nimport {\r\n AccordionHeading,\r\n AccordionSectionAnimationEndEvent,\r\n AccordionSectionState,\r\n AccordionSectionToggleClickEvent,\r\n AccordionSectionAnimationStartEvent,\r\n stateMap,\r\n} from \"./accordion-section.interfaces\";\r\nimport { ExpandableAnimationEndEvent } from \"../../expandable/expandable\";\r\n\r\n// eslint-disable-next-line no-console\r\nconst log = (window as any)[\"_dsoLog\"] === true ? console.log.bind(console.log) : function () {};\r\n\r\nconst HandleElement: FunctionalComponent<{\r\n handleUrl: string \| undefined;\r\n open: boolean;\r\n handleElementRef: (element: HTMLAnchorElement \| HTMLButtonElement \| undefined) => void;\r\n onClick: (e: MouseEvent) => void;\r\n}> = ({ handleUrl, onClick, open, handleElementRef }, children) => {\r\n if (handleUrl) {\r\n return (\r\n <a href={handleUrl} onClick={onClick} aria-expanded={open ? \"true\" : \"false\"} ref={handleElementRef}>\r\n {children}\r\n </a>\r\n );\r\n }\r\n\r\n return (\r\n <button type=\"button\" onClick={onClick} aria-expanded={open ? \"true\" : \"false\"} ref={handleElementRef}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n\r\nconst Handle: FunctionalComponent<{\r\n heading: AccordionHeading;\r\n ref: (element: HTMLHeadingElement \| undefined) => void;\r\n}> = ({ heading, ref }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return (\r\n <h2 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h2>\r\n );\r\n case \"h3\":\r\n return (\r\n <h3 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h3>\r\n );\r\n case \"h4\":\r\n return (\r\n <h4 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h4>\r\n );\r\n case \"h5\":\r\n return (\r\n <h5 ref={ref} class=\"dso-section-handle\">\r\n {children}\r\n </h5>\r\n );\r\n }\r\n};\r\n\r\nconst HandleIcon: FunctionalComponent<{\r\n state?: AccordionSectionState;\r\n icon?: string;\r\n attachmentCount?: number;\r\n}> = ({ state, icon, attachmentCount }) => {\r\n if (state) {\r\n return <HandleStateIcon state={state} />;\r\n }\r\n\r\n if (attachmentCount) {\r\n return <dso-attachments-counter count={attachmentCount}></dso-attachments-counter>;\r\n }\r\n\r\n if (icon) {\r\n return <dso-icon icon={icon}></dso-icon>;\r\n }\r\n};\r\n\r\nconst HandleStateIcon: FunctionalComponent<{ state: AccordionSectionState }> = ({ state }) => {\r\n if (state === \"error\") {\r\n return <dso-icon icon=\"status-error\"></dso-icon>;\r\n }\r\n\r\n if (state === \"danger\") {\r\n return <dso-icon icon=\"status-danger\"></dso-icon>;\r\n }\r\n\r\n if (state === \"success\") {\r\n return <dso-icon icon=\"status-success\"></dso-icon>;\r\n }\r\n\r\n if (state === \"info\") {\r\n return <dso-icon icon=\"status-info\"></dso-icon>;\r\n }\r\n\r\n if (state === \"warning\") {\r\n return <dso-icon icon=\"status-warning\"></dso-icon>;\r\n }\r\n};\r\n\r\n@Component({\r\n tag: \"dso-accordion-section\",\r\n styleUrl: \"accordion-section.scss\",\r\n shadow: true,\r\n})\r\nexport class AccordionSection implements ComponentInterface {\r\n private accordionState?: AccordionInternalState;\r\n\r\n private sectionBody?: HTMLDivElement;\r\n\r\n private sectionHeading?: HTMLHeadingElement;\r\n\r\n @Element()\r\n host!: HTMLDsoAccordionSectionElement;\r\n\r\n /*\r\n The title of the handle\r\n /\r\n @Prop()\r\n handleTitle?: string;\r\n\r\n /\r\n Which heading element to use.\r\n /\r\n @Prop()\r\n heading: AccordionHeading = \"h2\";\r\n\r\n /\r\n When set the handle will render as a `<a>`. When undefined it renders as a `<button>`\r\n /\r\n @Prop()\r\n handleUrl?: string;\r\n\r\n /\r\n `state` takes precedence over `attachmentCount` and `icon`\r\n /\r\n @Prop()\r\n status?: AccordionSectionState;\r\n\r\n /\r\n `attachmentCount` takes precedence over `icon`\r\n /\r\n @Prop()\r\n attachmentCount?: number;\r\n\r\n /\r\n To set an icon in the heading handle.\r\n /\r\n @Prop()\r\n icon?: string;\r\n\r\n /\r\n The status of the section.\r\n /\r\n @Prop()\r\n statusDescription?: string;\r\n\r\n /\r\n Set the Accordion Section open.\r\n /\r\n @Prop({ reflect: true })\r\n open = false;\r\n\r\n /\r\n Set when this Accordion Section contains or will contain an Accordion.\r\n /\r\n @Prop({ reflect: true })\r\n hasNestedAccordion = false;\r\n\r\n /\r\n Calling this method will set focus to the handle.\r\n /\r\n @Method()\r\n async focusHandle() {\r\n this.handleElementRef?.focus();\r\n }\r\n\r\n @State()\r\n hover = false;\r\n\r\n get containsNestedAccordion() {\r\n return this.host.querySelector(\"dso-accordion\") !== null;\r\n }\r\n\r\n componentWillLoad() {\r\n this.accordion?._getState().then((state) => {\r\n this.accordionState = state;\r\n\r\n forceUpdate(this.host);\r\n });\r\n }\r\n\r\n get isNeutral() {\r\n return this.accordionState?.variant === \"neutral\";\r\n }\r\n\r\n private async scrollIntoView(bodyHeight: number \| undefined, behavior: ScrollBehavior = \"auto\"): Promise<void> {\r\n log(\r\n `DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(\r\n bodyHeight,\r\n )}, behavior: ${JSON.stringify(behavior)})`,\r\n );\r\n\r\n const bodyClientRect = this.sectionBody?.getBoundingClientRect();\r\n const headingClientRect = this.sectionHeading?.getBoundingClientRect();\r\n\r\n log(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(bodyClientRect)};`);\r\n log(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(headingClientRect)};`);\r\n log(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);\r\n log(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`);\r\n\r\n if (!bodyClientRect \|\| !headingClientRect \|\| !this.accordionState) {\r\n log(`DSO Toolkit [Accordion Section] returning`);\r\n\r\n return;\r\n }\r\n\r\n // this y is relative to the top of the viewport.\r\n const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? bodyHeight ?? 0 : 0);\r\n\r\n log(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(sectionBottomY)};`);\r\n log(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);\r\n\r\n const box = this.host.getBoundingClientRect();\r\n\r\n const scrollTop = window.scrollY \|\| document.documentElement.scrollTop \|\| document.body.scrollTop;\r\n const clientTop = document.documentElement.clientTop \|\| document.body.clientTop \|\| 0;\r\n const top = box.top + scrollTop - clientTop;\r\n\r\n log(\"DSO Toolkit [Accordion Section] scroll\", { box, scrollTop, clientTop, top });\r\n\r\n if (sectionBottomY > window.innerHeight) {\r\n log(\r\n `DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(\r\n sectionBottomY > window.innerHeight,\r\n )};`,\r\n );\r\n\r\n const expandedAccordionHeight = sectionBottomY - headingClientRect.top;\r\n const shouldScrollToTopOfSection = expandedAccordionHeight > window.innerHeight;\r\n\r\n log(\r\n `DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(expandedAccordionHeight)};`,\r\n );\r\n log(\r\n `DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(\r\n shouldScrollToTopOfSection,\r\n )};`,\r\n );\r\n\r\n window.scrollTo({\r\n top: shouldScrollToTopOfSection ? top : top - (window.innerHeight - expandedAccordionHeight),\r\n behavior,\r\n });\r\n } else if (headingClientRect.top < 0) {\r\n log(\r\n `DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(headingClientRect.top < 0)};`,\r\n );\r\n\r\n window.scrollTo({\r\n top,\r\n behavior,\r\n });\r\n }\r\n }\r\n\r\n private get accordion() {\r\n return this.host.closest(\"dso-accordion\");\r\n }\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n this.dsoToggleClick.emit({\r\n originalEvent: event,\r\n open: !this.open,\r\n });\r\n };\r\n\r\n private handleExpandableAnimationStart = (e: CustomEvent<any>) => {\r\n this.dsoAnimationStart.emit({\r\n animation: this.open ? \"opening\" : \"closing\",\r\n scrollIntoView: (behavior: ScrollBehavior = \"auto\") => this.scrollIntoView(e.detail.bodyHeight, behavior),\r\n });\r\n };\r\n\r\n private handleExpandableAnimationEnd = (e: CustomEvent<ExpandableAnimationEndEvent>) => {\r\n this.dsoAnimationEnd.emit({\r\n open: this.open,\r\n scrollIntoView: (behavior: ScrollBehavior = \"auto\") => this.scrollIntoView(e.detail.bodyHeight, behavior),\r\n });\r\n };\r\n\r\n /\r\n Emitted when the user activates the toggle button.\r\n /\r\n @Event({ bubbles: false })\r\n dsoToggleClick!: EventEmitter<AccordionSectionToggleClickEvent>;\r\n\r\n /\r\n Event emitted when the Accordion Section starts its toggle animation.\r\n /\r\n @Event({ bubbles: false })\r\n dsoAnimationStart!: EventEmitter<AccordionSectionAnimationStartEvent>;\r\n\r\n /\r\n Event emitted when the Accordion Section completes its toggle animation.\r\n */\r\n @Event({ bubbles: false })\r\n dsoAnimationEnd!: EventEmitter<AccordionSectionAnimationEndEvent>;\r\n\r\n private handleElementRef?: HTMLAnchorElement \| HTMLButtonElement;\r\n\r\n render() {\r\n const { variant, reverseAlign } = this.accordionState ?? {};\r\n const hasAddons = !!this.statusDescription \|\| !!this.status \|\| !!this.icon \|\| !!this.attachmentCount;\r\n\r\n return (\r\n <Host\r\n class={{\r\n \"dso-accordion-section\": true,\r\n [\"dso-accordion-\" + variant]: true,\r\n \"dso-nested-accordion\": this.hasNestedAccordion \|\| this.containsNestedAccordion,\r\n \"dso-accordion-reverse-align\": reverseAlign ?? false,\r\n }}\r\n hidden={!variant}\r\n onMouseenter={() => (this.hover = true)}\r\n onMouseleave={() => (this.hover = false)}\r\n >\r\n <Handle heading={this.heading} ref={(element) => (this.sectionHeading = element)}>\r\n <HandleElement\r\n handleUrl={this.handleUrl}\r\n onClick={this.handleClick}\r\n open={this.open}\r\n handleElementRef={(e) => (this.handleElementRef = e)}\r\n >\r\n {reverseAlign ? (\r\n <Fragment>\r\n {hasAddons && (\r\n <div class=\"dso-section-handle-addons\">\r\n <HandleIcon icon={this.icon} />\r\n </div>\r\n )}\r\n\r\n <span>{this.handleTitle}</span>\r\n\r\n <dso-icon class=\"dso-section-handle-chevron\" icon=\"chevron-down\"></dso-icon>\r\n </Fragment>\r\n ) : (\r\n <Fragment>\r\n <dso-icon class=\"dso-section-handle-chevron\" icon=\"chevron-right\"></dso-icon>\r\n\r\n {this.status && <span class=\"sr-only\">{stateMap[this.status]}</span>}\r\n\r\n <span>\r\n {this.handleTitle}\r\n {this.isNeutral && (\r\n <dso-icon class=\"info-icon\" icon={this.open \|\| this.hover ? \"info-active\" : \"info\"} />\r\n )}\r\n </span>\r\n\r\n {hasAddons && (\r\n <div class=\"dso-section-handle-addons\">\r\n {this.statusDescription && <span class=\"dso-status\">{this.statusDescription}</span>}\r\n <HandleIcon state={this.status} icon={this.icon} attachmentCount={this.attachmentCount} />\r\n </div>\r\n )}\r\n </Fragment>\r\n )}\r\n </HandleElement>\r\n </Handle>\r\n <dso-expandable\r\n class=\"dso-section-body\"\r\n open={this.open}\r\n enableAnimation\r\n minimumHeight={this.isNeutral ? 0 : 4}\r\n onDsoExpandableAnimationStart={this.handleExpandableAnimationStart}\r\n onDsoExpandableAnimationEnd={this.handleExpandableAnimationEnd}\r\n >\r\n <div class=\"dso-section-body-content\" ref={(element) => (this.sectionBody = element)}>\r\n <slot />\r\n </div>\r\n </dso-expandable>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/esm/dso-action-list-item.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-528d5213.js';
-const actionListItemCss = "*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;position:relative}:host.dso-has-counter{padding-top:2.5rem;position:relative}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}:host .dso-step-counter svg.di{height:1.5rem;margin-top:0.25rem;width:1.5rem}:host>dso-icon{vertical-align:text-top}:host(.divider) .dso-action-list-item::after{border-bottom:0.25rem dashed #6ca4d9;bottom:0;content:\"\";display:block;height:24px;position:absolute;left:calc(2rem + 16px + 16px + 8px - 8px);width:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{left:calc(2rem + 16px + 16px + 8px);width:calc(100% - (2rem + 16px + 16px + 8px))}}h3{color:#275937;color:#275937;font-size:1.125rem;font-weight:600;margin-block-end:16px;margin-block-start:0;min-height:48px;padding-block-start:9px}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{height:48px;width:48px}";
+const actionListItemCss = "*,*::after,*::before{box-sizing:border-box}:host{display:block;padding-block:16px;position:relative}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}:host(.divider) .dso-action-list-item::after{border-bottom:0.25rem dashed #6ca4d9;bottom:0;content:\"\";display:block;height:24px;position:absolute;left:calc(2rem + 16px + 16px + 8px - 8px);width:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{left:calc(2rem + 16px + 16px + 8px);width:calc(100% - (2rem + 16px + 16px + 8px))}}h3{color:#275937;color:#275937;font-size:1.125rem;font-weight:600;margin-block-end:16px;margin-block-start:0;min-height:48px;padding-block-start:9px}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{height:48px;width:48px}";
 const ActionListItem = class {
   constructor(hostRef) {

package/dist/esm/dso-action-list-item.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dso-action-list-item.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,~~4+CAA4+C~~;;~~MCOz/C~~,cAAc;;;;;oBAiBd,KAAK;mBAMN,KAAK;mBAML,KAAK;;EAEf,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE;QACL,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,WAAW,EAAE,IAAI,CAAC,QAAQ;OAC3B,IAED,WAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,GAAG,gBAAU,IAAI,EAAC,gBAAgB,GAAY,GAAG,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,IAAI,CAAO,EAC7G,WAAK,KAAK,EAAC,0BAA0B,IAClC,IAAI,CAAC,SAAS,IAAI,cAAK,IAAI,CAAC,SAAS,CAAM,EAC5C,eAAQ,CACJ,CACF,CACD,EACP;GACH;;;;;;","names":[],"sources":["src/components/action-list/components/action-list-item.scss?tag=dso-action-list-item&encapsulation=shadow","src/components/action-list/components/action-list-item.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/components/headings\";\r\n@use \"~dso-toolkit/src/components/step-counter\";\r\n@use \"~dso-toolkit/src/components/action-list/action-list.variables\" as action-list-variables;\r\n@use \"~dso-toolkit/src/components/action-list/components/action-list-item.variables\" as action-list-item-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n @include step-counter.step-counter();\r\n\r\n display: block;\r\n padding-block: action-list-item-variables.$padding-vertical;\r\n position: relative;\r\n}\r\n\r\n:host(.divider) {\r\n .dso-action-list-item {\r\n &::after {\r\n border-bottom: 0.25rem dashed colors.$lichtblauw;\r\n bottom: 0;\r\n content: \"\";\r\n display: block;\r\n height: units.$u3;\r\n position: absolute;\r\n left: calc(action-list-variables.$content-indent - action-list-item-variables.$step-counter-margin);\r\n width: calc(100% - (action-list-variables.$content-indent - action-list-item-variables.$step-counter-margin));\r\n\r\n @media screen and (min-width: media-query-breakpoints.$screen-xs-min) {\r\n left: action-list-variables.$content-indent;\r\n width: calc(100% - action-list-variables.$content-indent);\r\n }\r\n }\r\n }\r\n}\r\n\r\nh3 {\r\n @include headings.base();\r\n @include headings.h3();\r\n\r\n margin-block-end: units.$u2;\r\n margin-block-start: 0;\r\n min-height: units.$u6;\r\n padding-block-start: 9px;\r\n}\r\n\r\n.dso-action-list-item {\r\n display: grid;\r\n grid-template-columns: calc(action-list-variables.$content-indent - action-list-item-variables.$step-counter-margin) 1fr;\r\n\r\n @media screen and (min-width: media-query-breakpoints.$screen-xs-min) {\r\n grid-template-columns: action-list-variables.$content-indent 1fr;\r\n }\r\n\r\n .dso-step-counter {\r\n position: unset;\r\n }\r\n\r\n .action-list-item-content {\r\n grid-column: 2 / 2;\r\n }\r\n}\r\n\r\ndso-icon {\r\n height: units.$u6;\r\n width: units.$u6;\r\n}\r\n","import { h, Component, ComponentInterface, Host, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: \"dso-action-list-item\",\r\n styleUrl: \"action-list-item.scss\",\r\n shadow: true,\r\n})\r\nexport class ActionListItem implements ComponentInterface {\r\n /*\r\n The step of the Action List Item.\r\n /\r\n @Prop()\r\n step!: number;\r\n\r\n /\r\n The title of the item.\r\n /\r\n @Prop()\r\n itemTitle?: string;\r\n\r\n /\r\n Show flow line to next step\r\n /\r\n @Prop()\r\n flowLine = false;\r\n\r\n /\r\n When there is a warning.\r\n /\r\n @Prop()\r\n warning = false;\r\n\r\n /\r\n Places a dashed line at the bottom of the item.\r\n */\r\n @Prop()\r\n divider = false;\r\n\r\n render() {\r\n return (\r\n <Host\r\n class={{\r\n divider: this.divider,\r\n \"flow-line\": this.flowLine,\r\n }}\r\n >\r\n <div class=\"dso-action-list-item\">\r\n {this.warning ? <dso-icon icon=\"status-warning\"></dso-icon> : <div class=\"dso-step-counter\">{this.step}</div>}\r\n <div class=\"action-list-item-content\">\r\n {this.itemTitle && <h3>{this.itemTitle}</h3>}\r\n <slot />\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dso-action-list-item.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,6zCAA6zC;;MCO10C,cAAc;;;;;oBAiBd,KAAK;mBAMN,KAAK;mBAML,KAAK;;EAEf,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE;QACL,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,WAAW,EAAE,IAAI,CAAC,QAAQ;OAC3B,IAED,WAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,GAAG,gBAAU,IAAI,EAAC,gBAAgB,GAAY,GAAG,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,IAAI,CAAO,EAC7G,WAAK,KAAK,EAAC,0BAA0B,IAClC,IAAI,CAAC,SAAS,IAAI,cAAK,IAAI,CAAC,SAAS,CAAM,EAC5C,eAAQ,CACJ,CACF,CACD,EACP;GACH;;;;;;","names":[],"sources":["src/components/action-list/components/action-list-item.scss?tag=dso-action-list-item&encapsulation=shadow","src/components/action-list/components/action-list-item.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/components/headings\";\r\n@use \"~dso-toolkit/src/components/step-counter\";\r\n@use \"~dso-toolkit/src/components/action-list/action-list.variables\" as action-list-variables;\r\n@use \"~dso-toolkit/src/components/action-list/components/action-list-item.variables\" as action-list-item-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n @include step-counter.step-counter();\r\n\r\n display: block;\r\n padding-block: action-list-item-variables.$padding-vertical;\r\n position: relative;\r\n}\r\n\r\n:host(.divider) {\r\n .dso-action-list-item {\r\n &::after {\r\n border-bottom: 0.25rem dashed colors.$lichtblauw;\r\n bottom: 0;\r\n content: \"\";\r\n display: block;\r\n height: units.$u3;\r\n position: absolute;\r\n left: calc(action-list-variables.$content-indent - action-list-item-variables.$step-counter-margin);\r\n width: calc(100% - (action-list-variables.$content-indent - action-list-item-variables.$step-counter-margin));\r\n\r\n @media screen and (min-width: media-query-breakpoints.$screen-xs-min) {\r\n left: action-list-variables.$content-indent;\r\n width: calc(100% - action-list-variables.$content-indent);\r\n }\r\n }\r\n }\r\n}\r\n\r\nh3 {\r\n @include headings.base();\r\n @include headings.h3();\r\n\r\n margin-block-end: units.$u2;\r\n margin-block-start: 0;\r\n min-height: units.$u6;\r\n padding-block-start: 9px;\r\n}\r\n\r\n.dso-action-list-item {\r\n display: grid;\r\n grid-template-columns: calc(action-list-variables.$content-indent - action-list-item-variables.$step-counter-margin) 1fr;\r\n\r\n @media screen and (min-width: media-query-breakpoints.$screen-xs-min) {\r\n grid-template-columns: action-list-variables.$content-indent 1fr;\r\n }\r\n\r\n .dso-step-counter {\r\n position: unset;\r\n }\r\n\r\n .action-list-item-content {\r\n grid-column: 2 / 2;\r\n }\r\n}\r\n\r\ndso-icon {\r\n height: units.$u6;\r\n width: units.$u6;\r\n}\r\n","import { h, Component, ComponentInterface, Host, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: \"dso-action-list-item\",\r\n styleUrl: \"action-list-item.scss\",\r\n shadow: true,\r\n})\r\nexport class ActionListItem implements ComponentInterface {\r\n /*\r\n The step of the Action List Item.\r\n /\r\n @Prop()\r\n step!: number;\r\n\r\n /\r\n The title of the item.\r\n /\r\n @Prop()\r\n itemTitle?: string;\r\n\r\n /\r\n Show flow line to next step\r\n /\r\n @Prop()\r\n flowLine = false;\r\n\r\n /\r\n When there is a warning.\r\n /\r\n @Prop()\r\n warning = false;\r\n\r\n /\r\n Places a dashed line at the bottom of the item.\r\n */\r\n @Prop()\r\n divider = false;\r\n\r\n render() {\r\n return (\r\n <Host\r\n class={{\r\n divider: this.divider,\r\n \"flow-line\": this.flowLine,\r\n }}\r\n >\r\n <div class=\"dso-action-list-item\">\r\n {this.warning ? <dso-icon icon=\"status-warning\"></dso-icon> : <div class=\"dso-step-counter\">{this.step}</div>}\r\n <div class=\"action-list-item-content\">\r\n {this.itemTitle && <h3>{this.itemTitle}</h3>}\r\n <slot />\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}