@scania/tegel 1.41.0-stencil-core-beta.0 → 1.42.0

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

@@ -5,16 +5,6 @@ import generateUniqueId from "../../utils/generateUniqueId";
  */
 export class TdsToggle {
     constructor() {
-        /** Sets the Toggle as checked */
-        this.checked = false;
-        /** Make the Toggle required */
-        this.required = false;
-        /** Size of the Toggle */
-        this.size = 'lg';
-        /** Sets the Toggle in a disabled state */
-        this.disabled = false;
-        /** ID of the Toggle's input element, if not specified, it's randomly generated */
-        this.toggleId = generateUniqueId();
         this.handleToggle = () => {
             this.checked = !this.checked;
             this.tdsToggle.emit({
@@ -22,6 +12,14 @@ export class TdsToggle {
                 checked: this.checked,
             });
         };
+        this.checked = false;
+        this.required = false;
+        this.size = 'lg';
+        this.name = undefined;
+        this.headline = undefined;
+        this.disabled = false;
+        this.toggleId = generateUniqueId();
+        this.tdsAriaLabel = undefined;
     }
     /** Toggles the Toggle. */
     async toggle() {
@@ -76,10 +74,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Sets the Toggle as checked"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "checked",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "required": {
@@ -96,10 +92,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Make the Toggle required"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "required",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -116,10 +110,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Size of the Toggle"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "name": {
@@ -136,10 +128,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Name of the toggle's input element"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "attribute": "name",
+                "reflect": false
             },
             "headline": {
                 "type": "string",
@@ -155,10 +145,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Headline for the Toggle"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "headline"
+                "attribute": "headline",
+                "reflect": false
             },
             "disabled": {
                 "type": "boolean",
@@ -174,10 +162,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Sets the Toggle in a disabled state"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "toggleId": {
@@ -194,10 +180,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "ID of the Toggle's input element, if not specified, it's randomly generated"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "toggle-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             },
             "tdsAriaLabel": {
@@ -214,10 +198,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Defines aria-label attribute for input"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/tooltip/tooltip.js

@@ -5,22 +5,6 @@ import inheritAttributes from "../../utils/inheritAttributes";
  */
 export class TdsTooltip {
     constructor() {
-        /** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
-        this.text = '';
-        /** Decides if the component should be visible from the start. */
-        this.defaultShow = false;
-        /** Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button. */
-        this.mouseOverTooltip = false;
-        /** What triggers the popover to show */
-        this.trigger = 'hover';
-        /** Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop. */
-        this.show = null;
-        /** Placement of Tooltip. */
-        this.placement = 'bottom';
-        /** Sets the offset skidding */
-        this.offsetSkidding = 0;
-        /** Sets the offset distance */
-        this.offsetDistance = 8;
         this.popperjsExtraModifiers = [
             {
                 name: 'positionCalc',
@@ -46,6 +30,17 @@ export class TdsTooltip {
             },
         ];
         this.inheritedAttributes = [];
+        this.text = '';
+        this.selector = undefined;
+        this.referenceEl = undefined;
+        this.defaultShow = false;
+        this.mouseOverTooltip = false;
+        this.trigger = 'hover';
+        this.show = null;
+        this.placement = 'bottom';
+        this.offsetSkidding = 0;
+        this.offsetDistance = 8;
+        this.tdsAriaDescribedby = undefined;
     }
     handleKeyDown(event) {
         if (event.key === 'Escape' && this.show) {
@@ -106,10 +101,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "In case Tooltip contains only text, no HTML, a text can be passed by this prop"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "text",
+                "reflect": false,
                 "defaultValue": "''"
             },
             "selector": {
@@ -126,10 +119,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the Tooltip"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selector"
+                "attribute": "selector",
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
@@ -149,9 +140,7 @@ export class TdsTooltip {
                 "docs": {
                     "tags": [],
                     "text": "Element that will trigger the Tooltip (takes priority over selector)"
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "defaultShow": {
                 "type": "boolean",
@@ -167,10 +156,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Decides if the component should be visible from the start."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-show",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "mouseOverTooltip": {
@@ -187,10 +174,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mouse-over-tooltip",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "trigger": {
@@ -207,10 +192,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "What triggers the popover to show"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "trigger",
+                "reflect": false,
                 "defaultValue": "'hover'"
             },
             "show": {
@@ -227,10 +210,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "placement": {
@@ -253,10 +234,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Placement of Tooltip."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "placement",
+                "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "offsetSkidding": {
@@ -273,10 +252,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the offset skidding"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "offset-skidding",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "offsetDistance": {
@@ -293,10 +270,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the offset distance"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "offset-distance",
+                "reflect": false,
                 "defaultValue": "8"
             },
             "tdsAriaDescribedby": {
@@ -313,10 +288,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the aria-describedby attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-describedby"
+                "attribute": "tds-aria-describedby",
+                "reflect": false
             }
         };
     }