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

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

@@ -4,188 +4,188 @@ import inheritAttributes from "../../utils/inheritAttributes";
  * @slot <default> - <b>Unnamed slot.</b> For the tooltip contents.
  */
 export class TdsTooltip {
-  constructor() {
-    this.offsetSkidding = 0;
-    this.offsetDistance = 8;
-    this.popperjsExtraModifiers = [
-      {
-        name: 'positionCalc',
-        enabled: true,
-        phase: 'main',
-        fn: ({ state }) => {
-          if (state.placement === 'bottom-start' || state.placement === 'right-start') {
-            this.border = 'top-left';
-          }
-          else if (state.placement === 'bottom-end' || state.placement === 'left-start') {
-            this.border = 'top-right';
-          }
-          else if (state.placement === 'top-end' || state.placement === 'left-end') {
-            this.border = 'bottom-right';
-          }
-          else if (state.placement === 'top-start' || state.placement === 'right-end') {
-            this.border = 'bottom-left';
-          }
-          else if (state.placement === 'bottom' || state.placement === 'top') {
-            this.border = 'default';
-          }
-        },
-      },
-    ];
-    this.inheritedAttributes = [];
-    this.text = '';
-    this.selector = '';
-    this.referenceEl = undefined;
-    this.mouseOverTooltip = false;
-    this.show = false;
-    this.placement = 'bottom';
-  }
-  componentWillLoad() {
-    this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
-  }
-  render() {
-    var _a;
-    return (h(Host, null, h("tds-popover-core", Object.assign({}, this.inheritedAttributes, { class: {
-        'tds-tooltip': true,
-        [`tds-tooltip-${this.border}`]: true,
-        [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-        'tds-tooltip-show': this.show,
-      }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.mouseOverTooltip ? 'hover-popover' : 'hover', modifiers: this.popperjsExtraModifiers, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
-        this.show = true;
-      }, onInternalTdsClose: () => {
+    constructor() {
+        this.offsetSkidding = 0;
+        this.offsetDistance = 8;
+        this.popperjsExtraModifiers = [
+            {
+                name: 'positionCalc',
+                enabled: true,
+                phase: 'main',
+                fn: ({ state }) => {
+                    if (state.placement === 'bottom-start' || state.placement === 'right-start') {
+                        this.border = 'top-left';
+                    }
+                    else if (state.placement === 'bottom-end' || state.placement === 'left-start') {
+                        this.border = 'top-right';
+                    }
+                    else if (state.placement === 'top-end' || state.placement === 'left-end') {
+                        this.border = 'bottom-right';
+                    }
+                    else if (state.placement === 'top-start' || state.placement === 'right-end') {
+                        this.border = 'bottom-left';
+                    }
+                    else if (state.placement === 'bottom' || state.placement === 'top') {
+                        this.border = 'default';
+                    }
+                },
+            },
+        ];
+        this.inheritedAttributes = [];
+        this.text = '';
+        this.selector = '';
+        this.referenceEl = undefined;
+        this.mouseOverTooltip = false;
         this.show = false;
-      } }), this.text, h("slot", null))));
-  }
-  static get is() { return "tds-tooltip"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tooltip.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tooltip.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "text": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "In case Tooltip contains only text, no HTML, a text can be passed by this prop"
-        },
-        "attribute": "text",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "selector": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The CSS-selector for an element that will trigger the Tooltip"
-        },
-        "attribute": "selector",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "referenceEl": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "HTMLElement | null",
-          "resolved": "HTMLElement",
-          "references": {
-            "HTMLElement": {
-              "location": "global",
-              "id": "global::HTMLElement"
+        this.placement = 'bottom';
+    }
+    componentWillLoad() {
+        this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
+    }
+    render() {
+        var _a;
+        return (h(Host, null, h("tds-popover-core", Object.assign({}, this.inheritedAttributes, { class: {
+                'tds-tooltip': true,
+                [`tds-tooltip-${this.border}`]: true,
+                [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
+                'tds-tooltip-show': this.show,
+            }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.mouseOverTooltip ? 'hover-popover' : 'hover', modifiers: this.popperjsExtraModifiers, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
+                this.show = true;
+            }, onInternalTdsClose: () => {
+                this.show = false;
+            } }), this.text, h("slot", null))));
+    }
+    static get is() { return "tds-tooltip"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tooltip.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tooltip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "In case Tooltip contains only text, no HTML, a text can be passed by this prop"
+                },
+                "attribute": "text",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "selector": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The CSS-selector for an element that will trigger the Tooltip"
+                },
+                "attribute": "selector",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "referenceEl": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLElement | null",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "HTMLElement": {
+                            "location": "global",
+                            "id": "global::HTMLElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Element that will trigger the Tooltip (takes priority over selector)"
+                }
+            },
+            "mouseOverTooltip": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button."
+                },
+                "attribute": "mouse-over-tooltip",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "show": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Prop in control of showing and hiding prop"
+                },
+                "attribute": "show",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Placement",
+                    "resolved": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "Placement": {
+                            "location": "import",
+                            "path": "@popperjs/core",
+                            "id": ""
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placement of Tooltip."
+                },
+                "attribute": "placement",
+                "reflect": false,
+                "defaultValue": "'bottom'"
             }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Element that will trigger the Tooltip (takes priority over selector)"
-        }
-      },
-      "mouseOverTooltip": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button."
-        },
-        "attribute": "mouse-over-tooltip",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "show": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Prop in control of showing and hiding prop"
-        },
-        "attribute": "show",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "placement": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Placement",
-          "resolved": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-          "references": {
-            "Placement": {
-              "location": "import",
-              "path": "@popperjs/core",
-              "id": ""
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Placement of Tooltip."
-        },
-        "attribute": "placement",
-        "reflect": false,
-        "defaultValue": "'bottom'"
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
+        };
+    }
+    static get elementRef() { return "host"; }
 }

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

@@ -2,102 +2,102 @@ import formatHtmlPreview from "../../stories/formatHtmlPreview";
 import readme from "./readme.md";
 import { ComponentsFolder } from "../../utils/constants";
 export default {
-  title: `${ComponentsFolder}/Tooltip`,
-  parameters: {
-    layout: 'centered',
-    notes: readme,
-    docs: {
-      source: {
-        state: 'closed',
-      },
-    },
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2620%3A4152&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2620%3A4152&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    tooltipPosition: {
-      name: 'Tooltip position',
-      description: 'Sets the position of the Tooltip.',
-      control: {
-        type: 'select',
-      },
-      options: [
-        'Bottom-start',
-        'Bottom',
-        'Bottom-end',
-        'Top-start',
-        'Top',
-        'Top-end',
-        'Left-start',
-        'Left',
-        'Left-end',
-        'Right-start',
-        'Right',
-        'Right-end',
-      ],
-      table: {
-        defaultValue: {
-          summary: 'bottom',
+    title: `${ComponentsFolder}/Tooltip`,
+    parameters: {
+        layout: 'centered',
+        notes: readme,
+        docs: {
+            source: {
+                state: 'closed',
+            },
         },
-      },
-    },
-    text: {
-      name: 'Tooltip text',
-      description: 'Sets the text that will be displayed inside Tooltip.',
-      control: {
-        type: 'text',
-      },
+        design: [
+            {
+                name: 'Figma',
+                type: 'figma',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2620%3A4152&t=Ne6myqwca5m00de7-1',
+            },
+            {
+                name: 'Link',
+                type: 'link',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2620%3A4152&t=Ne6myqwca5m00de7-1',
+            },
+        ],
     },
-    slot: {
-      name: 'Tooltip html content',
-      description: 'A slot for the Tooltip to pass in html.',
-      control: {
-        type: 'text',
-      },
-    },
-    mouseOverTooltip: {
-      name: 'Open while hovering over Tooltip',
-      description: 'Keeps the Tooltip visible as long as the mouse hovers over it.',
-      control: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: {
-          summary: false,
+    argTypes: {
+        tooltipPosition: {
+            name: 'Tooltip position',
+            description: 'Sets the position of the Tooltip.',
+            control: {
+                type: 'select',
+            },
+            options: [
+                'Bottom-start',
+                'Bottom',
+                'Bottom-end',
+                'Top-start',
+                'Top',
+                'Top-end',
+                'Left-start',
+                'Left',
+                'Left-end',
+                'Right-start',
+                'Right',
+                'Right-end',
+            ],
+            table: {
+                defaultValue: {
+                    summary: 'bottom',
+                },
+            },
+        },
+        text: {
+            name: 'Tooltip text',
+            description: 'Sets the text that will be displayed inside Tooltip.',
+            control: {
+                type: 'text',
+            },
         },
-      },
+        slot: {
+            name: 'Tooltip html content',
+            description: 'A slot for the Tooltip to pass in html.',
+            control: {
+                type: 'text',
+            },
+        },
+        mouseOverTooltip: {
+            name: 'Open while hovering over Tooltip',
+            description: 'Keeps the Tooltip visible as long as the mouse hovers over it.',
+            control: {
+                type: 'boolean',
+            },
+            table: {
+                defaultValue: {
+                    summary: false,
+                },
+            },
+        },
+    },
+    args: {
+        tooltipPosition: 'Bottom',
+        text: 'Text inside Tooltip',
+        slot: '<p class="tds-detail-05 tds-u-m0"> Paragraph tag inside Tooltip with <b>bold</b> and <i>italic</i> tags too. </p>',
+        mouseOverTooltip: true,
     },
-  },
-  args: {
-    tooltipPosition: 'Bottom',
-    text: 'Text inside Tooltip',
-    slot: '<p class="tds-detail-05 tds-u-m0"> Paragraph tag inside Tooltip with <b>bold</b> and <i>italic</i> tags too. </p>',
-    mouseOverTooltip: true,
-  },
 };
 const positionLookup = {
-  'Bottom-start': 'bottom-start',
-  'Bottom': 'bottom',
-  'Bottom-end': 'bottom-end',
-  'Top-start': 'top-start',
-  'Top': 'top',
-  'Top-end': 'top-end',
-  'Left-start': 'left-start',
-  'Left': 'left',
-  'Left-end': 'left-end',
-  'Right-start': 'right-start',
-  'Right': 'right',
-  'Right-end': 'right-end',
+    'Bottom-start': 'bottom-start',
+    'Bottom': 'bottom',
+    'Bottom-end': 'bottom-end',
+    'Top-start': 'top-start',
+    'Top': 'top',
+    'Top-end': 'top-end',
+    'Left-start': 'left-start',
+    'Left': 'left',
+    'Left-end': 'left-end',
+    'Right-start': 'right-start',
+    'Right': 'right',
+    'Right-end': 'right-end',
 };
 const ComponentTooltip = ({ tooltipPosition, mouseOverTooltip, text, slot }) => formatHtmlPreview(`
     <style>

package/dist/collection/index.js

@@ -1,2 +1 @@
 export * from './components';
-export * from './component-event-listeners-edited';

package/dist/collection/stories/Installation/angular.stories.js

@@ -1,16 +1,16 @@
 const meta = {
-  title: 'Intro/Installation',
-  parameters: {
-    layout: 'fullscreen',
-    options: {
-      showPanel: false,
-      showToolbar: false,
+    title: 'Intro/Installation',
+    parameters: {
+        layout: 'fullscreen',
+        options: {
+            showPanel: false,
+            showToolbar: false,
+        },
     },
-  },
 };
 export default meta;
 export const Angular = {
-  render: () => `<style>
+    render: () => `<style>
             article {
                 box-sizing: border-box;
                 max-width: 688px;

package/dist/collection/stories/Installation/javascript.stories.js

@@ -1,19 +1,19 @@
 import hljs from "highlight.js";
 import "../../../.storybook/tegel.syntax.highlighter.css";
 const meta = {
-  title: 'Intro/Installation',
-  parameters: {
-    layout: 'fullscreen',
-    options: {
-      showPanel: false,
-      showToolbar: false,
+    title: 'Intro/Installation',
+    parameters: {
+        layout: 'fullscreen',
+        options: {
+            showPanel: false,
+            showToolbar: false,
+        },
     },
-  },
 };
 hljs.highlightAll();
 export default meta;
 export const Javascript = {
-  render: () => `
+    render: () => `
     <style>
     article {
         box-sizing: border-box;

package/dist/collection/stories/Installation/react.stories.js

@@ -1,16 +1,16 @@
 const meta = {
-  title: 'Intro/Installation',
-  parameters: {
-    layout: 'fullscreen',
-    options: {
-      showPanel: false,
-      showToolbar: false,
+    title: 'Intro/Installation',
+    parameters: {
+        layout: 'fullscreen',
+        options: {
+            showPanel: false,
+            showToolbar: false,
+        },
     },
-  },
 };
 export default meta;
 export const React = {
-  render: () => `<style>
+    render: () => `<style>
             article {
                 box-sizing: border-box;
                 max-width: 688px;