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

package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js

@@ -5,6 +5,9 @@ import isHeadingElement from "../../../utils/isHeadingElement";
  * @slot <default> - <b>Unnamed slot.</b> For a grid item element.
  */
 export class TdsHeaderLauncherGrid {
+    constructor() {
+        this.headingElement = undefined;
+    }
     componentWillLoad() {
         const listRoot = this.host;
         const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {

package/dist/collection/components/icon/icon.js

@@ -11,19 +11,18 @@ const brandIconMap = {
 };
 export class Icon {
     constructor() {
-        /** Pass the name of the icon.
-         * For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library */
-        this.name = 'truck';
-        /** Pass a size of icon as a string, for example, 32px, 1rem, 4em... */
-        this.size = '16px';
-        /** Set aria-hidden attribute on svg */
-        this.tdsAriaHidden = false;
-        this.arrayOfIcons = [];
         this.setIcons = () => this.arrayOfIcons.map((element) => {
             if (element.name === this.name) {
                 return (h("svg", { "aria-hidden": this.tdsAriaHidden, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "aria-labelledby": this.svgTitle ? `title-${this.name}` : undefined, "aria-describedby": this.svgDescription ? `desc-${this.name}` : undefined, role: "img", style: { fontSize: this.size }, height: this.size, width: this.size }, this.svgTitle && h("title", { id: `title-${this.name}` }, this.svgTitle), this.svgDescription && h("desc", { id: `desc-${this.name}` }, this.svgDescription), h("path", { fill: "currentColor", d: element.definition })));
             }
         });
+        this.name = 'truck';
+        this.size = '16px';
+        this.svgTitle = undefined;
+        this.tdsAriaHidden = false;
+        this.svgDescription = undefined;
+        this.icons_object = undefined;
+        this.arrayOfIcons = [];
     }
     componentWillLoad() {
         this.detectAndSetBrand();
@@ -66,7 +65,7 @@ export class Icon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconNames",
-                    "resolved": "\"profile\" | \"expand\" | \"info\" | \"error\" | \"global\" | \"document\" | \"audio\" | \"link\" | \"video\" | \"image\" | \"text\" | \"download\" | \"target\" | \"key\" | \"list\" | \"placeholder\" | \"merge\" | \"copy\" | \"history\" | \"print\" | \"24v_battery_inactive\" | \"24v_battery\" | \"acceleration_inactive\" | \"acceleration\" | \"adblue_inactive\" | \"adblue\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio_inactive\" | \"award\" | \"back\" | \"backward_inactive\" | \"backward\" | \"bento\" | \"bug_inactive\" | \"bug\" | \"burger\" | \"bus_inactive\" | \"bus\" | \"calendar_inactive\" | \"calendar\" | \"camera_inactive\" | \"camera\" | \"card\" | \"cart\" | \"charging_complete\" | \"charging_failed\" | \"charging_speed_inactive\" | \"charging_speed\" | \"charging_stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock_inactive\" | \"clock\" | \"configurator\" | \"contact_inactive\" | \"contact\" | \"cookie_inactive\" | \"cookie\" | \"coolant_level_inactive\" | \"coolant_level\" | \"cross\" | \"cup_inactive\" | \"cup\" | \"dashboard\" | \"department_inactive\" | \"department\" | \"departure_scheduling_inactive\" | \"departure_scheduling\" | \"diamond_inactive\" | \"diamond\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_plus_inactive\" | \"document_plus\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"driving_licence_inactive\" | \"driving_licence\" | \"drop_inactive\" | \"drop\" | \"edit_inactive\" | \"edit\" | \"email\" | \"engine_inactive\" | \"engine\" | \"environment_inactive\" | \"environment\" | \"exit\" | \"expand_inactive\" | \"export_inactive\" | \"export\" | \"eye_inactive\" | \"eye\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"factory_inactive\" | \"factory\" | \"ferry_inactive\" | \"ferry\" | \"filters_inactive\" | \"filters\" | \"flash_inactive\" | \"flash\" | \"folder\" | \"forward_inactive\" | \"forward\" | \"fuel_gauge_inactive\" | \"fuel_gauge\" | \"fuel_inactive\" | \"fuel\" | \"gift inactive\" | \"gift\" | \"guided_tour_inactive\" | \"guided_tour\" | \"hatch_open_1\" | \"hatch_open_2\" | \"hatch_open_inactive\" | \"hatch_open\" | \"heart_inactive\" | \"heart\" | \"heating_inactive_screen\" | \"history_inactive\" | \"home_inactive\" | \"home\" | \"idea_inactive\" | \"idea\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"insights\" | \"kebab\" | \"key_inactive\" | \"layer_inactive\" | \"layer\" | \"link_broken\" | \"list_inactive\" | \"lock_inactive\" | \"lock\" | \"map_cursor_inactive\" | \"map_cursor\" | \"maximize_fullscreen\" | \"meatballs\" | \"merge_inactive\" | \"message_inactive\" | \"message\" | \"mileage_inactive\" | \"mileage\" | \"minimize_fullscreen\" | \"minus\" | \"navigate_inactive\" | \"navigate\" | \"notification_inactive\" | \"notification\" | \"oil_level_inactive\" | \"oil_level\" | \"pause_inactive\" | \"pause\" | \"phone_inactive\" | \"phone\" | \"pie_chart\" | \"pin_inactive\" | \"pin\" | \"play_inactive\" | \"play\" | \"plus\" | \"powerplug_inactive\" | \"powerplug\" | \"print_inactive\" | \"privacy_inactive\" | \"privacy\" | \"profile_inactive\" | \"proportions_inactive\" | \"proportions\" | \"range_inactive\" | \"range\" | \"redirect\" | \"refresh_inactive\" | \"refresh\" | \"reload_inactive\" | \"reload\" | \"repeat\" | \"report_inactive\" | \"report\" | \"route_inactive\" | \"route\" | \"save_inactive\" | \"save\" | \"search\" | \"send_inactive\" | \"send\" | \"settings\" | \"share\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone_inactive\" | \"smartphone\" | \"sorting\" | \"speedometer_inactive\" | \"speedometer\" | \"star\" | \"support\" | \"target_inactive\" | \"temperature_inactive\" | \"temperature\" | \"text_inactive\" | \"thumbs_down\" | \"thumbs_up\" | \"tick\" | \"timer\" | \"tool_inactive\" | \"tool\" | \"trailer_inactive\" | \"trailer\" | \"trash_inactive\" | \"trash\" | \"truck_inactive\" | \"truck\" | \"undo_inactive\" | \"undo\" | \"unlock\" | \"upload\" | \"video_inactive\" | \"wallet\" | \"warning\" | \"weight_inactive\" | \"weight\" | \"wifi_inactive\" | \"wifi\" | \"windscreen_heating_inactive\" | \"windscreen_heating\"",
+                    "resolved": "\"profile\" | \"expand\" | \"info\" | \"error\" | \"global\" | \"merge\" | \"copy\" | \"document\" | \"audio\" | \"link\" | \"video\" | \"image\" | \"text\" | \"download\" | \"target\" | \"placeholder\" | \"history\" | \"print\" | \"key\" | \"24v_battery_inactive\" | \"24v_battery\" | \"acceleration_inactive\" | \"acceleration\" | \"adblue_inactive\" | \"adblue\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio_inactive\" | \"award\" | \"back\" | \"backward_inactive\" | \"backward\" | \"bento\" | \"bug_inactive\" | \"bug\" | \"burger\" | \"bus_inactive\" | \"bus\" | \"calendar_inactive\" | \"calendar\" | \"camera_inactive\" | \"camera\" | \"card\" | \"cart\" | \"charging_complete\" | \"charging_failed\" | \"charging_speed_inactive\" | \"charging_speed\" | \"charging_stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock_inactive\" | \"clock\" | \"configurator\" | \"contact_inactive\" | \"contact\" | \"cookie_inactive\" | \"cookie\" | \"coolant_level_inactive\" | \"coolant_level\" | \"cross\" | \"cup_inactive\" | \"cup\" | \"dashboard\" | \"department_inactive\" | \"department\" | \"departure_scheduling_inactive\" | \"departure_scheduling\" | \"diamond_inactive\" | \"diamond\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_plus_inactive\" | \"document_plus\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"driving_licence_inactive\" | \"driving_licence\" | \"drop_inactive\" | \"drop\" | \"edit_inactive\" | \"edit\" | \"email\" | \"engine_inactive\" | \"engine\" | \"environment_inactive\" | \"environment\" | \"exit\" | \"expand_inactive\" | \"export_inactive\" | \"export\" | \"eye_inactive\" | \"eye\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"factory_inactive\" | \"factory\" | \"ferry_inactive\" | \"ferry\" | \"filters_inactive\" | \"filters\" | \"flash_inactive\" | \"flash\" | \"folder\" | \"forward_inactive\" | \"forward\" | \"fuel_gauge_inactive\" | \"fuel_gauge\" | \"fuel_inactive\" | \"fuel\" | \"gift inactive\" | \"gift\" | \"guided_tour_inactive\" | \"guided_tour\" | \"hatch_open_1\" | \"hatch_open_2\" | \"hatch_open_inactive\" | \"hatch_open\" | \"heart_inactive\" | \"heart\" | \"heating_inactive_screen\" | \"history_inactive\" | \"home_inactive\" | \"home\" | \"idea_inactive\" | \"idea\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"insights\" | \"kebab\" | \"key_inactive\" | \"layer_inactive\" | \"layer\" | \"link_broken\" | \"list_inactive\" | \"list\" | \"lock_inactive\" | \"lock\" | \"map_cursor_inactive\" | \"map_cursor\" | \"maximize_fullscreen\" | \"meatballs\" | \"merge_inactive\" | \"message_inactive\" | \"message\" | \"mileage_inactive\" | \"mileage\" | \"minimize_fullscreen\" | \"minus\" | \"navigate_inactive\" | \"navigate\" | \"notification_inactive\" | \"notification\" | \"oil_level_inactive\" | \"oil_level\" | \"pause_inactive\" | \"pause\" | \"phone_inactive\" | \"phone\" | \"pie_chart\" | \"pin_inactive\" | \"pin\" | \"play_inactive\" | \"play\" | \"plus\" | \"powerplug_inactive\" | \"powerplug\" | \"print_inactive\" | \"privacy_inactive\" | \"privacy\" | \"profile_inactive\" | \"proportions_inactive\" | \"proportions\" | \"range_inactive\" | \"range\" | \"redirect\" | \"refresh_inactive\" | \"refresh\" | \"reload_inactive\" | \"reload\" | \"repeat\" | \"report_inactive\" | \"report\" | \"route_inactive\" | \"route\" | \"save_inactive\" | \"save\" | \"search\" | \"send_inactive\" | \"send\" | \"settings\" | \"share\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone_inactive\" | \"smartphone\" | \"sorting\" | \"speedometer_inactive\" | \"speedometer\" | \"star\" | \"support\" | \"target_inactive\" | \"temperature_inactive\" | \"temperature\" | \"text_inactive\" | \"thumbs_down\" | \"thumbs_up\" | \"tick\" | \"timer\" | \"tool_inactive\" | \"tool\" | \"trailer_inactive\" | \"trailer\" | \"trash_inactive\" | \"trash\" | \"truck_inactive\" | \"truck\" | \"undo_inactive\" | \"undo\" | \"unlock\" | \"upload\" | \"video_inactive\" | \"wallet\" | \"warning\" | \"weight_inactive\" | \"weight\" | \"wifi_inactive\" | \"wifi\" | \"windscreen_heating_inactive\" | \"windscreen_heating\"",
                     "references": {
                         "IconNames": {
                             "location": "import",
@@ -81,10 +80,8 @@ export class Icon {
                     "tags": [],
                     "text": "Pass the name of the icon.\nFor icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "name",
+                "reflect": true,
                 "defaultValue": "'truck'"
             },
             "size": {
@@ -101,10 +98,8 @@ export class Icon {
                     "tags": [],
                     "text": "Pass a size of icon as a string, for example, 32px, 1rem, 4em..."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "'16px'"
             },
             "svgTitle": {
@@ -121,10 +116,8 @@ export class Icon {
                     "tags": [],
                     "text": "Override the default title for the svg. Also used by aria-labelledby."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "svg-title"
+                "attribute": "svg-title",
+                "reflect": false
             },
             "tdsAriaHidden": {
                 "type": "boolean",
@@ -140,10 +133,8 @@ export class Icon {
                     "tags": [],
                     "text": "Set aria-hidden attribute on svg"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-aria-hidden",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "svgDescription": {
@@ -160,10 +151,8 @@ export class Icon {
                     "tags": [],
                     "text": "Set description for the svg. Also used by aria-describedby."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "svg-description"
+                "attribute": "svg-description",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/link/link.js

@@ -4,11 +4,8 @@ import { h } from "@stencil/core";
  */
 export class TdsLink {
     constructor() {
-        /** Disables the Link */
         this.disabled = false;
-        /** Displays the Link with an underline. */
         this.underline = true;
-        /** Displays the Link as a standalone component. Not part of a paragraph. */
         this.standalone = false;
     }
     connectedCallback() {
@@ -63,10 +60,8 @@ export class TdsLink {
                     "tags": [],
                     "text": "Disables the Link"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "underline": {
@@ -83,10 +78,8 @@ export class TdsLink {
                     "tags": [],
                     "text": "Displays the Link with an underline."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "underline",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "standalone": {
@@ -103,10 +96,8 @@ export class TdsLink {
                     "tags": [],
                     "text": "Displays the Link as a standalone component. Not part of a paragraph."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "standalone",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/message/message.js

@@ -5,16 +5,6 @@ import generateUniqueId from "../../utils/generateUniqueId";
  */
 export class TdsMessage {
     constructor() {
-        /** Variant of the component, based on current mode. */
-        this.modeVariant = null;
-        /** Variant of Message. */
-        this.variant = 'information';
-        /** Removes the icon in the Message. */
-        this.noIcon = false;
-        /** Minimal Message styling. */
-        this.minimal = false;
-        /** Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
-        this.tdsAlertDialog = 'dialog';
         this.getIconName = () => {
             switch (this.variant) {
                 case 'information':
@@ -29,6 +19,13 @@ export class TdsMessage {
                     return 'info';
             }
         };
+        this.header = undefined;
+        this.modeVariant = null;
+        this.variant = 'information';
+        this.noIcon = false;
+        this.minimal = false;
+        this.tdsAlertDialog = 'dialog';
+        this.tdsAriaLabel = undefined;
     }
     getAriaLabel() {
         if (this.header) {
@@ -74,10 +71,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Header text for the component."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "header"
+                "attribute": "header",
+                "reflect": false
             },
             "modeVariant": {
                 "type": "string",
@@ -93,10 +88,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "variant": {
@@ -113,10 +106,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Variant of Message."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "variant",
+                "reflect": false,
                 "defaultValue": "'information'"
             },
             "noIcon": {
@@ -133,10 +124,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Removes the icon in the Message."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "no-icon",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "minimal": {
@@ -153,10 +142,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Minimal Message styling."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "minimal",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAlertDialog": {
@@ -173,10 +160,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-alert-dialog",
+                "reflect": false,
                 "defaultValue": "'dialog'"
             },
             "tdsAriaLabel": {
@@ -193,10 +178,8 @@ export class TdsMessage {
                     "tags": [],
                     "text": "Provides an accessible name for the message component when no header is present. This ensures proper screen reader support for dialog/alertdialog roles."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/modal/modal.js

@@ -8,20 +8,6 @@ import generateUniqueId from "../../utils/generateUniqueId";
  * */
 export class TdsModal {
     constructor() {
-        /** Disables closing Modal on clicking on overlay area. */
-        this.prevent = false;
-        /** Size of Modal  */
-        this.size = 'md';
-        /** Changes the position behaviour of the actions slot.  */
-        this.actionsPosition = 'static';
-        /** Shows or hides the close [X] button. */
-        this.closable = true;
-        /** Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
-        this.tdsAlertDialog = 'dialog';
-        // State that keeps track of show/closed state for the Modal.
-        this.isShown = false;
-        // Focus state index in focusable Elements
-        this.activeElementIndex = 0;
         this.handleClose = (event) => {
             const closeEvent = this.tdsClose.emit(event);
             this.returnFocusOnClose();
@@ -70,6 +56,17 @@ export class TdsModal {
                 referenceEl.addEventListener('click', this.handleReferenceElementClick);
             }
         };
+        this.header = undefined;
+        this.prevent = false;
+        this.size = 'md';
+        this.actionsPosition = 'static';
+        this.selector = undefined;
+        this.referenceEl = undefined;
+        this.show = undefined;
+        this.closable = true;
+        this.tdsAlertDialog = 'dialog';
+        this.isShown = false;
+        this.activeElementIndex = 0;
     }
     /** Shows the Modal.  */
     async showModal() {
@@ -241,10 +238,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Sets the header of the Modal."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "header"
+                "attribute": "header",
+                "reflect": false
             },
             "prevent": {
                 "type": "boolean",
@@ -260,10 +255,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Disables closing Modal on clicking on overlay area."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "prevent",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -280,10 +273,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Size of Modal"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'md'"
             },
             "actionsPosition": {
@@ -300,10 +291,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Changes the position behaviour of the actions slot."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "actions-position",
+                "reflect": false,
                 "defaultValue": "'static'"
             },
             "selector": {
@@ -320,10 +309,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "CSS selector for the element that will show the Modal."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selector"
+                "attribute": "selector",
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
@@ -343,9 +330,7 @@ export class TdsModal {
                 "docs": {
                     "tags": [],
                     "text": "Element that will show the Modal (takes priority over selector)"
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "show": {
                 "type": "boolean",
@@ -361,10 +346,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Controls whether the Modal is shown or not. If this is set hiding and showing\nwill be decided by this prop and will need to be controlled from the outside."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "show"
+                "attribute": "show",
+                "reflect": false
             },
             "closable": {
                 "type": "boolean",
@@ -380,10 +363,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Shows or hides the close [X] button."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "closable",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "tdsAlertDialog": {
@@ -400,10 +381,8 @@ export class TdsModal {
                     "tags": [],
                     "text": "Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-alert-dialog",
+                "reflect": false,
                 "defaultValue": "'dialog'"
             }
         };

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

@@ -5,28 +5,19 @@ import inheritAttributes from "../../utils/inheritAttributes";
  */
 export class TdsPopoverCanvas {
     constructor() {
-        /** Decides if the component should be visible from the start. */
+        this.inheritedAttributes = [];
+        this.selector = undefined;
+        this.referenceEl = undefined;
         this.defaultShow = false;
-        /** Controls whether the Popover is shown or not. If this is set hiding and showing
-         * will be decided by this prop and will need to be controlled from the outside. This
-         * also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
-         */
         this.show = null;
-        /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
         this.placement = 'auto';
-        /** Sets the offset skidding */
         this.offsetSkidding = 0;
-        /** Whether the popover should animate when being opened/closed or not */
         this.animation = 'none';
-        /** Sets the offset distance */
         this.offsetDistance = 8;
-        /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
         this.modifiers = [];
-        /** Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages. */
         this.tdsAlertDialog = 'dialog';
-        /** Mode variant of the component, based on current mode. */
         this.modeVariant = null;
-        this.inheritedAttributes = [];
+        this.childRef = undefined;
     }
     /** Property for closing popover programmatically */
     async close() {
@@ -75,10 +66,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the Popover"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selector"
+                "attribute": "selector",
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
@@ -98,9 +87,7 @@ export class TdsPopoverCanvas {
                 "docs": {
                     "tags": [],
                     "text": "Element that will trigger the Popover (takes priority over selector)"
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "defaultShow": {
                 "type": "boolean",
@@ -116,10 +103,8 @@ export class TdsPopoverCanvas {
                     "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"
             },
             "show": {
@@ -136,10 +121,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Controls whether the Popover is shown or not. If this is set hiding and showing\nwill be decided by this prop and will need to be controlled from the outside. This\nalso means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "placement": {
@@ -162,10 +145,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "placement",
+                "reflect": false,
                 "defaultValue": "'auto'"
             },
             "offsetSkidding": {
@@ -182,10 +163,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Sets the offset skidding"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "offset-skidding",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "animation": {
@@ -202,10 +181,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Whether the popover should animate when being opened/closed or not"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "animation",
+                "reflect": false,
                 "defaultValue": "'none'"
             },
             "offsetDistance": {
@@ -222,10 +199,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Sets the offset distance"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "offset-distance",
+                "reflect": false,
                 "defaultValue": "8"
             },
             "modifiers": {
@@ -242,8 +217,6 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/"
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "tdsAlertDialog": {
@@ -260,10 +233,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-alert-dialog",
+                "reflect": false,
                 "defaultValue": "'dialog'"
             },
             "modeVariant": {
@@ -280,10 +251,8 @@ export class TdsPopoverCanvas {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             }
         };