{
  "timestamp": "2022-12-05T09:04:22",
  "compiler": {
    "name": "@stencil/core",
    "version": "2.11.0",
    "typescriptVersion": "4.3.5"
  },
  "components": [
    {
      "filePath": "./src/components/flight-itinerary-info/flight-itinerary-info.tsx",
      "encapsulation": "shadow",
      "tag": "onc-flight-itinerary-info",
      "readme": "# onc-flight-itinerary-info\n\nA component for showing specific flight itinerary's more detailed information.\n\n## Usage\n\n```tsx\nconst itineraryOncarbonId =\n  \"MzIwLkhFTC5CQ04uQVkuMTY1My4yMDIyLTAyLTAzVDE3OjA1OjAwfjMyMC5CQ04uTEhSLkJBLjQ3NS4yMDIyLTAyLTA3VDE0OjE1OjAwITMyQi5MSFIuSEVMLkFZLjEzMzguMjAyMi0wMi0wN1QxODoxMDowMA~QCb6wPo1TONm9qttwnfkpWu9Teo\";\n\n<onc-flight-itinerary-info itinerary-oncarbon-id={itineraryOncarbonId}></onc-flight-itinerary-info>;\n```\n",
      "docs": "A component for showing specific flight itinerary's more detailed information.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "apiBaseUrl",
          "type": "string",
          "mutable": false,
          "attr": "api-base-url",
          "reflectToAttr": false,
          "docs": "Optional base URL for the Oncarbon API where the info is loaded from",
          "docsTags": [],
          "default": "\"https://api.oncarbon.app\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "itineraryOncarbonId",
          "type": "string",
          "mutable": false,
          "attr": "itinerary-oncarbon-id",
          "reflectToAttr": false,
          "docs": "The flight itinerary's oncarbon id for which to show the info",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "language",
          "type": "string",
          "mutable": false,
          "attr": "language",
          "reflectToAttr": false,
          "docs": "Optional RFC 5646 language tag in which the info is shown. Supported\nlanguages are english and finnish. If an unsupported language tag is\ngiven, english is used as a fallback.",
          "docsTags": [],
          "default": "\"en\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "version",
          "type": "string",
          "mutable": false,
          "attr": "version",
          "reflectToAttr": false,
          "docs": "Optional version tag to define which version of the info to show.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "closeClicked",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the close icon has been clicked",
          "docsTags": []
        },
        {
          "event": "loadingReady",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the flight itinerary info has been loaded",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "message",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "onc-flight-itinerary-info-popover"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "onc-flight-itinerary-info-popover": [
          "onc-flight-itinerary-info"
        ]
      }
    },
    {
      "filePath": "./src/components/flight-itinerary-info-popover/flight-itinerary-info-popover.tsx",
      "encapsulation": "none",
      "tag": "onc-flight-itinerary-info-popover",
      "readme": "# onc-flight-itinerary-info-popover\n\nA component for showing specific flight itinerary's more detailed information in a popover.\n\nInternally uses [Popper](https://popper.js.org/) to position the popover.\n\n## Usage\n\n```tsx\nconst itineraryOncarbonId =\n  \"MzIwLkhFTC5CQ04uQVkuMTY1My4yMDIyLTAyLTAzVDE3OjA1OjAwfjMyMC5CQ04uTEhSLkJBLjQ3NS4yMDIyLTAyLTA3VDE0OjE1OjAwITMyQi5MSFIuSEVMLkFZLjEzMzguMjAyMi0wMi0wN1QxODoxMDowMA~QCb6wPo1TONm9qttwnfkpWu9Teo\";\n\n<onc-flight-itinerary-info-popover itinerary-oncarbon-id={itineraryOncarbonId}>\n  <button>Open the popover</button>\n</onc-flight-itinerary-info-popover>;\n```\n\n## Opening the popover\n\nThe popover needs a trigger element whose click will open the popover. The trigger element can be defined in couple ways:\n\n### 1. Using the `trigger` property\n\nThe `trigger` property can be either DOM selector `string` (e.g. `.trigger`) or a `HTMLElement` directly.\n\n### 2. Using the DOM structure\n\nIf no `trigger` property is given, the component decides the trigger element based on the DOM structure in the following order:\n\n1. First element wrapped inside the component. E.g.\n\n```html\n<onc-flight-itinerary-info-popover>\n  <button>Clicking me will open the popover</button>\n</onc-flight-itinerary-info-popover>\n```\n\n2. Component's previous sibling element\n\n```html\n<div>\n  <button>Clicking me will open the popover</button>\n  <onc-flight-itinerary-info-popover></onc-flight-itinerary-info-popover>\n</div>\n```\n\n3. Component's parent element\n\n```html\n<button>\n  <onc-flight-itinerary-info-popover></onc-flight-itinerary-info-popover>\n  Clicking me will open the popover\n</button>\n```\n\nThe popover can also be opened programmatically by calling `.open()` method on the element.\n\n## Closing the popover\n\nThe popover is closed by\n\n1. clicking outside the popover element\n2. clicking the close icon\n3. calling `.close()` method on the element.\n\n## Positioning the popover\n\nThe popover positioning varies depending on the viewport width. On small screen sizes (below 768px) it is positioned in the middle of the screen. On screen sizes above that, it is positioned in reference to the trigger element. See [the section above](#opening-the-popover) how to define the trigger element. The `placement` and `offset` properties define how the popover is positioned relative to the trigger element.\n",
      "docs": "A component for showing specific flight itinerary's more detailed information in a popover.\n\nInternally uses [Popper](https://popper.js.org/) to position the popover.",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "apiBaseUrl",
          "type": "string",
          "mutable": false,
          "attr": "api-base-url",
          "reflectToAttr": false,
          "docs": "Oncarbon API base URL where the info is loaded from",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disableCloseOnOutsideClick",
          "type": "boolean",
          "mutable": false,
          "attr": "disable-close-on-outside-click",
          "reflectToAttr": false,
          "docs": "Should the default behaviour to close the popover when user clicks outside\nit be disabled. If yes, the popover can only be closed either programmatically\nor by clicking the close icon.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "itineraryOncarbonId",
          "type": "string",
          "mutable": false,
          "attr": "itinerary-oncarbon-id",
          "reflectToAttr": false,
          "docs": "Oncarbon ID for the flight itinerary whose info is to be shown",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "language",
          "type": "string",
          "mutable": false,
          "attr": "language",
          "reflectToAttr": false,
          "docs": "Optional RFC 5646 language tag in which the info is shown. Supported\nlanguages are english and finnish. If an unsupported language tag is\ngiven, english is used as a fallback.",
          "docsTags": [],
          "default": "\"en\"",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "offset",
          "type": "[number, number]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The offset lets you displace the popover element from its\nreference element.\nSee https://popper.js.org/docs/v2/modifiers/offset/#options",
          "docsTags": [
            {
              "name": "default",
              "text": "[0, 10]"
            }
          ],
          "default": "[0, 10]",
          "values": [
            {
              "type": "[number, number]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placement",
          "type": "\"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\"",
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "Describes the preferred placement of the popover.\nSee https://popper.js.org/docs/v2/constructors/#placement",
          "docsTags": [
            {
              "name": "default",
              "text": "bottom"
            }
          ],
          "default": "\"bottom\"",
          "values": [
            {
              "value": "auto",
              "type": "string"
            },
            {
              "value": "auto-end",
              "type": "string"
            },
            {
              "value": "auto-start",
              "type": "string"
            },
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "trigger",
          "type": "HTMLElement | string",
          "mutable": false,
          "attr": "trigger",
          "reflectToAttr": false,
          "docs": "Optional trigger element that opens the popup and in reference\nto which the popover is positioned. Can either be a\n1. a DOM selector string, such as .trigger-button\n2. a HTML element\n\nIf none is given, the popover is triggered and positioned by\nthe first child of this component.",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "version",
          "type": "string",
          "mutable": false,
          "attr": "version",
          "reflectToAttr": false,
          "docs": "Optional version tag to define which version of the info to show.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "close",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "close() => Promise<void>",
          "parameters": [],
          "docs": "Closes the popover",
          "docsTags": []
        },
        {
          "name": "open",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "open() => Promise<void>",
          "parameters": [],
          "docs": "Opens the popover",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [
        {
          "event": "click",
          "target": "body",
          "capture": true,
          "passive": false
        },
        {
          "event": "click",
          "target": "body",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "onc-flight-itinerary-info"
      ],
      "dependencyGraph": {
        "onc-flight-itinerary-info-popover": [
          "onc-flight-itinerary-info"
        ]
      }
    }
  ]
}