@scania/tegel 0.0.52 → 0.0.71-beta

package/dist/collection/components/data-table/table-header/table-header.js

@@ -81,7 +81,7 @@ export class TableHeaderRow {
         'sdds-table--compact': this.compactDesign,
         'sdds-table--divider': this.verticalDividers,
         'sdds-table--toolbar-available': this.enableToolbarDesign,
-      } }, h("tr", null, this.enableMultiselect && (h("th", { class: "sdds-table__header-cell sdds-table__header-cell--checkbox" }, h("div", { class: "sdds-checkbox-item" }, h("label", { class: "sdds-form-label sdds-form-label--data-table" }, h("input", { class: "sdds-form-input", type: "checkbox", onChange: (e) => this.headCheckBoxClicked(e), checked: this.mainCheckboxSelected }))))), this.enableExpandableRows && (h("th", { class: "sdds-table__header-cell sdds-table__header-cell--checkbox" })), h("slot", null))));
+      } }, h("tr", null, this.enableMultiselect && (h("th", { class: "sdds-table__header-cell sdds-table__header-cell--checkbox" }, h("div", { class: "sdds-form-label sdds-form-label--data-table" }, h("sdds-checkbox", { checked: this.mainCheckboxSelected, onSddsChange: (event) => this.headCheckBoxClicked(event) })))), this.enableExpandableRows && (h("th", { class: "sdds-table__header-cell sdds-table__header-cell--checkbox" })), h("slot", null))));
   }
   static get is() { return "sdds-table-header"; }
   static get encapsulation() { return "shadow"; }
@@ -114,7 +114,7 @@ export class TableHeaderRow {
         "method": "internalSddsMainCheckboxSelect",
         "name": "internalSddsMainCheckboxSelect",
         "bubbles": true,
-        "cancelable": true,
+        "cancelable": false,
         "composed": true,
         "docs": {
           "tags": [{
@@ -153,4 +153,3 @@ export class TableHeaderRow {
       }];
   }
 }
-//# sourceMappingURL=table-header.js.map

package/dist/collection/components/data-table/table-header-cell/table-header-cell.js

@@ -8,7 +8,7 @@ const relevantTableProps = [
 ];
 export class TableHeaderCell {
   constructor() {
-    this.sortButtonClick = (key) => {
+    this.sortButtonClick = () => {
       // Toggling direction of sorting as we only use one button for sorting
       if (this.sortingDirection !== 'asc') {
         this.sortingDirection = 'asc';
@@ -18,17 +18,41 @@ export class TableHeaderCell {
       }
       // 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.sddsSortChange.emit([this.tableId, key, this.sortingDirection]);
+      /* Emit sort event */
+      const sddsSortEvent = this.sddsSortChange.emit({
+        tableId: this.tableId,
+        columnKey: this.columnKey,
+        sortingDirection: this.sortingDirection,
+      });
+      /**
+       * Emits sortButtonClicked event which is listened to by all the header-cells.
+       * This resets the sorting button in the header-cell that was not clicked.
+       */
+      this.internalSortButtonClicked.emit({
+        tableId: this.tableId,
+        key: this.columnKey,
+      });
+      /* If the user has not prevented the sort event. */
+      if (!sddsSortEvent.defaultPrevented) {
+        /* Emit internal sort event, which is listened to in table-body <- this does the actual sorting.  */
+        this.internalSddsSortChange.emit({
+          tableId: this.tableId,
+          columnKey: this.columnKey,
+          sortingDirection: this.sortingDirection,
+        });
+      }
     };
     this.headerCellContent = () => {
       if (this.sortable && !this.disableSortingBtn) {
-        return (h("button", { class: "sdds-table__header-button", onClick: () => this.sortButtonClick(this.columnKey) }, h("span", { class: "sdds-table__header-button-text", style: { textAlign: this.textAlignState } }, this.columnTitle), this.sortingDirection === '' && (h("svg", { class: "sdds-table__header-button-icon", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 15" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z" }))), this.sortingDirection !== '' && (h("svg", { class: `sdds-table__header-button-icon ${this.sortingDirection === 'desc' ? 'sdds-table__header-button-icon--rotate' : ''}`, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z" })))));
+        return (h("button", { class: "sdds-table__header-button", onClick: () => this.sortButtonClick() }, h("span", { class: "sdds-table__header-button-text", style: { textAlign: this.textAlignState } }, this.columnTitle), this.sortingDirection === null && (h("svg", { class: "sdds-table__header-button-icon", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 15" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z" }))), this.sortingDirection && (h("svg", { class: `sdds-table__header-button-icon ${this.sortingDirection === 'desc' ? 'sdds-table__header-button-icon--rotate' : ''}`, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z" })))));
       }
       return (h("p", { class: "sdds-table__header-text", style: { textAlign: this.textAlignState } }, this.columnTitle));
     };
     this.onHeadCellHover = (key) => {
-      this.internalSddsHover.emit([this.tableId, key]);
+      this.internalSddsHover.emit({
+        tableId: this.tableId,
+        key,
+      });
     };
     this.columnKey = undefined;
     this.columnTitle = undefined;
@@ -36,7 +60,7 @@ export class TableHeaderCell {
     this.sortable = false;
     this.textAlign = undefined;
     this.textAlignState = undefined;
-    this.sortingDirection = '';
+    this.sortingDirection = 'asc';
     this.sortedByMyKey = false;
     this.disableSortingBtn = false;
     this.verticalDividers = false;
@@ -66,15 +90,14 @@ export class TableHeaderCell {
       this.disableSortingBtn = receivedSortingStatus;
     }
   }
-  // target is set to body so other instances of same component "listen" and react to the change
   updateOptionsContent(event) {
-    if (this.tableId === event.detail[0]) {
-      // grab only value at position 1 as it is the "key"
-      if (this.columnKey !== event.detail[1]) {
+    const { tableId, key } = event.detail;
+    if (this.tableId === tableId) {
+      if (this.columnKey !== key) {
         this.sortedByMyKey = false;
         // To sync with CSS transition timing
         setTimeout(() => {
-          this.sortingDirection = '';
+          this.sortingDirection = null;
         }, 200);
       }
     }
@@ -246,15 +269,51 @@ export class TableHeaderCell {
           "text": "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."
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
+          "original": "{\n    tableId: string;\n    columnKey: string;\n    sortingDirection: 'asc' | 'desc';\n  }",
+          "resolved": "{ tableId: string; columnKey: string; sortingDirection: \"desc\" | \"asc\"; }",
+          "references": {}
+        }
+      }, {
+        "method": "internalSortButtonClicked",
+        "name": "internalSortButtonClicked",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "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."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    tableId: string;\n    key: string;\n  }",
+          "resolved": "{ tableId: string; key: string; }",
+          "references": {}
+        }
+      }, {
+        "method": "internalSddsSortChange",
+        "name": "internalSddsSortChange",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "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."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    tableId: string;\n    columnKey: string;\n    sortingDirection: 'asc' | 'desc';\n  }",
+          "resolved": "{ tableId: string; columnKey: string; sortingDirection: \"desc\" | \"asc\"; }",
           "references": {}
         }
       }, {
         "method": "internalSddsTextAlign",
         "name": "internalSddsTextAlign",
         "bubbles": true,
-        "cancelable": true,
+        "cancelable": false,
         "composed": true,
         "docs": {
           "tags": [{
@@ -272,7 +331,7 @@ export class TableHeaderCell {
         "method": "internalSddsHover",
         "name": "internalSddsHover",
         "bubbles": true,
-        "cancelable": true,
+        "cancelable": false,
         "composed": true,
         "docs": {
           "tags": [{
@@ -282,8 +341,8 @@ export class TableHeaderCell {
           "text": ""
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
+          "original": "{\n    tableId: string;\n    key: string;\n  }",
+          "resolved": "{ tableId: string; key: string; }",
           "references": {}
         }
       }];
@@ -303,7 +362,7 @@ export class TableHeaderCell {
         "capture": false,
         "passive": false
       }, {
-        "name": "sddsSortChange",
+        "name": "internalSortButtonClicked",
         "method": "updateOptionsContent",
         "target": "body",
         "capture": false,
@@ -311,4 +370,3 @@ export class TableHeaderCell {
       }];
   }
 }
-//# sourceMappingURL=table-header-cell.js.map

package/dist/collection/components/data-table/table-toolbar/table-toolbar.js

@@ -38,7 +38,16 @@ export class TableToolbar {
   searchFunction(event) {
     const searchTerm = event.currentTarget.value.toLowerCase();
     const sddsTableSearchBar = event.currentTarget.parentElement;
-    this.sddsFilter.emit([this.tableId, searchTerm]);
+    const sddsFilterEvent = this.sddsFilterChange.emit({
+      tableId: this.tableId,
+      query: searchTerm,
+    });
+    if (!sddsFilterEvent.defaultPrevented) {
+      this.internalSddsFilter.emit({
+        tableId: this.tableId,
+        query: searchTerm,
+      });
+    }
     if (searchTerm.length > 0) {
       sddsTableSearchBar.classList.add('sdds-table__searchbar--active');
     }
@@ -112,8 +121,8 @@ export class TableToolbar {
   }
   static get events() {
     return [{
-        "method": "sddsFilter",
-        "name": "sddsFilter",
+        "method": "sddsFilterChange",
+        "name": "sddsFilterChange",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
@@ -122,8 +131,26 @@ export class TableToolbar {
           "text": "Used for sending users input to main parent <sdds-table> component, can also be listened to in order to implement custom sorting logic."
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
+          "original": "{\n    tableId: string;\n    query: string;\n  }",
+          "resolved": "{ tableId: string; query: string; }",
+          "references": {}
+        }
+      }, {
+        "method": "internalSddsFilter",
+        "name": "internalSddsFilter",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "Internal event to notify sdds-table-body that a filter/search has been made."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\n    tableId: string;\n    query: string;\n  }",
+          "resolved": "{ tableId: string; query: string; }",
           "references": {}
         }
       }];
@@ -139,4 +166,3 @@ export class TableToolbar {
       }];
   }
 }
-//# sourceMappingURL=table-toolbar.js.map

package/dist/collection/components/datetime/datetime.css

@@ -182,6 +182,7 @@
 .sdds-form-datetime {
   display: block;
   min-width: 208px;
+  background: unset;
 }
 .sdds-form-datetime-nomin {
   min-width: auto;
@@ -320,8 +321,8 @@
 .sdds-form-datetime-disabled .sdds-datetime-container {
   border-bottom-color: transparent;
 }
-.sdds-form-datetime-disabled .datetime-icon svg path {
-  fill: var(--sdds-datetime-icon-disabled);
+.sdds-form-datetime-disabled .datetime-icon sdds-icon {
+  color: var(--sdds-datetime-icon-disabled);
 }
 .sdds-form-datetime-disabled .sdds-datetime-label {
   color: var(--sdds-datetime-label-disabled);
@@ -345,8 +346,8 @@
 .sdds-form-datetime-error .sdds-datetime-bar::before, .sdds-form-datetime-error .sdds-datetime-bar::after {
   background: var(--sdds-datetime-bar-error);
 }
-.sdds-form-datetime-error .datetime-icon path {
-  fill: var(--sdds-datetime-icon-error);
+.sdds-form-datetime-error .datetime-icon sdds-icon {
+  color: var(--sdds-datetime-icon-error);
 }
 
 .sdds-datetime-textcounter {

package/dist/collection/components/datetime/datetime.js

@@ -85,10 +85,10 @@ export class Datetime {
         ? `sdds-form-datetime-${this.state}`
         : ''}
         ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}
-        ` }, this.label && (h("label", { htmlFor: this.name, class: "sdds-datetime-label" }, this.label)), h("div", { onClick: (e) => this.handleFocusClick(e), class: "sdds-datetime-container sdds-datetime-container" }, h("div", { class: "sdds-datetime-input-container" }, h("input", { ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { class: "datetime-icon icon-datetime-local" }, h("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M23.625 2.977a1 1 0 1 0-2 0v2.985l-11.344.01V2.99a1 1 0 1 0-2 0v2.985H6.25a4.2 4.2 0 0 0-4.2 4.2V25.77a4.2 4.2 0 0 0 4.2 4.2h19.54a4.2 4.2 0 0 0 4.2-4.2V10.167a4.2 4.2 0 0 0-4.191-4.2l-2.174-.004V2.977ZM4.05 10.174a2.2 2.2 0 0 1 2.2-2.2l16.376-.013 3.17.006a2.2 2.2 0 0 1 2.195 2.2v1.847H4.05l-.001-1.84Zm0 3.84V25.77a2.2 2.2 0 0 0 2.2 2.2h19.54a2.2 2.2 0 0 0 2.2-2.2V14.014H4.05Z", fill: "currentColor" }))), h("div", { class: "datetime-icon icon-time" }, h("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { d: "M17 7a1 1 0 1 0-2 0v8a2 2 0 0 0 2 2h6a1 1 0 1 0 0-2h-6V7Z", fill: "currentColor" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2ZM4 16C4 9.373 9.373 4 16 4s12 5.373 12 12-5.373 12-12 12S4 22.627 4 16Z", fill: "currentColor" })))), h("div", { class: "sdds-datetime-bar" })), h("div", { class: "sdds-datetime-helper" }, this.helper && (h("div", { class: "sdds-helper" }, this.state === 'error' && h("sdds-icon", { name: "error", size: "16px" }), this.helper)))));
+        ` }, this.label && (h("label", { htmlFor: this.name, class: "sdds-datetime-label" }, this.label)), h("div", { onClick: (e) => this.handleFocusClick(e), class: "sdds-datetime-container sdds-datetime-container" }, h("div", { class: "sdds-datetime-input-container" }, h("input", { ref: (inputEl) => (this.textInput = inputEl), class: className, type: this.type, disabled: this.disabled, value: this.value, autofocus: this.autofocus, name: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { class: "datetime-icon icon-datetime-local" }, h("sdds-icon", { size: "20px", name: "calendar" })), h("div", { class: "datetime-icon icon-time" }, h("sdds-icon", { size: "20px", name: "clock" }))), h("div", { class: "sdds-datetime-bar" })), h("div", { class: "sdds-datetime-helper" }, this.helper && (h("div", { class: "sdds-helper" }, this.state === 'error' && h("sdds-icon", { name: "error", size: "16px" }), this.helper)))));
   }
   static get is() { return "sdds-datetime"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
       "$": ["datetime.scss"]
@@ -328,7 +328,7 @@ export class Datetime {
         "method": "sddsChange",
         "name": "sddsChange",
         "bubbles": true,
-        "cancelable": true,
+        "cancelable": false,
         "composed": true,
         "docs": {
           "tags": [],
@@ -395,4 +395,3 @@ export class Datetime {
       }];
   }
 }
-//# sourceMappingURL=datetime.js.map

package/dist/collection/components/divider/divider.js

@@ -41,4 +41,3 @@ export class Divider {
     };
   }
 }
-//# sourceMappingURL=divider.js.map

package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.js

@@ -10,6 +10,7 @@ export class DropdownFilter {
     this.placeholder = '';
     this.label = undefined;
     this.defaultOption = undefined;
+    this.openDirection = 'auto';
     this.selectedOption = undefined;
     this.disabled = false;
     this.size = 'lg';
@@ -76,7 +77,7 @@ export class DropdownFilter {
   render() {
     return (h(Host, { "selected-value": this.selectedValue, "selected-text": this.selectedLabel, class: `
       ${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}
-     ` }, h("sdds-dropdown", { ref: (el) => (this.dropdownRef = el), exportparts: "dropdown-filter-disabled", size: this.size, label: this.label, disabled: this.disabled, labelPosition: this.labelPosition, helper: this.helper, state: this.state, placeholder: this.placeholder, defaultOption: this.defaultOption, selectedOption: this.selectedOption, type: "filter", tabindex: this.disabled ? '-1' : null }, this.setOptionsContent())));
+     ` }, h("sdds-dropdown", { ref: (el) => (this.dropdownRef = el), exportparts: "dropdown-filter-disabled", size: this.size, label: this.label, disabled: this.disabled, labelPosition: this.labelPosition, helper: this.helper, state: this.state, placeholder: this.placeholder, defaultOption: this.defaultOption, selectedOption: this.selectedOption, type: "filter", tabindex: this.disabled ? '-1' : null, openDirection: this.openDirection }, this.setOptionsContent())));
   }
   static get is() { return "sdds-dropdown-filter"; }
   static get encapsulation() { return "shadow"; }
@@ -162,6 +163,24 @@ export class DropdownFilter {
         "attribute": "default-option",
         "reflect": false
       },
+      "openDirection": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'down' | 'up' | 'auto'",
+          "resolved": "\"auto\" | \"down\" | \"up\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Direction that the dropdown will open. Default is auto."
+        },
+        "attribute": "open-direction",
+        "reflect": false,
+        "defaultValue": "'auto'"
+      },
       "selectedOption": {
         "type": "string",
         "mutable": false,
@@ -345,7 +364,7 @@ export class DropdownFilter {
   }
   static get listeners() {
     return [{
-        "name": "inputSearch",
+        "name": "internalSddsSearch",
         "method": "updateOptionsContent",
         "target": undefined,
         "capture": false,
@@ -359,4 +378,3 @@ export class DropdownFilter {
       }];
   }
 }
-//# sourceMappingURL=dropdown-filter.js.map

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

@@ -64,7 +64,7 @@ export class DropdownOption {
       }, class: {
         'selected': this.selected,
         'sdds-dropdown-option-disabled': this.disabled,
-      }, tabindex: "-1", "aria-disabled": this.disabled }, this.isMultiSelectOption && (h("div", { class: "sdds-checkbox-item sdds-option-checkbox" }, h("label", { class: "sdds-form-label" }, h("input", { class: "sdds-form-input", type: "checkbox", checked: this.selected, disabled: this.disabled })))), h("span", { class: "sdds-option-label" }, h("slot", null)), !this.isMultiSelectOption && (h("span", { class: "sdds-option-checkmark" }, h("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 3L4 6L9 1", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+      }, tabindex: "-1", "aria-disabled": this.disabled }, this.isMultiSelectOption && (h("div", { class: "sdds-checkbox-item sdds-option-checkbox" }, h("sdds-checkbox", { checked: this.selected, disabled: this.disabled }))), h("span", { class: "sdds-option-label" }, h("slot", null)), !this.isMultiSelectOption && (h("span", { class: "sdds-option-checkmark" }, h("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 3L4 6L9 1", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
   }
   static get is() { return "sdds-dropdown-option"; }
   static get encapsulation() { return "shadow"; }
@@ -188,4 +188,3 @@ export class DropdownOption {
       }];
   }
 }
-//# sourceMappingURL=dropdown-option.js.map