@scania/tegel 0.0.4 → 0.0.5

package/dist/esm/sdds-header-cell.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-96563708.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-fdfb114c.js';
 
 const tableHeaderCellCss = ":host(.sdds-table__header-cell){box-sizing:border-box;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);display:table-cell;text-align:left;color:var(--sdds-data-table-color);background-color:var(--sdds-data-table-header-background);border-bottom:1px solid var(--sdds-data-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.sdds-table__header-cell) *{box-sizing:border-box}:host(.sdds-table__header-cell) .sdds-table__header-text{padding:0 16px;margin:0}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button:focus{outline:2px solid var(--sdds-data-table-header-btn-focus);outline-offset:-2px}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button:focus .sdds-table__header-button-icon{opacity:1}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button .sdds-table__header-button-text{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);text-align:left;color:var(--sdds-data-table-header-btn-color)}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button .sdds-table__header-button-icon{flex:0 0 16px;height:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;fill:var(--sdds-data-table-color)}:host(.sdds-table__header-cell--sortable) .sdds-table__header-button:hover .sdds-table__header-button-icon{opacity:1}:host(.sdds-table__header-cell--right-align) .sdds-table__header-button{text-align:right;justify-content:end;flex-direction:row-reverse}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button{background-color:var(--sdds-data-table-header-btn-background)}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button:hover{background-color:var(--sdds-data-table-header-btn-background-hover)}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button .sdds-table__header-button-icon{opacity:1}:host(.sdds-table__header-cell--is-sorted) .sdds-table__header-button .sdds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.sdds-table--compact){height:33px}:host(.sdds-table--divider){border-right:1px solid var(--sdds-data-table-divider)}:host(.sdds-table--divider:last-of-type){border-right:none}:host(.sdds-table--no-min-width){min-width:unset}:host(.sdds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.sdds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.sdds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.sdds-table--toolbar-available){border-radius:0}:host(.sdds-table--extra-column.sdds-table--toolbar-available){border-radius:0}:host(.sdds-table__header-cell.sdds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.sdds-table__header-cell.sdds-table--toolbar-available:last-of-type){border-top-right-radius:0}";
 
@@ -12,9 +12,9 @@ const relevantTableProps = [
 const TableHeaderCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.sortColumnDataEvent = createEvent(this, "sortColumnDataEvent", 7);
-    this.textAlignEvent = createEvent(this, "textAlignEvent", 7);
-    this.headCellHoverEvent = createEvent(this, "headCellHoverEvent", 7);
+    this.sddsSortChange = createEvent(this, "sddsSortChange", 7);
+    this.internalSddsTextAlign = createEvent(this, "internalSddsTextAlign", 7);
+    this.internalSddsHover = createEvent(this, "internalSddsHover", 7);
     this.sortButtonClick = (key) => {
       // Toggling direction of sorting as we only use one button for sorting
       if (this.sortingDirection !== 'asc') {
@@ -26,7 +26,7 @@ const TableHeaderCell = class {
       // Setting to true we can set enable CSS class for "active" state of column
       this.sortedByMyKey = true;
       // Use array to send both key and sorting direction
-      this.sortColumnDataEvent.emit([this.tableId, key, this.sortingDirection]);
+      this.sddsSortChange.emit([this.tableId, key, this.sortingDirection]);
     };
     this.headerCellContent = () => {
       if (this.sortable && !this.disableSortingBtn) {
@@ -35,7 +35,7 @@ const TableHeaderCell = class {
       return (h("p", { class: "sdds-table__header-text", style: { textAlign: this.textAlignState } }, this.columnTitle));
     };
     this.onHeadCellHover = (key) => {
-      this.headCellHoverEvent.emit([this.tableId, key]);
+      this.internalSddsHover.emit([this.tableId, key]);
     };
     this.columnKey = undefined;
     this.columnTitle = undefined;
@@ -54,7 +54,7 @@ const TableHeaderCell = class {
     this.tableId = '';
     this.enableExpandableRows = false;
   }
-  tablePropsChangedEventListener(event) {
+  internalSddsPropChangeListener(event) {
     if (this.tableId === event.detail.tableId) {
       event.detail.changed
         .filter((changedProp) => relevantTableProps.includes(changedProp))
@@ -67,7 +67,7 @@ const TableHeaderCell = class {
     }
   }
   // Listen to parent data-table if sorting is allowed
-  sortingSwitcherEventListener(event) {
+  internalSddsSortingChangeListener(event) {
     const [receivedID, receivedSortingStatus] = event.detail;
     if (this.tableId === receivedID) {
       this.disableSortingBtn = receivedSortingStatus;
@@ -86,10 +86,6 @@ const TableHeaderCell = class {
       }
     }
   }
-  enableMultiselectEventListener(event) {
-    if (this.tableId === event.detail[0])
-      [, this.enableMultiselect] = event.detail;
-  }
   connectedCallback() {
     this.tableEl = this.host.closest('sdds-table');
     this.tableId = this.tableEl.tableId;
@@ -108,7 +104,7 @@ const TableHeaderCell = class {
       this.textAlignState = 'left';
     }
     // To enable body cells text align per rules set in head cell
-    this.textAlignEvent.emit([this.tableId, this.columnKey, this.textAlignState]);
+    this.internalSddsTextAlign.emit([this.tableId, this.columnKey, this.textAlignState]);
     this.enableToolbarDesign =
       this.host.closest('sdds-table').getElementsByTagName('sdds-table-toolbar').length >= 1;
   }

package/dist/esm/sdds-header-cell.entry.js.map

@@ -1 +1 @@
-{"file":"sdds-header-cell.entry.js","mappings":"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","names":[],"sources":["./src/components/data-table/table-header-cell/table-header-cell.scss?tag=sdds-header-cell&encapsulation=shadow","./src/components/data-table/table-header-cell/table-header-cell.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__header-cell) {\n  @include sdds-box-sizing;\n\n  font: var(--sdds-headline-07);\n  letter-spacing: var(--sdds-headline-07-ls);\n  display: table-cell;\n  text-align: left;\n  color: var(--sdds-data-table-color);\n  background-color: var(--sdds-data-table-header-background);\n  border-bottom: 1px solid var(--sdds-data-table-header-background-hover);\n  padding: 0;\n  height: 48px;\n  min-width: 192px;\n  box-sizing: border-box;\n  vertical-align: middle;\n  overflow: hidden;\n  transition: background-color 200ms ease;\n\n  .sdds-table__header-text {\n    padding: 0 16px;\n    margin: 0;\n  }\n}\n\n:host(.sdds-table__header-cell--sortable) {\n  .sdds-table__header-button {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    justify-content: start;\n    flex-direction: row;\n    width: 100%;\n    height: 100%;\n    padding: 0 16px;\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    transition: background-color 200ms ease;\n\n    &:focus {\n      outline: 2px solid var(--sdds-data-table-header-btn-focus);\n      outline-offset: -2px;\n\n      .sdds-table__header-button-icon {\n        opacity: 1;\n      }\n    }\n\n    .sdds-table__header-button-text {\n      font: var(--sdds-headline-07);\n      letter-spacing: var(--sdds-headline-07-ls);\n      text-align: left;\n      color: var(--sdds-data-table-header-btn-color);\n    }\n\n    .sdds-table__header-button-icon {\n      /* not to shrink on lot of text */\n      flex: 0 0 16px;\n      height: 16px;\n      opacity: 0;\n      transform-origin: center;\n      transition: opacity 200ms ease-in, transform 200ms ease;\n      fill: var(--sdds-data-table-color);\n    }\n\n    &:hover {\n      .sdds-table__header-button-icon {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n:host(.sdds-table__header-cell--right-align) {\n  .sdds-table__header-button {\n    text-align: right;\n    justify-content: end;\n    flex-direction: row-reverse;\n  }\n}\n\n:host(.sdds-table__header-cell--is-sorted) {\n  .sdds-table__header-button {\n    background-color: var(--sdds-data-table-header-btn-background);\n\n    &:hover {\n      background-color: var(--sdds-data-table-header-btn-background-hover);\n    }\n\n    .sdds-table__header-button-icon {\n      opacity: 1;\n    }\n\n    .sdds-table__header-button-icon--rotate {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n:host(.sdds-table--compact) {\n  height: 33px;\n}\n\n:host(.sdds-table--divider) {\n  border-right: 1px solid var(--sdds-data-table-divider);\n}\n\n:host(.sdds-table--divider:last-of-type) {\n  border-right: none;\n}\n\n:host(.sdds-table--no-min-width) {\n  min-width: unset;\n}\n\n// border-radius style control\n// it depends id multiselect si on or off, same for if toolbar is there or not\n:host(.sdds-table__header-cell:first-of-type) {\n  border-top-left-radius: 4px;\n}\n\n:host(.sdds-table__header-cell:last-of-type) {\n  border-top-right-radius: 4px;\n}\n\n:host(.sdds-table--extra-column:first-of-type) {\n  border-top-left-radius: 0;\n}\n\n:host(.sdds-table--toolbar-available) {\n  border-radius: 0;\n}\n\n:host(.sdds-table--extra-column.sdds-table--toolbar-available) {\n  border-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:first-of-type) {\n  border-top-left-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:last-of-type) {\n  border-top-right-radius: 0;\n}\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  Element,\n} from '@stencil/core';\nimport { TablePropsChangedEvent } from '../table/table';\n\nconst relevantTableProps: TablePropsChangedEvent['changed'] = [\n  'enableMultiselect',\n  'enableExpandableRows',\n  'compactDesign',\n  'noMinWidth',\n  'verticalDividers',\n];\n\n@Component({\n  tag: 'sdds-header-cell',\n  styleUrl: 'table-header-cell.scss',\n  shadow: true,\n})\nexport class TableHeaderCell {\n  /** Value of column key, usually comes from JSON, needed for sorting */\n  @Prop({ reflect: true }) columnKey: string;\n\n  /** Text that displays in column cell */\n  @Prop({ reflect: true }) columnTitle: string;\n\n  /** In case noMinWidth setting, user has to specify width value for each column, for example \"150px\" */\n  @Prop({ reflect: true }) customWidth: string;\n\n  /** If passed as prop, enables sorting on that column */\n  @Prop() sortable: boolean = false;\n\n  /** Setting for text align, default is left, but user can pass \"right\" as string - useful for numeric values */\n  @Prop({ reflect: true }) textAlign: string;\n\n  @State() textAlignState: string;\n\n  @State() sortingDirection: string = '';\n\n  @State() sortedByMyKey: boolean = false;\n\n  @State() disableSortingBtn: boolean = false;\n\n  @State() verticalDividers: boolean = false;\n\n  @State() compactDesign: boolean = false;\n\n  @State() noMinWidth: boolean = false;\n\n  @State() enableMultiselect: boolean = false;\n\n  @State() enableToolbarDesign: boolean = false;\n\n  @State() tableId: string = '';\n\n  @State() enableExpandableRows: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  tableEl: HTMLSddsTableElement;\n\n  /** Sends unique table identifier,column key and sorting direction to the sdds-table-body component */\n  @Event({\n    eventName: 'sortColumnDataEvent',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  sortColumnDataEvent: EventEmitter<any>;\n\n  /** Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */\n  @Event({\n    eventName: 'textAlignEvent',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  textAlignEvent: EventEmitter<any>;\n\n  /** Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */\n  @Event({\n    eventName: 'headCellHoverEvent',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  headCellHoverEvent: EventEmitter<any>;\n\n  @Listen('tablePropsChangedEvent', { target: 'body' })\n  tablePropsChangedEventListener(event: CustomEvent<TablePropsChangedEvent>) {\n    if (this.tableId === event.detail.tableId) {\n      event.detail.changed\n        .filter((changedProp) => relevantTableProps.includes(changedProp))\n        .forEach((changedProp) => {\n          if (typeof this[changedProp] === 'undefined') {\n            throw new Error(`Table prop is not supported: ${changedProp}`);\n          }\n          this[changedProp] = event.detail[changedProp];\n        });\n    }\n  }\n\n  // Listen to parent data-table if sorting is allowed\n  @Listen('sortingSwitcherEvent', { target: 'body' })\n  sortingSwitcherEventListener(event: CustomEvent<any>) {\n    const [receivedID, receivedSortingStatus] = event.detail;\n    if (this.tableId === receivedID) {\n      this.disableSortingBtn = receivedSortingStatus;\n    }\n  }\n\n  // target is set to body so other instances of same component \"listen\" and react to the change\n  @Listen('sortColumnDataEvent', { target: 'body' })\n  updateOptionsContent(event: CustomEvent<any>) {\n    if (this.tableId === event.detail[0]) {\n      // grab only value at position 1 as it is the \"key\"\n      if (this.columnKey !== event.detail[1]) {\n        this.sortedByMyKey = false;\n        // To sync with CSS transition timing\n        setTimeout(() => {\n          this.sortingDirection = '';\n        }, 200);\n      }\n    }\n  }\n\n  @Listen('enableMultiselectEvent', { target: 'body' })\n  enableMultiselectEventListener(event: CustomEvent<any>) {\n    if (this.tableId === event.detail[0]) [, this.enableMultiselect] = event.detail;\n  }\n\n  connectedCallback() {\n    this.tableEl = this.host.closest('sdds-table');\n    this.tableId = this.tableEl.tableId;\n  }\n\n  componentWillLoad() {\n    relevantTableProps.forEach((tablePropName) => {\n      this[tablePropName] = this.tableEl[tablePropName];\n    });\n  }\n\n  componentWillRender() {\n    // enable only right or left text align\n    if (this.textAlign === 'right' || this.textAlign === 'end') {\n      this.textAlignState = 'right';\n    } else {\n      this.textAlignState = 'left';\n    }\n    // To enable body cells text align per rules set in head cell\n    this.textAlignEvent.emit([this.tableId, this.columnKey, this.textAlignState]);\n\n    this.enableToolbarDesign =\n      this.host.closest('sdds-table').getElementsByTagName('sdds-table-toolbar').length >= 1;\n  }\n\n  sortButtonClick = (key) => {\n    // Toggling direction of sorting as we only use one button for sorting\n    if (this.sortingDirection !== 'asc') {\n      this.sortingDirection = 'asc';\n    } else {\n      this.sortingDirection = 'desc';\n    }\n    // Setting to true we can set enable CSS class for \"active\" state of column\n    this.sortedByMyKey = true;\n    // Use array to send both key and sorting direction\n    this.sortColumnDataEvent.emit([this.tableId, key, this.sortingDirection]);\n  };\n\n  headerCellContent = () => {\n    if (this.sortable && !this.disableSortingBtn) {\n      return (\n        <button\n          class=\"sdds-table__header-button\"\n          onClick={() => this.sortButtonClick(this.columnKey)}\n        >\n          <span class=\"sdds-table__header-button-text\" style={{ textAlign: this.textAlignState }}>\n            {this.columnTitle}\n          </span>\n\n          {this.sortingDirection === '' && (\n            <svg\n              class=\"sdds-table__header-button-icon\"\n              fill=\"currentColor\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 12 15\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z\"\n              />\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z\"\n              />\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z\"\n              />\n            </svg>\n          )}\n          {/* First icon is arrow down as first set direction is ascending, clicking it again rotates the icon as we set descending order */}\n          {this.sortingDirection !== '' && (\n            <svg\n              class={`sdds-table__header-button-icon ${\n                this.sortingDirection === 'desc' ? 'sdds-table__header-button-icon--rotate' : ''\n              }`}\n              fill=\"currentColor\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 32 32\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z\"\n              />\n            </svg>\n          )}\n        </button>\n      );\n    }\n    return (\n      <p class=\"sdds-table__header-text\" style={{ textAlign: this.textAlignState }}>\n        {this.columnTitle}\n      </p>\n    );\n  };\n\n  onHeadCellHover = (key) => {\n    this.headCellHoverEvent.emit([this.tableId, key]);\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          'sdds-table__header-cell': true,\n          'sdds-table__header-cell--sortable': this.sortable,\n          'sdds-table__header-cell--is-sorted': this.sortedByMyKey,\n          'sdds-table__header-cell--custom-width': this.customWidth !== '',\n          'sdds-table__header-cell--right-align': this.textAlignState === 'right',\n          'sdds-table--compact': this.compactDesign,\n          'sdds-table--divider': this.verticalDividers,\n          'sdds-table--no-min-width': this.noMinWidth,\n          'sdds-table--extra-column': this.enableMultiselect || this.enableExpandableRows,\n          'sdds-table--toolbar-available': this.enableToolbarDesign,\n        }}\n        style={{ width: this.customWidth }}\n        // Calling actions from here to enable hover functionality for both sortable and un-sortable tables\n        onMouseOver={() => this.onHeadCellHover(this.columnKey)}\n        onMouseLeave={() => this.onHeadCellHover('')}\n      >\n        {this.headerCellContent()}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"sdds-header-cell.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4nGAA4nG;;ACavpG,MAAM,kBAAkB,GAA2C;EACjE,mBAAmB;EACnB,sBAAsB;EACtB,eAAe;EACf,YAAY;EACZ,kBAAkB;CACnB,CAAC;MAOW,eAAe;;;;;;IAoI1B,oBAAe,GAAG,CAAC,GAAG;;MAEpB,IAAI,IAAI,CAAC,gBAAgB,KAAK,KAAK,EAAE;QACnC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;OAC/B;WAAM;QACL,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC;OAChC;;MAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;;MAE1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACtE,CAAC;IAEF,sBAAiB,GAAG;MAClB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;QAC5C,QACE,cACE,KAAK,EAAC,2BAA2B,EACjC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAEnD,YAAM,KAAK,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IACnF,IAAI,CAAC,WAAW,CACZ,EAEN,IAAI,CAAC,gBAAgB,KAAK,EAAE,KAC3B,WACE,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,IAEnB,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,0CAA0C,GAC5C,EACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,kLAAkL,GACpL,EACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,2IAA2I,GAC7I,CACE,CACP,EAEA,IAAI,CAAC,gBAAgB,KAAK,EAAE,KAC3B,WACE,KAAK,EAAE,kCACL,IAAI,CAAC,gBAAgB,KAAK,MAAM,GAAG,wCAAwC,GAAG,EAChF,EAAE,EACF,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,IAEnB,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,sJAAsJ,GACxJ,CACE,CACP,CACM,EACT;OACH;MACD,QACE,SAAG,KAAK,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IACzE,IAAI,CAAC,WAAW,CACf,EACJ;KACH,CAAC;IAEF,oBAAe,GAAG,CAAC,GAAG;MACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;KAClD,CAAC;;;;oBAtM0B,KAAK;;;4BAOG,EAAE;yBAEJ,KAAK;6BAED,KAAK;4BAEN,KAAK;yBAER,KAAK;sBAER,KAAK;6BAEE,KAAK;+BAEH,KAAK;mBAElB,EAAE;gCAEY,KAAK;;EAkC9C,8BAA8B,CAAC,KAA+C;IAC5E,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;MACzC,KAAK,CAAC,MAAM,CAAC,OAAO;SACjB,MAAM,CAAC,CAAC,WAAW,KAAK,kBAAkB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;SACjE,OAAO,CAAC,CAAC,WAAW;QACnB,IAAI,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,WAAW,EAAE;UAC5C,MAAM,IAAI,KAAK,CAAC,gCAAgC,WAAW,EAAE,CAAC,CAAC;SAChE;QACD,IAAI,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;OAC/C,CAAC,CAAC;KACN;GACF;;EAID,iCAAiC,CAAC,KAAuB;IACvD,MAAM,CAAC,UAAU,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IACzD,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;MAC/B,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,CAAC;KAChD;GACF;;EAID,oBAAoB,CAAC,KAAuB;IAC1C,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;;MAEpC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QACtC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;;QAE3B,UAAU,CAAC;UACT,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;SAC5B,EAAE,GAAG,CAAC,CAAC;OACT;KACF;GACF;EAED,iBAAiB;IACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;GACrC;EAED,iBAAiB;IACf,kBAAkB,CAAC,OAAO,CAAC,CAAC,aAAa;MACvC,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;KACnD,CAAC,CAAC;GACJ;EAED,mBAAmB;;IAEjB,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE;MAC1D,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;KAC/B;SAAM;MACL,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;KAC9B;;IAED,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IAErF,IAAI,CAAC,mBAAmB;MACtB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC;GAC1F;EAiFD,MAAM;IACJ,QACE,EAAC,IAAI,IACH,KAAK,EAAE;QACL,yBAAyB,EAAE,IAAI;QAC/B,mCAAmC,EAAE,IAAI,CAAC,QAAQ;QAClD,oCAAoC,EAAE,IAAI,CAAC,aAAa;QACxD,uCAAuC,EAAE,IAAI,CAAC,WAAW,KAAK,EAAE;QAChE,sCAAsC,EAAE,IAAI,CAAC,cAAc,KAAK,OAAO;QACvE,qBAAqB,EAAE,IAAI,CAAC,aAAa;QACzC,qBAAqB,EAAE,IAAI,CAAC,gBAAgB;QAC5C,0BAA0B,EAAE,IAAI,CAAC,UAAU;QAC3C,0BAA0B,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,oBAAoB;QAC/E,+BAA+B,EAAE,IAAI,CAAC,mBAAmB;OAC1D,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE;;MAElC,WAAW,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,EACvD,YAAY,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,IAE3C,IAAI,CAAC,iBAAiB,EAAE,CACpB,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/data-table/table-header-cell/table-header-cell.scss?tag=sdds-header-cell&encapsulation=shadow","./src/components/data-table/table-header-cell/table-header-cell.tsx"],"sourcesContent":["@import '../../../mixins/box-sizing';\n\n:host(.sdds-table__header-cell) {\n  @include sdds-box-sizing;\n\n  font: var(--sdds-headline-07);\n  letter-spacing: var(--sdds-headline-07-ls);\n  display: table-cell;\n  text-align: left;\n  color: var(--sdds-data-table-color);\n  background-color: var(--sdds-data-table-header-background);\n  border-bottom: 1px solid var(--sdds-data-table-header-background-hover);\n  padding: 0;\n  height: 48px;\n  min-width: 192px;\n  box-sizing: border-box;\n  vertical-align: middle;\n  overflow: hidden;\n  transition: background-color 200ms ease;\n\n  .sdds-table__header-text {\n    padding: 0 16px;\n    margin: 0;\n  }\n}\n\n:host(.sdds-table__header-cell--sortable) {\n  .sdds-table__header-button {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    justify-content: start;\n    flex-direction: row;\n    width: 100%;\n    height: 100%;\n    padding: 0 16px;\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    transition: background-color 200ms ease;\n\n    &:focus {\n      outline: 2px solid var(--sdds-data-table-header-btn-focus);\n      outline-offset: -2px;\n\n      .sdds-table__header-button-icon {\n        opacity: 1;\n      }\n    }\n\n    .sdds-table__header-button-text {\n      font: var(--sdds-headline-07);\n      letter-spacing: var(--sdds-headline-07-ls);\n      text-align: left;\n      color: var(--sdds-data-table-header-btn-color);\n    }\n\n    .sdds-table__header-button-icon {\n      /* not to shrink on lot of text */\n      flex: 0 0 16px;\n      height: 16px;\n      opacity: 0;\n      transform-origin: center;\n      transition: opacity 200ms ease-in, transform 200ms ease;\n      fill: var(--sdds-data-table-color);\n    }\n\n    &:hover {\n      .sdds-table__header-button-icon {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n:host(.sdds-table__header-cell--right-align) {\n  .sdds-table__header-button {\n    text-align: right;\n    justify-content: end;\n    flex-direction: row-reverse;\n  }\n}\n\n:host(.sdds-table__header-cell--is-sorted) {\n  .sdds-table__header-button {\n    background-color: var(--sdds-data-table-header-btn-background);\n\n    &:hover {\n      background-color: var(--sdds-data-table-header-btn-background-hover);\n    }\n\n    .sdds-table__header-button-icon {\n      opacity: 1;\n    }\n\n    .sdds-table__header-button-icon--rotate {\n      transform: rotate(180deg);\n    }\n  }\n}\n\n:host(.sdds-table--compact) {\n  height: 33px;\n}\n\n:host(.sdds-table--divider) {\n  border-right: 1px solid var(--sdds-data-table-divider);\n}\n\n:host(.sdds-table--divider:last-of-type) {\n  border-right: none;\n}\n\n:host(.sdds-table--no-min-width) {\n  min-width: unset;\n}\n\n// border-radius style control\n// it depends id multiselect si on or off, same for if toolbar is there or not\n:host(.sdds-table__header-cell:first-of-type) {\n  border-top-left-radius: 4px;\n}\n\n:host(.sdds-table__header-cell:last-of-type) {\n  border-top-right-radius: 4px;\n}\n\n:host(.sdds-table--extra-column:first-of-type) {\n  border-top-left-radius: 0;\n}\n\n:host(.sdds-table--toolbar-available) {\n  border-radius: 0;\n}\n\n:host(.sdds-table--extra-column.sdds-table--toolbar-available) {\n  border-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:first-of-type) {\n  border-top-left-radius: 0;\n}\n\n:host(.sdds-table__header-cell.sdds-table--toolbar-available:last-of-type) {\n  border-top-right-radius: 0;\n}\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  Element,\n} from '@stencil/core';\nimport { InternalSddsTablePropChange } from '../table/table';\n\nconst relevantTableProps: InternalSddsTablePropChange['changed'] = [\n  'enableMultiselect',\n  'enableExpandableRows',\n  'compactDesign',\n  'noMinWidth',\n  'verticalDividers',\n];\n\n@Component({\n  tag: 'sdds-header-cell',\n  styleUrl: 'table-header-cell.scss',\n  shadow: true,\n})\nexport class TableHeaderCell {\n  /** Value of column key, usually comes from JSON, needed for sorting */\n  @Prop({ reflect: true }) columnKey: string;\n\n  /** Text that displays in column cell */\n  @Prop({ reflect: true }) columnTitle: string;\n\n  /** In case noMinWidth setting, user has to specify width value for each column, for example \"150px\" */\n  @Prop({ reflect: true }) customWidth: string;\n\n  /** If passed as prop, enables sorting on that column */\n  @Prop() sortable: boolean = false;\n\n  /** Setting for text align, default is left, but user can pass \"right\" as string - useful for numeric values */\n  @Prop({ reflect: true }) textAlign: string;\n\n  @State() textAlignState: string;\n\n  @State() sortingDirection: string = '';\n\n  @State() sortedByMyKey: boolean = false;\n\n  @State() disableSortingBtn: boolean = false;\n\n  @State() verticalDividers: boolean = false;\n\n  @State() compactDesign: boolean = false;\n\n  @State() noMinWidth: boolean = false;\n\n  @State() enableMultiselect: boolean = false;\n\n  @State() enableToolbarDesign: boolean = false;\n\n  @State() tableId: string = '';\n\n  @State() enableExpandableRows: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  tableEl: HTMLSddsTableElement;\n\n  /** Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic. */\n  @Event({\n    eventName: 'sddsSortChange',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  sddsSortChange: EventEmitter<any>;\n\n  /** @internal Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */\n  @Event({\n    eventName: 'internalSddsTextAlign',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  internalSddsTextAlign: EventEmitter<any>;\n\n  /** @internal Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */\n  @Event({\n    eventName: 'internalSddsHover',\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  internalSddsHover: EventEmitter<any>;\n\n  @Listen('internalSddsPropChange', { target: 'body' })\n  internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>) {\n    if (this.tableId === event.detail.tableId) {\n      event.detail.changed\n        .filter((changedProp) => relevantTableProps.includes(changedProp))\n        .forEach((changedProp) => {\n          if (typeof this[changedProp] === 'undefined') {\n            throw new Error(`Table prop is not supported: ${changedProp}`);\n          }\n          this[changedProp] = event.detail[changedProp];\n        });\n    }\n  }\n\n  // Listen to parent data-table if sorting is allowed\n  @Listen('internalSddsSortingChange', { target: 'body' })\n  internalSddsSortingChangeListener(event: CustomEvent<any>) {\n    const [receivedID, receivedSortingStatus] = event.detail;\n    if (this.tableId === receivedID) {\n      this.disableSortingBtn = receivedSortingStatus;\n    }\n  }\n\n  // target is set to body so other instances of same component \"listen\" and react to the change\n  @Listen('sddsSortChange', { target: 'body' })\n  updateOptionsContent(event: CustomEvent<any>) {\n    if (this.tableId === event.detail[0]) {\n      // grab only value at position 1 as it is the \"key\"\n      if (this.columnKey !== event.detail[1]) {\n        this.sortedByMyKey = false;\n        // To sync with CSS transition timing\n        setTimeout(() => {\n          this.sortingDirection = '';\n        }, 200);\n      }\n    }\n  }\n\n  connectedCallback() {\n    this.tableEl = this.host.closest('sdds-table');\n    this.tableId = this.tableEl.tableId;\n  }\n\n  componentWillLoad() {\n    relevantTableProps.forEach((tablePropName) => {\n      this[tablePropName] = this.tableEl[tablePropName];\n    });\n  }\n\n  componentWillRender() {\n    // enable only right or left text align\n    if (this.textAlign === 'right' || this.textAlign === 'end') {\n      this.textAlignState = 'right';\n    } else {\n      this.textAlignState = 'left';\n    }\n    // To enable body cells text align per rules set in head cell\n    this.internalSddsTextAlign.emit([this.tableId, this.columnKey, this.textAlignState]);\n\n    this.enableToolbarDesign =\n      this.host.closest('sdds-table').getElementsByTagName('sdds-table-toolbar').length >= 1;\n  }\n\n  sortButtonClick = (key) => {\n    // Toggling direction of sorting as we only use one button for sorting\n    if (this.sortingDirection !== 'asc') {\n      this.sortingDirection = 'asc';\n    } else {\n      this.sortingDirection = 'desc';\n    }\n    // Setting to true we can set enable CSS class for \"active\" state of column\n    this.sortedByMyKey = true;\n    // Use array to send both key and sorting direction\n    this.sddsSortChange.emit([this.tableId, key, this.sortingDirection]);\n  };\n\n  headerCellContent = () => {\n    if (this.sortable && !this.disableSortingBtn) {\n      return (\n        <button\n          class=\"sdds-table__header-button\"\n          onClick={() => this.sortButtonClick(this.columnKey)}\n        >\n          <span class=\"sdds-table__header-button-text\" style={{ textAlign: this.textAlignState }}>\n            {this.columnTitle}\n          </span>\n\n          {this.sortingDirection === '' && (\n            <svg\n              class=\"sdds-table__header-button-icon\"\n              fill=\"currentColor\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 12 15\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z\"\n              />\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z\"\n              />\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z\"\n              />\n            </svg>\n          )}\n          {/* First icon is arrow down as first set direction is ascending, clicking it again rotates the icon as we set descending order */}\n          {this.sortingDirection !== '' && (\n            <svg\n              class={`sdds-table__header-button-icon ${\n                this.sortingDirection === 'desc' ? 'sdds-table__header-button-icon--rotate' : ''\n              }`}\n              fill=\"currentColor\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 32 32\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z\"\n              />\n            </svg>\n          )}\n        </button>\n      );\n    }\n    return (\n      <p class=\"sdds-table__header-text\" style={{ textAlign: this.textAlignState }}>\n        {this.columnTitle}\n      </p>\n    );\n  };\n\n  onHeadCellHover = (key) => {\n    this.internalSddsHover.emit([this.tableId, key]);\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          'sdds-table__header-cell': true,\n          'sdds-table__header-cell--sortable': this.sortable,\n          'sdds-table__header-cell--is-sorted': this.sortedByMyKey,\n          'sdds-table__header-cell--custom-width': this.customWidth !== '',\n          'sdds-table__header-cell--right-align': this.textAlignState === 'right',\n          'sdds-table--compact': this.compactDesign,\n          'sdds-table--divider': this.verticalDividers,\n          'sdds-table--no-min-width': this.noMinWidth,\n          'sdds-table--extra-column': this.enableMultiselect || this.enableExpandableRows,\n          'sdds-table--toolbar-available': this.enableToolbarDesign,\n        }}\n        style={{ width: this.customWidth }}\n        // Calling actions from here to enable hover functionality for both sortable and un-sortable tables\n        onMouseOver={() => this.onHeadCellHover(this.columnKey)}\n        onMouseLeave={() => this.onHeadCellHover('')}\n      >\n        {this.headerCellContent()}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/sdds-icon.entry.js

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

package/dist/esm/sdds-inline-tabs-button.entry.js

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

package/dist/esm/sdds-inline-tabs-button.entry.js.map

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

package/dist/esm/sdds-inline-tabs-link.entry.js

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

package/dist/esm/sdds-inline-tabs-link.entry.js.map

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