@scania/tegel 1.3.3-event-types.0 → 1.4.0

package/dist/collection/components/stepper/step/step.js

@@ -1,113 +1,113 @@
 import { Host, h } from "@stencil/core";
 const propToStateMap = {
-  orientation: 'orientation',
-  labelPosition: 'labelPosition',
-  size: 'size',
-  hideLabels: 'hideLabels',
+    orientation: 'orientation',
+    labelPosition: 'labelPosition',
+    size: 'size',
+    hideLabels: 'hideLabels',
 };
 /**
  * @slot label - Slot for the label text.
  */
 export class TdsStep {
-  constructor() {
-    this.index = undefined;
-    this.state = 'upcoming';
-    this.hideLabels = undefined;
-    this.size = undefined;
-    this.orientation = undefined;
-    this.labelPosition = undefined;
-  }
-  /* Needs to be onload to do this on any updates. */
-  componentWillLoad() {
-    this.stepperEl = this.el.closest('tds-stepper');
-    this.orientation = this.stepperEl.orientation;
-    this.labelPosition = this.stepperEl.labelPosition;
-    this.size = this.stepperEl.size;
-    this.hideLabels = this.stepperEl.hideLabels;
-    this.stepperId = this.stepperEl.stepperId;
-  }
-  handlePropsChange(event) {
-    if (this.stepperId === event.detail.stepperId) {
-      event.detail.changed.forEach((changedProp) => {
-        if (typeof this[changedProp] === 'undefined') {
-          throw new Error(`Stepper prop is not supported: ${changedProp}`);
-        }
-        else if (changedProp in propToStateMap) {
-          this[propToStateMap[changedProp]] = event.detail[changedProp];
+    constructor() {
+        this.index = undefined;
+        this.state = 'upcoming';
+        this.hideLabels = undefined;
+        this.size = undefined;
+        this.orientation = undefined;
+        this.labelPosition = undefined;
+    }
+    /* Needs to be onload to do this on any updates. */
+    componentWillLoad() {
+        this.stepperEl = this.el.closest('tds-stepper');
+        this.orientation = this.stepperEl.orientation;
+        this.labelPosition = this.stepperEl.labelPosition;
+        this.size = this.stepperEl.size;
+        this.hideLabels = this.stepperEl.hideLabels;
+        this.stepperId = this.stepperEl.stepperId;
+    }
+    handlePropsChange(event) {
+        if (this.stepperId === event.detail.stepperId) {
+            event.detail.changed.forEach((changedProp) => {
+                if (typeof this[changedProp] === 'undefined') {
+                    throw new Error(`Stepper prop is not supported: ${changedProp}`);
+                }
+                else if (changedProp in propToStateMap) {
+                    this[propToStateMap[changedProp]] = event.detail[changedProp];
+                }
+            });
         }
-      });
     }
-  }
-  render() {
-    return (h(Host, null, h("div", { role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("div", { class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (h("div", { class: `label ${this.size} ${this.state}` }, h("slot", { name: "label" }))))));
-  }
-  static get is() { return "tds-step"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["step.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["step.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "index": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Index of the step. Will be displayed in the step if the state is current/upcoming."
-        },
-        "attribute": "index",
-        "reflect": false
-      },
-      "state": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'current' | 'error' | 'success' | 'upcoming'",
-          "resolved": "\"current\" | \"error\" | \"success\" | \"upcoming\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "State of the Step"
-        },
-        "attribute": "state",
-        "reflect": false,
-        "defaultValue": "'upcoming'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "hideLabels": {},
-      "size": {},
-      "orientation": {},
-      "labelPosition": {}
-    };
-  }
-  static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "internalTdsPropsChange",
-        "method": "handlePropsChange",
-        "target": "body",
-        "capture": false,
-        "passive": false
-      }];
-  }
+    render() {
+        return (h(Host, null, h("div", { role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("div", { class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (h("div", { class: `label ${this.size} ${this.state}` }, h("slot", { name: "label" }))))));
+    }
+    static get is() { return "tds-step"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["step.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["step.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "index": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Index of the step. Will be displayed in the step if the state is current/upcoming."
+                },
+                "attribute": "index",
+                "reflect": false
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'current' | 'error' | 'success' | 'upcoming'",
+                    "resolved": "\"current\" | \"error\" | \"success\" | \"upcoming\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "State of the Step"
+                },
+                "attribute": "state",
+                "reflect": false,
+                "defaultValue": "'upcoming'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hideLabels": {},
+            "size": {},
+            "orientation": {},
+            "labelPosition": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "internalTdsPropsChange",
+                "method": "handlePropsChange",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }

package/dist/collection/components/stepper/stepper.js

@@ -4,198 +4,198 @@ import generateUniqueId from "../../utils/generateUniqueId";
  * @slot <default> - <b>Unnamed slot.</b> For the step elements.
  */
 export class TdsStepper {
-  constructor() {
-    this.orientation = 'horizontal';
-    this.labelPosition = 'below';
-    this.size = 'lg';
-    this.hideLabels = false;
-    this.stepperId = generateUniqueId();
-  }
-  componentWillLoad() {
-    this.host.children[0].classList.add('first');
-    this.host.children[this.host.children.length - 1].classList.add('last');
-    if (this.orientation === 'vertical') {
-      this.labelPosition = 'aside';
+    constructor() {
+        this.orientation = 'horizontal';
+        this.labelPosition = 'below';
+        this.size = 'lg';
+        this.hideLabels = false;
+        this.stepperId = generateUniqueId();
     }
-  }
-  handleDirectionChange() {
-    this.internalTdsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['orientation'],
-      orientation: this.orientation,
-    });
-  }
-  handleLabelPositionChange() {
-    this.internalTdsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['labelPosition'],
-      labelPosition: this.labelPosition,
-    });
-  }
-  handleSizeChange() {
-    this.internalTdsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['size'],
-      size: this.size,
-    });
-  }
-  handleHideLabelsChange() {
-    this.internalTdsPropsChange.emit({
-      stepperId: this.stepperId,
-      changed: ['hideLabels'],
-      hideLabels: this.hideLabels,
-    });
-  }
-  render() {
-    return (h(Host, null, h("div", { role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", null))));
-  }
-  static get is() { return "tds-stepper"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["stepper.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["stepper.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "orientation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'horizontal' | 'vertical'",
-          "resolved": "\"horizontal\" | \"vertical\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The orientation the Steps"
-        },
-        "attribute": "orientation",
-        "reflect": false,
-        "defaultValue": "'horizontal'"
-      },
-      "labelPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'aside' | 'below'",
-          "resolved": "\"aside\" | \"below\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Text position, only available on a direction: horizontal"
-        },
-        "attribute": "label-position",
-        "reflect": false,
-        "defaultValue": "'below'"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'sm' | 'lg'",
-          "resolved": "\"lg\" | \"sm\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Size of the component and it's children."
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'lg'"
-      },
-      "hideLabels": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the label for the child components if true."
-        },
-        "attribute": "hide-labels",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "stepperId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID used for internal Stepper functionality and events, must be unique.\n\n**NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,\nas the default ID is random and will be different every time."
-        },
-        "attribute": "stepper-id",
-        "reflect": false,
-        "defaultValue": "generateUniqueId()"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "internalTdsPropsChange",
-        "name": "internalTdsPropsChange",
-        "bubbles": true,
-        "cancelable": false,
-        "composed": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": "Broadcasts changes in props to the Stepper children"
-            }],
-          "text": ""
-        },
-        "complexType": {
-          "original": "InternalTdsStepperPropChange",
-          "resolved": "{ stepperId: string; changed: (keyof TdsStepperProps)[]; } & Partial<TdsStepperProps>",
-          "references": {
-            "InternalTdsStepperPropChange": {
-              "location": "local",
-              "path": "/Users/johnny/dev/scania/tegel/packages/core/src/components/stepper/stepper.tsx",
-              "id": "src/components/stepper/stepper.tsx::InternalTdsStepperPropChange"
-            }
-          }
+    componentWillLoad() {
+        this.host.children[0].classList.add('first');
+        this.host.children[this.host.children.length - 1].classList.add('last');
+        if (this.orientation === 'vertical') {
+            this.labelPosition = 'aside';
         }
-      }];
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "orientation",
-        "methodName": "handleDirectionChange"
-      }, {
-        "propName": "labelPosition",
-        "methodName": "handleLabelPositionChange"
-      }, {
-        "propName": "size",
-        "methodName": "handleSizeChange"
-      }, {
-        "propName": "hideLabels",
-        "methodName": "handleHideLabelsChange"
-      }];
-  }
+    }
+    handleDirectionChange() {
+        this.internalTdsPropsChange.emit({
+            stepperId: this.stepperId,
+            changed: ['orientation'],
+            orientation: this.orientation,
+        });
+    }
+    handleLabelPositionChange() {
+        this.internalTdsPropsChange.emit({
+            stepperId: this.stepperId,
+            changed: ['labelPosition'],
+            labelPosition: this.labelPosition,
+        });
+    }
+    handleSizeChange() {
+        this.internalTdsPropsChange.emit({
+            stepperId: this.stepperId,
+            changed: ['size'],
+            size: this.size,
+        });
+    }
+    handleHideLabelsChange() {
+        this.internalTdsPropsChange.emit({
+            stepperId: this.stepperId,
+            changed: ['hideLabels'],
+            hideLabels: this.hideLabels,
+        });
+    }
+    render() {
+        return (h(Host, null, h("div", { role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", null))));
+    }
+    static get is() { return "tds-stepper"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["stepper.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["stepper.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orientation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'horizontal' | 'vertical'",
+                    "resolved": "\"horizontal\" | \"vertical\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The orientation the Steps"
+                },
+                "attribute": "orientation",
+                "reflect": false,
+                "defaultValue": "'horizontal'"
+            },
+            "labelPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'aside' | 'below'",
+                    "resolved": "\"aside\" | \"below\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text position, only available on a direction: horizontal"
+                },
+                "attribute": "label-position",
+                "reflect": false,
+                "defaultValue": "'below'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'sm' | 'lg'",
+                    "resolved": "\"lg\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size of the component and it's children."
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'lg'"
+            },
+            "hideLabels": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Hides the label for the child components if true."
+                },
+                "attribute": "hide-labels",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "stepperId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ID used for internal Stepper functionality and events, must be unique.\n\n**NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,\nas the default ID is random and will be different every time."
+                },
+                "attribute": "stepper-id",
+                "reflect": false,
+                "defaultValue": "generateUniqueId()"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "internalTdsPropsChange",
+                "name": "internalTdsPropsChange",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "internal",
+                            "text": "Broadcasts changes in props to the Stepper children"
+                        }],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "InternalTdsStepperPropChange",
+                    "resolved": "{ stepperId: string; changed: (keyof TdsStepperProps)[]; } & Partial<TdsStepperProps>",
+                    "references": {
+                        "InternalTdsStepperPropChange": {
+                            "location": "local",
+                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/stepper/stepper.tsx",
+                            "id": "src/components/stepper/stepper.tsx::InternalTdsStepperPropChange"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "orientation",
+                "methodName": "handleDirectionChange"
+            }, {
+                "propName": "labelPosition",
+                "methodName": "handleLabelPositionChange"
+            }, {
+                "propName": "size",
+                "methodName": "handleSizeChange"
+            }, {
+                "propName": "hideLabels",
+                "methodName": "handleHideLabelsChange"
+            }];
+    }
 }