{
  "timestamp": "2023-01-09T16:47:52",
  "compiler": {
    "name": "@stencil/core",
    "version": "2.17.0",
    "typescriptVersion": "4.5.4"
  },
  "components": [
    {
      "filePath": "./src/components/gasco-accordion/gasco-accordion.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-accordion",
      "readme": "# gasco-accordion\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "header - Content is placed at the top and is used to\nexpand or collapse the accordion item."
        },
        {
          "name": "slot",
          "text": "content - Content is placed below the header and is\nshown or hidden based on expanded state."
        },
        {
          "name": "part",
          "text": "header - The wrapper element for the header slot."
        },
        {
          "name": "part",
          "text": "content - The wrapper element for the content slot."
        },
        {
          "name": "part",
          "text": "expanded - The expanded element. Can be used in combination\nwith the `header` and `content` parts (i.e. `::part(header expanded)`)."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the accordion cannot be interacted with.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "toggleIcon",
          "type": "string",
          "mutable": false,
          "attr": "toggle-icon",
          "reflectToAttr": false,
          "docs": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed.",
          "docsTags": [],
          "default": "chevronDown",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "toggleIconSlot",
          "type": "\"end\" | \"start\"",
          "mutable": false,
          "attr": "toggle-icon-slot",
          "reflectToAttr": false,
          "docs": "The slot inside of `gasco-item` to\nplace the toggle icon. Defaults to `'end'`.",
          "docsTags": [],
          "default": "'end'",
          "values": [
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the accordion. Defaults to an autogenerated\nvalue.",
          "docsTags": [],
          "default": "`gasco-accordion-${accordionIds++}`",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "content",
          "docs": "Content is placed below the header and is\nshown or hidden based on expanded state."
        },
        {
          "name": "header",
          "docs": "Content is placed at the top and is used to\nexpand or collapse the accordion item."
        }
      ],
      "parts": [
        {
          "name": "content",
          "docs": "The wrapper element for the content slot."
        },
        {
          "name": "expanded",
          "docs": "The expanded element. Can be used in combination\nwith the `header` and `content` parts (i.e. `::part(header expanded)`)."
        },
        {
          "name": "header",
          "docs": "The wrapper element for the header slot."
        }
      ],
      "dependents": [],
      "dependencies": [
        "ion-icon"
      ],
      "dependencyGraph": {
        "gasco-accordion": [
          "ion-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-accordion-content/gasco-accordion-content.tsx",
      "encapsulation": "none",
      "tag": "gasco-accordion-content",
      "readme": "# gasco-accordion-content\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-accordion-group/gasco-accordion-group.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-accordion-group",
      "readme": "# gasco-accordion-group\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "animated",
          "type": "boolean",
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "If `true`, all accordions inside of the\naccordion group will animate when expanding\nor collapsing.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the accordion group cannot be interacted with.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "expand",
          "type": "\"compact\" | \"inset\"",
          "mutable": false,
          "attr": "expand",
          "reflectToAttr": false,
          "docs": "Describes the expansion behavior for each accordion.\nPossible values are `\"compact\"` and `\"inset\"`.\nDefaults to `\"compact\"`.",
          "docsTags": [],
          "default": "'compact'",
          "values": [
            {
              "value": "compact",
              "type": "string"
            },
            {
              "value": "inset",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "mutable": false,
          "attr": "multiple",
          "reflectToAttr": false,
          "docs": "If `true`, the accordion group can have multiple\naccordion components expanded at the same time.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string | string[]",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the accordion group.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "string[]"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoChange",
          "detail": "AccordionGroupChangeEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value property has changed.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "keydown",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-autocomplete/gasco-autocomplete.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-autocomplete",
      "readme": "# gasco-autocomplete\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "animated",
          "type": "boolean",
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "If `true`, enable searchbar animation.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocomplete",
          "type": "\"on\" | \"off\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "Set the input's autocomplete property.",
          "docsTags": [],
          "default": "'off'",
          "values": [
            {
              "value": "on",
              "type": "string"
            },
            {
              "value": "off",
              "type": "string"
            },
            {
              "value": "name",
              "type": "string"
            },
            {
              "value": "honorific-prefix",
              "type": "string"
            },
            {
              "value": "given-name",
              "type": "string"
            },
            {
              "value": "additional-name",
              "type": "string"
            },
            {
              "value": "family-name",
              "type": "string"
            },
            {
              "value": "honorific-suffix",
              "type": "string"
            },
            {
              "value": "nickname",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "username",
              "type": "string"
            },
            {
              "value": "new-password",
              "type": "string"
            },
            {
              "value": "current-password",
              "type": "string"
            },
            {
              "value": "one-time-code",
              "type": "string"
            },
            {
              "value": "organization-title",
              "type": "string"
            },
            {
              "value": "organization",
              "type": "string"
            },
            {
              "value": "street-address",
              "type": "string"
            },
            {
              "value": "address-line1",
              "type": "string"
            },
            {
              "value": "address-line2",
              "type": "string"
            },
            {
              "value": "address-line3",
              "type": "string"
            },
            {
              "value": "address-level4",
              "type": "string"
            },
            {
              "value": "address-level3",
              "type": "string"
            },
            {
              "value": "address-level2",
              "type": "string"
            },
            {
              "value": "address-level1",
              "type": "string"
            },
            {
              "value": "country",
              "type": "string"
            },
            {
              "value": "country-name",
              "type": "string"
            },
            {
              "value": "postal-code",
              "type": "string"
            },
            {
              "value": "cc-name",
              "type": "string"
            },
            {
              "value": "cc-given-name",
              "type": "string"
            },
            {
              "value": "cc-additional-name",
              "type": "string"
            },
            {
              "value": "cc-family-name",
              "type": "string"
            },
            {
              "value": "cc-number",
              "type": "string"
            },
            {
              "value": "cc-exp",
              "type": "string"
            },
            {
              "value": "cc-exp-month",
              "type": "string"
            },
            {
              "value": "cc-exp-year",
              "type": "string"
            },
            {
              "value": "cc-csc",
              "type": "string"
            },
            {
              "value": "cc-type",
              "type": "string"
            },
            {
              "value": "transaction-currency",
              "type": "string"
            },
            {
              "value": "transaction-amount",
              "type": "string"
            },
            {
              "value": "language",
              "type": "string"
            },
            {
              "value": "bday",
              "type": "string"
            },
            {
              "value": "bday-day",
              "type": "string"
            },
            {
              "value": "bday-month",
              "type": "string"
            },
            {
              "value": "bday-year",
              "type": "string"
            },
            {
              "value": "sex",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "tel-country-code",
              "type": "string"
            },
            {
              "value": "tel-national",
              "type": "string"
            },
            {
              "value": "tel-area-code",
              "type": "string"
            },
            {
              "value": "tel-local",
              "type": "string"
            },
            {
              "value": "tel-extension",
              "type": "string"
            },
            {
              "value": "impp",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            },
            {
              "value": "photo",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocorrect",
          "type": "\"off\" | \"on\"",
          "mutable": false,
          "attr": "autocorrect",
          "reflectToAttr": false,
          "docs": "Set the input's autocorrect property.",
          "docsTags": [],
          "default": "'off'",
          "values": [
            {
              "value": "off",
              "type": "string"
            },
            {
              "value": "on",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "clearIcon",
          "type": "string",
          "mutable": false,
          "attr": "clear-icon",
          "reflectToAttr": false,
          "docs": "Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "debounce",
          "type": "number",
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "Set the amount of time, in milliseconds, to wait to trigger the `gascoChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.",
          "docsTags": [],
          "default": "250",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "enterkeyhint",
          "type": "\"done\" | \"enter\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\"",
          "mutable": false,
          "attr": "enterkeyhint",
          "reflectToAttr": false,
          "docs": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "done",
              "type": "string"
            },
            {
              "value": "enter",
              "type": "string"
            },
            {
              "value": "go",
              "type": "string"
            },
            {
              "value": "next",
              "type": "string"
            },
            {
              "value": "previous",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "send",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputmode",
          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
          "mutable": false,
          "attr": "inputmode",
          "reflectToAttr": false,
          "docs": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "decimal",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Set the input's placeholder.\n`placeholder` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Ionic>` would become\n`&lt;Ionic&gt;`\n\nFor more information: [Security Documentation](https://ionicframework.com/docs/faq/security)",
          "docsTags": [],
          "default": "'Search'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "searchIcon",
          "type": "string",
          "mutable": false,
          "attr": "search-icon",
          "reflectToAttr": false,
          "docs": "The icon to use as the search icon. Defaults to `search-outline` in\n`ios` mode and `search-sharp` in `md` mode.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showCancelButton",
          "type": "\"always\" | \"focus\" | \"never\"",
          "mutable": false,
          "attr": "show-cancel-button",
          "reflectToAttr": false,
          "docs": "Sets the behavior for the cancel button. Defaults to `\"never\"`.\nSetting to `\"focus\"` shows the cancel button on focus.\nSetting to `\"never\"` hides the cancel button.\nSetting to `\"always\"` shows the cancel button regardless\nof focus state.",
          "docsTags": [],
          "default": "'never'",
          "values": [
            {
              "value": "always",
              "type": "string"
            },
            {
              "value": "focus",
              "type": "string"
            },
            {
              "value": "never",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showClearButton",
          "type": "\"always\" | \"focus\" | \"never\"",
          "mutable": false,
          "attr": "show-clear-button",
          "reflectToAttr": false,
          "docs": "Sets the behavior for the clear button. Defaults to `\"focus\"`.\nSetting to `\"focus\"` shows the clear button on focus if the\ninput is not empty.\nSetting to `\"never\"` hides the clear button.\nSetting to `\"always\"` shows the clear button regardless\nof focus state, but only if the input is not empty.",
          "docsTags": [],
          "default": "'always'",
          "values": [
            {
              "value": "always",
              "type": "string"
            },
            {
              "value": "focus",
              "type": "string"
            },
            {
              "value": "never",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "spellcheck",
          "type": "boolean",
          "mutable": false,
          "attr": "spellcheck",
          "reflectToAttr": false,
          "docs": "If `true`, enable spellcheck on the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "suggestionlist",
          "type": "string[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Values that the auto-complete textbox should search for",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "string[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "string",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "Set the type of the input.",
          "docsTags": [],
          "default": "'text'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "the value of the searchbar.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getInputElement",
          "returns": {
            "type": "Promise<HTMLInputElement>",
            "docs": ""
          },
          "signature": "getInputElement() => Promise<HTMLInputElement>",
          "parameters": [],
          "docs": "Returns the native `<input>` element used under the hood.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the specified `gasco-autocomplete`. Use this method instead of the global\n`input.focus()`.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoChange",
          "detail": "SearchbarChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.",
          "docsTags": []
        },
        {
          "event": "gascoClear",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the clear input button is clicked.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input has focus.",
          "docsTags": []
        },
        {
          "event": "gascoInput",
          "detail": "KeyboardEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a keyboard input occurred.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the searchbar input"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the searchbar input"
        },
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the searchbar input"
        },
        {
          "name": "--cancel-button-color",
          "annotation": "prop",
          "docs": "Color of the searchbar cancel button"
        },
        {
          "name": "--clear-button-color",
          "annotation": "prop",
          "docs": "Color of the searchbar clear button"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the searchbar text"
        },
        {
          "name": "--icon-color",
          "annotation": "prop",
          "docs": "Color of the searchbar icon"
        },
        {
          "name": "--placeholder-color",
          "annotation": "prop",
          "docs": "Color of the searchbar placeholder"
        },
        {
          "name": "--placeholder-font-style",
          "annotation": "prop",
          "docs": "Font style of the searchbar placeholder"
        },
        {
          "name": "--placeholder-font-weight",
          "annotation": "prop",
          "docs": "Font weight of the searchbar placeholder"
        },
        {
          "name": "--placeholder-opacity",
          "annotation": "prop",
          "docs": "Opacity of the searchbar placeholder"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "gasco-item",
        "ion-icon",
        "gasco-list"
      ],
      "dependencyGraph": {
        "gasco-autocomplete": [
          "gasco-item",
          "ion-icon",
          "gasco-list"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-avatar/gasco-avatar.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-avatar",
      "readme": "# gasco-avatar\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "alt",
          "type": "string",
          "mutable": false,
          "attr": "alt",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        },
        {
          "name": "src",
          "type": "string",
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": ""
        }
      ],
      "dependents": [
        "gasco-table"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-table": [
          "gasco-avatar"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-backdrop/gasco-backdrop.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-backdrop",
      "readme": "# gasco-backdrop\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "stopPropagation",
          "type": "boolean",
          "mutable": false,
          "attr": "stop-propagation",
          "reflectToAttr": false,
          "docs": "If `true`, the backdrop will stop propagation on tap.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tappable",
          "type": "boolean",
          "mutable": false,
          "attr": "tappable",
          "reflectToAttr": false,
          "docs": "If `true`, the backdrop will can be clicked and will emit the `gascoBackdropTap` event.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "visible",
          "type": "boolean",
          "mutable": false,
          "attr": "visible",
          "reflectToAttr": false,
          "docs": "If `true`, the backdrop will be visible.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBackdropTap",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the backdrop is tapped.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "click",
          "capture": true,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-dialog",
        "gasco-menu",
        "gasco-modal",
        "gasco-popover",
        "gasco-sidebar"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-dialog": [
          "gasco-backdrop"
        ],
        "gasco-menu": [
          "gasco-backdrop"
        ],
        "gasco-modal": [
          "gasco-backdrop"
        ],
        "gasco-popover": [
          "gasco-backdrop"
        ],
        "gasco-sidebar": [
          "gasco-backdrop"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-button/gasco-button.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-button",
      "readme": "# gasco-button\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content is placed between the named slots if provided without a slot."
        },
        {
          "name": "slot",
          "text": "icon-only - Should be used on an icon in a button that has no text."
        },
        {
          "name": "slot",
          "text": "start - Content is placed to the left of the button text in LTR, and to the right in RTL."
        },
        {
          "name": "slot",
          "text": "end - Content is placed to the right of the button text in LTR, and to the left in RTL."
        },
        {
          "name": "part",
          "text": "native - The native HTML button or anchor element that wraps all child elements."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "buttonType",
          "type": "string",
          "mutable": true,
          "attr": "button-type",
          "reflectToAttr": false,
          "docs": "The type of button.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "If `true`, the user cannot interact with the button.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fill",
          "type": "\"clear\" | \"default\" | \"outline\" | \"solid\"",
          "mutable": true,
          "attr": "fill",
          "reflectToAttr": true,
          "docs": "Set to `\"clear\"` for a transparent button, to `\"outline\"` for a transparent\nbutton with a border, or to `\"solid\"`. The default style is `\"solid\"` except inside of\na toolbar, where the default is `\"clear\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "clear",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "outline",
              "type": "string"
            },
            {
              "value": "solid",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "progress",
          "type": "boolean",
          "mutable": false,
          "attr": "progress",
          "reflectToAttr": true,
          "docs": "If `true`, the user cannot interact with the button in progress.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"round\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": true,
          "docs": "The button shape.",
          "docsTags": [],
          "values": [
            {
              "value": "round",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The button size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "strong",
          "type": "boolean",
          "mutable": false,
          "attr": "strong",
          "reflectToAttr": false,
          "docs": "If `true`, activates a button with a heavier font weight.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"button\" | \"reset\" | \"submit\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of the button.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "reset",
              "type": "string"
            },
            {
              "value": "submit",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the button loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the button has focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the button"
        },
        {
          "name": "--background-activated",
          "annotation": "prop",
          "docs": "Background of the button when pressed. Note: setting this will interfere with the Material Design ripple."
        },
        {
          "name": "--background-activated-opacity",
          "annotation": "prop",
          "docs": "Opacity of the button when pressed"
        },
        {
          "name": "--background-focused",
          "annotation": "prop",
          "docs": "Background of the button when focused with the tab key"
        },
        {
          "name": "--background-focused-opacity",
          "annotation": "prop",
          "docs": "Opacity of the button when focused with the tab key"
        },
        {
          "name": "--background-hover",
          "annotation": "prop",
          "docs": "Background of the button on hover"
        },
        {
          "name": "--background-hover-opacity",
          "annotation": "prop",
          "docs": "Opacity of the background on hover"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Border color of the button"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the button"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Border style of the button"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Border width of the button"
        },
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the button"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Text color of the button"
        },
        {
          "name": "--color-activated",
          "annotation": "prop",
          "docs": "Text color of the button when pressed"
        },
        {
          "name": "--color-focused",
          "annotation": "prop",
          "docs": "Text color of the button when focused with the tab key"
        },
        {
          "name": "--color-hover",
          "annotation": "prop",
          "docs": "Text color of the button when hover"
        },
        {
          "name": "--opacity",
          "annotation": "prop",
          "docs": "Opacity of the button"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the button"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the button"
        },
        {
          "name": "--ripple-color",
          "annotation": "prop",
          "docs": "Color of the button ripple effect"
        },
        {
          "name": "--transition",
          "annotation": "prop",
          "docs": "Transition of the button"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content is placed between the named slots if provided without a slot."
        },
        {
          "name": "end",
          "docs": "Content is placed to the right of the button text in LTR, and to the left in RTL."
        },
        {
          "name": "icon-only",
          "docs": "Should be used on an icon in a button that has no text."
        },
        {
          "name": "start",
          "docs": "Content is placed to the left of the button text in LTR, and to the right in RTL."
        }
      ],
      "parts": [
        {
          "name": "native",
          "docs": "The native HTML button or anchor element that wraps all child elements."
        }
      ],
      "dependents": [
        "gasco-datetime",
        "gasco-modal"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-datetime": [
          "gasco-button"
        ],
        "gasco-modal": [
          "gasco-button"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-button-icon/gasco-button-icon.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-button-icon",
      "readme": "# gasco-button-icon\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content is placed between the named slots if provided without a slot."
        },
        {
          "name": "part",
          "text": "native - The native HTML button or anchor element that wraps all child elements."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "buttonType",
          "type": "string",
          "mutable": true,
          "attr": "button-type",
          "reflectToAttr": false,
          "docs": "The type of button.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "If `true`, the user cannot interact with the button.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fill",
          "type": "\"clear\" | \"outline\" | \"solid\"",
          "mutable": true,
          "attr": "fill",
          "reflectToAttr": true,
          "docs": "Set to `\"clear\"` for a transparent button, to `\"outline\"` for a transparent\nbutton with a border, or to `\"solid\"`.",
          "docsTags": [],
          "default": "'solid'",
          "values": [
            {
              "value": "clear",
              "type": "string"
            },
            {
              "value": "outline",
              "type": "string"
            },
            {
              "value": "solid",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "progress",
          "type": "boolean",
          "mutable": false,
          "attr": "progress",
          "reflectToAttr": true,
          "docs": "If `true`, the user cannot interact with the button in progress.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"round\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": true,
          "docs": "The button shape.",
          "docsTags": [],
          "values": [
            {
              "value": "round",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The button size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "type",
          "type": "\"button\" | \"reset\" | \"submit\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of the button.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "reset",
              "type": "string"
            },
            {
              "value": "submit",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the button loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the button has focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the button"
        },
        {
          "name": "--background-activated",
          "annotation": "prop",
          "docs": "Background of the button when pressed. Note: setting this will interfere with the Material Design ripple."
        },
        {
          "name": "--background-activated-opacity",
          "annotation": "prop",
          "docs": "Opacity of the button when pressed"
        },
        {
          "name": "--background-focused",
          "annotation": "prop",
          "docs": "Background of the button when focused with the tab key"
        },
        {
          "name": "--background-focused-opacity",
          "annotation": "prop",
          "docs": "Opacity of the button when focused with the tab key"
        },
        {
          "name": "--background-hover",
          "annotation": "prop",
          "docs": "Background of the button on hover"
        },
        {
          "name": "--background-hover-opacity",
          "annotation": "prop",
          "docs": "Opacity of the background on hover"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Border color of the button"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the button"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Border style of the button"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Border width of the button"
        },
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the button"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Text color of the button"
        },
        {
          "name": "--color-activated",
          "annotation": "prop",
          "docs": "Text color of the button when pressed"
        },
        {
          "name": "--color-focused",
          "annotation": "prop",
          "docs": "Text color of the button when focused with the tab key"
        },
        {
          "name": "--color-hover",
          "annotation": "prop",
          "docs": "Text color of the button when hover"
        },
        {
          "name": "--opacity",
          "annotation": "prop",
          "docs": "Opacity of the button"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the button"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the button"
        },
        {
          "name": "--ripple-color",
          "annotation": "prop",
          "docs": "Color of the button ripple effect"
        },
        {
          "name": "--transition",
          "annotation": "prop",
          "docs": "Transition of the button"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content is placed between the named slots if provided without a slot."
        }
      ],
      "parts": [
        {
          "name": "native",
          "docs": "The native HTML button or anchor element that wraps all child elements."
        }
      ],
      "dependents": [
        "gasco-datetime"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-datetime": [
          "gasco-button-icon"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-calendar/gasco-calendar.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-calendar",
      "readme": "# gasco-calendar\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "fireFocusEvents",
          "type": "boolean",
          "mutable": false,
          "attr": "fire-focus-events",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "FocusEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoChangeValue",
          "detail": "InputChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "FocusEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input has focus.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "gascoChangeDatetime",
          "capture": false,
          "passive": false
        },
        {
          "event": "click",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "gasco-input",
        "ion-icon",
        "gasco-datetime"
      ],
      "dependencyGraph": {
        "gasco-calendar": [
          "gasco-input",
          "ion-icon",
          "gasco-datetime"
        ],
        "gasco-datetime": [
          "gasco-button",
          "gasco-picker-internal",
          "gasco-picker-column-internal",
          "gasco-item",
          "gasco-label",
          "ion-icon",
          "gasco-button-icon",
          "gasco-popover"
        ],
        "gasco-popover": [
          "gasco-backdrop"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-card/gasco-card.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-card",
      "readme": "# gasco-card\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "native - The native HTML button, anchor, or div element that wraps all child elements."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "direction",
          "type": "\"horizontal\" | \"horizontal-reverse\" | \"vertical\"",
          "mutable": false,
          "attr": "direction",
          "reflectToAttr": true,
          "docs": "card direction, default is \"vertical\".",
          "docsTags": [],
          "default": "'vertical'",
          "values": [
            {
              "value": "horizontal",
              "type": "string"
            },
            {
              "value": "horizontal-reverse",
              "type": "string"
            },
            {
              "value": "vertical",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the card.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the card"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the card"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": "The native HTML button, anchor, or div element that wraps all child elements."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-card-content/gasco-card-content.tsx",
      "encapsulation": "none",
      "tag": "gasco-card-content",
      "readme": "# gasco-card-content\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-card-header/gasco-card-header.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-card-header",
      "readme": "# gasco-card-header\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "translucent",
          "type": "boolean",
          "mutable": false,
          "attr": "translucent",
          "reflectToAttr": false,
          "docs": "If `true`, the card header will be translucent.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-card-title/gasco-card-title.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-card-title",
      "readme": "# gasco-card-title\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the card title"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-checkbox/gasco-checkbox.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-checkbox",
      "readme": "# gasco-checkbox\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "container - The container for the checkbox mark."
        },
        {
          "name": "part",
          "text": "mark - The checkmark used to indicate the checked state."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "If `true`, the checkbox is selected.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the checkbox.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "indeterminate",
          "type": "boolean",
          "mutable": true,
          "attr": "indeterminate",
          "reflectToAttr": false,
          "docs": "If `true`, the checkbox will visually appear as indeterminate.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.inputId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "any",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`.",
          "docsTags": [],
          "default": "'on'",
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the checkbox loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoChange",
          "detail": "CheckboxChangeEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the checked property has changed.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the checkbox has focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the checkbox icon"
        },
        {
          "name": "--background-checked",
          "annotation": "prop",
          "docs": "Background of the checkbox icon when checked"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Border color of the checkbox icon"
        },
        {
          "name": "--border-color-checked",
          "annotation": "prop",
          "docs": "Border color of the checkbox icon when checked"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the checkbox icon"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Border style of the checkbox icon"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Border width of the checkbox icon"
        },
        {
          "name": "--checkmark-color",
          "annotation": "prop",
          "docs": "Color of the checkbox checkmark when checked"
        },
        {
          "name": "--checkmark-width",
          "annotation": "prop",
          "docs": "Stroke width of the checkbox checkmark"
        },
        {
          "name": "--size",
          "annotation": "prop",
          "docs": "Size of the checkbox icon"
        },
        {
          "name": "--transition",
          "annotation": "prop",
          "docs": "Transition of the checkbox icon"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "container",
          "docs": "The container for the checkbox mark."
        },
        {
          "name": "mark",
          "docs": "The checkmark used to indicate the checked state."
        }
      ],
      "dependents": [
        "gasco-select",
        "gasco-table"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-select": [
          "gasco-checkbox"
        ],
        "gasco-table": [
          "gasco-checkbox"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-chip/gasco-chip.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-chip",
      "readme": "# gasco-chip\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the chip.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The button size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the chip loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the chip has focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the chip"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-content/gasco-content.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-content",
      "readme": "# gasco-content\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content is placed in the scrollable area if provided without a slot."
        },
        {
          "name": "slot",
          "text": "fixed - Should be used for fixed content that should not scroll."
        },
        {
          "name": "part",
          "text": "background - The background of the content."
        },
        {
          "name": "part",
          "text": "scroll - The scrollable container of the content."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "forceOverscroll",
          "type": "boolean",
          "mutable": true,
          "attr": "force-overscroll",
          "reflectToAttr": false,
          "docs": "If `true` and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.\nIf the content exceeds the bounds of ionContent, nothing will change.\nNote, the does not disable the system bounce on iOS. That is an OS level setting.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "fullscreen",
          "type": "boolean",
          "mutable": false,
          "attr": "fullscreen",
          "reflectToAttr": false,
          "docs": "If `true`, the content will scroll behind the headers\nand footers. This effect can easily be seen by setting the toolbar\nto transparent.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "scrollEvents",
          "type": "boolean",
          "mutable": false,
          "attr": "scroll-events",
          "reflectToAttr": false,
          "docs": "Because of performance reasons, gascoScroll events are disabled by default, in order to enable them\nand start listening from (gascoScroll), set this property to `true`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "scrollX",
          "type": "boolean",
          "mutable": false,
          "attr": "scroll-x",
          "reflectToAttr": false,
          "docs": "If you want to enable the content scrolling in the X axis, set this property to `true`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "scrollY",
          "type": "boolean",
          "mutable": false,
          "attr": "scroll-y",
          "reflectToAttr": false,
          "docs": "If you want to disable the content scrolling in the Y axis, set this property to `false`.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getScrollElement",
          "returns": {
            "type": "Promise<HTMLElement>",
            "docs": ""
          },
          "signature": "getScrollElement() => Promise<HTMLElement>",
          "parameters": [],
          "docs": "Get the element where the actual scrolling takes place.\nThis element can be used to subscribe to `scroll` events or manually modify\n`scrollTop`. However, it's recommended to use the API provided by `gasco-content`:\n\ni.e. Using `gascoScroll`, `gascoScrollStart`, `gascoScrollEnd` for scrolling events\nand `scrollToPoint()` to scroll the content into a certain point.",
          "docsTags": []
        },
        {
          "name": "scrollByPoint",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "scrollByPoint(x: number, y: number, duration: number) => Promise<void>",
          "parameters": [],
          "docs": "Scroll by a specified X/Y distance in the component.",
          "docsTags": [
            {
              "name": "param",
              "text": "x The amount to scroll by on the horizontal axis."
            },
            {
              "name": "param",
              "text": "y The amount to scroll by on the vertical axis."
            },
            {
              "name": "param",
              "text": "duration The amount of time to take scrolling by that amount."
            }
          ]
        },
        {
          "name": "scrollToBottom",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "scrollToBottom(duration?: number) => Promise<void>",
          "parameters": [],
          "docs": "Scroll to the bottom of the component.",
          "docsTags": [
            {
              "name": "param",
              "text": "duration The amount of time to take scrolling to the bottom. Defaults to `0`."
            }
          ]
        },
        {
          "name": "scrollToPoint",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "scrollToPoint(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>",
          "parameters": [],
          "docs": "Scroll to a specified X/Y location in the component.",
          "docsTags": [
            {
              "name": "param",
              "text": "x The point to scroll to on the horizontal axis."
            },
            {
              "name": "param",
              "text": "y The point to scroll to on the vertical axis."
            },
            {
              "name": "param",
              "text": "duration The amount of time to take scrolling to that point. Defaults to `0`."
            }
          ]
        },
        {
          "name": "scrollToTop",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "scrollToTop(duration?: number) => Promise<void>",
          "parameters": [],
          "docs": "Scroll to the top of the component.",
          "docsTags": [
            {
              "name": "param",
              "text": "duration The amount of time to take scrolling to the top. Defaults to `0`."
            }
          ]
        }
      ],
      "events": [
        {
          "event": "gascoScroll",
          "detail": "ScrollDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted while scrolling. This event is disabled by default.\nSet `scrollEvents` to `true` to enable.",
          "docsTags": []
        },
        {
          "event": "gascoScrollEnd",
          "detail": "ScrollBaseDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the scroll has ended. This event is disabled by default.\nSet `scrollEvents` to `true` to enable.",
          "docsTags": []
        },
        {
          "event": "gascoScrollStart",
          "detail": "ScrollBaseDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the scroll has started. This event is disabled by default.\nSet `scrollEvents` to `true` to enable.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "appload",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the content"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the content"
        },
        {
          "name": "--keyboard-offset",
          "annotation": "prop",
          "docs": "Keyboard offset of the content"
        },
        {
          "name": "--offset-bottom",
          "annotation": "prop",
          "docs": "Offset bottom of the content"
        },
        {
          "name": "--offset-top",
          "annotation": "prop",
          "docs": "Offset top of the content"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the content"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the content"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content is placed in the scrollable area if provided without a slot."
        },
        {
          "name": "fixed",
          "docs": "Should be used for fixed content that should not scroll."
        }
      ],
      "parts": [
        {
          "name": "background",
          "docs": "The background of the content."
        },
        {
          "name": "scroll",
          "docs": "The scrollable container of the content."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-datetime/gasco-datetime.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-datetime",
      "readme": "# gasco-datetime\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "virtualProp",
          "text": "{\"ios\" | \"md\"} mode - The mode determines which platform styles to use."
        },
        {
          "name": "slot",
          "text": "title - The title of the datetime."
        },
        {
          "name": "slot",
          "text": "buttons - The buttons in the datetime."
        },
        {
          "name": "slot",
          "text": "time-label - The label for the time selector in the datetime."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "cancelText",
          "type": "string",
          "mutable": false,
          "attr": "cancel-text",
          "reflectToAttr": false,
          "docs": "The text to display on the picker's cancel button.",
          "docsTags": [],
          "default": "'cancelar'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "clearText",
          "type": "string",
          "mutable": false,
          "attr": "clear-text",
          "reflectToAttr": false,
          "docs": "The text to display on the picker's \"Clear\" button.",
          "docsTags": [],
          "default": "'Clear'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": false,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "dayValues",
          "type": "number | number[] | string",
          "mutable": false,
          "attr": "day-values",
          "reflectToAttr": false,
          "docs": "Values used to create the list of selectable days. By default\nevery day is shown for the given month. However, to control exactly which days of\nthe month to display, the `dayValues` input can take a number, an array of numbers, or\na string of comma separated numbers. Note that even if the array days have an invalid\nnumber for the selected month, like `31` in February, it will correctly not show\ndays which are not valid for the selected month.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "number[]"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the datetime.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "doneText",
          "type": "string",
          "mutable": false,
          "attr": "done-text",
          "reflectToAttr": false,
          "docs": "The text to display on the picker's \"Done\" button.",
          "docsTags": [],
          "default": "'aceptar'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "firstDayOfWeek",
          "type": "number",
          "mutable": false,
          "attr": "first-day-of-week",
          "reflectToAttr": false,
          "docs": "The first day of the week to use for `gasco-datetime`. The\ndefault value is `0` and represents Sunday.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "hourCycle",
          "type": "\"h12\" | \"h23\"",
          "mutable": false,
          "attr": "hour-cycle",
          "reflectToAttr": false,
          "docs": "The hour cycle of the `gasco-datetime`. If no value is set, this is\nspecified by the current locale.",
          "docsTags": [],
          "values": [
            {
              "value": "h12",
              "type": "string"
            },
            {
              "value": "h23",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "hourValues",
          "type": "number | number[] | string",
          "mutable": false,
          "attr": "hour-values",
          "reflectToAttr": false,
          "docs": "Values used to create the list of selectable hours. By default\nthe hour values range from `0` to `23` for 24-hour, or `1` to `12` for 12-hour. However,\nto control exactly which hours to display, the `hourValues` input can take a number, an\narray of numbers, or a string of comma separated numbers.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "number[]"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isDateEnabled",
          "type": "(dateIsoString: string) => boolean",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Returns if an individual date (calendar day) is enabled or disabled.\n\nIf `true`, the day will be enabled/interactive.\nIf `false`, the day will be disabled/non-interactive.\n\nThe function accepts an ISO 8601 date string of a given day.\nBy default, all days are enabled. Developers can use this function\nto write custom logic to disable certain days.\n\nThe function is called for each rendered calendar day, for the previous, current and next month.\nCustom implementations should be optimized for performance to avoid jank.",
          "docsTags": [],
          "values": [
            {
              "type": "(dateIsoString: string) => boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "locale",
          "type": "string",
          "mutable": false,
          "attr": "locale",
          "reflectToAttr": false,
          "docs": "The locale to use for `gasco-datetime`. This\nimpacts month and day name formatting.\nThe `'default'` value refers to the default\nlocale set by your device.",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "max",
          "type": "string",
          "mutable": true,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "The maximum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\n`1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the maximum could just be the year, such as `1994`.\nDefaults to the end of this year.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "min",
          "type": "string",
          "mutable": true,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "The minimum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\nsuch as `1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the minimum could just be the year, such as `1994`.\nDefaults to the beginning of the year, 100 years ago from today.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "minuteValues",
          "type": "number | number[] | string",
          "mutable": false,
          "attr": "minute-values",
          "reflectToAttr": false,
          "docs": "Values used to create the list of selectable minutes. By default\nthe minutes range from `0` to `59`. However, to control exactly which minutes to display,\nthe `minuteValues` input can take a number, an array of numbers, or a string of comma\nseparated numbers. For example, if the minute selections should only be every 15 minutes,\nthen this input value would be `minuteValues=\"0,15,30,45\"`.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "number[]"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "mode",
          "type": "\"ios\" | \"md\"",
          "mutable": false,
          "attr": "mode",
          "reflectToAttr": false,
          "docs": "The mode determines which platform styles to use.",
          "docsTags": [],
          "values": [
            {
              "value": "ios",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "monthValues",
          "type": "number | number[] | string",
          "mutable": false,
          "attr": "month-values",
          "reflectToAttr": false,
          "docs": "Values used to create the list of selectable months. By default\nthe month values range from `1` to `12`. However, to control exactly which months to\ndisplay, the `monthValues` input can take a number, an array of numbers, or a string of\ncomma separated numbers. For example, if only summer months should be shown, then this\ninput value would be `monthValues=\"6,7,8\"`. Note that month numbers do *not* have a\nzero-based index, meaning January's value is `1`, and December's is `12`.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "number[]"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.inputId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "presentation",
          "type": "\"date\" | \"date-time\" | \"month\" | \"month-year\" | \"time\" | \"time-date\" | \"year\"",
          "mutable": false,
          "attr": "presentation",
          "reflectToAttr": false,
          "docs": "Which values you want to select. `'date'` will show\na calendar picker to select the month, day, and year. `'time'`\nwill show a time picker to select the hour, minute, and (optionally)\nAM/PM. `'date-time'` will show the date picker first and time picker second.\n`'time-date'` will show the time picker first and date picker second.",
          "docsTags": [],
          "default": "'date-time'",
          "values": [
            {
              "value": "date",
              "type": "string"
            },
            {
              "value": "date-time",
              "type": "string"
            },
            {
              "value": "month",
              "type": "string"
            },
            {
              "value": "month-year",
              "type": "string"
            },
            {
              "value": "time",
              "type": "string"
            },
            {
              "value": "time-date",
              "type": "string"
            },
            {
              "value": "year",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "If `true`, the datetime appears normal but is not interactive.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showClearButton",
          "type": "boolean",
          "mutable": false,
          "attr": "show-clear-button",
          "reflectToAttr": false,
          "docs": "If `true`, a \"Clear\" button will be rendered alongside\nthe default \"Cancel\" and \"OK\" buttons at the bottom of the `gasco-datetime`\ncomponent. Developers can also use the `button` slot\nif they want to customize these buttons. If custom\nbuttons are set in the `button` slot then the\ndefault buttons will not be rendered.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showDefaultButtons",
          "type": "boolean",
          "mutable": false,
          "attr": "show-default-buttons",
          "reflectToAttr": false,
          "docs": "If `true`, the default \"Cancel\" and \"OK\" buttons\nwill be rendered at the bottom of the `gasco-datetime`\ncomponent. Developers can also use the `button` slot\nif they want to customize these buttons. If custom\nbuttons are set in the `button` slot then the\ndefault buttons will not be rendered.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showDefaultTimeLabel",
          "type": "boolean",
          "mutable": false,
          "attr": "show-default-time-label",
          "reflectToAttr": false,
          "docs": "If `true`, the default \"Time\" label will be rendered\nfor the time selector of the `gasco-datetime` component.\nDevelopers can also use the `time-label` slot\nif they want to customize this label. If a custom\nlabel is set in the `time-label` slot then the\ndefault label will not be rendered.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showDefaultTitle",
          "type": "boolean",
          "mutable": false,
          "attr": "show-default-title",
          "reflectToAttr": false,
          "docs": "If `true`, a header will be shown above the calendar\npicker. On `ios` mode this will include the\nslotted title, and on `md` mode this will include\nthe slotted title and the selected date.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"cover\" | \"fixed\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "If `cover`, the `gasco-datetime` will expand to cover the full width of its container.\nIf `fixed`, the `gasco-datetime` will have a fixed width.",
          "docsTags": [],
          "default": "'fixed'",
          "values": [
            {
              "value": "cover",
              "type": "string"
            },
            {
              "value": "fixed",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the datetime as a valid ISO 8601 datetime string.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "yearValues",
          "type": "number | number[] | string",
          "mutable": false,
          "attr": "year-values",
          "reflectToAttr": false,
          "docs": "Values used to create the list of selectable years. By default\nthe year values range between the `min` and `max` datetime inputs. However, to\ncontrol exactly which years to display, the `yearValues` input can take a number, an array\nof numbers, or string of comma separated numbers. For example, to show upcoming and\nrecent leap years, then this input's value would be `yearValues=\"2024,2020,2016,2012,2008\"`.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "number[]"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "cancel",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "cancel(closeOverlay?: boolean) => Promise<void>",
          "parameters": [],
          "docs": "Emits the gascoCancel event and\noptionally closes the popover\nor modal that the datetime was\npresented in.",
          "docsTags": []
        },
        {
          "name": "confirm",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "confirm(closeOverlay?: boolean) => Promise<void>",
          "parameters": [],
          "docs": "Confirms the selected datetime value, updates the\n`value` property, and optionally closes the popover\nor modal that the datetime was presented in.",
          "docsTags": []
        },
        {
          "name": "reset",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "reset(startDate?: string) => Promise<void>",
          "parameters": [],
          "docs": "Resets the internal state of the datetime but does not update the value.\nPassing a valid ISO-8601 string will reset the state of the component to the provided date.\nIf no value is provided, the internal state will be reset to the clamped value of the min, max and today.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the datetime loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoCancel",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the datetime selection was cancelled.",
          "docsTags": []
        },
        {
          "event": "gascoChangeDatetime",
          "detail": "DatetimeChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value (selected date) has changed.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the datetime has focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "The primary background of the datetime component."
        },
        {
          "name": "--background-rgb",
          "annotation": "prop",
          "docs": "The primary background of the datetime component in RGB format."
        },
        {
          "name": "--title-color",
          "annotation": "prop",
          "docs": "The text color of the title."
        }
      ],
      "slots": [
        {
          "name": "buttons",
          "docs": "The buttons in the datetime."
        },
        {
          "name": "time-label",
          "docs": "The label for the time selector in the datetime."
        },
        {
          "name": "title",
          "docs": "The title of the datetime."
        }
      ],
      "parts": [],
      "dependents": [
        "gasco-calendar"
      ],
      "dependencies": [
        "gasco-button",
        "gasco-picker-internal",
        "gasco-picker-column-internal",
        "gasco-item",
        "gasco-label",
        "ion-icon",
        "gasco-button-icon",
        "gasco-popover"
      ],
      "dependencyGraph": {
        "gasco-datetime": [
          "gasco-button",
          "gasco-picker-internal",
          "gasco-picker-column-internal",
          "gasco-item",
          "gasco-label",
          "ion-icon",
          "gasco-button-icon",
          "gasco-popover"
        ],
        "gasco-popover": [
          "gasco-backdrop"
        ],
        "gasco-calendar": [
          "gasco-datetime"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-dialog/gasco-dialog.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-dialog",
      "readme": "# gasco-dialog\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content for a type of logo or striking figure of the modal."
        },
        {
          "name": "part",
          "text": "backdrop - The `gasco-backdrop` element."
        },
        {
          "name": "part",
          "text": "content - The wrapper element for the default slot."
        },
        {
          "name": "part",
          "text": "handle - The handle that is displayed at the top of the sheet modal when `handle=\"true\"`."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "animated",
          "type": "boolean",
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog will animate.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "backdropBreakpoint",
          "type": "number",
          "mutable": false,
          "attr": "backdrop-breakpoint",
          "reflectToAttr": false,
          "docs": "A decimal value between 0 and 1 that indicates the\npoint after which the backdrop will begin to fade in\nwhen using a sheet modal. Prior to this point, the\nbackdrop will be hidden and the content underneath\nthe sheet can be interacted with. This value is exclusive\nmeaning the backdrop will become active after the value\nspecified.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "backdropDismiss",
          "type": "boolean",
          "mutable": false,
          "attr": "backdrop-dismiss",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog will be dismissed when the backdrop is clicked.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "breakpoints",
          "type": "number[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The breakpoints to use when creating a sheet modal. Each value in the\narray must be a decimal between 0 and 1 where 0 indicates the modal is fully\nclosed and 1 indicates the modal is fully open. Values are relative\nto the height of the modal, not the height of the screen. One of the values in this\narray must be the value of the `initialBreakpoint` property.\nFor example: [0, .25, .5, 1]",
          "docsTags": [],
          "values": [
            {
              "type": "number[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "canDismiss",
          "type": "(() => Promise<boolean>) | boolean",
          "mutable": false,
          "attr": "can-dismiss",
          "reflectToAttr": false,
          "docs": "Determines whether or not a dialog can dismiss\nwhen calling the `dismiss` method.\n\nIf the value is `true` or the value's function returns `true`, the dialog will close when trying to dismiss.\nIf the value is `false` or the value's function returns `false`, the dialog will not close when trying to dismiss.",
          "docsTags": [],
          "values": [
            {
              "type": "(() => Promise<boolean>)"
            },
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "enterAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the modal is presented.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "handle",
          "type": "boolean",
          "mutable": false,
          "attr": "handle",
          "reflectToAttr": false,
          "docs": "The horizontal line that displays at the top of a sheet modal. It is `true` by default when\nsetting the `breakpoints` and `initialBreakpoint` properties.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "htmlAttributes",
          "type": "{ [key: string]: any; }",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Additional attributes to pass to the dialog.",
          "docsTags": [],
          "values": [
            {
              "type": "{ [key: string]: any; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "initialBreakpoint",
          "type": "number",
          "mutable": false,
          "attr": "initial-breakpoint",
          "reflectToAttr": false,
          "docs": "A decimal value between 0 and 1 that indicates the\ninitial point the modal will open at when creating a\nsheet modal. This value must also be listed in the\n`breakpoints` array.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isOpen",
          "type": "boolean",
          "mutable": false,
          "attr": "is-open",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog will open. If `false`, the dialog will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the modalController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe dialog dismisses. You will need to do that in your code.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "keyboardClose",
          "type": "boolean",
          "mutable": false,
          "attr": "keyboard-close",
          "reflectToAttr": false,
          "docs": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "leaveAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the modal is dismissed.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "presentingElement",
          "type": "HTMLElement",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The element that presented the dialog. This is used for card presentation effects\nand for stacking multiple modals on top of each other. Only applies in iOS mode.",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showBackdrop",
          "type": "boolean",
          "mutable": false,
          "attr": "show-backdrop",
          "reflectToAttr": false,
          "docs": "If `true`, a backdrop will be displayed behind the dialog.\nThis property controls whether or not the backdrop\ndarkens the screen when the dialog is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The Modal size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "swipeToClose",
          "type": "boolean",
          "mutable": false,
          "attr": "swipe-to-close",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog can be swiped to dismiss. Only applies in iOS mode.",
          "docsTags": [
            {
              "name": "deprecated",
              "text": "- To prevent modals from dismissing, use canDismiss instead."
            }
          ],
          "default": "false",
          "deprecation": "- To prevent modals from dismissing, use canDismiss instead.",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "trigger",
          "type": "string",
          "mutable": false,
          "attr": "trigger",
          "reflectToAttr": false,
          "docs": "An ID corresponding to the trigger element that\ncauses the dialog to open when clicked.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "string",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "If `\"default\"`, the dialog will default.\nFor default `\"default\"`.",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "withclose",
          "type": "boolean",
          "mutable": false,
          "attr": "withclose",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog will button close.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "dismiss",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "dismiss(data?: any, role?: string) => Promise<boolean>",
          "parameters": [],
          "docs": "Dismiss the dialog overlay after it has been presented.",
          "docsTags": [
            {
              "name": "param",
              "text": "data Any data to emit in the dismiss events."
            },
            {
              "name": "param",
              "text": "role The role of the element that is dismissing the dialog. For example, 'cancel' or 'backdrop'."
            }
          ]
        },
        {
          "name": "getCurrentBreakpoint",
          "returns": {
            "type": "Promise<number>",
            "docs": ""
          },
          "signature": "getCurrentBreakpoint() => Promise<number | undefined>",
          "parameters": [],
          "docs": "Returns the current breakpoint of a sheet style dialog",
          "docsTags": []
        },
        {
          "name": "onDidDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the dialog did dismiss.",
          "docsTags": []
        },
        {
          "name": "onWillDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the dialog will dismiss.",
          "docsTags": []
        },
        {
          "name": "present",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "present() => Promise<void>",
          "parameters": [],
          "docs": "Present the dialog overlay after it has been created.",
          "docsTags": []
        },
        {
          "name": "setCurrentBreakpoint",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCurrentBreakpoint(breakpoint: number) => Promise<void>",
          "parameters": [],
          "docs": "Move a sheet style dialog to a specific breakpoint. The breakpoint value must\nbe a value defined in your `breakpoints` array.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "accepted",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog has accepted.\nShorthand for gascoDialogAccepted.",
          "docsTags": []
        },
        {
          "event": "didDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog has dismissed.\nShorthand for gascoDialogDidDismiss.",
          "docsTags": []
        },
        {
          "event": "didPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog has presented.\nShorthand for gascoDialogWillDismiss.",
          "docsTags": []
        },
        {
          "event": "gascoBreakpointDidChange",
          "detail": "ModalBreakpointChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog breakpoint has changed.",
          "docsTags": []
        },
        {
          "event": "gascoDialogAccepted",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog has accepted.",
          "docsTags": []
        },
        {
          "event": "gascoDialogDidDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoDialogDidPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the dialog has presented.",
          "docsTags": []
        },
        {
          "event": "gascoDialogWillDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the dialog has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoDialogWillPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the dialog has presented.",
          "docsTags": []
        },
        {
          "event": "willDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the dialog has dismissed.\nShorthand for gascoDialogWillDismiss.",
          "docsTags": []
        },
        {
          "event": "willPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the dialog has presented.\nShorthand for gascoDialogWillPresent.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--backdrop-opacity",
          "annotation": "prop",
          "docs": "Opacity of the backdrop"
        },
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the modal content"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Border color of the modal content"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the modal content"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Border style of the modal content"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Border width of the modal content"
        },
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "Height of the modal"
        },
        {
          "name": "--max-height",
          "annotation": "prop",
          "docs": "Maximum height of the modal"
        },
        {
          "name": "--max-width",
          "annotation": "prop",
          "docs": "Maximum width of the modal"
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Minimum height of the modal"
        },
        {
          "name": "--min-width",
          "annotation": "prop",
          "docs": "Minimum width of the modal"
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "Width of the modal"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content for a type of logo or striking figure of the modal."
        }
      ],
      "parts": [
        {
          "name": "backdrop",
          "docs": "The `gasco-backdrop` element."
        },
        {
          "name": "button",
          "docs": ""
        },
        {
          "name": "content",
          "docs": "The wrapper element for the default slot."
        },
        {
          "name": "handle",
          "docs": "The handle that is displayed at the top of the sheet modal when `handle=\"true\"`."
        }
      ],
      "dependents": [],
      "dependencies": [
        "gasco-backdrop"
      ],
      "dependencyGraph": {
        "gasco-dialog": [
          "gasco-backdrop"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-dialog-content/gasco-dialog-content.tsx",
      "encapsulation": "none",
      "tag": "gasco-dialog-content",
      "readme": "# gasco-dialog-content\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-dialog-footer/gasco-dialog-footer.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-dialog-footer",
      "readme": "# gasco-dialog-footer\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "line",
          "type": "boolean",
          "mutable": false,
          "attr": "line",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog footer will be line.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "position",
          "type": "\"left\" | \"right\"",
          "mutable": false,
          "attr": "position",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog footer will be line.",
          "docsTags": [],
          "default": "'right'",
          "values": [
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "translucent",
          "type": "boolean",
          "mutable": false,
          "attr": "translucent",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog footer will be translucent.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-dialog-header/gasco-dialog-header.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-dialog-header",
      "readme": "# gasco-dialog-header\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "translucent",
          "type": "boolean",
          "mutable": false,
          "attr": "translucent",
          "reflectToAttr": false,
          "docs": "If `true`, the dialog header will be translucent.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-dialog-title/gasco-dialog-title.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-dialog-title",
      "readme": "# gasco-dialog-title\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the card title"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-divider/gasco-divider.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-divider",
      "readme": "# gasco-divider\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"round\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": true,
          "docs": "The Divider shape.",
          "docsTags": [],
          "values": [
            {
              "value": "round",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-input/gasco-input.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-input",
      "readme": "# gasco-input\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "autocapitalize",
          "type": "string",
          "mutable": false,
          "attr": "autocapitalize",
          "reflectToAttr": false,
          "docs": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `off`, `none`, `on`, `sentences`, `words`, `characters`.",
          "docsTags": [],
          "default": "'off'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocomplete",
          "type": "\"on\" | \"off\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"",
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "Indicates whther the value of the control can be automatically completed by the browser.",
          "docsTags": [],
          "default": "'off'",
          "values": [
            {
              "value": "on",
              "type": "string"
            },
            {
              "value": "off",
              "type": "string"
            },
            {
              "value": "name",
              "type": "string"
            },
            {
              "value": "honorific-prefix",
              "type": "string"
            },
            {
              "value": "given-name",
              "type": "string"
            },
            {
              "value": "additional-name",
              "type": "string"
            },
            {
              "value": "family-name",
              "type": "string"
            },
            {
              "value": "honorific-suffix",
              "type": "string"
            },
            {
              "value": "nickname",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "username",
              "type": "string"
            },
            {
              "value": "new-password",
              "type": "string"
            },
            {
              "value": "current-password",
              "type": "string"
            },
            {
              "value": "one-time-code",
              "type": "string"
            },
            {
              "value": "organization-title",
              "type": "string"
            },
            {
              "value": "organization",
              "type": "string"
            },
            {
              "value": "street-address",
              "type": "string"
            },
            {
              "value": "address-line1",
              "type": "string"
            },
            {
              "value": "address-line2",
              "type": "string"
            },
            {
              "value": "address-line3",
              "type": "string"
            },
            {
              "value": "address-level4",
              "type": "string"
            },
            {
              "value": "address-level3",
              "type": "string"
            },
            {
              "value": "address-level2",
              "type": "string"
            },
            {
              "value": "address-level1",
              "type": "string"
            },
            {
              "value": "country",
              "type": "string"
            },
            {
              "value": "country-name",
              "type": "string"
            },
            {
              "value": "postal-code",
              "type": "string"
            },
            {
              "value": "cc-name",
              "type": "string"
            },
            {
              "value": "cc-given-name",
              "type": "string"
            },
            {
              "value": "cc-additional-name",
              "type": "string"
            },
            {
              "value": "cc-family-name",
              "type": "string"
            },
            {
              "value": "cc-number",
              "type": "string"
            },
            {
              "value": "cc-exp",
              "type": "string"
            },
            {
              "value": "cc-exp-month",
              "type": "string"
            },
            {
              "value": "cc-exp-year",
              "type": "string"
            },
            {
              "value": "cc-csc",
              "type": "string"
            },
            {
              "value": "cc-type",
              "type": "string"
            },
            {
              "value": "transaction-currency",
              "type": "string"
            },
            {
              "value": "transaction-amount",
              "type": "string"
            },
            {
              "value": "language",
              "type": "string"
            },
            {
              "value": "bday",
              "type": "string"
            },
            {
              "value": "bday-day",
              "type": "string"
            },
            {
              "value": "bday-month",
              "type": "string"
            },
            {
              "value": "bday-year",
              "type": "string"
            },
            {
              "value": "sex",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "tel-country-code",
              "type": "string"
            },
            {
              "value": "tel-national",
              "type": "string"
            },
            {
              "value": "tel-area-code",
              "type": "string"
            },
            {
              "value": "tel-local",
              "type": "string"
            },
            {
              "value": "tel-extension",
              "type": "string"
            },
            {
              "value": "impp",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            },
            {
              "value": "photo",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autocorrect",
          "type": "\"off\" | \"on\"",
          "mutable": false,
          "attr": "autocorrect",
          "reflectToAttr": false,
          "docs": "Whether auto correction should be enabled when the user is entering/editind the text value.",
          "docsTags": [],
          "default": "'off'",
          "values": [
            {
              "value": "off",
              "type": "string"
            },
            {
              "value": "on",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autofocus",
          "type": "boolean",
          "mutable": false,
          "attr": "autofocus",
          "reflectToAttr": false,
          "docs": "This Boolean attributes lets you specify that a from control should have input focus when the page loads.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `primary`, `secondary`, `tertiary`, `success`, `warning`, `danger`, `light`, and `dark`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fireFocusEvents",
          "type": "boolean",
          "mutable": false,
          "attr": "fire-focus-events",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "indicator",
          "type": "boolean",
          "mutable": false,
          "attr": "indicator",
          "reflectToAttr": false,
          "docs": "Instructional text that show before the input has a value.\nThe Input numeric for flat country.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "inputmode",
          "type": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\"",
          "mutable": false,
          "attr": "inputmode",
          "reflectToAttr": false,
          "docs": "A hint to the browser for which keyboard to display.\nPossible values: `none`, `text`, `tel`, `url`, `email, `numeric`, `decimal`, `search`.",
          "docsTags": [],
          "values": [
            {
              "value": "decimal",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "numeric",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Instructional text that show before the input has a value.\nThe Input label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "limit",
          "type": "boolean",
          "mutable": false,
          "attr": "limit",
          "reflectToAttr": false,
          "docs": "Instructional text that show before the input has a value.\nThe Input text help.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "max",
          "type": "number | string",
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "The maximum value, which must not be less than its minimum (min attribute) value.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "mutable": false,
          "attr": "maxlength",
          "reflectToAttr": false,
          "docs": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "min",
          "type": "number | string",
          "mutable": false,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "The minimum value, which must not be greater than its maximum (max attribute) value.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "minlength",
          "type": "number",
          "mutable": false,
          "attr": "minlength",
          "reflectToAttr": false,
          "docs": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "mutable": false,
          "attr": "multiple",
          "reflectToAttr": false,
          "docs": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `email`, otherwise it is ignored.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.inputId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pattern",
          "type": "string",
          "mutable": false,
          "attr": "pattern",
          "reflectToAttr": false,
          "docs": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `text`, `search`, `tel`, `url`, `email`, `\"date\"`, or `password`, otherwise it is ignored. When the type attribute is `date`, `pattern` will only be used in browsers that do not support the `date` input type natively.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Instructional text that show before the input has a value.\nThis property applies only whe the `type` property is set to `email`, `number`, `password`, `tel`, `text`, or `url`, otherwise it is ignored.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot modify the value.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "required",
          "type": "boolean",
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "If `true`, the user must fill in a value before submitting a form.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The Input size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "spellcheck",
          "type": "boolean",
          "mutable": false,
          "attr": "spellcheck",
          "reflectToAttr": false,
          "docs": "If `true`, the element will have its spelling and grammar checked.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "step",
          "type": "string",
          "mutable": false,
          "attr": "step",
          "reflectToAttr": false,
          "docs": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `any` or a positive floating point number.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "textHelp",
          "type": "string",
          "mutable": false,
          "attr": "text-help",
          "reflectToAttr": true,
          "docs": "Instructional text that show before the input has a value.\nThe Input text help.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "type",
          "type": "\"date\" | \"datetime-local\" | \"email\" | \"month\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of control to display. The default type is `text`.",
          "docsTags": [],
          "default": "'text'",
          "values": [
            {
              "value": "date",
              "type": "string"
            },
            {
              "value": "datetime-local",
              "type": "string"
            },
            {
              "value": "email",
              "type": "string"
            },
            {
              "value": "month",
              "type": "string"
            },
            {
              "value": "number",
              "type": "string"
            },
            {
              "value": "password",
              "type": "string"
            },
            {
              "value": "search",
              "type": "string"
            },
            {
              "value": "tel",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            },
            {
              "value": "time",
              "type": "string"
            },
            {
              "value": "url",
              "type": "string"
            },
            {
              "value": "week",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number | string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the input.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "number"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "getInputElement",
          "returns": {
            "type": "Promise<HTMLInputElement>",
            "docs": ""
          },
          "signature": "getInputElement() => Promise<HTMLInputElement>",
          "parameters": [],
          "docs": "Returns the native `<input>` element used under the hood.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the native `input` in `gasco-input`. Use this method instead of the global\n`input.focus()`.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "FocusEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoChange",
          "detail": "InputChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "FocusEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input has focus.",
          "docsTags": []
        },
        {
          "event": "gascoInput",
          "detail": "InputEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a keyboard input occurred.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the input"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the input text"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the input"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the input"
        },
        {
          "name": "--placeholder-color",
          "annotation": "prop",
          "docs": "Color of the input placeholder text"
        },
        {
          "name": "--placeholder-font-style",
          "annotation": "prop",
          "docs": "Font style of the input placeholder text"
        },
        {
          "name": "--placeholder-font-weight",
          "annotation": "prop",
          "docs": "Font weight of the input placeholder text"
        },
        {
          "name": "--placeholder-opacity",
          "annotation": "prop",
          "docs": "Opacity of the input placeholder text"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-calendar",
        "gasco-select"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-calendar": [
          "gasco-input"
        ],
        "gasco-select": [
          "gasco-input"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-input-code/gasco-input-code.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-input-code",
      "readme": "# gasco-input-code\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "autofocus",
          "type": "boolean",
          "mutable": false,
          "attr": "autofocus",
          "reflectToAttr": false,
          "docs": "This Boolean attributes lets you specify that a from control should have input focus when the page loads.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "autosubmit",
          "type": "boolean",
          "mutable": false,
          "attr": "autosubmit",
          "reflectToAttr": false,
          "docs": "We can make everything automatic after completing the code for default is false.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `primary`, `secondary`, `tertiary`, `success`, `warning`, `danger`, `light`, and `dark`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the input.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fireFocusEvents",
          "type": "boolean",
          "mutable": false,
          "attr": "fire-focus-events",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "inputmode",
          "type": "\"none\" | \"text\"",
          "mutable": false,
          "attr": "inputmode",
          "reflectToAttr": false,
          "docs": "A hint to the browser for which keyboard to display.\nPossible values: `none`, `text`.",
          "docsTags": [],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "mutable": false,
          "attr": "maxlength",
          "reflectToAttr": false,
          "docs": "If the value of the type attribute is `text` or `numeric`, this attribute specifies the maximum number of characters that the user can enter.\nDefaulf `4`",
          "docsTags": [],
          "default": "4",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.inputId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pattern",
          "type": "string",
          "mutable": false,
          "attr": "pattern",
          "reflectToAttr": false,
          "docs": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `text`, `search`, `tel`, `url`, `email`, `\"date\"`, or `password`, otherwise it is ignored. When the type attribute is `date`, `pattern` will only be used in browsers that do not support the `date` input type natively.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "secure",
          "type": "boolean",
          "mutable": false,
          "attr": "secure",
          "reflectToAttr": false,
          "docs": "With secure what you are looking for is that the fields are not seen.\nfor default is true",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The Input size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "type",
          "type": "\"number\" | \"text\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of control to display. The default type is `text`.",
          "docsTags": [],
          "default": "'text'",
          "values": [
            {
              "value": "number",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number | string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the input.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "number"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "FocusEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoChange",
          "detail": "InputChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.",
          "docsTags": []
        },
        {
          "event": "gascoCodeDone",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "FocusEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input has focus.",
          "docsTags": []
        },
        {
          "event": "gascoInput",
          "detail": "InputEvent",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a keyboard input occurred.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the input"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the input text"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the input"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the input"
        },
        {
          "name": "--placeholder-color",
          "annotation": "prop",
          "docs": "Color of the input placeholder text"
        },
        {
          "name": "--placeholder-font-style",
          "annotation": "prop",
          "docs": "Font style of the input placeholder text"
        },
        {
          "name": "--placeholder-font-weight",
          "annotation": "prop",
          "docs": "Font weight of the input placeholder text"
        },
        {
          "name": "--placeholder-opacity",
          "annotation": "prop",
          "docs": "Opacity of the input placeholder text"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-item/gasco-item.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-item",
      "readme": "# gasco-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content is placed between the named slots if provided without a slot."
        },
        {
          "name": "slot",
          "text": "start - Content is placed to the left of the item text in LTR, and to the right in RTL."
        },
        {
          "name": "slot",
          "text": "end - Content is placed to the right of the item text in LTR, and to the left in RTL."
        },
        {
          "name": "slot",
          "text": "helper - Content is placed under the item and displayed when no error is detected."
        },
        {
          "name": "slot",
          "text": "error - Content is placed under the item and displayed when an error is detected."
        },
        {
          "name": "part",
          "text": "native - The native HTML button, anchor or div element that wraps all child elements."
        },
        {
          "name": "part",
          "text": "detail-icon - The chevron icon for the item. Only applies when `detail=\"true\"`."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "button",
          "type": "boolean",
          "mutable": false,
          "attr": "button",
          "reflectToAttr": false,
          "docs": "If `true`, a button tag will be rendered and the item will be tappable.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "counter",
          "type": "boolean",
          "mutable": false,
          "attr": "counter",
          "reflectToAttr": false,
          "docs": "If `true`, a character counter will display the ratio of characters used and the total character limit. Only applies when the `maxlength` property is set on the inner `gasco-input` or `gasco-textarea`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "counterFormatter",
          "type": "(inputLength: number, maxLength: number) => string",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A callback used to format the counter text.\nBy default the counter text is set to \"itemLength / maxLength\".",
          "docsTags": [],
          "values": [
            {
              "type": "(inputLength: number, maxLength: number) => string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "detail",
          "type": "boolean",
          "mutable": false,
          "attr": "detail",
          "reflectToAttr": false,
          "docs": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\nis `ios` and an `href` or `button` property is present.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "detailIcon",
          "type": "string",
          "mutable": false,
          "attr": "detail-icon",
          "reflectToAttr": false,
          "docs": "The icon to use when `detail` is set to `true`.",
          "docsTags": [],
          "default": "chevronForward",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the item.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "divider",
          "type": "boolean",
          "mutable": false,
          "attr": "divider",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the item.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "download",
          "type": "string",
          "mutable": false,
          "attr": "download",
          "reflectToAttr": false,
          "docs": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want).",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "fill",
          "type": "\"outline\" | \"solid\"",
          "mutable": false,
          "attr": "fill",
          "reflectToAttr": false,
          "docs": "The fill for the item. If `'solid'` the item will have a background. If\n`'outline'` the item will be transparent with a border. Only available in `md` mode.",
          "docsTags": [],
          "values": [
            {
              "value": "outline",
              "type": "string"
            },
            {
              "value": "solid",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "href",
          "type": "string",
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "lines",
          "type": "\"full\" | \"inset\" | \"none\"",
          "mutable": false,
          "attr": "lines",
          "reflectToAttr": false,
          "docs": "How the bottom border should be displayed on the item.",
          "docsTags": [],
          "default": "'full'",
          "values": [
            {
              "value": "full",
              "type": "string"
            },
            {
              "value": "inset",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "rel",
          "type": "string",
          "mutable": false,
          "attr": "rel",
          "reflectToAttr": false,
          "docs": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "routerAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "When using a router, it specifies the transition animation when navigating to\nanother page using `href`.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"round\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": false,
          "docs": "The shape of the item. If \"round\" it will have increased\nborder radius.",
          "docsTags": [],
          "values": [
            {
              "value": "round",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "subItem",
          "type": "boolean",
          "mutable": false,
          "attr": "sub-item",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "target",
          "type": "string",
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"button\" | \"reset\" | \"submit\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of the button. Only used when an `onclick` or `button` property is present.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "reset",
              "type": "string"
            },
            {
              "value": "submit",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "gascoChange",
          "capture": false,
          "passive": false
        },
        {
          "event": "gascoColor",
          "capture": false,
          "passive": false
        },
        {
          "event": "gascoStyle",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the item"
        },
        {
          "name": "--background-activated",
          "annotation": "prop",
          "docs": "Background of the item when pressed. Note: setting this will interfere with the Material Design ripple."
        },
        {
          "name": "--background-activated-opacity",
          "annotation": "prop",
          "docs": "Opacity of the item background when pressed"
        },
        {
          "name": "--background-focused",
          "annotation": "prop",
          "docs": "Background of the item when focused with the tab key"
        },
        {
          "name": "--background-focused-opacity",
          "annotation": "prop",
          "docs": "Opacity of the item background when focused with the tab key"
        },
        {
          "name": "--background-hover",
          "annotation": "prop",
          "docs": "Background of the item on hover"
        },
        {
          "name": "--background-hover-opacity",
          "annotation": "prop",
          "docs": "Opacity of the background of the item on hover"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Color of the item border"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Radius of the item border"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Style of the item border"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Width of the item border"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the item"
        },
        {
          "name": "--color-activated",
          "annotation": "prop",
          "docs": "Color of the item when pressed"
        },
        {
          "name": "--color-focused",
          "annotation": "prop",
          "docs": "Color of the item when focused with the tab key"
        },
        {
          "name": "--color-hover",
          "annotation": "prop",
          "docs": "Color of the item on hover"
        },
        {
          "name": "--detail-icon-color",
          "annotation": "prop",
          "docs": "Color of the item detail icon"
        },
        {
          "name": "--detail-icon-font-size",
          "annotation": "prop",
          "docs": "Font size of the item detail icon"
        },
        {
          "name": "--detail-icon-opacity",
          "annotation": "prop",
          "docs": "Opacity of the item detail icon"
        },
        {
          "name": "--highlight-color-focused",
          "annotation": "prop",
          "docs": "The color of the highlight on the item when focused"
        },
        {
          "name": "--highlight-color-invalid",
          "annotation": "prop",
          "docs": "The color of the highlight on the item when invalid"
        },
        {
          "name": "--highlight-color-valid",
          "annotation": "prop",
          "docs": "The color of the highlight on the item when valid"
        },
        {
          "name": "--highlight-height",
          "annotation": "prop",
          "docs": "The height of the highlight on the item"
        },
        {
          "name": "--inner-border-width",
          "annotation": "prop",
          "docs": "Width of the item inner border"
        },
        {
          "name": "--inner-box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the item inner"
        },
        {
          "name": "--inner-padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the item inner"
        },
        {
          "name": "--inner-padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner"
        },
        {
          "name": "--inner-padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner"
        },
        {
          "name": "--inner-padding-top",
          "annotation": "prop",
          "docs": "Top padding of the item inner"
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Minimum height of the item"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the item"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the item"
        },
        {
          "name": "--ripple-color",
          "annotation": "prop",
          "docs": "Color of the item ripple effect"
        },
        {
          "name": "--transition",
          "annotation": "prop",
          "docs": "Transition of the item"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content is placed between the named slots if provided without a slot."
        },
        {
          "name": "end",
          "docs": "Content is placed to the right of the item text in LTR, and to the left in RTL."
        },
        {
          "name": "error",
          "docs": "Content is placed under the item and displayed when an error is detected."
        },
        {
          "name": "helper",
          "docs": "Content is placed under the item and displayed when no error is detected."
        },
        {
          "name": "start",
          "docs": "Content is placed to the left of the item text in LTR, and to the right in RTL."
        }
      ],
      "parts": [
        {
          "name": "detail-icon",
          "docs": "The chevron icon for the item. Only applies when `detail=\"true\"`."
        },
        {
          "name": "native",
          "docs": "The native HTML button, anchor or div element that wraps all child elements."
        }
      ],
      "dependents": [
        "gasco-autocomplete",
        "gasco-datetime",
        "gasco-navbar",
        "gasco-paginator",
        "gasco-select",
        "gasco-sidebar",
        "gasco-table-col"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-autocomplete": [
          "gasco-item"
        ],
        "gasco-datetime": [
          "gasco-item"
        ],
        "gasco-navbar": [
          "gasco-item"
        ],
        "gasco-paginator": [
          "gasco-item"
        ],
        "gasco-select": [
          "gasco-item"
        ],
        "gasco-sidebar": [
          "gasco-item"
        ],
        "gasco-table-col": [
          "gasco-item"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-label/gasco-label.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-label",
      "readme": "# gasco-label\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "position",
          "type": "\"fixed\" | \"floating\" | \"stacked\"",
          "mutable": false,
          "attr": "position",
          "reflectToAttr": false,
          "docs": "The position determines where and how the label behaves inside an item.",
          "docsTags": [],
          "values": [
            {
              "value": "fixed",
              "type": "string"
            },
            {
              "value": "floating",
              "type": "string"
            },
            {
              "value": "stacked",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the label"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-datetime",
        "gasco-table"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-datetime": [
          "gasco-label"
        ],
        "gasco-table": [
          "gasco-label"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-list/gasco-list.tsx",
      "encapsulation": "none",
      "tag": "gasco-list",
      "readme": "# gasco-list\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "inset",
          "type": "boolean",
          "mutable": false,
          "attr": "inset",
          "reflectToAttr": false,
          "docs": "If `true`, the list will have margin around it and rounded corners.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "lines",
          "type": "\"full\" | \"inset\" | \"none\"",
          "mutable": false,
          "attr": "lines",
          "reflectToAttr": false,
          "docs": "How the bottom border should be displayed on all items.",
          "docsTags": [],
          "values": [
            {
              "value": "full",
              "type": "string"
            },
            {
              "value": "inset",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-autocomplete",
        "gasco-navbar",
        "gasco-paginator",
        "gasco-select",
        "gasco-sidebar",
        "gasco-table-col"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-autocomplete": [
          "gasco-list"
        ],
        "gasco-navbar": [
          "gasco-list"
        ],
        "gasco-paginator": [
          "gasco-list"
        ],
        "gasco-select": [
          "gasco-list"
        ],
        "gasco-sidebar": [
          "gasco-list"
        ],
        "gasco-table-col": [
          "gasco-list"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-list-header/gasco-list-header.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-list-header",
      "readme": "# gasco-list-header\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`.",
          "docsTags": [],
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "lines",
          "type": "\"full\" | \"inset\" | \"none\"",
          "mutable": false,
          "attr": "lines",
          "reflectToAttr": false,
          "docs": "How the bottom border should be displayed on the list header.",
          "docsTags": [],
          "values": [
            {
              "value": "full",
              "type": "string"
            },
            {
              "value": "inset",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the list header"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Color of the list header border"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Style of the list header border"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Width of the list header border"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the list header text"
        },
        {
          "name": "--inner-border-width",
          "annotation": "prop",
          "docs": "Width of the inner list header border"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-menu/gasco-menu.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-menu",
      "readme": "# gasco-menu\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "container - The container for the menu content."
        },
        {
          "name": "part",
          "text": "backdrop - The backdrop that appears over the main content when the menu is open."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "contentId",
          "type": "string",
          "mutable": false,
          "attr": "content-id",
          "reflectToAttr": true,
          "docs": "The `id` of the main content. When using\na router this is typically `gasco-router-outlet`.\nWhen not using a router, this is typically\nyour main view's `gasco-content`. This is not the\nid of the `gasco-content` inside of your `gasco-menu`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": true,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the menu is disabled.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "maxEdgeStart",
          "type": "number",
          "mutable": false,
          "attr": "max-edge-start",
          "reflectToAttr": false,
          "docs": "The edge threshold for dragging the menu open.\nIf a drag/swipe happens over this value, the menu is not triggered.",
          "docsTags": [],
          "default": "50",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "menuId",
          "type": "string",
          "mutable": false,
          "attr": "menu-id",
          "reflectToAttr": true,
          "docs": "An id for the menu.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "side",
          "type": "\"end\" | \"start\"",
          "mutable": false,
          "attr": "side",
          "reflectToAttr": true,
          "docs": "Which side of the view the menu should be placed.",
          "docsTags": [],
          "default": "'start'",
          "values": [
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "swipeGesture",
          "type": "boolean",
          "mutable": false,
          "attr": "swipe-gesture",
          "reflectToAttr": false,
          "docs": "If `true`, swiping the menu is enabled.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "string",
          "mutable": true,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "close",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "close(animated?: boolean) => Promise<boolean>",
          "parameters": [],
          "docs": "Closes the menu. If the menu is already closed or it can't be closed,\nit returns `false`.",
          "docsTags": []
        },
        {
          "name": "isActive",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "isActive() => Promise<boolean>",
          "parameters": [],
          "docs": "Returns `true` is the menu is active.\n\nA menu is active when it can be opened or closed, meaning it's enabled\nand it's not part of a `gasco-split-pane`.",
          "docsTags": []
        },
        {
          "name": "isOpen",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "isOpen() => Promise<boolean>",
          "parameters": [],
          "docs": "Returns `true` is the menu is open.",
          "docsTags": []
        },
        {
          "name": "open",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "open(animated?: boolean) => Promise<boolean>",
          "parameters": [],
          "docs": "Opens the menu. If the menu is already open or it can't be opened,\nit returns `false`.",
          "docsTags": []
        },
        {
          "name": "setOpen",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "setOpen(shouldOpen: boolean, animated?: boolean) => Promise<boolean>",
          "parameters": [],
          "docs": "Opens or closes the button.\nIf the operation can't be completed successfully, it returns `false`.",
          "docsTags": []
        },
        {
          "name": "toggle",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "toggle(animated?: boolean) => Promise<boolean>",
          "parameters": [],
          "docs": "Toggles the menu. If the menu is already open, it will try to close, otherwise it will try to open it.\nIf the operation can't be completed successfully, it returns `false`.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "gascoDidClose",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the menu is closed.",
          "docsTags": []
        },
        {
          "event": "gascoDidOpen",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the menu is open.",
          "docsTags": []
        },
        {
          "event": "gascoWillClose",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the menu is about to be closed.",
          "docsTags": []
        },
        {
          "event": "gascoWillOpen",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the menu is about to be opened.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "gascoSplitPaneVisible",
          "target": "body",
          "capture": false,
          "passive": false
        },
        {
          "event": "click",
          "capture": true,
          "passive": false
        },
        {
          "event": "keydown",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the menu"
        },
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "Height of the menu"
        },
        {
          "name": "--max-height",
          "annotation": "prop",
          "docs": "Maximum height of the menu"
        },
        {
          "name": "--max-width",
          "annotation": "prop",
          "docs": "Maximum width of the menu"
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Minimum height of the menu"
        },
        {
          "name": "--min-width",
          "annotation": "prop",
          "docs": "Minimum width of the menu"
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "Width of the menu"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "backdrop",
          "docs": "The backdrop that appears over the main content when the menu is open."
        },
        {
          "name": "container",
          "docs": "The container for the menu content."
        }
      ],
      "dependents": [],
      "dependencies": [
        "gasco-backdrop"
      ],
      "dependencyGraph": {
        "gasco-menu": [
          "gasco-backdrop"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-modal/gasco-modal.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-modal",
      "readme": "# gasco-modal\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content for a type of logo or striking figure of the modal."
        },
        {
          "name": "part",
          "text": "backdrop - The `gasco-backdrop` element."
        },
        {
          "name": "part",
          "text": "content - The wrapper element for the default slot."
        },
        {
          "name": "part",
          "text": "handle - The handle that is displayed at the top of the sheet modal when `handle=\"true\"`."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "animated",
          "type": "boolean",
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "If `true`, the modal will animate.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "backdropBreakpoint",
          "type": "number",
          "mutable": false,
          "attr": "backdrop-breakpoint",
          "reflectToAttr": false,
          "docs": "A decimal value between 0 and 1 that indicates the\npoint after which the backdrop will begin to fade in\nwhen using a sheet modal. Prior to this point, the\nbackdrop will be hidden and the content underneath\nthe sheet can be interacted with. This value is exclusive\nmeaning the backdrop will become active after the value\nspecified.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "backdropDismiss",
          "type": "boolean",
          "mutable": false,
          "attr": "backdrop-dismiss",
          "reflectToAttr": false,
          "docs": "If `true`, the modal will be dismissed when the backdrop is clicked.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "breakpoints",
          "type": "number[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The breakpoints to use when creating a sheet modal. Each value in the\narray must be a decimal between 0 and 1 where 0 indicates the modal is fully\nclosed and 1 indicates the modal is fully open. Values are relative\nto the height of the modal, not the height of the screen. One of the values in this\narray must be the value of the `initialBreakpoint` property.\nFor example: [0, .25, .5, 1]",
          "docsTags": [],
          "values": [
            {
              "type": "number[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "canDismiss",
          "type": "(() => Promise<boolean>) | boolean",
          "mutable": false,
          "attr": "can-dismiss",
          "reflectToAttr": false,
          "docs": "Determines whether or not a modal can dismiss\nwhen calling the `dismiss` method.\n\nIf the value is `true` or the value's function returns `true`, the modal will close when trying to dismiss.\nIf the value is `false` or the value's function returns `false`, the modal will not close when trying to dismiss.",
          "docsTags": [],
          "values": [
            {
              "type": "(() => Promise<boolean>)"
            },
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "enterAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the modal is presented.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "handle",
          "type": "boolean",
          "mutable": false,
          "attr": "handle",
          "reflectToAttr": false,
          "docs": "The horizontal line that displays at the top of a sheet modal. It is `true` by default when\nsetting the `breakpoints` and `initialBreakpoint` properties.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "htmlAttributes",
          "type": "{ [key: string]: any; }",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Additional attributes to pass to the modal.",
          "docsTags": [],
          "values": [
            {
              "type": "{ [key: string]: any; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "initialBreakpoint",
          "type": "number",
          "mutable": false,
          "attr": "initial-breakpoint",
          "reflectToAttr": false,
          "docs": "A decimal value between 0 and 1 that indicates the\ninitial point the modal will open at when creating a\nsheet modal. This value must also be listed in the\n`breakpoints` array.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isOpen",
          "type": "boolean",
          "mutable": false,
          "attr": "is-open",
          "reflectToAttr": false,
          "docs": "If `true`, the modal will open. If `false`, the modal will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the modalController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe modal dismisses. You will need to do that in your code.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "keyboardClose",
          "type": "boolean",
          "mutable": false,
          "attr": "keyboard-close",
          "reflectToAttr": false,
          "docs": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "leaveAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the modal is dismissed.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "modalBody",
          "type": "string",
          "mutable": false,
          "attr": "modal-body",
          "reflectToAttr": false,
          "docs": "If `true`, the modal will body.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "modalTitle",
          "type": "string",
          "mutable": false,
          "attr": "modal-title",
          "reflectToAttr": false,
          "docs": "If `true`, the modal will title.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "presentingElement",
          "type": "HTMLElement",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The element that presented the modal. This is used for card presentation effects\nand for stacking multiple modals on top of each other. Only applies in iOS mode.",
          "docsTags": [],
          "values": [
            {
              "type": "HTMLElement"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "showBackdrop",
          "type": "boolean",
          "mutable": false,
          "attr": "show-backdrop",
          "reflectToAttr": false,
          "docs": "If `true`, a backdrop will be displayed behind the modal.\nThis property controls whether or not the backdrop\ndarkens the screen when the modal is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The Modal size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "swipeToClose",
          "type": "boolean",
          "mutable": false,
          "attr": "swipe-to-close",
          "reflectToAttr": false,
          "docs": "If `true`, the modal can be swiped to dismiss. Only applies in iOS mode.",
          "docsTags": [
            {
              "name": "deprecated",
              "text": "- To prevent modals from dismissing, use canDismiss instead."
            }
          ],
          "default": "false",
          "deprecation": "- To prevent modals from dismissing, use canDismiss instead.",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "trigger",
          "type": "string",
          "mutable": false,
          "attr": "trigger",
          "reflectToAttr": false,
          "docs": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "type",
          "type": "\"basic\" | \"default\" | \"simple\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "If `\"default\"`, the modal will default.\nFor default `\"default\"`.",
          "docsTags": [],
          "default": "'default'",
          "values": [
            {
              "value": "basic",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "simple",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "dismiss",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "dismiss(data?: any, role?: string) => Promise<boolean>",
          "parameters": [],
          "docs": "Dismiss the modal overlay after it has been presented.",
          "docsTags": [
            {
              "name": "param",
              "text": "data Any data to emit in the dismiss events."
            },
            {
              "name": "param",
              "text": "role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'."
            }
          ]
        },
        {
          "name": "getCurrentBreakpoint",
          "returns": {
            "type": "Promise<number>",
            "docs": ""
          },
          "signature": "getCurrentBreakpoint() => Promise<number | undefined>",
          "parameters": [],
          "docs": "Returns the current breakpoint of a sheet style modal",
          "docsTags": []
        },
        {
          "name": "onDidDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the modal did dismiss.",
          "docsTags": []
        },
        {
          "name": "onWillDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the modal will dismiss.",
          "docsTags": []
        },
        {
          "name": "present",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "present() => Promise<void>",
          "parameters": [],
          "docs": "Present the modal overlay after it has been created.",
          "docsTags": []
        },
        {
          "name": "setCurrentBreakpoint",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "setCurrentBreakpoint(breakpoint: number) => Promise<void>",
          "parameters": [],
          "docs": "Move a sheet style modal to a specific breakpoint. The breakpoint value must\nbe a value defined in your `breakpoints` array.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "accepted",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal has accepted.\nShorthand for gascoModalAccepted.",
          "docsTags": []
        },
        {
          "event": "didDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal has dismissed.\nShorthand for gascoModalDidDismiss.",
          "docsTags": []
        },
        {
          "event": "didPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal has presented.\nShorthand for gascoModalWillDismiss.",
          "docsTags": []
        },
        {
          "event": "gascoBreakpointDidChange",
          "detail": "ModalBreakpointChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal breakpoint has changed.",
          "docsTags": []
        },
        {
          "event": "gascoModalAccepted",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal has accepted.",
          "docsTags": []
        },
        {
          "event": "gascoModalDidDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoModalDidPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the modal has presented.",
          "docsTags": []
        },
        {
          "event": "gascoModalWillDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the modal has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoModalWillPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the modal has presented.",
          "docsTags": []
        },
        {
          "event": "willDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the modal has dismissed.\nShorthand for gascoModalWillDismiss.",
          "docsTags": []
        },
        {
          "event": "willPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the modal has presented.\nShorthand for gascoModalWillPresent.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--backdrop-opacity",
          "annotation": "prop",
          "docs": "Opacity of the backdrop"
        },
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the modal content"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Border color of the modal content"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the modal content"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Border style of the modal content"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Border width of the modal content"
        },
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "Height of the modal"
        },
        {
          "name": "--max-height",
          "annotation": "prop",
          "docs": "Maximum height of the modal"
        },
        {
          "name": "--max-width",
          "annotation": "prop",
          "docs": "Maximum width of the modal"
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Minimum height of the modal"
        },
        {
          "name": "--min-width",
          "annotation": "prop",
          "docs": "Minimum width of the modal"
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "Width of the modal"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content for a type of logo or striking figure of the modal."
        }
      ],
      "parts": [
        {
          "name": "backdrop",
          "docs": "The `gasco-backdrop` element."
        },
        {
          "name": "button",
          "docs": ""
        },
        {
          "name": "content",
          "docs": "The wrapper element for the default slot."
        },
        {
          "name": "handle",
          "docs": "The handle that is displayed at the top of the sheet modal when `handle=\"true\"`."
        }
      ],
      "dependents": [],
      "dependencies": [
        "gasco-backdrop",
        "gasco-button"
      ],
      "dependencyGraph": {
        "gasco-modal": [
          "gasco-backdrop",
          "gasco-button"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-navbar/gasco-navbar.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-navbar",
      "readme": "# gasco-navbar\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "position",
          "type": "\"relative\" | \"sticky\"",
          "mutable": false,
          "attr": "position",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "'relative'",
          "values": [
            {
              "value": "relative",
              "type": "string"
            },
            {
              "value": "sticky",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "user",
          "type": "INavbarUser",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "INavbarUser"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "usernav",
          "type": "INavbarUserNav[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "INavbarUserNav[]"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoSetUserToSidebar",
          "detail": "IGetUserOfNavbar",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "gascoSidebarShow",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "ion-icon",
        "gasco-list",
        "gasco-item"
      ],
      "dependencyGraph": {
        "gasco-navbar": [
          "ion-icon",
          "gasco-list",
          "gasco-item"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-paginator/gasco-paginator.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-paginator",
      "readme": "# gasco-paginator\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "currentPage",
          "type": "number",
          "mutable": true,
          "attr": "current-page",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "htmlAttributes",
          "type": "{ [key: string]: any; }",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Additional attributes to pass to the pagiantor.",
          "docsTags": [],
          "values": [
            {
              "type": "{ [key: string]: any; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pageSize",
          "type": "number",
          "mutable": true,
          "attr": "page-size",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "default": "10",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "suggestionList",
          "type": "number[]",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "number[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "totalItems",
          "type": "number",
          "mutable": false,
          "attr": "total-items",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoChange",
          "detail": "PaginatorChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "gascoReady",
          "detail": "PaginatorReadyEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "sizeChanged",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-table"
      ],
      "dependencies": [
        "ion-icon",
        "gasco-item",
        "gasco-list"
      ],
      "dependencyGraph": {
        "gasco-paginator": [
          "ion-icon",
          "gasco-item",
          "gasco-list"
        ],
        "gasco-table": [
          "gasco-paginator"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-picker-column-internal/gasco-picker-column-internal.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-picker-column-internal",
      "readme": "# gasco-picker-column-internal\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "items",
          "type": "PickerColumnItem[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A list of options to be displayed in the picker",
          "docsTags": [],
          "default": "[]",
          "values": [
            {
              "type": "PickerColumnItem[]"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number | string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The selected option in the picker.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoChange",
          "detail": "PickerColumnItem",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-datetime"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-datetime": [
          "gasco-picker-column-internal"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-picker-internal/gasco-picker-internal.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-picker-internal",
      "readme": "# gasco-picker-internal\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [
        {
          "event": "gascoInputModeChange",
          "detail": "PickerInternalChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-datetime"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-datetime": [
          "gasco-picker-internal"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-popover/gasco-popover.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-popover",
      "readme": "# gasco-popover\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "- Content is placed inside of the `.popover-content` element."
        },
        {
          "name": "part",
          "text": "backdrop - The `gasco-backdrop` element."
        },
        {
          "name": "part",
          "text": "arrow - The arrow that points to the reference element. Only applies on `ios` mode."
        },
        {
          "name": "part",
          "text": "content - The wrapper element for the default slot."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "alignment",
          "type": "\"center\" | \"end\" | \"start\"",
          "mutable": true,
          "attr": "alignment",
          "reflectToAttr": false,
          "docs": "Describes how to align the popover content with the `reference` point.\nDefaults to `'center'` for `ios` mode, and `'start'` for `md` mode.",
          "docsTags": [],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "animated",
          "type": "boolean",
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "If `true`, the popover will animate.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "arrow",
          "type": "boolean",
          "mutable": false,
          "attr": "arrow",
          "reflectToAttr": false,
          "docs": "If `true`, the popover will display an arrow that points at the\n`reference` when running in `ios` mode. Does not apply in `md` mode.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "backdropDismiss",
          "type": "boolean",
          "mutable": false,
          "attr": "backdrop-dismiss",
          "reflectToAttr": false,
          "docs": "If `true`, the popover will be dismissed when the backdrop is clicked.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "component",
          "type": "Function | HTMLElement | string",
          "mutable": false,
          "attr": "component",
          "reflectToAttr": false,
          "docs": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `gasco-popover`.",
          "docsTags": [],
          "values": [
            {
              "type": "Function"
            },
            {
              "type": "HTMLElement"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "componentProps",
          "type": "{ [key: string]: any; }",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "The data to pass to the popover component.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nset the props directly on your component.",
          "docsTags": [],
          "values": [
            {
              "type": "{ [key: string]: any; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "dismissOnSelect",
          "type": "boolean",
          "mutable": false,
          "attr": "dismiss-on-select",
          "reflectToAttr": false,
          "docs": "If `true`, the popover will be automatically\ndismissed when the content has been clicked.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "enterAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the popover is presented.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "event",
          "type": "any",
          "mutable": false,
          "attr": "event",
          "reflectToAttr": false,
          "docs": "The event to pass to the popover animation.",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "htmlAttributes",
          "type": "{ [key: string]: any; }",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Additional attributes to pass to the popover.",
          "docsTags": [],
          "values": [
            {
              "type": "{ [key: string]: any; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isOpen",
          "type": "boolean",
          "mutable": false,
          "attr": "is-open",
          "reflectToAttr": false,
          "docs": "If `true`, the popover will open. If `false`, the popover will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the popoverController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe popover dismisses. You will need to do that in your code.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "keyboardClose",
          "type": "boolean",
          "mutable": false,
          "attr": "keyboard-close",
          "reflectToAttr": false,
          "docs": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "leaveAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the popover is dismissed.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "reference",
          "type": "\"event\" | \"trigger\"",
          "mutable": false,
          "attr": "reference",
          "reflectToAttr": false,
          "docs": "Describes what to position the popover relative to.\nIf `'trigger'`, the popover will be positioned relative\nto the trigger button. If passing in an event, this is\ndetermined via event.target.\nIf `'event'`, the popover will be positioned relative\nto the x/y coordinates of the trigger action. If passing\nin an event, this is determined via event.clientX and event.clientY.",
          "docsTags": [],
          "default": "'trigger'",
          "values": [
            {
              "value": "event",
              "type": "string"
            },
            {
              "value": "trigger",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "showBackdrop",
          "type": "boolean",
          "mutable": false,
          "attr": "show-backdrop",
          "reflectToAttr": false,
          "docs": "If `true`, a backdrop will be displayed behind the popover.\nThis property controls whether or not the backdrop\ndarkens the screen when the popover is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "side",
          "type": "\"bottom\" | \"end\" | \"left\" | \"right\" | \"start\" | \"top\"",
          "mutable": false,
          "attr": "side",
          "reflectToAttr": false,
          "docs": "Describes which side of the `reference` point to position\nthe popover on. The `'start'` and `'end'` values are RTL-aware,\nand the `'left'` and `'right'` values are not.",
          "docsTags": [],
          "default": "'bottom'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"auto\" | \"cover\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Describes how to calculate the popover width.\nIf `'cover'`, the popover width will match the width of the trigger.\nIf `'auto'`, the popover width will be determined by the content in\nthe popover.",
          "docsTags": [],
          "default": "'auto'",
          "values": [
            {
              "value": "auto",
              "type": "string"
            },
            {
              "value": "cover",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "translucent",
          "type": "boolean",
          "mutable": false,
          "attr": "translucent",
          "reflectToAttr": false,
          "docs": "If `true`, the popover will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "trigger",
          "type": "string",
          "mutable": false,
          "attr": "trigger",
          "reflectToAttr": false,
          "docs": "An ID corresponding to the trigger element that\ncauses the popover to open. Use the `trigger-action`\nproperty to customize the interaction that results in\nthe popover opening.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "triggerAction",
          "type": "\"click\" | \"context-menu\" | \"hover\"",
          "mutable": false,
          "attr": "trigger-action",
          "reflectToAttr": false,
          "docs": "Describes what kind of interaction with the trigger that\nshould cause the popover to open. Does not apply when the `trigger`\nproperty is `undefined`.\nIf `'click'`, the popover will be presented when the trigger is left clicked.\nIf `'hover'`, the popover will be presented when a pointer hovers over the trigger.\nIf `'context-menu'`, the popover will be presented when the trigger is right\nclicked on desktop and long pressed on mobile. This will also prevent your\ndevice's normal context menu from appearing.",
          "docsTags": [],
          "default": "'click'",
          "values": [
            {
              "value": "click",
              "type": "string"
            },
            {
              "value": "context-menu",
              "type": "string"
            },
            {
              "value": "hover",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "dismiss",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "dismiss(data?: any, role?: string, dismissParentPopover?: boolean) => Promise<boolean>",
          "parameters": [],
          "docs": "Dismiss the popover overlay after it has been presented.",
          "docsTags": [
            {
              "name": "param",
              "text": "data Any data to emit in the dismiss events."
            },
            {
              "name": "param",
              "text": "role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'."
            },
            {
              "name": "param",
              "text": "dismissParentPopover If `true`, dismissing this popover will also dismiss\na parent popover if this popover is nested. Defaults to `true`."
            }
          ]
        },
        {
          "name": "onDidDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the popover did dismiss.",
          "docsTags": []
        },
        {
          "name": "onWillDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the popover will dismiss.",
          "docsTags": []
        },
        {
          "name": "present",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "present(event?: MouseEvent | TouchEvent | PointerEvent | CustomEvent) => Promise<void>",
          "parameters": [],
          "docs": "Present the popover overlay after it has been created.\nDevelopers can pass a mouse, touch, or pointer event\nto position the popover relative to where that event\nwas dispatched.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "didDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the popover has dismissed.\nShorthand for gascoPopoverDidDismiss.",
          "docsTags": []
        },
        {
          "event": "didPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the popover has presented.\nShorthand for gascoPopoverWillDismiss.",
          "docsTags": []
        },
        {
          "event": "gascoPopoverDidDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the popover has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoPopoverDidPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the popover has presented.",
          "docsTags": []
        },
        {
          "event": "gascoPopoverWillDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the popover has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoPopoverWillPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the popover has presented.",
          "docsTags": []
        },
        {
          "event": "willDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the popover has dismissed.\nShorthand for gascoPopoverWillDismiss.",
          "docsTags": []
        },
        {
          "event": "willPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the popover has presented.\nShorthand for gascoPopoverWillPresent.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--backdrop-opacity",
          "annotation": "prop",
          "docs": "Opacity of the backdrop"
        },
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the popover"
        },
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the popover"
        },
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "Height of the popover"
        },
        {
          "name": "--max-height",
          "annotation": "prop",
          "docs": "Maximum height of the popover"
        },
        {
          "name": "--max-width",
          "annotation": "prop",
          "docs": "Maximum width of the popover"
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Minimum height of the popover"
        },
        {
          "name": "--min-width",
          "annotation": "prop",
          "docs": "Minimum width of the popover"
        },
        {
          "name": "--offset-x",
          "annotation": "prop",
          "docs": "The amount to move the popover by on the x-axis"
        },
        {
          "name": "--offset-y",
          "annotation": "prop",
          "docs": "The amount to move the popover by on the y-axis"
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "Width of the popover"
        }
      ],
      "slots": [
        {
          "name": "",
          "docs": "Content is placed inside of the `.popover-content` element."
        }
      ],
      "parts": [
        {
          "name": "arrow",
          "docs": "The arrow that points to the reference element. Only applies on `ios` mode."
        },
        {
          "name": "backdrop",
          "docs": "The `gasco-backdrop` element."
        },
        {
          "name": "content",
          "docs": "The wrapper element for the default slot."
        }
      ],
      "dependents": [
        "gasco-datetime"
      ],
      "dependencies": [
        "gasco-backdrop"
      ],
      "dependencyGraph": {
        "gasco-popover": [
          "gasco-backdrop"
        ],
        "gasco-datetime": [
          "gasco-popover"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-progress/gasco-progress.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-progress",
      "readme": "# gasco-progress\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "progress - The progress bar that shows the current value when `type` is `\"determinate\"` and slides back and forth when `type` is `\"indeterminate\"`."
        },
        {
          "name": "part",
          "text": "stream - The animated circles that appear while buffering. This only shows when `buffer` is set and `type` is `\"determinate\"`."
        },
        {
          "name": "part",
          "text": "track - The track bar behind the progress bar. If the `buffer` property is set and `type` is `\"determinate\"` the track will be the\nwidth of the `buffer` value."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "buffer",
          "type": "number",
          "mutable": false,
          "attr": "buffer",
          "reflectToAttr": false,
          "docs": "If the buffer and value are smaller than 1, the buffer circles will show.\nThe buffer should be between [0, 1].",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"``.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "reversed",
          "type": "boolean",
          "mutable": false,
          "attr": "reversed",
          "reflectToAttr": false,
          "docs": "If true, reverse the progress bar direction.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "shape",
          "type": "\"circle\" | \"inline\"",
          "mutable": false,
          "attr": "shape",
          "reflectToAttr": false,
          "docs": "If true, reverse the progress bar direction.",
          "docsTags": [],
          "default": "'inline'",
          "values": [
            {
              "value": "circle",
              "type": "string"
            },
            {
              "value": "inline",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The Progress size only for circle.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "type",
          "type": "\"determinate\" | \"indeterminate\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The state of the progress bar, based on if the time the process takes is known or not.\nDefault options are: `\"determinate\"` (no animation), `\"indeterminate\"` (animate from left to right).",
          "docsTags": [],
          "default": "'determinate'",
          "values": [
            {
              "value": "determinate",
              "type": "string"
            },
            {
              "value": "indeterminate",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value determines how much of the active bar should display when the\n`type` is `\"determinate\"`.\nThe value should be between [0, 1].",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the progress track, or the buffer bar if `buffer` is set"
        },
        {
          "name": "--progress-background",
          "annotation": "prop",
          "docs": "Background of the progress bar representing the current value"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "progress",
          "docs": "The progress bar that shows the current value when `type` is `\"determinate\"` and slides back and forth when `type` is `\"indeterminate\"`."
        },
        {
          "name": "stream",
          "docs": "The animated circles that appear while buffering. This only shows when `buffer` is set and `type` is `\"determinate\"`."
        },
        {
          "name": "track",
          "docs": "The track bar behind the progress bar. If the `buffer` property is set and `type` is `\"determinate\"` the track will be the\nwidth of the `buffer` value."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-radio/gasco-radio.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-radio",
      "readme": "# gasco-radio\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "container - The container for the radio mark."
        },
        {
          "name": "part",
          "text": "mark - The checkmark or dot used to indicate the checked state."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "If `true`, the radio is selected.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the radio.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.inputId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "any",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "the value of the radio.",
          "docsTags": [],
          "values": [
            {
              "type": "any"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the radio button loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the radio button has focus.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the radio"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the radio"
        },
        {
          "name": "--color-checked",
          "annotation": "prop",
          "docs": "Color of the checked radio"
        },
        {
          "name": "--inner-border-radius",
          "annotation": "prop",
          "docs": "Border radius of the inner checked radio"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "container",
          "docs": "The container for the radio mark."
        },
        {
          "name": "mark",
          "docs": "The checkmark or dot used to indicate the checked state."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-range/gasco-range.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-range",
      "readme": "# ion-range\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "start - Content is placed to the left of the range slider in LTR, and to the right in RTL."
        },
        {
          "name": "slot",
          "text": "end - Content is placed to the right of the range slider in LTR, and to the left in RTL."
        },
        {
          "name": "part",
          "text": "tick - An inactive tick mark."
        },
        {
          "name": "part",
          "text": "tick-active - An active tick mark."
        },
        {
          "name": "part",
          "text": "pin - The counter that appears above a knob."
        },
        {
          "name": "part",
          "text": "knob - The handle that is used to drag the range."
        },
        {
          "name": "part",
          "text": "bar - The inactive part of the bar."
        },
        {
          "name": "part",
          "text": "bar-active - The active part of the bar."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`, and `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "debounce",
          "type": "number",
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "How long, in milliseconds, to wait to trigger the\n`gascoChange` event after each change in the range value.\nThis also impacts form bindings such as `ngModel` or `v-model`.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the range.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "dualKnobs",
          "type": "boolean",
          "mutable": false,
          "attr": "dual-knobs",
          "reflectToAttr": false,
          "docs": "Show two knobs.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "max",
          "type": "number",
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "Maximum integer value of the range.",
          "docsTags": [],
          "default": "100",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "min",
          "type": "number",
          "mutable": false,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "Minimum integer value of the range.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pin",
          "type": "boolean",
          "mutable": false,
          "attr": "pin",
          "reflectToAttr": false,
          "docs": "If `true`, a pin with integer value is shown when the knob\nis pressed.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "pinFormatter",
          "type": "(value: number) => string | number",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "A callback used to format the pin text.\nBy default the pin text is set to `Math.round(value)`.",
          "docsTags": [],
          "default": "(value: number): number => Math.round(value)",
          "values": [
            {
              "type": "(value: number) => string"
            },
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "snaps",
          "type": "boolean",
          "mutable": false,
          "attr": "snaps",
          "reflectToAttr": false,
          "docs": "If `true`, the knob snaps to tick marks evenly spaced based\non the step property value.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "step",
          "type": "number",
          "mutable": false,
          "attr": "step",
          "reflectToAttr": false,
          "docs": "Specifies the value granularity.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "ticks",
          "type": "boolean",
          "mutable": false,
          "attr": "ticks",
          "reflectToAttr": false,
          "docs": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "number | { lower: number; upper: number; }",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "the value of the range.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            },
            {
              "type": "{ lower: number; upper: number; }"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoBlur",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the range loses focus.",
          "docsTags": []
        },
        {
          "event": "gascoChange",
          "detail": "RangeChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value property has changed.",
          "docsTags": []
        },
        {
          "event": "gascoFocus",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the range has focus.",
          "docsTags": []
        },
        {
          "event": "gascoKnobMoveEnd",
          "detail": "RangeKnobMoveEndEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the user finishes moving the range knob, whether through\nmouse drag, touch gesture, or keyboard interaction.",
          "docsTags": []
        },
        {
          "event": "gascoKnobMoveStart",
          "detail": "RangeKnobMoveStartEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the user starts moving the range knob, whether through\nmouse drag, touch gesture, or keyboard interaction.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--bar-background",
          "annotation": "prop",
          "docs": "Background of the range bar"
        },
        {
          "name": "--bar-background-active",
          "annotation": "prop",
          "docs": "Background of the active range bar"
        },
        {
          "name": "--bar-border-radius",
          "annotation": "prop",
          "docs": "Border radius of the range bar"
        },
        {
          "name": "--bar-height",
          "annotation": "prop",
          "docs": "Height of the range bar"
        },
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "Height of the range"
        },
        {
          "name": "--knob-background",
          "annotation": "prop",
          "docs": "Background of the range knob"
        },
        {
          "name": "--knob-border-radius",
          "annotation": "prop",
          "docs": "Border radius of the range knob"
        },
        {
          "name": "--knob-box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the range knob"
        },
        {
          "name": "--knob-size",
          "annotation": "prop",
          "docs": "Size of the range knob"
        },
        {
          "name": "--pin-background",
          "annotation": "prop",
          "docs": "Background of the range pin (only available in MD mode)"
        },
        {
          "name": "--pin-color",
          "annotation": "prop",
          "docs": "Color of the range pin (only available in MD mode)"
        }
      ],
      "slots": [
        {
          "name": "end",
          "docs": "Content is placed to the right of the range slider in LTR, and to the left in RTL."
        },
        {
          "name": "start",
          "docs": "Content is placed to the left of the range slider in LTR, and to the right in RTL."
        }
      ],
      "parts": [
        {
          "name": "bar",
          "docs": "The inactive part of the bar."
        },
        {
          "name": "bar-active",
          "docs": "The active part of the bar."
        },
        {
          "name": "knob",
          "docs": "The handle that is used to drag the range."
        },
        {
          "name": "pin",
          "docs": "The counter that appears above a knob."
        },
        {
          "name": "tick",
          "docs": "An inactive tick mark."
        },
        {
          "name": "tick-active",
          "docs": "An active tick mark."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-select/gasco-select.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-select",
      "readme": "# gasco-select\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "choices",
          "type": "IChoiceProp[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "IChoiceProp[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the select.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Instructional text that show before the input has a value.\nThe Input label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "mutable": false,
          "attr": "multiple",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "name",
          "type": "string",
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "The name of the control, which is submitted with the form data.",
          "docsTags": [],
          "default": "this.selectId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Instructional text that show before the input has a value.",
          "docsTags": [],
          "default": "'Seleccione un elemento'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoChangeSelect",
          "detail": "IChoiceDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        },
        {
          "event": "gascoReadySelect",
          "detail": "any",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "click",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "gasco-item",
        "gasco-checkbox",
        "gasco-input",
        "ion-icon",
        "gasco-list"
      ],
      "dependencyGraph": {
        "gasco-select": [
          "gasco-item",
          "gasco-checkbox",
          "gasco-input",
          "ion-icon",
          "gasco-list"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-sidebar/gasco-sidebar.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-sidebar",
      "readme": "# gasco-sidebar\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\r\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "isOpen",
          "type": "boolean",
          "mutable": false,
          "attr": "is-open",
          "reflectToAttr": false,
          "docs": "If 'true', the `gasco-sidebar` will be inicialized open, defaul is `false`.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "size",
          "type": "\"cover\" | \"fixed\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "If `cover`, the `gasco-sidebar` will expand to cover the full height of its container.\r\nIf `fixed`, the `gasco-sidebar` will have a fixed height.",
          "docsTags": [],
          "default": "'fixed'",
          "values": [
            {
              "value": "cover",
              "type": "string"
            },
            {
              "value": "fixed",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        },
        {
          "event": "gascoSetUserToSidebar",
          "target": "body",
          "capture": false,
          "passive": false
        },
        {
          "event": "gascoBackdropTap",
          "target": "body",
          "capture": false,
          "passive": false
        },
        {
          "event": "gascoSidebarShow",
          "target": "body",
          "capture": false,
          "passive": false
        },
        {
          "event": "click",
          "target": "body",
          "capture": false,
          "passive": true
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "gasco-backdrop",
        "ion-icon",
        "gasco-list",
        "gasco-item"
      ],
      "dependencyGraph": {
        "gasco-sidebar": [
          "gasco-backdrop",
          "ion-icon",
          "gasco-list",
          "gasco-item"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-tab/gasco-tab.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-tab",
      "readme": "# gasco-tab\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"` and `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the segment.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "scrollable",
          "type": "boolean",
          "mutable": false,
          "attr": "scrollable",
          "reflectToAttr": false,
          "docs": "If `true`, the segment buttons will overflow and the user can swipe to see them.\nIn addition, this will disable the gesture to drag the indicator between the buttons\nin order to swipe to see hidden buttons.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "selectOnFocus",
          "type": "boolean",
          "mutable": false,
          "attr": "select-on-focus",
          "reflectToAttr": false,
          "docs": "If `true`, navigating to an `GASCO-TAB-button` with the keyboard will focus and select the element.\nIf `false`, keyboard navigation will only focus the `GASCO-TAB-button` element.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "swipeGesture",
          "type": "boolean",
          "mutable": false,
          "attr": "swipe-gesture",
          "reflectToAttr": false,
          "docs": "If `true`, users will be able to swipe between segment buttons to activate them.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "the value of the segment.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoChange",
          "detail": "SegmentChangeEventDetail",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value property has changed and any\ndragging pointer has been released from `GASCO-TAB`.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "keydown",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the segment button"
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-tab-button/gasco-tab-button.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-tab-button",
      "readme": "# gasco-tab-button\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "native - The native HTML button element that wraps all child elements."
        },
        {
          "name": "part",
          "text": "indicator - The indicator displayed on the checked segment button."
        },
        {
          "name": "part",
          "text": "indicator-background - The background element for the indicator displayed on the checked segment button."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If `true`, the user cannot interact with the segment button.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "layout",
          "type": "\"icon-bottom\" | \"icon-end\" | \"icon-hide\" | \"icon-start\" | \"icon-top\" | \"label-hide\"",
          "mutable": false,
          "attr": "layout",
          "reflectToAttr": false,
          "docs": "Set the layout of the text and icon in the segment.",
          "docsTags": [],
          "default": "'icon-top'",
          "values": [
            {
              "value": "icon-bottom",
              "type": "string"
            },
            {
              "value": "icon-end",
              "type": "string"
            },
            {
              "value": "icon-hide",
              "type": "string"
            },
            {
              "value": "icon-start",
              "type": "string"
            },
            {
              "value": "icon-top",
              "type": "string"
            },
            {
              "value": "label-hide",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "type",
          "type": "\"button\" | \"reset\" | \"submit\"",
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of the button.",
          "docsTags": [],
          "default": "'button'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "reset",
              "type": "string"
            },
            {
              "value": "submit",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "value",
          "type": "string",
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the segment button.",
          "docsTags": [],
          "default": "'gasco-sb-' + ids++",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the segment button"
        },
        {
          "name": "--background-checked",
          "annotation": "prop",
          "docs": "Background of the checked segment button"
        },
        {
          "name": "--background-focused",
          "annotation": "prop",
          "docs": "Background of the segment button when focused with the tab key"
        },
        {
          "name": "--background-focused-opacity",
          "annotation": "prop",
          "docs": "Opacity of the segment button background when focused with the tab key"
        },
        {
          "name": "--background-hover",
          "annotation": "prop",
          "docs": "Background of the segment button on hover"
        },
        {
          "name": "--background-hover-opacity",
          "annotation": "prop",
          "docs": "Opacity of the segment button background on hover"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Color of the segment button border"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Radius of the segment button border"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Style of the segment button border"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Width of the segment button border"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the segment button"
        },
        {
          "name": "--color-checked",
          "annotation": "prop",
          "docs": "Color of the checked segment button"
        },
        {
          "name": "--color-focused",
          "annotation": "prop",
          "docs": "Color of the segment button when focused with the tab key"
        },
        {
          "name": "--color-hover",
          "annotation": "prop",
          "docs": "Color of the segment button on hover"
        },
        {
          "name": "--indicator-box-shadow",
          "annotation": "prop",
          "docs": "Box shadow on the indicator for the checked segment button"
        },
        {
          "name": "--indicator-color",
          "annotation": "prop",
          "docs": "Color of the indicator for the checked segment button"
        },
        {
          "name": "--indicator-height",
          "annotation": "prop",
          "docs": "Height of the indicator for the checked segment button"
        },
        {
          "name": "--indicator-transform",
          "annotation": "prop",
          "docs": "Transform of the indicator for the checked segment button"
        },
        {
          "name": "--indicator-transition",
          "annotation": "prop",
          "docs": "Transition of the indicator for the checked segment button"
        },
        {
          "name": "--margin-bottom",
          "annotation": "prop",
          "docs": "Bottom margin of the segment button"
        },
        {
          "name": "--margin-end",
          "annotation": "prop",
          "docs": "Right margin if direction is left-to-right, and left margin if direction is right-to-left of the segment button"
        },
        {
          "name": "--margin-start",
          "annotation": "prop",
          "docs": "Left margin if direction is left-to-right, and right margin if direction is right-to-left of the segment button"
        },
        {
          "name": "--margin-top",
          "annotation": "prop",
          "docs": "Top margin of the segment button"
        },
        {
          "name": "--padding-bottom",
          "annotation": "prop",
          "docs": "Bottom padding of the segment button"
        },
        {
          "name": "--padding-end",
          "annotation": "prop",
          "docs": "Right padding if direction is left-to-right, and left padding if direction is right-to-left of the segment button"
        },
        {
          "name": "--padding-start",
          "annotation": "prop",
          "docs": "Left padding if direction is left-to-right, and right padding if direction is right-to-left of the segment button"
        },
        {
          "name": "--padding-top",
          "annotation": "prop",
          "docs": "Top padding of the segment button"
        },
        {
          "name": "--transition",
          "annotation": "prop",
          "docs": "Transition of the segment button"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "indicator",
          "docs": "The indicator displayed on the checked segment button."
        },
        {
          "name": "indicator-background",
          "docs": "The background element for the indicator displayed on the checked segment button."
        },
        {
          "name": "native",
          "docs": "The native HTML button element that wraps all child elements."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-table/gasco-table.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-table",
      "readme": "# gasco-table\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "currentPage",
          "type": "number",
          "mutable": false,
          "attr": "current-page",
          "reflectToAttr": true,
          "docs": "If it is `1`, `pageSize` will be shown, which is equivalent to the elements that you want to show.",
          "docsTags": [],
          "default": "1",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pageSize",
          "type": "number",
          "mutable": false,
          "attr": "page-size",
          "reflectToAttr": true,
          "docs": "Number of elements to show this taking into account that it will always be 10 + 10.",
          "docsTags": [],
          "default": "10",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "pagination",
          "type": "boolean",
          "mutable": false,
          "attr": "pagination",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "suggestionList",
          "type": "number[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Amounts of items to display, this may vary depending on the user.",
          "docsTags": [],
          "default": "[10, 20, 30]",
          "values": [
            {
              "type": "number[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "totalItems",
          "type": "number",
          "mutable": false,
          "attr": "total-items",
          "reflectToAttr": true,
          "docs": "Taking into account the number of elements to display by default it is `undefined`.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "users",
          "type": "ITableUsers[]",
          "mutable": true,
          "reflectToAttr": false,
          "docs": "The number of users to display.",
          "docsTags": [],
          "values": [
            {
              "type": "ITableUsers[]"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoTableAction",
          "detail": "ITableColTypeAction",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        },
        {
          "event": "gascoTableTypeAction",
          "target": "body",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "gasco-table-col",
        "gasco-table-row",
        "gasco-checkbox",
        "gasco-avatar",
        "gasco-label",
        "gasco-paginator"
      ],
      "dependencyGraph": {
        "gasco-table": [
          "gasco-table-col",
          "gasco-table-row",
          "gasco-checkbox",
          "gasco-avatar",
          "gasco-label",
          "gasco-paginator"
        ],
        "gasco-table-col": [
          "ion-icon",
          "gasco-list",
          "gasco-item"
        ],
        "gasco-paginator": [
          "ion-icon",
          "gasco-item",
          "gasco-list"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-table-col/gasco-table-col.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-table-col",
      "readme": "# gasco-table-col\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "action",
          "type": "boolean",
          "mutable": false,
          "attr": "action",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "typeAction",
          "type": "string",
          "mutable": false,
          "attr": "type-action",
          "reflectToAttr": true,
          "docs": "",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoTableTypeAction",
          "detail": "ITableColTypeAction",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "native",
          "docs": ""
        }
      ],
      "dependents": [
        "gasco-table"
      ],
      "dependencies": [
        "ion-icon",
        "gasco-list",
        "gasco-item"
      ],
      "dependencyGraph": {
        "gasco-table-col": [
          "ion-icon",
          "gasco-list",
          "gasco-item"
        ],
        "gasco-table": [
          "gasco-table-col"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-table-row/gasco-table-row.tsx",
      "encapsulation": "scoped",
      "tag": "gasco-table-row",
      "readme": "# gasco-table-row\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "header",
          "type": "boolean",
          "mutable": false,
          "attr": "header",
          "reflectToAttr": false,
          "docs": "",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "gasco-table"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "gasco-table": [
          "gasco-table-row"
        ]
      }
    },
    {
      "filePath": "./src/components/gasco-toast/gasco-toast.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-toast",
      "readme": "# gasco-toast\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "button - Any button element that is displayed inside of the toast."
        },
        {
          "name": "part",
          "text": "container - The element that wraps all child elements."
        },
        {
          "name": "part",
          "text": "message - The body text of the toast."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "animated",
          "type": "boolean",
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "If `true`, the toast will animate.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "buttons",
          "type": "(string | ToastButton)[]",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "An array of buttons for the toast.",
          "docsTags": [],
          "values": [
            {
              "type": "(string"
            },
            {
              "type": "ToastButton)[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "color",
          "type": "\"danger\" | \"dark\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | string & Record<never, never>",
          "mutable": false,
          "attr": "color",
          "reflectToAttr": true,
          "docs": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`.",
          "docsTags": [],
          "default": "'primary'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "dark",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            },
            {
              "type": "string & Record<never, never>"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "cssClass",
          "type": "string | string[]",
          "mutable": false,
          "attr": "css-class",
          "reflectToAttr": false,
          "docs": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "string[]"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "duration",
          "type": "number",
          "mutable": false,
          "attr": "duration",
          "reflectToAttr": false,
          "docs": "How many milliseconds to wait before hiding the toast. By default, it will show\nuntil `dismiss()` is called.",
          "docsTags": [],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "enterAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the toast is presented.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "htmlAttributes",
          "type": "{ [key: string]: any; }",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Additional attributes to pass to the toast.",
          "docsTags": [],
          "values": [
            {
              "type": "{ [key: string]: any; }"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "keyboardClose",
          "type": "boolean",
          "mutable": false,
          "attr": "keyboard-close",
          "reflectToAttr": false,
          "docs": "If `true`, the keyboard will be automatically dismissed when the overlay is presented.",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "leaveAnimation",
          "type": "(baseEl: any, opts?: any) => Animation",
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Animation to use when the toast is dismissed.",
          "docsTags": [],
          "values": [
            {
              "type": "(baseEl: any, opts?: any) => Animation"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "message",
          "type": "GascoSafeString | string",
          "mutable": false,
          "attr": "message",
          "reflectToAttr": false,
          "docs": "Message to be shown in the toast.",
          "docsTags": [],
          "values": [
            {
              "type": "GascoSafeString"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "position",
          "type": "\"bottom\" | \"middle\" | \"top\"",
          "mutable": false,
          "attr": "position",
          "reflectToAttr": false,
          "docs": "The position of the toast on the screen.",
          "docsTags": [],
          "default": "'bottom'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "middle",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"large\" | \"small\"",
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "The Toast size.",
          "docsTags": [],
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "large",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "translucent",
          "type": "boolean",
          "mutable": false,
          "attr": "translucent",
          "reflectToAttr": false,
          "docs": "If `true`, the toast will be translucent.\nOnly applies when the mode is `\"ios\"` and the device supports\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).",
          "docsTags": [],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [
        {
          "name": "dismiss",
          "returns": {
            "type": "Promise<boolean>",
            "docs": ""
          },
          "signature": "dismiss(data?: any, role?: string) => Promise<boolean>",
          "parameters": [],
          "docs": "Dismiss the toast overlay after it has been presented.",
          "docsTags": [
            {
              "name": "param",
              "text": "data Any data to emit in the dismiss events."
            },
            {
              "name": "param",
              "text": "role The role of the element that is dismissing the toast.\nThis can be useful in a button handler for determining which button was\nclicked to dismiss the toast.\nSome examples include: ``\"cancel\"`, `\"destructive\"`, \"selected\"`, and `\"backdrop\"`."
            }
          ]
        },
        {
          "name": "onDidDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onDidDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the toast did dismiss.",
          "docsTags": []
        },
        {
          "name": "onWillDismiss",
          "returns": {
            "type": "Promise<OverlayEventDetail<T>>",
            "docs": ""
          },
          "signature": "onWillDismiss<T = any>() => Promise<OverlayEventDetail<T>>",
          "parameters": [],
          "docs": "Returns a promise that resolves when the toast will dismiss.",
          "docsTags": []
        },
        {
          "name": "present",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "signature": "present() => Promise<void>",
          "parameters": [],
          "docs": "Present the toast overlay after it has been created.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "gascoToastDidDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the toast has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoToastDidPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted after the toast has presented.",
          "docsTags": []
        },
        {
          "event": "gascoToastWillDismiss",
          "detail": "OverlayEventDetail<any>",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the toast has dismissed.",
          "docsTags": []
        },
        {
          "event": "gascoToastWillPresent",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted before the toast has presented.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [
        {
          "name": "--background",
          "annotation": "prop",
          "docs": "Background of the toast"
        },
        {
          "name": "--border-color",
          "annotation": "prop",
          "docs": "Border color of the toast"
        },
        {
          "name": "--border-radius",
          "annotation": "prop",
          "docs": "Border radius of the toast"
        },
        {
          "name": "--border-style",
          "annotation": "prop",
          "docs": "Border style of the toast"
        },
        {
          "name": "--border-width",
          "annotation": "prop",
          "docs": "Border width of the toast"
        },
        {
          "name": "--box-shadow",
          "annotation": "prop",
          "docs": "Box shadow of the toast"
        },
        {
          "name": "--button-color",
          "annotation": "prop",
          "docs": "Color of the button text"
        },
        {
          "name": "--color",
          "annotation": "prop",
          "docs": "Color of the toast text"
        },
        {
          "name": "--end",
          "annotation": "prop",
          "docs": "Position from the right if direction is left-to-right, and from the left if direction is right-to-left"
        },
        {
          "name": "--height",
          "annotation": "prop",
          "docs": "Height of the toast"
        },
        {
          "name": "--max-height",
          "annotation": "prop",
          "docs": "Maximum height of the toast"
        },
        {
          "name": "--max-width",
          "annotation": "prop",
          "docs": "Maximum width of the toast"
        },
        {
          "name": "--min-height",
          "annotation": "prop",
          "docs": "Minimum height of the toast"
        },
        {
          "name": "--min-width",
          "annotation": "prop",
          "docs": "Minimum width of the toast"
        },
        {
          "name": "--start",
          "annotation": "prop",
          "docs": "Position from the left if direction is left-to-right, and from the right if direction is right-to-left"
        },
        {
          "name": "--white-space",
          "annotation": "prop",
          "docs": "White space of the toast message"
        },
        {
          "name": "--width",
          "annotation": "prop",
          "docs": "Width of the toast"
        }
      ],
      "slots": [],
      "parts": [
        {
          "name": "button",
          "docs": "Any button element that is displayed inside of the toast."
        },
        {
          "name": "container",
          "docs": "The element that wraps all child elements."
        },
        {
          "name": "message",
          "docs": "The body text of the toast."
        },
        {
          "name": "title",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "./src/components/gasco-tooltip/gasco-tooltip.tsx",
      "encapsulation": "shadow",
      "tag": "gasco-tooltip",
      "readme": "# gasco-tooltip\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "label",
          "type": "string",
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "If `true`, the tooltip will be visible.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "position",
          "type": "\"bottom\" | \"top\"",
          "mutable": false,
          "attr": "position",
          "reflectToAttr": false,
          "docs": "If `true`, the tooltip will be position.",
          "docsTags": [],
          "default": "'top'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false
        },
        {
          "name": "stopPropagation",
          "type": "boolean",
          "mutable": false,
          "attr": "stop-propagation",
          "reflectToAttr": false,
          "docs": "If `true`, the tooltip will stop propagation on tap.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "tappable",
          "type": "boolean",
          "mutable": false,
          "attr": "tappable",
          "reflectToAttr": false,
          "docs": "If `true`, the tooltip will can be clicked and will emit the `gascoTooltip` event.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        },
        {
          "name": "visible",
          "type": "boolean",
          "mutable": false,
          "attr": "visible",
          "reflectToAttr": false,
          "docs": "If `true`, the tooltip will be visible.",
          "docsTags": [],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "gascoTooltip",
          "detail": "void",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the tooltip is tapped.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "click",
          "capture": true,
          "passive": false
        },
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    }
  ]
}