@scania/tegel 0.0.61 → 0.0.72

package/dist/collection/patterns-stories/navigation/navigation-user-menu.stories.js

@@ -1,140 +0,0 @@
-import { formatHtmlPreview } from '../../utils/utils';
-import readme from './readme.md';
-export default {
-  title: 'Patterns/Navigation',
-  parameters: {
-    notes: {
-      Readme: readme,
-    },
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
-    },
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    siteName: {
-      name: 'Site name',
-      description: 'Set a custom title for the header',
-      control: {
-        type: 'text',
-      },
-    },
-  },
-  args: {
-    siteName: 'Application',
-  },
-};
-const Template = () => formatHtmlPreview(`
-    <script>
-      /* For demonstration purposes only. Do this in the preferred way of your framework instead. */
-      window.demoSideMenu = document.querySelector('#demo-side-menu');
-      window.demoHamburger = document.querySelector('#demo-hamburger');
-    </script>
-    <style>
-      /* If an extra button in the header is required except on 
-      very narrow screens, you can use classes like these: */
-      .demo-hide {
-        display: none;
-      }
-
-      @media (min-width: 375px) {
-        .demo-xs-hide {
-          display: none;
-        }
-        .demo-xs-show {
-          display: block;
-        }
-      }
-    </style>
-
-
-    <div class="demo-layout">
-      <sdds-header>
-        <sdds-header-hamburger class="demo-xs-hide" onclick="demoSideMenu.open = true;demoHamburger.setAttribute('aria-expanded', true);" aria-label="Open application drawer" aria-haspopup="true" aria-expanded="false"></sdds-header-hamburger>
-
-        <sdds-header-title>
-          Example: User menu
-        </sdds-header-title>
-
-        <sdds-header-launcher slot="end">
-          <sdds-header-launcher-list-title>Sustainable tools</sdds-header-launcher-list-title>
-          <sdds-header-launcher-list>
-            <sdds-header-launcher-list-item>
-              <a href="https://tegel.scania.com">Button</a>
-            </sdds-header-launcher-list-item>
-            <sdds-header-launcher-list-item>
-              <a href="https://tegel.scania.com">Button</a>
-            </sdds-header-launcher-list-item>
-          </sdds-header-launcher-list>
-        </sdds-header-launcher>
-        
-        <sdds-header-dropdown slot="end" class="demo-hide demo-xs-show" no-dropdown-icon selected>
-          <img slot="button-icon" src="https://www.svgrepo.com/show/384676/account-avatar-profile-user-6.svg" alt="User menu."/>
-          <sdds-header-dropdown-list type="lg">
-            <sdds-header-dropdown-list-user
-              heading="Name Nameson"
-              subheading="Company name">
-            </sdds-header-dropdown-list-user>
-            <sdds-header-dropdown-list-item selected>
-              <a href="https://www.scania.com">My Instructions</a>
-            </sdds-header-dropdown-list-item>
-            <sdds-header-dropdown-list-item>
-              <a href="https://www.scania.com">Task List</a>
-            </sdds-header-dropdown-list-item>
-          </sdds-header-dropdown-list>
-        </sdds-header-dropdown>
-
-        <sdds-header-brand-symbol slot="end" link-href="https://design.scania.com" aria-label="Scania - red gryphon on blue shield">
-        </sdds-header-brand-symbol>
-
-      </sdds-header>
-
-      <sdds-side-menu id="demo-side-menu" aria-label="Side menu">
-        <sdds-side-menu-overlay slot="overlay" onclick="demoSideMenu.open = false;demoHamburger.setAttribute('aria-expanded', false);"></sdds-side-menu-overlay>
-
-        <sdds-side-menu-close-button slot="close-button" onclick="demoSideMenu.open = false;demoHamburger.setAttribute('aria-expanded', false);"></sdds-side-menu-close-button>
-
-        <sdds-side-menu-dropdown slot="end" class="demo-xs-hide" selected default-open>
-          <sdds-side-menu-user 
-            slot="button-label" 
-            heading="Name Namesson" 
-            subheading="Company name" 
-            img-src="https://www.svgrepo.com/show/384676/account-avatar-profile-user-6.svg" 
-            img-alt="">
-          </sdds-side-menu-user>
-          <sdds-side-menu-dropdown-list type="lg">
-            <sdds-side-menu-dropdown-list-item selected>
-              <a href="https://www.scania.com">My Instructions</a>
-            </sdds-side-menu-dropdown-list-item>
-            <sdds-side-menu-dropdown-list-item>
-              <a href="https://www.scania.com">Task List</a>
-            </sdds-side-menu-dropdown-list-item>
-          </sdds-side-menu-dropdown-list>
-        </sdds-side-menu-dropdown>
-
-
-      </sdds-side-menu>
-
-      <main class="demo-main sdds-u-p3" style="box-sizing: border-box;">
-        <p>If you display a user menu, a side menu is needed to show it on extra small screens.</p>
-        <br/>
-        <p><i>Tip: Resize the window to see the user menu move in to a side menu drawer.</i></p>
-      </main>
-    </div>
-  `);
-export const UserMenu = Template.bind({});
-//# sourceMappingURL=navigation-user-menu.stories.js.map

package/dist/collection/patterns-stories/navigation/navigation-user-menu.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-user-menu.stories.js","sourceRoot":"","sources":["../../../src/patterns-stories/navigation/navigation-user-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACb,KAAK,EAAE,qBAAqB;EAC5B,UAAU,EAAE;IACV,KAAK,EAAE;MACL,MAAM,EAAE,MAAM;KACf;IACD,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE;MACJ,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;OAChB;KACF;IACD,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,+GAA+G;OACrH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,+GAA+G;OACrH;KACF;GACF;EACD,QAAQ,EAAE;IACR,QAAQ,EAAE;MACR,IAAI,EAAE,WAAW;MACjB,WAAW,EAAE,mCAAmC;MAChD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;OACb;KACF;GACF;EACD,IAAI,EAAE;IACJ,QAAQ,EAAE,aAAa;GACxB;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,iBAAiB,CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGD,CACA,CAAC;AAEJ,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../utils/utils';\nimport readme from './readme.md';\n\nexport default {\n  title: 'Patterns/Navigation',\n  parameters: {\n    notes: {\n      Readme: readme,\n    },\n    layout: 'fullscreen',\n    docs: {\n      source: {\n        state: 'closed',\n      },\n    },\n    design: [\n      {\n        name: 'Figma',\n        type: 'figma',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',\n      },\n      {\n        name: 'Link',\n        type: 'link',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',\n      },\n    ],\n  },\n  argTypes: {\n    siteName: {\n      name: 'Site name',\n      description: 'Set a custom title for the header',\n      control: {\n        type: 'text',\n      },\n    },\n  },\n  args: {\n    siteName: 'Application',\n  },\n};\n\nconst Template = () =>\n  formatHtmlPreview(\n    `\n    <script>\n      /* For demonstration purposes only. Do this in the preferred way of your framework instead. */\n      window.demoSideMenu = document.querySelector('#demo-side-menu');\n      window.demoHamburger = document.querySelector('#demo-hamburger');\n    </script>\n    <style>\n      /* If an extra button in the header is required except on \n      very narrow screens, you can use classes like these: */\n      .demo-hide {\n        display: none;\n      }\n\n      @media (min-width: 375px) {\n        .demo-xs-hide {\n          display: none;\n        }\n        .demo-xs-show {\n          display: block;\n        }\n      }\n    </style>\n\n\n    <div class=\"demo-layout\">\n      <sdds-header>\n        <sdds-header-hamburger class=\"demo-xs-hide\" onclick=\"demoSideMenu.open = true;demoHamburger.setAttribute('aria-expanded', true);\" aria-label=\"Open application drawer\" aria-haspopup=\"true\" aria-expanded=\"false\"></sdds-header-hamburger>\n\n        <sdds-header-title>\n          Example: User menu\n        </sdds-header-title>\n\n        <sdds-header-launcher slot=\"end\">\n          <sdds-header-launcher-list-title>Sustainable tools</sdds-header-launcher-list-title>\n          <sdds-header-launcher-list>\n            <sdds-header-launcher-list-item>\n              <a href=\"https://tegel.scania.com\">Button</a>\n            </sdds-header-launcher-list-item>\n            <sdds-header-launcher-list-item>\n              <a href=\"https://tegel.scania.com\">Button</a>\n            </sdds-header-launcher-list-item>\n          </sdds-header-launcher-list>\n        </sdds-header-launcher>\n        \n        <sdds-header-dropdown slot=\"end\" class=\"demo-hide demo-xs-show\" no-dropdown-icon selected>\n          <img slot=\"button-icon\" src=\"https://www.svgrepo.com/show/384676/account-avatar-profile-user-6.svg\" alt=\"User menu.\"/>\n          <sdds-header-dropdown-list type=\"lg\">\n            <sdds-header-dropdown-list-user\n              heading=\"Name Nameson\"\n              subheading=\"Company name\">\n            </sdds-header-dropdown-list-user>\n            <sdds-header-dropdown-list-item selected>\n              <a href=\"https://www.scania.com\">My Instructions</a>\n            </sdds-header-dropdown-list-item>\n            <sdds-header-dropdown-list-item>\n              <a href=\"https://www.scania.com\">Task List</a>\n            </sdds-header-dropdown-list-item>\n          </sdds-header-dropdown-list>\n        </sdds-header-dropdown>\n\n        <sdds-header-brand-symbol slot=\"end\" link-href=\"https://design.scania.com\" aria-label=\"Scania - red gryphon on blue shield\">\n        </sdds-header-brand-symbol>\n\n      </sdds-header>\n\n      <sdds-side-menu id=\"demo-side-menu\" aria-label=\"Side menu\">\n        <sdds-side-menu-overlay slot=\"overlay\" onclick=\"demoSideMenu.open = false;demoHamburger.setAttribute('aria-expanded', false);\"></sdds-side-menu-overlay>\n\n        <sdds-side-menu-close-button slot=\"close-button\" onclick=\"demoSideMenu.open = false;demoHamburger.setAttribute('aria-expanded', false);\"></sdds-side-menu-close-button>\n\n        <sdds-side-menu-dropdown slot=\"end\" class=\"demo-xs-hide\" selected default-open>\n          <sdds-side-menu-user \n            slot=\"button-label\" \n            heading=\"Name Namesson\" \n            subheading=\"Company name\" \n            img-src=\"https://www.svgrepo.com/show/384676/account-avatar-profile-user-6.svg\" \n            img-alt=\"\">\n          </sdds-side-menu-user>\n          <sdds-side-menu-dropdown-list type=\"lg\">\n            <sdds-side-menu-dropdown-list-item selected>\n              <a href=\"https://www.scania.com\">My Instructions</a>\n            </sdds-side-menu-dropdown-list-item>\n            <sdds-side-menu-dropdown-list-item>\n              <a href=\"https://www.scania.com\">Task List</a>\n            </sdds-side-menu-dropdown-list-item>\n          </sdds-side-menu-dropdown-list>\n        </sdds-side-menu-dropdown>\n\n\n      </sdds-side-menu>\n\n      <main class=\"demo-main sdds-u-p3\" style=\"box-sizing: border-box;\">\n        <p>If you display a user menu, a side menu is needed to show it on extra small screens.</p>\n        <br/>\n        <p><i>Tip: Resize the window to see the user menu move in to a side menu drawer.</i></p>\n      </main>\n    </div>\n  `,\n  );\n\nexport const UserMenu = Template.bind({});\n"]}

package/dist/collection/utils/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import prettier from 'prettier/standalone';\nimport parserBabel from 'prettier/parser-babel';\nimport parserHtml from 'prettier/parser-html';\nimport { Options } from 'prettier';\n\nconst prettierOptions: Options = {\n  bracketSameLine: false,\n  htmlWhitespaceSensitivity: 'ignore',\n  printWidth: 100,\n};\n\nexport const formatHtmlPreview = (htmlStr) =>\n  prettier.format(htmlStr, {\n    parser: 'html',\n    plugins: [parserBabel, parserHtml],\n    ...prettierOptions,\n  });\n\nexport function demoFormat(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\n/** reference: https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts#L346\n *\n * Appends a hidden input element to allow the component\n * work within and get picked up by a <form>.\n * @param element The element on which the input with be appended.\n * @param name Name of the input.\n * @param value The value of the input.\n * @param disabled Disables the input if true.\n * @param additionalAttributes Additional attributes that should be passed to the input.\n */\nexport const appendHiddenInput = (\n  element: HTMLElement,\n  name: string,\n  value: string | undefined | null,\n  disabled: boolean,\n  additionalAttributes: Array<{ key: string; value: string }>,\n) => {\n  const input = element.ownerDocument!.createElement('input');\n  input.type = 'hidden';\n  element.appendChild(input);\n  input.disabled = disabled;\n  input.name = name;\n  input.value = value || '';\n  if (additionalAttributes) {\n    additionalAttributes.forEach((attr) => input.setAttribute(attr.key, attr.value));\n  }\n};\n\nexport type Attributes = { [key: string]: any };\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n  const attributeObject: Attributes = {};\n\n  attributes.forEach((attr) => {\n    if (el.hasAttribute(attr)) {\n      const value = el.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = el.getAttribute(attr);\n      }\n      el.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\n/**\n * List of available ARIA attributes + `role`.\n * Removed deprecated attributes.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes\n */\nconst ariaAttributes = [\n  'role',\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n];\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n * @param el The element that the attributes should be copied from.\n * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.\n * Use this in instances where we manually specify aria attributes on the `<Host>` element.\n */\nexport const inheritAriaAttributes = (el: HTMLElement, ignoreList?: string[]) => {\n  let attributesToInherit = ariaAttributes;\n  if (ignoreList && ignoreList.length > 0) {\n    attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));\n  }\n  return inheritAttributes(el, attributesToInherit);\n};\n\n/**\n * Recursively finds the first matching element or child based on a provided condition.\n *\n * @param {ParentNode} parentNode - The starting element or shadow root to search from.\n * @param {(el: HTMLElement) => boolean} searchPredicate - The condition to match the element, receives an HTMLElement and returns a boolean.\n * @param {boolean} [pierceShadow=false] - Whether to pierce through shadow DOM boundaries.\n * @returns {HTMLElement | null} - The first matching element or child, or null if none is found.\n */\nexport function dfs(\n  parentNode: ParentNode,\n  searchPredicate: (el: HTMLElement) => boolean,\n  pierceShadow = false,\n): HTMLElement | null {\n  if (parentNode instanceof HTMLElement && searchPredicate(parentNode)) {\n    return parentNode;\n  }\n\n  const childElements =\n    parentNode instanceof HTMLSlotElement\n      ? parentNode.assignedElements({ flatten: true })\n      : Array.from(parentNode.children);\n\n  if (pierceShadow && parentNode instanceof HTMLElement && parentNode.shadowRoot) {\n    childElements.push(...Array.from(parentNode.shadowRoot.children));\n  }\n\n  let foundElement: HTMLElement | null = null;\n  childElements.some((child: HTMLElement) => {\n    foundElement = dfs(child, searchPredicate, pierceShadow);\n    return foundElement !== null;\n  });\n\n  return foundElement;\n}\n\n// A higher-order function to find the nested child of siblings matching a predicate,\n// based on a sibling traversal function (getNextSibling or getPreviousSibling).\nfunction getNestedChildOfSiblingsMatching(\n  element: HTMLElement,\n  searchPredicate: (el: HTMLElement) => boolean,\n  siblingTraversalFn: (el: HTMLElement) => HTMLElement | null,\n): HTMLElement | null {\n  // Start with the sibling of the provided element.\n  let sibling = siblingTraversalFn(element);\n\n  // Iterate through the siblings until there are no more siblings.\n  while (sibling) {\n    // Use the dfs helper function to find the deeply nested child\n    // that matches the given criteria within the current sibling.\n    const nestedChild = dfs(sibling, searchPredicate);\n\n    // If a matching deeply nested child is found, return it.\n    if (nestedChild) {\n      return nestedChild;\n    }\n\n    // Move on to the next sibling.\n    sibling = siblingTraversalFn(sibling);\n  }\n\n  // If no matching deeply nested child is found, return null.\n  return null;\n}\n\n// Functions to get the next and previous sibling elements.\nconst getNextSibling = (element: HTMLElement) => element.nextElementSibling as HTMLElement;\nconst getPreviousSibling = (element: HTMLElement) => element.previousElementSibling as HTMLElement;\n\n/**\n * Searches for a next sibling element that has a nested child element matching the provided search predicate.\n * The search starts from the given element and proceeds to its next siblings, diving deep into each sibling's descendants.\n *\n * @param {HTMLElement} element - The starting element to begin the search from.\n * @param {(el: HTMLElement) => boolean} searchPredicate - A predicate function that checks if an element matches the desired condition.\n * @returns {HTMLElement | null} - The matching nested child element, or null if no matching element is found.\n *\n * @example\n * // HTML structure:\n * // <div>\n * //   <h1>Heading 1</h1>\n * //   <ul role=\"list\">\n * //     <li>Item 1</li>\n * //   </ul>\n * // </div>\n * // <div>\n * //   <h2>Heading 2</h2>\n * //   <ul role=\"list\">\n * //     <li>Item 2</li>\n * //   </ul>\n * // </div>\n *\n * const searchPredicate = (el) => el.tagName.toLowerCase() === 'h2';\n * const startingElement = document.querySelector('[role=\"list\"]');\n * const headingEl = getNextNestedChildOfSiblingsMatching(startingElement, searchPredicate);\n * console.log(headingEl); // Logs the <h2>Heading 2</h2> element\n */\nexport const getNextNestedChildOfSiblingsMatching = (\n  element: HTMLElement,\n  searchPredicate: (el: HTMLElement) => boolean,\n) => getNestedChildOfSiblingsMatching(element, searchPredicate, getNextSibling);\n\n/**\n * Searches for a previous sibling element that has a nested child element matching the provided search predicate.\n * The search starts from the given element and proceeds to its previous siblings, diving deep into each sibling's descendants.\n *\n * @param {HTMLElement} element - The starting element to begin the search from.\n * @param {(el: HTMLElement) => boolean} searchPredicate - A predicate function that checks if an element matches the desired condition.\n * @returns {HTMLElement | null} - The matching nested child element, or null if no matching element is found.\n *\n * @example\n * // HTML structure:\n * // <div>\n * //   <h1>Heading 1</h1>\n * //   <ul role=\"list\">\n * //     <li>Item 1</li>\n * //   </ul>\n * // </div>\n * // <div>\n * //   <h2>Heading 2</h2>\n * //   <ul role=\"list\">\n * //     <li>Item 2</li>\n * //   </ul>\n * // </div>\n *\n * const searchPredicate = (el) => el.tagName.toLowerCase() === 'h2';\n * const startingElement = document.querySelector('[role=\"list\"]');\n * const headingEl = getPreviousNestedChildOfSiblingsMatching(startingElement, searchPredicate);\n * console.log(headingEl); // Logs the <h2>Heading 2</h2> element\n */\nexport const getPreviousNestedChildOfSiblingsMatching = (\n  element: HTMLElement,\n  searchPredicate: (el: HTMLElement) => boolean,\n) => getNestedChildOfSiblingsMatching(element, searchPredicate, getPreviousSibling);\n\n/**\n * Checks if the given element is a heading element (h1-h6) or has a role of \"heading\".\n *\n * @param {HTMLElement} el - The element to check.\n * @returns {boolean} - True if the element is a heading element, false otherwise.\n */\nexport const isHeadingElement = (el: HTMLElement) => {\n  const tagName = el.tagName.toLowerCase();\n  const role = el.getAttribute('role');\n  return ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName) || role === 'heading';\n};\n\n/**\n * Loop through the children and add the 'listitem' role if needed.\n * @param {Node} targetNode The node being updated.\n * */\nexport const updateListChildrenRoles = (targetNode: Node): void => {\n  targetNode.childNodes.forEach((node: Node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      const element = node as Element;\n      if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {\n        element.setAttribute('role', 'listitem');\n      }\n    }\n  });\n};\n\nexport function isFocusable(element: HTMLElement): boolean {\n  if (!element || element.nodeType !== Node.ELEMENT_NODE) {\n    return false;\n  }\n\n  const focusableSelectors = [\n    'a[href]',\n    'area[href]',\n    'input:not([disabled]):not([type=\"hidden\"])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ];\n\n  // Check if the element matches any of the focusable elements selectors\n  if (focusableSelectors.some((selector) => element.matches(selector))) {\n    return true;\n  }\n\n  // Check if the element is contenteditable\n  if (element.hasAttribute('contenteditable')) {\n    const contentEditableValue = element.getAttribute('contenteditable').toLowerCase();\n    if (contentEditableValue === 'true' || contentEditableValue === '') {\n      return true;\n    }\n  }\n\n  return false;\n}\n"]}

package/dist/components/core-header-item.js.map

@@ -1 +0,0 @@
-{"file":"core-header-item.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,8YAA8Y;;MCO3Z,cAAc;;;;;;EACzB,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,MAAM,IACf,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header/webcomponent/core-header-item/core-header-item.scss?tag=sdds-core-header-item&encapsulation=shadow","./src/components/header/webcomponent/core-header-item/core-header-item.tsx"],"sourcesContent":["@import '../../../../mixins/box-sizing';\n\n:host {\n  font: var(--sdds-headline-07);\n  letter-spacing: var(--sdds-headline-07-ls);\n  color: var(--sdds-header-nav-item-color);\n\n  .item {\n    all: unset;\n    @include sdds-box-sizing;\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: var(--sdds-header-height);\n    height: var(--sdds-header-height);\n    margin: 0;\n  }\n\n  slot {\n    white-space: nowrap;\n  }\n\n  ::slotted(svg) {\n    font-size: 20px;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-core-header-item',\n  styleUrl: 'core-header-item.scss',\n  shadow: true,\n})\nexport class CoreHeaderItem {\n  render() {\n    return (\n      <Host>\n        <div class=\"item\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/dropdown-option.js.map

@@ -1 +0,0 @@
-{"file":"dropdown-option.js","mappings":"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","names":[],"sources":["./src/components/dropdown/dropdown.scss?tag=sdds-dropdown-option&encapsulation=shadow","./src/components/dropdown/dropdown-option/dropdown-option.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import './dropdown-core';\n@import '../../global/scania-fonts-vars.scss';\n\n@import '../checkbox/checkbox.scss';\n@import '../../mixins/box-sizing';\n\n:host,\n::slotted(*) {\n  color: var(--sdds-grey-958);\n  box-sizing: border-box;\n  @include sdds-box-sizing;\n}\n\n:host,\n::slotted(*) {\n  .sdds-dropdown-label-outside {\n    color: var(--sdds-dropdown-label-outside);\n    text-decoration: none;\n  } \n\n  font: var(--sdds-detail-02);\n  letter-spacing: var(--sdds-detail-02-ls);\n  color: var(--sdds-grey-958);\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  z-index: auto;\n\n  &::part(dropdown-filter-disabled) {\n    cursor: not-allowed;\n    caret-color: transparent;\n    pointer-events: none;\n    color: var(--sdds-dropdown-disabled);\n    border: none;\n\n    &::placeholder {\n      color: var(--sdds-dropdown-disabled);\n    }\n  }\n}\n\n.sdds-dropdown {\n  position: relative;\n  display: flex;\n  flex-flow: column wrap;\n  width: 100%;\n  border: 0;\n\n  &,\n  * {\n    box-sizing: border-box;\n  }\n\n  .sdds-dropdown-toggle {\n    @include dropdown-wrapper;\n\n    display: flex;\n    align-items: center;\n\n    &-lg {\n      padding: 20px 16px;\n    }\n\n    &-md {\n      padding: 16px;\n    }\n\n    &-sm {\n      padding: 12px 16px;\n    }\n\n    &.sdds-dropdown-toggle-label-inside {\n      &-lg {\n        padding: 20px 16px 16px;\n      }\n\n      &-md {\n        padding: 16px 16px 12px;\n      }\n    }\n  }\n\n  .sdds-dropdown-toggle--selected:not(:focus) {\n    border-bottom: 1px solid var(--sdds-dropdown-border-not-focused);\n  }\n\n  .sdds-dropdown-arrow {\n    width: 20px;\n    position: absolute;\n    right: 16px;\n    color: inherit;\n    transform: rotate(0);\n    transition: transform ease 250ms;\n  }\n\n  .sdds-dropdown-placeholder {\n    color: var(--sdds-grey-700);\n  }\n\n  .sdds-dropdown-label {\n    display: grid;\n    width: calc(100% - 25px);\n  }\n\n  .sdds-dropdown-label-container {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.sdds-dropdown.sdds-dropdown-sm {\n    .sdds-dropdown-label-container--label-inside {\n      padding-bottom: 12px;\n    }\n  }\n\n  .sdds-dropdown-filter {\n    border: 0;\n    outline: none;\n    font: var(--sdds-detail-02);\n    letter-spacing: var(--sdds-detail-02-ls);\n    color: var(--sdds-dropdown-link);\n    width: 100%;\n    background: transparent;\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: var(--sdds-grey-700);\n      opacity: 1;\n    }\n  }\n\n  .sdds-dropdown-menu {\n    z-index: z(dropdown);\n\n    @include sdds-scrollbar;\n\n    background-color: var(--sdds-dropdown-background);\n    position: absolute;\n    top: 100%;\n    left: 0;\n    min-width: 100%;\n    max-height: 360px; // max 7 option items, then add scroll\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0 1px 1px;\n    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);\n    border-left-color: var(--sdds-dropdown-border);\n    border-right-color: var(--sdds-dropdown-border);\n    overflow-x: hidden;\n    overflow-y: auto;\n    transform: scaleY(0);\n    transform-origin: top;\n    transition: transform 250ms ease;\n  }\n\n  // Size lg\n  &.sdds-dropdown-lg {\n    .sdds-dropdown-toggle {\n      height: 56px;\n    }\n  }\n\n  // Size md\n  &.sdds-dropdown-md {\n    .sdds-dropdown-toggle {\n      height: 48px;\n    }\n  }\n\n  // Size sm\n  &.sdds-dropdown-sm {\n    .sdds-dropdown-toggle {\n      height: 40px;\n    }\n  }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n  .sdds-dropdown {\n    .sdds-dropdown-menu {\n      top: auto;\n      bottom: 100%;\n      box-shadow: 0 -1px 3px 0 rgb(0 0 0 / 10%);\n      transform-origin: bottom;\n    }\n  }\n}\n\n:host(.sdds-dropdown--open-upwards[label-position='outside']) {\n  span.sdds-dropdown-menu {\n    bottom: calc(100% - 24px);\n  }\n}\n\n:host([disabled='true']) {\n  cursor: not-allowed;\n\n  .sdds-dropdown {\n    .sdds-dropdown-toggle {\n      pointer-events: none;\n      color: var(--sdds-dropdown-option-disabled-color);\n      border: none;\n      padding: 0 16px;\n\n      .sdds-dropdown-placeholder {\n        color: var(--sdds-dropdown-placeholder);\n      }\n\n      .sdds-dropdown-label-inside {\n        color: var(--sdds-dropdown-label-inside);\n      }\n\n      &:focus {\n        &::before {\n          content: none;\n        }\n      }\n    }\n  }\n}\n\n:host(.sdds-dropdown--error) {\n  .sdds-dropdown {\n    .sdds-dropdown-toggle {\n      border-color: var(--sdds-negative);\n\n      &:focus {\n        &::before {\n          border-color: var(--sdds-negative);\n        }\n      }\n    }\n  }\n\n  .sdds-dropdown-helper {\n    color: var(--sdds-negative);\n\n    .sdds-dropdown-error-icon {\n      display: flex;\n    }\n  }\n}\n\n// dropdown option\n:host {\n  ::slotted(sdds-dropdown-option) {\n    display: flex;\n    padding: var(--sdds-spacing-element-16);\n    background-color: var(--sdds-dropdown-background);\n    border-top: 1px solid transparent;\n    border-bottom: 1px solid var(--sdds-dropdown-border);\n    opacity: 0;\n    visibility: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n    color: var(--sdds-dropdown-option-color);\n  }\n\n  ::slotted(sdds-dropdown-option:last-child) {\n    border-bottom-color: transparent;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n\n  ::slotted(sdds-dropdown-option:hover),\n  ::slotted(sdds-dropdown-option:focus) {\n    background-color: var(--sdds-dropdown-background-hover);\n  }\n\n  ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)) {\n    background-color: var(--sdds-dropdown-background-hover);\n  }\n\n  ::slotted(sdds-dropdown-option:hover:focus) {\n    outline: none;\n  }\n\n  ::slotted(sdds-dropdown-option:focus) {\n    outline: 2px solid var(--sdds-blue-400);\n    outline-offset: -2px;\n  }\n\n  ::slotted(sdds-dropdown-option.sdds-dropdown--selected),\n  ::slotted(sdds-dropdown-option.selected),\n  ::slotted(sdds-dropdown-option.active),\n  ::slotted(sdds-dropdown-option:active) {\n    background-color: var(--sdds-dropdown-background-hover);\n    border-top: 1px solid var(--sdds-dropdown-border);\n    border-bottom: 1px solid var(--sdds-dropdown-border);\n  }\n\n  ::slotted(sdds-dropdown-option.sdds-option--no-result) {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),\n  ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled) {\n    cursor: not-allowed;\n    color: var(--sdds-dropdown-option-disabled-color);\n    background-color: var(--sdds-dropdown-background-disabled);\n  }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n  ::slotted(sdds-dropdown-option:first-child) {\n    border-radius: 4px 4px 0 0;\n  }\n\n  ::slotted(sdds-dropdown-option:last-child) {\n    border-radius: 0;\n    border-bottom: 1px solid var(--sdds-dropdown-border);\n  }\n}\n\n.sdds-option-label {\n  margin: auto 0;\n  display: flex;\n  align-content: center;\n  text-decoration: none;\n  flex-grow: 2;\n}\n\n.sdds-option-checkmark {\n  color: inherit;\n  opacity: 0;\n  transition: opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n  margin-left: var(--sdds-spacing-element-16);\n\n  path {\n    color: var(--sdds-dropdown-option-color);\n  }\n}\n\n:host([size='sm']) {\n  ::slotted(sdds-dropdown-option) {\n    padding: var(--sdds-spacing-element-12) var(--sdds-spacing-element-16);\n  }\n}\n\n:host(.sdds-dropdown--open) {\n  .sdds-dropdown {\n    .sdds-dropdown-toggle {\n      box-shadow: 0 -1px 3px -1px rgb(0 0 0 / 10%);\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n\n      // TODO: what is this? it doesnt seem to do anything.\n      &.is-filter {\n        &::before {\n          content: ' ';\n          position: absolute;\n          z-index: 2;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          border-bottom: 1px solid var(--sdds-blue-400);\n        }\n      }\n    }\n\n    .sdds-dropdown-arrow {\n      transform: rotate(180deg);\n    }\n\n    .sdds-dropdown-menu {\n      transform: scaleY(1);\n    }\n  }\n\n  ::slotted(sdds-dropdown-option) {\n    visibility: visible;\n    opacity: 1;\n  }\n}\n\n:host(.selected) {\n  .sdds-option-checkmark {\n    opacity: 1;\n  }\n}\n\n.sdds-dropdown-label-inside {\n  font: var(--sdds-detail-02);\n  letter-spacing: var(--sdds-detail-02-ls);\n  color: var(--sdds-dropdown-label-inside);\n  position: absolute;\n  transition: transform 250ms ease, color 200ms ease;\n  width: calc(100% - 63px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transform: translate(0, -10px);\n  font-size: 10px;\n}\n\n.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside {\n  .sdds-dropdown-placeholder {\n    display: block;\n    padding-top: 4px;\n  }\n}\n\n.sdds-dropdown-lg {\n  .sdds-dropdown-label-inside {\n    display: block;\n    top: 16px;\n  }\n}\n\n.sdds-dropdown-md {\n  .sdds-dropdown-label-inside {\n    display: block;\n    top: 12px;\n  }\n}\n\n.sdds-dropdown.sdds-dropdown-sm {\n  .sdds-dropdown-label-inside {\n    display: none;\n  }\n}\n\n.sdds-dropdown-multiselect-result {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sdds-option-checkbox {\n  margin-right: 8px;\n}\n\n.sdds-form-label {\n  display: flex;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Host,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\n\n@Component({\n  tag: 'sdds-dropdown-option',\n  styleUrl: './../dropdown.scss',\n  shadow: true,\n})\nexport class DropdownOption {\n  @Element() host: HTMLElement;\n\n  // Used as a fallback if value prop is not recognized to match handleClick\n  @State() innerValue: string;\n\n  /** Selected set to true if selected */\n  @Prop() selected: boolean = false;\n\n  /** Sets option to disabled state if true */\n  @Prop() disabled: boolean = false;\n\n  /** Value is a unique string that will be used for application logic */\n  @Prop({ reflect: true }) value: string;\n\n  /** @internal Fires on click on one of the dropdown items */\n  @Event({\n    eventName: 'internalSddsSelect',\n    composed: true,\n    cancelable: false,\n    bubbles: true,\n  })\n  internalSddsSelect: EventEmitter<{\n    value: string | number;\n    label: string | number;\n    parent: HTMLSddsDropdownElement;\n  }>;\n\n  isMultiSelectOption: boolean;\n\n  @Listen('mouseover')\n  changeFocusHandler() {\n    this.host.focus();\n  }\n\n  @Listen('mouseout')\n  removeFocusHandler() {\n    this.host.blur();\n  }\n\n  @Listen('keydown')\n  onKeyDown(event: KeyboardEvent) {\n    if (event.code === 'Enter') {\n      this.handleClick({\n        value: this.value,\n        label: this.host.innerText,\n        parent: this.host.parentNode,\n      });\n    }\n  }\n\n  componentWillLoad() {\n    this.innerValue = this.value;\n    this.isMultiSelectOption = this.host\n      .closest('sdds-dropdown')\n      .classList.contains('sdds-dropdown-multiselect');\n  }\n\n  handleClick(value) {\n    if (!this.disabled) {\n      const listOptions = value.parent.childNodes;\n      this.internalSddsSelect.emit(value);\n      if (!this.isMultiSelectOption) {\n        listOptions.forEach((optionEl) => {\n          optionEl.selected = false;\n        });\n      }\n      const optionCheckbox = this.host.shadowRoot.querySelector('input');\n\n      if (this.selected) {\n        this.selected = false;\n        if (optionCheckbox) {\n          optionCheckbox.checked = false;\n        }\n      } else {\n        this.selected = true;\n        if (optionCheckbox) {\n          optionCheckbox.checked = true;\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        onClick={(event) => {\n          if (this.isMultiSelectOption) {\n            event.stopPropagation();\n          }\n          return this.handleClick({\n            value: this.value,\n            label: this.host.innerText,\n            parent: event.target.parentNode,\n          });\n        }}\n        class={{\n          'selected': this.selected,\n          'sdds-dropdown-option-disabled': this.disabled,\n        }}\n        tabindex=\"-1\"\n        aria-disabled={this.disabled}\n      >\n        {this.isMultiSelectOption && (\n          <div class=\"sdds-checkbox-item sdds-option-checkbox\">\n            <label class=\"sdds-form-label\">\n              <input\n                class=\"sdds-form-input\"\n                type=\"checkbox\"\n                checked={this.selected}\n                disabled={this.disabled}\n              />\n            </label>\n          </div>\n        )}\n        <span class=\"sdds-option-label\">\n          <slot />\n        </span>\n        {!this.isMultiSelectOption && (\n          <span class=\"sdds-option-checkmark\">\n            <svg\n              width=\"10\"\n              height=\"7\"\n              viewBox=\"0 0 10 7\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M1 3L4 6L9 1\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.25\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/dropdown.js.map

@@ -1 +0,0 @@
-{"file":"dropdown.js","mappings":"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","names":[],"sources":["./src/components/dropdown/dropdown.scss?tag=sdds-dropdown&encapsulation=shadow","./src/components/dropdown/dropdown.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import './dropdown-core';\n@import '../../global/scania-fonts-vars.scss';\n\n@import '../checkbox/checkbox.scss';\n@import '../../mixins/box-sizing';\n\n:host,\n::slotted(*) {\n  color: var(--sdds-grey-958);\n  box-sizing: border-box;\n  @include sdds-box-sizing;\n}\n\n:host,\n::slotted(*) {\n  .sdds-dropdown-label-outside {\n    color: var(--sdds-dropdown-label-outside);\n    text-decoration: none;\n  } \n\n  font: var(--sdds-detail-02);\n  letter-spacing: var(--sdds-detail-02-ls);\n  color: var(--sdds-grey-958);\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  z-index: auto;\n\n  &::part(dropdown-filter-disabled) {\n    cursor: not-allowed;\n    caret-color: transparent;\n    pointer-events: none;\n    color: var(--sdds-dropdown-disabled);\n    border: none;\n\n    &::placeholder {\n      color: var(--sdds-dropdown-disabled);\n    }\n  }\n}\n\n.sdds-dropdown {\n  position: relative;\n  display: flex;\n  flex-flow: column wrap;\n  width: 100%;\n  border: 0;\n\n  &,\n  * {\n    box-sizing: border-box;\n  }\n\n  .sdds-dropdown-toggle {\n    @include dropdown-wrapper;\n\n    display: flex;\n    align-items: center;\n\n    &-lg {\n      padding: 20px 16px;\n    }\n\n    &-md {\n      padding: 16px;\n    }\n\n    &-sm {\n      padding: 12px 16px;\n    }\n\n    &.sdds-dropdown-toggle-label-inside {\n      &-lg {\n        padding: 20px 16px 16px;\n      }\n\n      &-md {\n        padding: 16px 16px 12px;\n      }\n    }\n  }\n\n  .sdds-dropdown-toggle--selected:not(:focus) {\n    border-bottom: 1px solid var(--sdds-dropdown-border-not-focused);\n  }\n\n  .sdds-dropdown-arrow {\n    width: 20px;\n    position: absolute;\n    right: 16px;\n    color: inherit;\n    transform: rotate(0);\n    transition: transform ease 250ms;\n  }\n\n  .sdds-dropdown-placeholder {\n    color: var(--sdds-grey-700);\n  }\n\n  .sdds-dropdown-label {\n    display: grid;\n    width: calc(100% - 25px);\n  }\n\n  .sdds-dropdown-label-container {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.sdds-dropdown.sdds-dropdown-sm {\n    .sdds-dropdown-label-container--label-inside {\n      padding-bottom: 12px;\n    }\n  }\n\n  .sdds-dropdown-filter {\n    border: 0;\n    outline: none;\n    font: var(--sdds-detail-02);\n    letter-spacing: var(--sdds-detail-02-ls);\n    color: var(--sdds-dropdown-link);\n    width: 100%;\n    background: transparent;\n\n    &:focus {\n      outline: none;\n    }\n\n    &::placeholder {\n      color: var(--sdds-grey-700);\n      opacity: 1;\n    }\n  }\n\n  .sdds-dropdown-menu {\n    z-index: z(dropdown);\n\n    @include sdds-scrollbar;\n\n    background-color: var(--sdds-dropdown-background);\n    position: absolute;\n    top: 100%;\n    left: 0;\n    min-width: 100%;\n    max-height: 360px; // max 7 option items, then add scroll\n    border-color: transparent;\n    border-style: solid;\n    border-width: 0 1px 1px;\n    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);\n    border-left-color: var(--sdds-dropdown-border);\n    border-right-color: var(--sdds-dropdown-border);\n    overflow-x: hidden;\n    overflow-y: auto;\n    transform: scaleY(0);\n    transform-origin: top;\n    transition: transform 250ms ease;\n  }\n\n  // Size lg\n  &.sdds-dropdown-lg {\n    .sdds-dropdown-toggle {\n      height: 56px;\n    }\n  }\n\n  // Size md\n  &.sdds-dropdown-md {\n    .sdds-dropdown-toggle {\n      height: 48px;\n    }\n  }\n\n  // Size sm\n  &.sdds-dropdown-sm {\n    .sdds-dropdown-toggle {\n      height: 40px;\n    }\n  }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n  .sdds-dropdown {\n    .sdds-dropdown-menu {\n      top: auto;\n      bottom: 100%;\n      box-shadow: 0 -1px 3px 0 rgb(0 0 0 / 10%);\n      transform-origin: bottom;\n    }\n  }\n}\n\n:host(.sdds-dropdown--open-upwards[label-position='outside']) {\n  span.sdds-dropdown-menu {\n    bottom: calc(100% - 24px);\n  }\n}\n\n:host([disabled='true']) {\n  cursor: not-allowed;\n\n  .sdds-dropdown {\n    .sdds-dropdown-toggle {\n      pointer-events: none;\n      color: var(--sdds-dropdown-option-disabled-color);\n      border: none;\n      padding: 0 16px;\n\n      .sdds-dropdown-placeholder {\n        color: var(--sdds-dropdown-placeholder);\n      }\n\n      .sdds-dropdown-label-inside {\n        color: var(--sdds-dropdown-label-inside);\n      }\n\n      &:focus {\n        &::before {\n          content: none;\n        }\n      }\n    }\n  }\n}\n\n:host(.sdds-dropdown--error) {\n  .sdds-dropdown {\n    .sdds-dropdown-toggle {\n      border-color: var(--sdds-negative);\n\n      &:focus {\n        &::before {\n          border-color: var(--sdds-negative);\n        }\n      }\n    }\n  }\n\n  .sdds-dropdown-helper {\n    color: var(--sdds-negative);\n\n    .sdds-dropdown-error-icon {\n      display: flex;\n    }\n  }\n}\n\n// dropdown option\n:host {\n  ::slotted(sdds-dropdown-option) {\n    display: flex;\n    padding: var(--sdds-spacing-element-16);\n    background-color: var(--sdds-dropdown-background);\n    border-top: 1px solid transparent;\n    border-bottom: 1px solid var(--sdds-dropdown-border);\n    opacity: 0;\n    visibility: hidden;\n    cursor: pointer;\n    box-sizing: border-box;\n    color: var(--sdds-dropdown-option-color);\n  }\n\n  ::slotted(sdds-dropdown-option:last-child) {\n    border-bottom-color: transparent;\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n\n  ::slotted(sdds-dropdown-option:hover),\n  ::slotted(sdds-dropdown-option:focus) {\n    background-color: var(--sdds-dropdown-background-hover);\n  }\n\n  ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)) {\n    background-color: var(--sdds-dropdown-background-hover);\n  }\n\n  ::slotted(sdds-dropdown-option:hover:focus) {\n    outline: none;\n  }\n\n  ::slotted(sdds-dropdown-option:focus) {\n    outline: 2px solid var(--sdds-blue-400);\n    outline-offset: -2px;\n  }\n\n  ::slotted(sdds-dropdown-option.sdds-dropdown--selected),\n  ::slotted(sdds-dropdown-option.selected),\n  ::slotted(sdds-dropdown-option.active),\n  ::slotted(sdds-dropdown-option:active) {\n    background-color: var(--sdds-dropdown-background-hover);\n    border-top: 1px solid var(--sdds-dropdown-border);\n    border-bottom: 1px solid var(--sdds-dropdown-border);\n  }\n\n  ::slotted(sdds-dropdown-option.sdds-option--no-result) {\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),\n  ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled) {\n    cursor: not-allowed;\n    color: var(--sdds-dropdown-option-disabled-color);\n    background-color: var(--sdds-dropdown-background-disabled);\n  }\n}\n\n:host(.sdds-dropdown--open-upwards) {\n  ::slotted(sdds-dropdown-option:first-child) {\n    border-radius: 4px 4px 0 0;\n  }\n\n  ::slotted(sdds-dropdown-option:last-child) {\n    border-radius: 0;\n    border-bottom: 1px solid var(--sdds-dropdown-border);\n  }\n}\n\n.sdds-option-label {\n  margin: auto 0;\n  display: flex;\n  align-content: center;\n  text-decoration: none;\n  flex-grow: 2;\n}\n\n.sdds-option-checkmark {\n  color: inherit;\n  opacity: 0;\n  transition: opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);\n  margin-left: var(--sdds-spacing-element-16);\n\n  path {\n    color: var(--sdds-dropdown-option-color);\n  }\n}\n\n:host([size='sm']) {\n  ::slotted(sdds-dropdown-option) {\n    padding: var(--sdds-spacing-element-12) var(--sdds-spacing-element-16);\n  }\n}\n\n:host(.sdds-dropdown--open) {\n  .sdds-dropdown {\n    .sdds-dropdown-toggle {\n      box-shadow: 0 -1px 3px -1px rgb(0 0 0 / 10%);\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n\n      // TODO: what is this? it doesnt seem to do anything.\n      &.is-filter {\n        &::before {\n          content: ' ';\n          position: absolute;\n          z-index: 2;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          border-bottom: 1px solid var(--sdds-blue-400);\n        }\n      }\n    }\n\n    .sdds-dropdown-arrow {\n      transform: rotate(180deg);\n    }\n\n    .sdds-dropdown-menu {\n      transform: scaleY(1);\n    }\n  }\n\n  ::slotted(sdds-dropdown-option) {\n    visibility: visible;\n    opacity: 1;\n  }\n}\n\n:host(.selected) {\n  .sdds-option-checkmark {\n    opacity: 1;\n  }\n}\n\n.sdds-dropdown-label-inside {\n  font: var(--sdds-detail-02);\n  letter-spacing: var(--sdds-detail-02-ls);\n  color: var(--sdds-dropdown-label-inside);\n  position: absolute;\n  transition: transform 250ms ease, color 200ms ease;\n  width: calc(100% - 63px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  transform: translate(0, -10px);\n  font-size: 10px;\n}\n\n.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside {\n  .sdds-dropdown-placeholder {\n    display: block;\n    padding-top: 4px;\n  }\n}\n\n.sdds-dropdown-lg {\n  .sdds-dropdown-label-inside {\n    display: block;\n    top: 16px;\n  }\n}\n\n.sdds-dropdown-md {\n  .sdds-dropdown-label-inside {\n    display: block;\n    top: 12px;\n  }\n}\n\n.sdds-dropdown.sdds-dropdown-sm {\n  .sdds-dropdown-label-inside {\n    display: none;\n  }\n}\n\n.sdds-dropdown-multiselect-result {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sdds-option-checkbox {\n  margin-right: 8px;\n}\n\n.sdds-form-label {\n  display: flex;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Listen,\n  Host,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\n@Component({\n  tag: 'sdds-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n})\nexport class Dropdown {\n  textInput?: HTMLInputElement;\n\n  /** Set the variant of the dropdown. */\n  @Prop() modeVariant: 'primary' | 'secondary' = null;\n\n  /** Placeholder text for dropdown with no selectedLabel item */\n  @Prop() placeholder: string;\n\n  /** Add the value of the option as string to set it as default */\n  @Prop() defaultOption: string;\n\n  /** Add the value of the option as string to set it as new selected value */\n  @Prop() selectedOption: string;\n\n  /** Set to true for disabled states */\n  @Prop() disabled: boolean = false;\n\n  /** `Controls type of dropdown. */\n  @Prop() type: 'default' | 'multiselect' | 'filter' = 'default';\n\n  /** Controls the size of dropdown. 'sm', 'md' and 'lg' correct values and 'small', 'medium' and 'large' are deprecated */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' = 'lg';\n\n  /** Set to true to make the width following the label text length */\n  @Prop() inline: boolean = false;\n\n  /** Controls position of label */\n  @Prop() labelPosition: 'no-label' | 'inside' | 'outside' = 'no-label';\n\n  /** Label text for label inside & outside */\n  @Prop() label: string;\n\n  /** Support `error` state */\n  @Prop() state: boolean = false;\n\n  /** Add helper text in the bottom of dropdown */\n  @Prop() helper: string = '';\n\n  /** Direction that the dropdown will open. Default is auto. */\n  @Prop() openDirection: 'down' | 'up' | 'auto' = 'auto';\n\n  @State() optionValues: Array<any> = [];\n\n  @State() optionLabels: Array<any> = [];\n\n  @State() open: boolean = false;\n\n  @State() node: HTMLElement;\n\n  @State() selectedLabel: string = '';\n\n  @State() selectedValue: string = '';\n\n  @State() selectedValuesArray: Array<any> = [];\n\n  @State() selectedLabelsArray: Array<any> = [];\n\n  @State() dropdownUniqueClass: string = '';\n\n  @State() openUpwards: boolean = false;\n\n  @State() dropdownMenuHeight: number = 0;\n\n  @State() dropdownMenuSelector: HTMLElement;\n\n  @State() listItemIndex: any = -1;\n\n  @State() listItemArray: any;\n\n  @State() listItemObject: any;\n\n  @Element() host: HTMLElement;\n\n  componentWillLoad() {\n    // If default option is set, update the default selectedLabel value\n    // this.host.children is a HTMLCollection type, cannot use forEach\n    this.listItemObject = this.host.children;\n    this.listItemArray = Array.from(this.listItemObject);\n    this.listItemArray.map((listItem) => {\n      this.optionValues.push(listItem.value);\n      this.optionLabels.push(listItem.innerText.trim());\n    });\n    this.setOptionFromOutside(this.defaultOption);\n\n    if (this.size === 'small') {\n      this.size = 'sm';\n      console.warn('size=\"small\" is deprecated, use size=\"sm\" instead');\n    }\n    if (this.size === 'medium') {\n      this.size = 'md';\n      console.warn('size=\"medium\" is deprecated, use size=\"md\" instead');\n    }\n    if (this.size === 'large') {\n      this.size = 'lg';\n      console.warn('size=\"large\" is deprecated, use size=\"lg\" instead');\n    }\n  }\n\n  setOptionFromOutside(optionValue) {\n    if (optionValue) {\n      this.deselectAll();\n      // TODO\n      // eslint-disable-next-line no-param-reassign\n      optionValue = optionValue.split(',');\n      for (let i = 0; i < this.host.children.length; i++) {\n        // Todo - specify type\n        const el: any = this.host.children[i];\n        if (optionValue.includes(el.value.trim())) {\n          this.selectedLabelsArray = [...this.selectedLabelsArray, el.textContent.trim()];\n          this.selectedValuesArray = [...this.selectedValuesArray, el.value];\n          this.selectedLabel = el.textContent;\n          this.selectedValue = el.value;\n          el.setAttribute('selectedLabel', 'true');\n          el.setAttribute('selected', 'true');\n        } else {\n          el.setAttribute('selectedLabel', 'false');\n          el.setAttribute('selected', 'false');\n        }\n      }\n    }\n  }\n\n  @Watch('selectedOption')\n  changeSelectedOption() {\n    if (this.selectedValuesArray.includes(this.selectedOption)) {\n      this.resetOption();\n    }\n    this.setOptionFromOutside(this.selectedOption);\n    this.host.setAttribute('selected-option', '');\n  }\n\n  @Listen('click', { target: 'document' })\n  handleDocClick(ev) {\n    // To stop bubble click\n    ev.stopPropagation();\n    const target = ev ? ev.composedPath()[0] : window.event.target[0];\n    if (this.node !== undefined && this.node.contains(target)) {\n      if (typeof this.textInput !== 'undefined' || this.textInput === null) {\n        this.textInput.focus();\n      }\n    } else {\n      this.tabbingLabelReset();\n      this.open = false;\n    }\n  }\n\n  @Listen('keydown')\n  keyListener(ev: KeyboardEvent) {\n    if (!this.disabled) {\n      switch (ev.key) {\n        case 'ArrowDown':\n          if (this.open) {\n            ev.preventDefault();\n            if (this.listItemIndex < this.listItemArray.length - 1) {\n              this.listItemIndex++;\n            } else {\n              this.listItemIndex = 0;\n            }\n            (this.listItemObject[this.listItemIndex] as HTMLElement).focus();\n          }\n          break;\n        case 'ArrowUp':\n          if (this.open) {\n            ev.preventDefault();\n            if (this.listItemIndex > 0) {\n              this.listItemIndex--;\n            } else {\n              this.listItemIndex = this.listItemArray.length - 1;\n            }\n            (this.listItemObject[this.listItemIndex] as HTMLElement).focus();\n          }\n          break;\n\n        case 'Tab':\n          this.open = false;\n          break;\n\n        case 'Escape':\n          this.open = false;\n          this.node.focus();\n          break;\n\n        default:\n          break;\n      }\n    }\n  }\n\n  handleClick() {\n    this.open = this.open === false;\n    if (this.openDirection === 'auto') {\n      this.dropdownMenuHeight = this.dropdownMenuSelector.offsetHeight;\n      const distanceToBottom = this.host.getBoundingClientRect().top;\n      const viewportHeight = window.innerHeight;\n      this.openUpwards = distanceToBottom + this.dropdownMenuHeight + 57 > viewportHeight;\n      // If summary of dropdown menu height and its distance to the bottom is more than viewport height, open menu upwards\n      // Additional 57px is added as compensation for dropdown element own input/button height\n      // It is added on handleClick due to possible dynamic injection of data when component is already rendered\n    } else {\n      this.openUpwards = this.openDirection === 'up';\n    }\n  }\n\n  tabbingLabelReset() {\n    if (typeof this.textInput !== 'undefined' || this.textInput === null) {\n      if (!this.selectedLabel && this.selectedLabel.length <= 0) {\n        this.textInput.value = '';\n        this.internalSddsSearch.emit('');\n      }\n      if (this.selectedLabel !== this.textInput.value) {\n        this.textInput.value = this.selectedLabel;\n      }\n    }\n  }\n\n  @Listen('internalSddsSelect')\n  selectOptionHandler(event: CustomEvent<any>) {\n    this.open = this.type === 'multiselect';\n    if (this.type !== 'multiselect') {\n      this.selectedLabel = event.detail.label;\n      this.selectedValue = event.detail.value;\n      this.tabbingLabelReset();\n    } else {\n      if (this.selectedValuesArray.includes(event.detail.value)) {\n        const itemIndex = this.selectedValuesArray.indexOf(event.detail.value);\n        this.selectedValuesArray = this.selectedValuesArray.filter(\n          (_value, index) => index !== itemIndex,\n        );\n        this.selectedLabelsArray = this.selectedLabelsArray.filter(\n          (_value, index) => index !== itemIndex,\n        );\n      } else {\n        this.selectedValuesArray = [...this.selectedValuesArray, event.detail.value];\n        this.selectedLabelsArray = [...this.selectedLabelsArray, event.detail.label.trim()];\n      }\n    }\n  }\n\n  /** @internal Search event that is emitted to the sdds-dropdown-filter */\n  @Event({\n    eventName: 'internalSddsSearch',\n    composed: true,\n    cancelable: false,\n    bubbles: true,\n  })\n  internalSddsSearch: EventEmitter<any>;\n\n  handleSearch(ev) {\n    const searchTerm = ev.target.value;\n    this.internalSddsSearch.emit(searchTerm);\n    this.open = true;\n  }\n\n  deselectAll() {\n    this.selectedLabel = '';\n    this.selectedValue = '';\n    this.selectedLabelsArray = [];\n    this.selectedValuesArray = [];\n    this.listItemArray = this.listItemArray.map((optionItem) => ({\n      ...optionItem,\n      selected: false,\n    }));\n  }\n\n  @Method() async resetOption() {\n    this.deselectAll();\n    this.open = false;\n\n    if (this.defaultOption) {\n      this.setOptionFromOutside(this.defaultOption);\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={`\n        ${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}\n        ${this.open && !this.disabled ? 'sdds-dropdown--open' : ''}\n        ${this.type === 'multiselect' ? 'sdds-dropdown-multiselect' : ''}\n        ${this.inline ? 'sdds-dropdown-inline' : ''}\n        ${\n          this.selectedLabel.length > 0 || this.selectedLabel === ''\n            ? 'sdds-dropdown--selected'\n            : ''\n        }\n        ${this.state ? 'sdds-dropdown--error' : ''}\n        ${this.openUpwards ? 'sdds-dropdown--open-upwards' : ''}\n        ${\n          this.labelPosition === 'inside' && this.selectedLabelsArray.length > 0\n            ? 'sdds-dropdown--label-inside-position'\n            : ''\n        }\n       `}\n        selected-value={this.selectedValue}\n        selected-text={this.selectedLabel}\n        multi-selected-values={JSON.stringify(this.selectedValuesArray)}\n        multi-selected-labels={JSON.stringify(this.selectedLabelsArray)}\n      >\n        <span class={`sdds-dropdown sdds-dropdown-${this.size}`}>\n          {this.labelPosition === 'outside' && this.label.length > 0 ? (\n            <span class=\"sdds-dropdown-label-outside\">{this.label}</span>\n          ) : (\n            ''\n          )}\n          <button\n            part={this.disabled ? 'dropdown-filter-disabled' : ''}\n            disabled={this.disabled}\n            tabindex={this.disabled ? '-1' : null}\n            class={`sdds-dropdown-toggle ${this.selectedValue === 'filter' ? 'is-filter' : ''} ${\n              this.selectedValue !== '' || this.selectedLabelsArray.length > 0\n                ? 'sdds-dropdown-toggle--selected'\n                : ''\n            }\n                ${\n                  this.labelPosition === 'inside' && this.selectedValue !== '' && this.size !== 'sm'\n                    ? `sdds-dropdown-toggle-label-inside-${this.size}`\n                    : `sdds-dropdown-toggle-${this.size}`\n                }`}\n            type=\"button\"\n            onClick={() => this.handleClick()}\n            ref={(node) => (this.node = node)}\n          >\n            <span class=\"sdds-dropdown-label\">\n              {this.type === 'filter' ? (\n                <input\n                  part={this.disabled ? 'dropdown-filter-disabled' : ''}\n                  disabled={this.disabled}\n                  tabindex=\"-1\"\n                  ref={(inputEl) => (this.textInput = inputEl as HTMLInputElement)}\n                  class=\"sdds-dropdown-filter\"\n                  type=\"text\"\n                  placeholder={this.placeholder}\n                  value={this.selectedLabel}\n                  onInput={(event) => this.handleSearch(event)}\n                  autoComplete=\"off\"\n                />\n              ) : (\n                <span\n                  class={{\n                    'sdds-dropdown-label-container': true,\n                    'sdds-dropdown-label-container--label-inside':\n                      this.labelPosition === 'inside' &&\n                      this.size !== 'sm' &&\n                      (this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0),\n                  }}\n                >\n                  {this.size !== 'sm' &&\n                    (this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0) &&\n                    this.labelPosition === 'inside' &&\n                    this.label.length > 0 && (\n                      <span class=\"sdds-dropdown-label-inside\">{this.label}</span>\n                    )}\n                  <span\n                    class={`sdds-dropdown-label-main ${\n                      (this.selectedLabel.length === 0 ||\n                        (this.labelPosition === 'inside' && this.label.length < 0)) &&\n                      'sdds-dropdown-placeholder'\n                    }`}\n                  >\n                    {this.selectedLabel.length > 0 &&\n                      this.type !== 'multiselect' &&\n                      this.selectedLabel}\n\n                    {this.type === 'multiselect' && (\n                      <span class=\"sdds-dropdown-multiselect-result\">\n                        {this.labelPosition !== 'inside' &&\n                          this.selectedLabelsArray.toString().length < 1 &&\n                          this.placeholder}\n                        {this.selectedLabelsArray.toString().length > 0 &&\n                          this.selectedLabelsArray.toString().split(',').join(', ')}\n                      </span>\n                    )}\n                    {!this.selectedLabel &&\n                      this.labelPosition === 'inside' &&\n                      this.size !== 'sm' &&\n                      this.label}\n\n                    {!this.selectedLabel &&\n                      this.type !== 'multiselect' &&\n                      this.labelPosition !== 'inside' &&\n                      this.placeholder}\n\n                    {!this.selectedLabel &&\n                      this.size === 'sm' &&\n                      this.labelPosition === 'inside' &&\n                      this.placeholder}\n                  </span>\n                </span>\n              )}\n            </span>\n            <svg\n              class=\"sdds-dropdown-arrow\"\n              width=\"12\"\n              height=\"7\"\n              viewBox=\"0 0 12 7\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M1 1L6 6L11 1\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.25\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </button>\n          <span\n            class=\"sdds-dropdown-menu\"\n            // Need to have reference in order to calc height and distance from bottom\n            ref={(dropdownMenu) => (this.dropdownMenuSelector = dropdownMenu)}\n          >\n            <slot />\n          </span>\n        </span>\n        <p class=\"sdds-dropdown-helper\">\n          <svg\n            class=\"sdds-dropdown-error-icon\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 32 32\"\n          >\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M16 4C9.37 4 3.996 9.374 3.996 16.004S9.371 28.007 16 28.007c6.63 0 12.004-5.374 12.004-12.003C28.004 9.374 22.629 4 16 4ZM2 16.004c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14Z\"\n              fill=\"currentColor\"\n            />\n            <path\n              d=\"M14.803 14.47V10h2.376v4.47l-.352 4.295h-1.672l-.352-4.295Zm-.053 5.632h2.5v2.394h-2.5v-2.394Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n          <span>{this.helper}</span>\n        </p>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/header-dropdown-list-item.js.map

@@ -1 +0,0 @@
-{"file":"header-dropdown-list-item.js","mappings":";;AAAA,MAAM,yBAAyB,GAAG,ozCAAozC;;MCOz0C,sBAAsB;;;;;oBAIL,KAAK;gBAGY,IAAI;;EAEjD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WACE,KAAK,EAAE;QACL,WAAW,EAAE,IAAI;QACjB,oBAAoB,EAAE,IAAI,CAAC,QAAQ;OACpC,IAED,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header/webcomponent/header-dropdown-list-item/header-dropdown-list-item.scss?tag=sdds-header-dropdown-list-item&encapsulation=shadow","./src/components/header/webcomponent/header-dropdown-list-item/header-dropdown-list-item.tsx"],"sourcesContent":["@import '../../../../mixins/focus-state';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  height: var(--sdds-header-list-item-md-height);\n  width: 100%;\n\n  .component {\n    height: 100%;\n\n    ::slotted(a),\n    ::slotted(button) {\n      all: unset;\n      box-sizing: border-box;\n      border: none;\n      display: flex;\n      align-items: center;\n      height: 100%;\n      padding: 0 24px;\n      width: 100%;\n      font: var(--sdds-detail-02);\n      letter-spacing: var(--sdds-detail-02-ls);\n      background-color: var(--sdds-header-nav-item-dropdown-opened-background);\n      color: var(--sdds-header-nav-item-dropdown-opened-color);\n    }\n\n    ::slotted(a:hover) {\n      background-color: var(--sdds-nav-item-background-hover);\n      cursor: pointer;\n    }\n\n    ::slotted(a:focus-visible) {\n      @include sdds-focus-state;\n    }\n\n    &-selected {\n      background-color: var(--sdds-nav-item-background-selected);\n      padding-right: 4px;\n      border-left-width: 4px;\n      border-left-style: solid;\n      border-left-color: var(--sdds-nav-item-border-color-active);\n\n      ::slotted(a),\n      ::slotted(button) {\n        background-color: var(--sdds-nav-item-background-selected);\n      }\n    }\n  }\n}\n\n:host(:not(:last-child)) {\n  border-bottom: 1px solid var(--sdds-nav-dropdown-item-border-color);\n}\n\n:host([type='lg']) {\n  height: var(--sdds-header-height);\n\n  ::slotted(a),\n  ::slotted(button) {\n    padding: 0 16px;\n    color: var(--sdds-header-app-launcher-item-color);\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-dropdown-list-item',\n  styleUrl: 'header-dropdown-list-item.scss',\n  shadow: true,\n})\nexport class HeaderDropdownListItem {\n  @Element() host: HTMLElement;\n\n  /** If the link should appear selected. */\n  @Prop() selected: boolean = false;\n\n  /** The type of the list. */\n  @Prop({ reflect: true }) type: 'md' | 'lg' = 'md';\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'component': true,\n            'component-selected': this.selected,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/header-dropdown-list.js.map

@@ -1 +0,0 @@
-{"file":"header-dropdown-list.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,mOAAmO;;MCWpP,kBAAkB;;;;;;IAIrB,kBAAa,GAAwC,IAAI,GAAG,EAAE,CAAC;gBAE1B,IAAI;;;EAIjD,iBAAiB;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;;IAG/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAQ,CAAC;MAEjC,IAAI,MAAM,IAAI,KAAK,EAAE;QACnB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;OACxB;KACF;IAED,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;IACzB,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,2BAA2B,EAAE;MACjF,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;KACpC;IAED,MAAM,SAAS,GAAG,wCAAwC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAEvF,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;KACjC;SAAM;MACL,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;KACpD;GACF;EAED,gBAAgB;IACd,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,IAAqB;;MAE1E,MAAM,YAAY,GAAkB,CAAC,CAAQ;QAC3C,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;OAC3D,CAAC;MAEF,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;MAElD,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,CAAC,CAAC;;MAGnD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;KAC5C,CAAC,CAAC;GACJ;EAED,uBAAuB,CAAC,IAAqB;IAC3C,MAAM,KAAK,GAAc,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAa;;MAE1B,IACE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI;QACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM;QACrC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU,EACxC;QACA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;OACvC;;MAGD,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE;QACzC,IAAI,CAAC,uBAAuB,CAAC,IAAuB,CAAC,CAAC;OACvD;KACF,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,QAAuB,EAAE,IAAqB;;MAExE,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;MACjD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KACjC,CAAC,CAAC;GACJ;EAED,MAAM;;IACJ,MAAM,UAAU,GAAG;MACjB,MAAM,EAAE,MAAM;MACd,iBAAiB,EAAE,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE;KAC3C,CAAC;IAEF,QACE,EAAC,IAAI,oBAAK,UAAU,GAClB,eAAa,CACR,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header/webcomponent/header-dropdown-list/header-dropdown-list.scss?tag=sdds-header-dropdown-list&encapsulation=shadow","./src/components/header/webcomponent/header-dropdown-list/header-dropdown-list.tsx"],"sourcesContent":["@import '../../../../global/_variables.scss';\n\n:host {\n  display: block;\n  width: 190px;\n\n  @media all and (max-width: $media-fullwidth) {\n    width: 100vw;\n  }\n\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  border-radius: none;\n  background-color: var(--sdds-header-app-launcher-menu-bg);\n}\n\n:host([type='lg']) {\n  width: 320px;\n}\n","import { Component, Element, Host, h, Prop, State } from '@stencil/core';\nimport {\n  getPreviousNestedChildOfSiblingsMatching,\n  isHeadingElement,\n} from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-dropdown-list',\n  styleUrl: 'header-dropdown-list.scss',\n  shadow: true,\n})\nexport class HeaderDropdownList {\n  @Element() host: HTMLElement;\n\n  // A Map to store the slots and their associated slotchange listeners.\n  private slotListeners: Map<HTMLSlotElement, EventListener> = new Map();\n\n  @Prop({ reflect: true }) type: 'lg' | 'md' = 'md';\n\n  @State() headingElement: HTMLElement;\n\n  componentWillLoad() {\n    const { children } = this.host;\n\n    // Set the type prop for each child, if they have such a property\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i] as any;\n\n      if ('type' in child) {\n        child.type = this.type;\n      }\n    }\n\n    let listRoot = this.host;\n    if (this.host.parentElement.tagName.toLowerCase() === 'sdds-header-launcher-list') {\n      listRoot = this.host.parentElement;\n    }\n\n    const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, isHeadingElement);\n\n    if (headingEl) {\n      this.headingElement = headingEl;\n    } else {\n      console.warn('Heading element for list not found');\n    }\n  }\n\n  componentDidLoad() {\n    this.host.shadowRoot.querySelectorAll('slot').forEach((slot: HTMLSlotElement) => {\n      // Add the slotchange event listener.\n      const onSlotChange: EventListener = (e: Event) => {\n        this.processAssignedElements(e.target as HTMLSlotElement);\n      };\n\n      slot.addEventListener('slotchange', onSlotChange);\n\n      onSlotChange({ target: slot } as unknown as Event);\n\n      // Store the slot and its listener in the Map.\n      this.slotListeners.set(slot, onSlotChange);\n    });\n  }\n\n  processAssignedElements(slot: HTMLSlotElement): void {\n    const nodes: Element[] = slot.assignedElements();\n    nodes.forEach((node: Element) => {\n      // Add a listitem role to the assigned element if needed.\n      if (\n        node.tagName.toLowerCase() !== 'li' &&\n        node.tagName.toLowerCase() !== 'slot' &&\n        node.getAttribute('role') !== 'listitem'\n      ) {\n        node.setAttribute('role', 'listitem');\n      }\n\n      // If the assigned element is a slot, process its assigned elements recursively.\n      if (node.tagName.toLowerCase() === 'slot') {\n        this.processAssignedElements(node as HTMLSlotElement);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    this.slotListeners.forEach((listener: EventListener, slot: HTMLSlotElement) => {\n      // Remove the slotchange event listener and delete the entry from the Map.\n      slot.removeEventListener('slotchange', listener);\n      this.slotListeners.delete(slot);\n    });\n  }\n\n  render() {\n    const attributes = {\n      'role': 'list',\n      'aria-labelledby': this.headingElement?.id,\n    };\n\n    return (\n      <Host {...attributes}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/header-item.js.map

@@ -1 +0,0 @@
-{"file":"header-item.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,uqCAAuqC;;MCQhrC,UAAU;;;;;kBAKK,KAAK;oBAGH,KAAK;;EAIjC,aAAa,CACX,eAAkD,EAClD,gBAAgD;IAEhD,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACzE,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,CAAC,CAAgB,CAAC;IAC/D,IAAI,mBAAmB,EAAE;MACvB,MAAM,YAAY,GAAG,GAAG,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;MAC/D,IAAI,YAAY,EAAE;QAChB,gBAAgB,CAAC,YAAY,CAAC,CAAC;OAChC;KACF;GACF;;;;EAKD,qBAAqB;IACnB,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAM,WAAW,GAAG,CAAC,OAAO,KAC1B,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC;MAC3F,MAAM,YAAY,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;MACnF,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;MAE9C,MAAM,OAAO,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC;MACrE,MAAM,aAAa,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;MACrF,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KAC5C;GACF;EAED,gBAAgB;IACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC7B,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;GACxE;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,6BACE,KAAK,EAAE;QACL,kBAAkB,EAAE,IAAI,CAAC,MAAM;QAC/B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;OACpC,IAED,eAAa,CACS,CACnB,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header/webcomponent/header-item/header-item.scss?tag=sdds-header-item&encapsulation=shadow","./src/components/header/webcomponent/header-item/header-item.tsx"],"sourcesContent":["@import '../../../../mixins/box-sizing';\n@import '../../../../mixins/focus-state';\n\n:host {\n  ::slotted(button),\n  ::slotted(a) {\n    all: unset;\n    @include sdds-box-sizing;\n\n    background-color: var(--sdds-header-background);\n    border-right: 1px solid var(--sdds-header--basic-element-border);\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n    padding: 0 24px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  ::slotted(button:hover),\n  ::slotted(a:hover) {\n    background-color: var(--sdds-header--basic-element-background-hover);\n  }\n\n  ::slotted(button:focus-visible),\n  ::slotted(a:focus-visible) {\n    @include sdds-focus-state;\n  }\n\n  .component-active {\n    ::slotted(button),\n    ::slotted(a) {\n      background-color: var(--sdds-header--basic-element-background-open);\n      color: var(--sdds-header-nav-item-dropdown-opened-color);\n      border-color: var(--sdds-header--basic-element-border-open);\n    }\n  }\n\n  .component-selected:not(.component-active) {\n    ::slotted(button),\n    ::slotted(a) {\n      background-color: var(--sdds-header--basic-element-background-selected);\n      padding-top: 4px;\n      border-bottom-style: solid;\n      border-bottom-width: 4px;\n      border-bottom-color: var(--sdds-nav-item-border-color-active);\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { dfs } from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-item',\n  styleUrl: 'header-item.scss',\n  shadow: true,\n})\nexport class HeaderItem {\n  @Element() host: HTMLElement;\n\n  /** If the button should appear active. Can be used when the button is\n   * triggering a dropdown, and the dropdown is open, for example. */\n  @Prop() active: boolean = false;\n\n  /** If the button should appear selected. */\n  @Prop() selected: boolean = false;\n\n  private slotEl: HTMLSlotElement;\n\n  updateSlotted(\n    searchPredicate: (element: HTMLElement) => boolean,\n    mutationCallback: (element: HTMLElement) => void,\n  ) {\n    const assignedElements = this.slotEl.assignedElements({ flatten: true });\n    const firstSlottedElement = assignedElements[0] as HTMLElement;\n    if (firstSlottedElement) {\n      const foundElement = dfs(firstSlottedElement, searchPredicate);\n      if (foundElement) {\n        mutationCallback(foundElement);\n      }\n    }\n  }\n\n  /**\n   * This function is needed because we can't use CSS selectors to style something in the light dom\n   */\n  updateSlottedElements() {\n    if (this.slotEl) {\n      const isIconOrSvg = (element) =>\n        element.tagName.toLowerCase() === 'sdds-icon' || element.tagName.toLowerCase() === 'svg';\n      const addIconClass = (element) => element.classList.add('__sdds-header-item-icon');\n      this.updateSlotted(isIconOrSvg, addIconClass);\n\n      const isImage = (element) => element.tagName.toLowerCase() === 'img';\n      const addImageClass = (element) => element.classList.add('__sdds-header-item-image');\n      this.updateSlotted(isImage, addImageClass);\n    }\n  }\n\n  componentDidLoad() {\n    this.slotEl = this.host.shadowRoot.querySelector('slot');\n    this.updateSlottedElements();\n    this.slotEl.addEventListener('slotchange', this.updateSlottedElements);\n  }\n\n  render() {\n    return (\n      <Host>\n        <sdds-core-header-item\n          class={{\n            'component-active': this.active,\n            'component-selected': this.selected,\n          }}\n        >\n          <slot></slot>\n        </sdds-core-header-item>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/header-launcher-button.js.map

@@ -1 +0,0 @@
-{"file":"header-launcher-button.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,mJAAmJ;;MCQtK,oBAAoB;;;;;kBAKd,KAAK;;EAItB,MAAM;IACJ,IAAI,CAAC,cAAc,mCAAQ,IAAI,CAAC,cAAc,GAAK,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAC;IACtF,MAAM,WAAW,qBACZ,IAAI,CAAC,cAAc,CACvB,CAAC;IAEF,QACE,EAAC,IAAI,QACH,wBAAkB,MAAM,EAAE,IAAI,CAAC,MAAM,IACnC,8BAAY,WAAW,GACrB,iBAAW,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAa,CACtD,CACQ,CACd,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header/webcomponent/header-launcher-button/header-launcher-button.scss?tag=sdds-header-launcher-button&encapsulation=shadow","./src/components/header/webcomponent/header-launcher-button/header-launcher-button.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  sdds-header-item {\n    display: block; // launcher button is always visible, regular header buttons are not.\n  }\n\n  .icon {\n    position: relative;\n    margin-left: -6px;\n    left: 3px;\n    transition: all 0.2s ease-in-out;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { Attributes, inheritAriaAttributes } from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-launcher-button',\n  styleUrl: 'header-launcher-button.scss',\n  shadow: true,\n})\nexport class HeaderLauncherButton {\n  @Element() host: HTMLElement;\n\n  /** If the button should appear active. Can be used when the button is\n   * triggering a dropdown, and the dropdown is open, for example. */\n  @Prop() active = false;\n\n  private ariaAttributes: Attributes;\n\n  render() {\n    this.ariaAttributes = { ...this.ariaAttributes, ...inheritAriaAttributes(this.host) };\n    const buttonProps = {\n      ...this.ariaAttributes,\n    };\n\n    return (\n      <Host>\n        <sdds-header-item active={this.active}>\n          <button {...buttonProps}>\n            <sdds-icon class=\"icon\" name=\"bento\" size=\"20px\"></sdds-icon>\n          </button>\n        </sdds-header-item>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/icon.js.map

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

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/popover-canvas.js.map

@@ -1 +0,0 @@
-{"file":"popover-canvas.js","mappings":"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","names":[],"sources":["./src/components/popover-canvas/popover-canvas.scss?tag=sdds-popover-canvas&encapsulation=shadow","./src/components/popover-canvas/popover-canvas.tsx"],"sourcesContent":["@import '../../mixins/box-sizing';\n\n@import '../../mixins/z-index';\n\n:host {\n  @include sdds-box-sizing;\n\n  color: var(--sdds-popover-canvas-color);\n  background-color: var(--sdds-popover-canvas-background);\n  box-shadow: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 10%);\n  border-radius: 4px;\n  z-index: z(tooltip);\n  display: none;\n}\n\n:host(.sdds-popover-canvas-show) {\n  display: block;\n}\n","import { Component, Host, Element, Listen, h, Prop, State, Watch } from '@stencil/core';\nimport { createPopper } from '@popperjs/core';\nimport type { Placement, Instance } from '@popperjs/core';\n\n@Component({\n  tag: 'sdds-popover-canvas',\n  styleUrl: 'popover-canvas.scss',\n  shadow: true,\n})\nexport class PopoverCanvas {\n  @Element() host!: HTMLSddsPopoverCanvasElement;\n\n  /** The CSS-selector for an element that will trigger the popover */\n  @Prop() selector: string = '';\n\n  /** Element that will trigger the popover (takes priority over selector) */\n  @Prop() referenceEl: HTMLElement;\n\n  /** Controls wether the popover is shown or not. If this is set hiding and showing\n   * will be decided by this prop and will need to be controlled from the outside.\n   */\n  @Prop() show: boolean = null;\n\n  /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */\n  @Prop() placement: Placement = 'auto';\n\n  /** Sets the offset skidding */\n  @Prop() offsetSkidding: number = 0;\n\n  /** Sets the offset distance */\n  @Prop() offsetDistance: number = 8;\n\n  /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */\n  @Prop() modifiers: Object[] = [];\n\n  @State() renderedShowValue: boolean = false;\n\n  @State() popperInstance: Instance;\n\n  @State() target: any;\n\n  @State() isShown: boolean = false;\n\n  @Watch('show')\n  onShowChange(newValue: boolean) {\n    this.isShown = newValue;\n  }\n\n  @Watch('referenceEl')\n  onReferenceElChange(newValue: HTMLElement, oldValue: HTMLElement) {\n    if (newValue !== oldValue) {\n      this.popperInstance?.destroy();\n\n      if (newValue) {\n        this.initialize(newValue);\n      }\n    }\n  }\n\n  @Listen('click', { target: 'window' })\n  onAnyClick(event: MouseEvent) {\n    if (this.isShown && this.show === null) {\n      // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/\n      const isClickOutside = !event.composedPath().includes(this.host as any);\n      if (isClickOutside) {\n        this.isShown = false;\n      }\n    }\n  }\n\n  initialize = (referenceEl) => {\n    this.popperInstance = createPopper(referenceEl, this.host, {\n      placement: this.placement,\n      modifiers: [\n        {\n          name: 'offset',\n          options: {\n            offset: [this.offsetSkidding, this.offsetDistance],\n          },\n        },\n        ...this.modifiers,\n      ],\n    });\n\n    if (this.show === null) {\n      referenceEl.addEventListener('click', (event) => {\n        event.stopPropagation();\n        if (this.isShown) {\n          this.isShown = false;\n        } else {\n          this.isShown = true;\n        }\n      });\n    }\n  };\n\n  connectedCallback() {\n    if (this.show !== null) {\n      this.isShown = this.show;\n    }\n  }\n\n  componentDidLoad() {\n    if (this.selector || this.referenceEl) {\n      const referenceEl = this.referenceEl ?? document.querySelector(this.selector);\n\n      if (referenceEl) {\n        this.initialize(referenceEl);\n      } else {\n        console.error(\n          `Could not initialize popover-canvas: element with selector '${this.selector}' not found.`,\n        );\n      }\n    }\n  }\n\n  componentDidRender() {\n    if (this.isShown && !this.renderedShowValue) {\n      // Here we update the popper position since its position is wrong\n      // before it is rendered.\n      this.popperInstance.update();\n    }\n    this.renderedShowValue = this.isShown;\n  }\n\n  disconnectedCallback() {\n    this.popperInstance?.destroy();\n  }\n\n  render() {\n    return (\n      <Host class={`sdds-popover-canvas ${this.isShown ? 'sdds-popover-canvas-show' : ''}`}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}