@scania/tegel 0.0.5 → 0.0.7

package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js

@@ -5,95 +5,91 @@ export class NavigationTabs {
     this.componentWidth = 0; // visible width of this component
     this.buttonsWidth = 0; // total width of all nav items combined
     this.scrollWidth = 0; // total amount that is possible to scroll in the nav wrapper
+    this.addResizeObserver = () => {
+      const resizeObserver = new ResizeObserver((entries) => {
+        entries.forEach((entry) => {
+          const componentWidth = entry.contentRect.width;
+          let buttonsWidth = 0;
+          const navButtons = Array.from(this.host.children);
+          navButtons.forEach((navButton) => {
+            const style = window.getComputedStyle(navButton);
+            buttonsWidth +=
+              navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+            navButton.classList.add('sdds-navigation-tabs-tab');
+          });
+          this.componentWidth = componentWidth;
+          this.buttonsWidth = buttonsWidth;
+          this.scrollWidth = buttonsWidth - componentWidth;
+          if (this.buttonsWidth > this.componentWidth) {
+            this.evaluateScrollButtons();
+          }
+          else {
+            this.showLeftScroll = false;
+            this.showRightScroll = false;
+          }
+        });
+      });
+      resizeObserver.observe(this.navWrapperElement);
+    };
+    this.addEventListenerToTabs = () => {
+      this.children = Array.from(this.host.children);
+      this.children = this.children.map((item, index) => {
+        item.addEventListener('click', () => {
+          const sddsChangeEvent = this.sddsChange.emit({
+            selectedTabIndex: this.children.indexOf(item)
+          });
+          if (!sddsChangeEvent.defaultPrevented) {
+            if (!item.disabled) {
+              this.children.forEach((element) => element.setSelected(false));
+              item.setSelected(true);
+              this.selectedIndex = index;
+              this.sddsChange.emit({
+                selectedTabIndex: this.selectedIndex,
+              });
+            }
+          }
+        });
+        return item;
+      });
+    };
+    this.componentDidLoad = () => {
+      if (this.selectedIndex === undefined) {
+        this.addEventListenerToTabs();
+        this.children[this.defaultSelectedIndex].setSelected(true);
+        this.selectedIndex = this.defaultSelectedIndex;
+        this.sddsChange.emit({
+          selectedTabIndex: this.selectedIndex,
+        });
+      }
+      else {
+        this.children[this.selectedIndex].setSelected(true);
+        this.sddsChange.emit({
+          selectedTabIndex: this.selectedIndex,
+        });
+      }
+    };
     this.modeVariant = 'primary';
+    this.defaultSelectedIndex = 0;
+    this.selectedIndex = undefined;
     this.showLeftScroll = false;
     this.showRightScroll = false;
-    this.selectedTab = undefined;
   }
-  /** Selects a tab based on tabindex, will not select a disabled tab. */
+  /** Sets the passed tabindex as the selected tab. */
   async selectTab(tabIndex) {
     if (!this.children[tabIndex].disabled) {
-      this.children.forEach((element) => element.removeAttribute('selected'));
+      this.children.forEach((element) => element.setSelected(false));
       this.children = this.children.map((element, index) => {
         if (index === tabIndex) {
-          element.setAttribute('selected', '');
-          this.selectedTab = {
-            tab: element.innerText,
-            tabIndex: index,
-          };
+          element.setSelected(true);
+          this.selectedIndex = tabIndex;
         }
         return element;
       });
     }
     return {
-      selectedTab: this.selectedTab.tab,
-      selectedTabIndex: this.selectedTab.tabIndex,
+      selectedTabIndex: this.selectedIndex,
     };
   }
-  handleSelectedTabChange() {
-    this.host.setAttribute('selected-tab', this.selectedTab.tab);
-    this.host.setAttribute('selected-tab-index', `${this.selectedTab.tabIndex}`);
-    this.sddsChange.emit({
-      selectedTab: this.selectedTab,
-    });
-  }
-  connectedCallback() {
-    this.children = Array.from(this.host.children);
-    this.children = this.children.map((item, index) => {
-      item.addEventListener('click', () => {
-        if (!item.disabled) {
-          this.children.forEach((element) => element.removeAttribute('selected'));
-          item.setAttribute('selected', '');
-          this.selectedTab = {
-            tab: item.innerText,
-            tabIndex: index,
-          };
-        }
-      });
-      if (index === 0) {
-        item.classList.add('first');
-      }
-      if (index === this.children.length - 1) {
-        item.classList.add('last');
-      }
-      if (item.selected) {
-        this.selectedTab = {
-          tab: item.innerText,
-          tabIndex: index,
-        };
-      }
-      return item;
-    });
-    this.children = Array.from(this.host.children);
-    this.children[0].classList.add('first');
-    this.children[this.children.length - 1].classList.add('last');
-  }
-  componentDidLoad() {
-    const resizeObserver = new ResizeObserver((entries) => {
-      entries.forEach((entry) => {
-        const componentWidth = entry.contentRect.width;
-        let buttonsWidth = 0;
-        const navButtons = Array.from(this.host.children);
-        navButtons.forEach((navButton) => {
-          const style = window.getComputedStyle(navButton);
-          buttonsWidth +=
-            navButton.clientWidth + parseFloat(style.marginLeft) + parseFloat(style.marginRight);
-          navButton.classList.add('sdds-navigation-tabs-tab');
-        });
-        this.componentWidth = componentWidth;
-        this.buttonsWidth = buttonsWidth;
-        this.scrollWidth = buttonsWidth - componentWidth;
-        if (this.buttonsWidth > this.componentWidth) {
-          this.evaluateScrollButtons();
-        }
-        else {
-          this.showLeftScroll = false;
-          this.showRightScroll = false;
-        }
-      });
-    });
-    resizeObserver.observe(this.navWrapperElement);
-  }
   scrollRight() {
     const scroll = this.navWrapperElement.scrollLeft;
     this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;
@@ -119,8 +115,16 @@ export class NavigationTabs {
       this.showLeftScroll = true;
     }
   }
+  connectedCallback() {
+    this.children = Array.from(this.host.children);
+    this.children[0].classList.add('first');
+    this.children[this.children.length - 1].classList.add('last');
+  }
+  componentDidRender() {
+    this.addResizeObserver();
+  }
   render() {
-    return (h(Host, { class: `${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { role: "list", class: "wrapper", ref: (el) => {
+    return (h(Host, { role: "list", class: `${this.modeVariant ? `sdds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { class: "wrapper", ref: (el) => {
         this.navWrapperElement = el;
       } }, h("button", { class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("sdds-icon", { name: "chevron_left", size: "20px" })), h("slot", null), h("button", { class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("sdds-icon", { name: "chevron_right", size: "20px" })))));
   }
@@ -155,14 +159,48 @@ export class NavigationTabs {
         "attribute": "mode-variant",
         "reflect": false,
         "defaultValue": "'primary'"
+      },
+      "defaultSelectedIndex": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the default selected tab."
+        },
+        "attribute": "default-selected-index",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "selectedIndex": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the selected tab.\nIf this is set all tab changes needs to be handled by the user."
+        },
+        "attribute": "selected-index",
+        "reflect": true
       }
     };
   }
   static get states() {
     return {
       "showLeftScroll": {},
-      "showRightScroll": {},
-      "selectedTab": {}
+      "showRightScroll": {}
     };
   }
   static get events() {
@@ -174,11 +212,11 @@ export class NavigationTabs {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Event emitted when the selected tab is changed."
         },
         "complexType": {
-          "original": "{\n    selectedTab: {\n      tab: string;\n      tabIndex: number;\n    };\n  }",
-          "resolved": "{ selectedTab: { tab: string; tabIndex: number; }; }",
+          "original": "{\n    selectedTabIndex: number;\n  }",
+          "resolved": "{ selectedTabIndex: number; }",
           "references": {}
         }
       }];
@@ -187,7 +225,7 @@ export class NavigationTabs {
     return {
       "selectTab": {
         "complexType": {
-          "signature": "(tabIndex: number) => Promise<{ selectedTab: string; selectedTabIndex: number; }>",
+          "signature": "(tabIndex: number) => Promise<{ selectedTabIndex: number; }>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -197,21 +235,14 @@ export class NavigationTabs {
               "location": "global"
             }
           },
-          "return": "Promise<{ selectedTab: string; selectedTabIndex: number; }>"
+          "return": "Promise<{ selectedTabIndex: number; }>"
         },
         "docs": {
-          "text": "Selects a tab based on tabindex, will not select a disabled tab.",
+          "text": "Sets the passed tabindex as the selected tab.",
           "tags": []
         }
       }
     };
   }
   static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "selectedTab",
-        "methodName": "handleSelectedTabChange"
-      }];
-  }
 }
-//# sourceMappingURL=navigation-tabs.js.map

package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.stories.js

@@ -1,14 +1,12 @@
 import { formatHtmlPreview } from '../../../utils/utils';
 import readme from './readme.md';
-import readmeLink from './navigation-tabs-link/readme.md';
-import readmeButton from './navigation-tabs-button/readme.md';
+import readmeTab from './navigation-tab/readme.md';
 export default {
   title: 'Components/Tabs',
   parameters: {
     notes: {
       'Navigation tabs': readme,
-      'Navigation tabs button': readmeButton,
-      'Navigation tabs link': readmeLink,
+      'Navigation tab': readmeTab,
     },
     design: [
       {
@@ -35,54 +33,55 @@ export default {
         defaultValue: { summary: 'Inherit from parent' },
       },
     },
-    tabType: {
-      name: 'Tab type',
-      description: 'Type of child element, button/link.',
+    defaultSelectedIndex: {
+      name: 'Default selected index',
+      description: 'Sets the default selected tab, if this is used the tab changes will be done automatically.',
       control: {
         type: 'radio',
       },
-      options: ['Button', 'Link'],
+      options: ['None', 0, 1, 2, 3],
+      table: {
+        defaultValue: { summary: '0' },
+      },
+    },
+    selectedIndex: {
+      name: 'Selected index',
+      description: 'Sets the selected tab, if this is used the tab changes has to be handled by the user.',
+      control: {
+        type: 'radio',
+      },
+      options: ['None', 0, 1, 2, 3],
+      if: { arg: 'defaultSelectedIndex', eq: 'None' },
     },
   },
   args: {
     modeVariant: 'Inherit from parent',
-    tabType: 'Link',
+    defaultSelectedIndex: 'None',
+    selectedIndex: 'None',
   },
 };
-// Why role="link" on a disabled link: https://www.scottohara.me/blog/2021/05/28/disabled-links.html
-const Template = ({ tabType, modeVariant }) => formatHtmlPreview(`
-    <sdds-navigation-tabs 
+const Template = ({ modeVariant, selectedIndex, defaultSelectedIndex }) => formatHtmlPreview(`
+    <sdds-navigation-tabs
+      ${defaultSelectedIndex !== 'None' ? `default-selected-index="${defaultSelectedIndex}"` : ''}
+      ${selectedIndex && selectedIndex !== 'None' ? `selected-index="${selectedIndex}"` : ''}
       ${modeVariant !== 'Inherit from parent' ? ` mode-variant="${modeVariant.toLowerCase()}"` : ''}
     >
-      ${tabType === 'Link'
-  ? `
-      <sdds-navigation-tabs-link selected href="#" > First tab
-      </sdds-navigation-tabs-link>
-      <sdds-navigation-tabs-link href="#" > Second tab
-      </sdds-navigation-tabs-link>
-      <sdds-navigation-tabs-link href="#" > Third tab
-      </sdds-navigation-tabs-link>
-      <sdds-navigation-tabs-link href="#" disabled> Fourth tab
-      </sdds-navigation-tabs-link>
-      `
-  : ''}
-      ${tabType === 'Button'
-  ? `
-      <sdds-navigation-tabs-button selected> First tab
-      </sdds-navigation-tabs-button>
-      <sdds-navigation-tabs-button> Second tab
-      </sdds-navigation-tabs-button>
-      <sdds-navigation-tabs-button > Third tab
-      </sdds-navigation-tabs-button>
-      <sdds-navigation-tabs-button disabled> Fourth tab
-      </sdds-navigation-tabs-button>
-      `
-  : ''}
+      <sdds-navigation-tab>
+        <a href="#">First tab</a>
+      </sdds-navigation-tab>
+      <sdds-navigation-tab>
+        <a href="#">Second tab is much longer</a>
+      </sdds-navigation-tab>
+      <sdds-navigation-tab selected>
+        <a href="#">Third tab</a>
+      </sdds-navigation-tab>
+      <sdds-navigation-tab disabled>
+        <a href="#">Fourth tab</a>
+      </sdds-navigation-tab>
     </sdds-navigation-tabs>
 
     <!-- Demo container. -->
     <div class="demo-container">
-      <h4 class="sdds-headline-04">Selected tab: <span class="selectedTab"></span></h4>
       <h4 class="sdds-headline-04">Selected tabindex: <span class="selectedTabIndex"></span></h4>
     </div>
  
@@ -93,11 +92,9 @@ const Template = ({ tabType, modeVariant }) => formatHtmlPreview(`
     tabs = document.querySelector('sdds-navigation-tabs');
     
     tabs.addEventListener('sddsChange', (event) => {
-       console.log(event)
-      selectedTab.innerHTML = event.detail.selectedTab.tab
-      selectedTabIndex.innerHTML = event.detail.selectedTab.tabIndex
+      selectedTabIndex.innerHTML = event.detail.selectedTabIndex
+      console.log(event)
     })
     </script>
     `);
 export const NavigationTabs = Template.bind({});
-//# sourceMappingURL=navigation-tabs.stories.js.map

package/dist/collection/components/textarea/textarea.js

@@ -421,4 +421,3 @@ export class Textarea {
       }];
   }
 }
-//# sourceMappingURL=textarea.js.map

package/dist/collection/components/textarea/textarea.stories.js

@@ -185,4 +185,3 @@ const Template = ({ modeVariant, state, label, labelPosition, placeholder, helpe
   `);
 };
 export const Default = Template.bind({});
-//# sourceMappingURL=textarea.stories.js.map

package/dist/collection/components/textfield/textfield.css

@@ -125,12 +125,6 @@
   width: 100%;
 }
 
-/* slot[name="sdds-label"]::slotted(*) {
-  @include type-style("detail-05");
-  display: block;
-  margin-bottom: var(--sdds-spacing-element-8);
-  color: var(--sdds-textfield-label-color);
-} */
 .textfield-label-outside > * {
   font: var(--sdds-detail-05);
   letter-spacing: var(--sdds-detail-05-ls);
@@ -166,12 +160,6 @@
 .form-textfield.textfield-container-label-inside .textfield-input-lg::placeholder {
   color: transparent;
 }
-.form-textfield.textfield-container-label-inside .textfield-input-lg::input-placeholder {
-  color: transparent;
-}
-.form-textfield.textfield-container-label-inside .textfield-input-lg:placeholder {
-  color: transparent;
-}
 .form-textfield.textfield-container-label-inside .textfield-input-lg ::placeholder {
   color: transparent;
 }
@@ -189,12 +177,6 @@
 .form-textfield.textfield-container-label-inside .textfield-input-md::placeholder {
   color: transparent;
 }
-.form-textfield.textfield-container-label-inside .textfield-input-md::input-placeholder {
-  color: transparent;
-}
-.form-textfield.textfield-container-label-inside .textfield-input-md:placeholder {
-  color: transparent;
-}
 .form-textfield.textfield-container-label-inside .textfield-input-md ::placeholder {
   color: transparent;
 }
@@ -212,12 +194,6 @@
 .form-textfield.textfield-container-label-inside .textfield-input-sm::placeholder {
   color: transparent;
 }
-.form-textfield.textfield-container-label-inside .textfield-input-sm::input-placeholder {
-  color: transparent;
-}
-.form-textfield.textfield-container-label-inside .textfield-input-sm:placeholder {
-  color: transparent;
-}
 .form-textfield.textfield-container-label-inside .textfield-input-sm ::placeholder {
   color: transparent;
 }
@@ -345,10 +321,6 @@
 .form-textfield-error .textfield-bar::before, .form-textfield-error .textfield-bar::after {
   background: var(--sdds-textfield-bar-error);
 }
-.form-textfield-error slot[name=sdds-prefix]::slotted(sdds-icon),
-.form-textfield-error slot[name=sdds-suffix]::slotted(sdds-icon) {
-  color: var(--sdds-textfield-icon-error);
-}
 
 .textfield-helper-error-state {
   display: flex;
@@ -366,53 +338,26 @@
   color: var(--sdds-textfield-textcounter-divider);
 }
 
-/* slot[name="sdds-prefix"]::slotted(*),
-slot[name="sdds-suffix"]::slotted(*) {
-  @include type-style("detail-02");
-  align-self: center;
-  color: var(--sdds-textfield-ps-color);
-} */
-.textfield-slot-wrap-prefix {
-  align-self: center;
-}
-.textfield-slot-wrap-prefix > * {
-  font: var(--sdds-detail-02);
-  letter-spacing: var(--sdds-detail-02-ls);
-  margin-left: 16px;
-  color: var(--sdds-textfield-ps-color);
-}
-.textfield-slot-wrap-prefix.textfield-error sdds-icon,
-.textfield-slot-wrap-prefix.textfield-error .icon {
-  color: var(--sdds-negative);
-}
-
+.textfield-slot-wrap-prefix,
 .textfield-slot-wrap-suffix {
   align-self: center;
-}
-.textfield-slot-wrap-suffix > * {
   font: var(--sdds-detail-02);
   letter-spacing: var(--sdds-detail-02-ls);
-  margin-right: 16px;
+  margin: 0 0 0 14px;
   color: var(--sdds-textfield-ps-color);
 }
-.textfield-slot-wrap-suffix.textfield-error sdds-icon,
-.textfield-slot-wrap-suffix.textfield-error .icon {
-  color: var(--sdds-negative);
+.textfield-slot-wrap-prefix::slotted(:not(sdds-icon)),
+.textfield-slot-wrap-suffix::slotted(:not(sdds-icon)) {
+  margin: 0 0 0 2px;
 }
-
-slot[name=sdds-prefix]::slotted(sdds-icon),
-slot[name=sdds-suffix]::slotted(sdds-icon) {
-  font-size: 24px;
-  line-height: 0;
+.textfield-slot-wrap-prefix.textfield-error,
+.textfield-slot-wrap-suffix.textfield-error {
+  color: var(--sdds-textfield-ps-color-error);
 }
 
-slot[name=sdds-prefix]::slotted(*) {
-  padding-left: var(--sdds-spacing-element-20);
-}
-slot[name=sdds-prefix]::slotted(*) ~ .textfield-input {
-  padding-left: var(--sdds-spacing-element-12);
+.textfield-slot-wrap-suffix {
+  margin: 0 14px 0 0;
 }
-
-slot[name=sdds-suffix]::slotted(*) {
-  padding-right: var(--sdds-spacing-element-20);
+.textfield-slot-wrap-suffix::slotted(:not(sdds-icon)) {
+  margin: 0 2px 0 0;
 }

package/dist/collection/components/textfield/textfield.js

@@ -427,4 +427,3 @@ export class Textfield {
       }];
   }
 }
-//# sourceMappingURL=textfield.js.map

package/dist/collection/components/textfield/textfield.stories.js

@@ -217,15 +217,16 @@ const Template = ({ modeVariant, state, type, size, label, labelPosition, placeh
       placeholder="${placeholderText}" >
         ${prefix
     ? `
-        <span slot="sdds-prefix">
-          ${prefixType === 'Text' ? '$' : '<sdds-icon name="truck" size="20px"></sdds-icon> '}
-        </span>`
+          ${prefixType === 'Text'
+      ? '<span slot="prefix">$</span>'
+      : '<sdds-icon slot="prefix" name="truck" size="20px"></sdds-icon>'}
+        `
     : ''}
         ${suffix
     ? `
-        <span slot="sdds-suffix">
-          ${suffixType === 'Text' ? '$' : '<sdds-icon name="truck" size="20px"></sdds-icon> '}
-        </span>`
+          ${suffixType === 'Text'
+      ? '<span slot="suffix">$</span>'
+      : '<sdds-icon slot="suffix" name="truck" size="20px"></sdds-icon>'}        `
     : ''}
         </sdds-textfield>
   </div>
@@ -250,4 +251,3 @@ const Template = ({ modeVariant, state, type, size, label, labelPosition, placeh
 // ${true ? '<sdds-icon name="cross" slot="sdds-prefix"></sdds-icon>' : ''}
 export const Default = Template.bind({});
 Default.args = {};
-//# sourceMappingURL=textfield.stories.js.map

package/dist/collection/components/toast/sdds-toast.js

@@ -23,6 +23,14 @@ export class SddsToast {
         this.hidden = true;
       }
     };
+    this.handleShow = () => {
+      const sddsCloseEvent = this.sddsClose.emit({
+        toastId: this.toastId,
+      });
+      if (!sddsCloseEvent.defaultPrevented) {
+        this.hidden = false;
+      }
+    };
     this.getHeaderClasses = () => {
       if (!this.hasSubheader && !this.hasLink) {
         return 'only-header';
@@ -43,17 +51,11 @@ export class SddsToast {
   }
   /** Hides the toast. */
   async hideToast() {
-    this.hidden = true;
-    return {
-      toastId: this.toastId,
-    };
+    this.handleClose();
   }
   /** Shows the toast. */
   async showToast() {
-    this.hidden = false;
-    return {
-      toastId: this.toastId,
-    };
+    this.handleShow();
   }
   connectedCallback() {
     const children = Array.from(this.host.children);
@@ -220,14 +222,14 @@ export class SddsToast {
     return {
       "hideToast": {
         "complexType": {
-          "signature": "() => Promise<{ toastId: string; }>",
+          "signature": "() => Promise<void>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
             }
           },
-          "return": "Promise<{ toastId: string; }>"
+          "return": "Promise<void>"
         },
         "docs": {
           "text": "Hides the toast.",
@@ -236,14 +238,14 @@ export class SddsToast {
       },
       "showToast": {
         "complexType": {
-          "signature": "() => Promise<{ toastId: string; }>",
+          "signature": "() => Promise<void>",
           "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
             }
           },
-          "return": "Promise<{ toastId: string; }>"
+          "return": "Promise<void>"
         },
         "docs": {
           "text": "Shows the toast.",
@@ -254,4 +256,3 @@ export class SddsToast {
   }
   static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=sdds-toast.js.map

package/dist/collection/components/toast/sdds-toast.stories.js

@@ -79,9 +79,8 @@ const Template = ({ type, header, subheader, link }) => formatHtmlPreview(`<sdds
     </sdds-toast>
         <script>
         document.addEventListener('sddsClose', (event) => {
-            console.log('Toast with id: ', event.detail.toastId, ' was closed.')
+            console.log(event)
         })
     </script>
   `);
 export const WebComponent = Template.bind({});
-//# sourceMappingURL=sdds-toast.stories.js.map

package/dist/collection/components/toast/toast.stories.js

@@ -129,4 +129,3 @@ const Template = ({ type, header, subheader, link, iconType, icon }) => {
   `);
 };
 export const Native = Template.bind({});
-//# sourceMappingURL=toast.stories.js.map

package/dist/collection/components/toggle/sdds-toggle.js

@@ -207,4 +207,3 @@ export class SddsToggle {
   }
   static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=sdds-toggle.js.map